*{margin: 0px; padding: 0px; box-sizing: border-box;}
img{max-width: 100%;}
a,a:hover,a:visited,a:active,a:focus{text-decoration: none;}
ul, li, p{margin: 0px; padding: 0px;}


body{font-family: 'Roboto', sans-serif;  background: linear-gradient(180deg,#f1f6fa,#f9f8ff);}


header .headertop{background-color: #355562; padding: 10px 0px;}
header .headertop ul li, header .headertop ul li a{font-size: 14px; color: #fff;}


header .header-bottom{background-color: #fff; padding: 10px 20px; box-shadow: 0 2px 40px hsla(0,0%,90%,.502);} 
header .header-bottom .navbar .navbar-brand{width:17%;}
header .header-bottom .navbar .navbar-nav{align-items: center; justify-content: center; gap: 5px;}
header .header-bottom .navbar .navbar-nav .nav-link{color: #3f3f3f; font-size: 14px; font-weight: 400; position: relative; transition: .5s; font-family: Poppins,Arial,Helvetica,sans-serif;}
header .header-bottom .navbar .navbar-nav .nav-link:hover{color: #355562}
header .header-bottom .navbar .navbar-nav .nav-link::before{position: absolute; content: ''; width: 0px; height: 2px; background-color: #355562; bottom: 7px; transition: .5s; z-index: 1;}
header .header-bottom .navbar .navbar-nav .nav-link:hover::before{width: 100%;}
header .header-bottom .navbar .outbox li a{display:inline-block; padding: 13px 35px; background-color: #355562; border-radius: 7px; color: #fff;}
header .header-bottom .dropdown .dropdown-menu{border-left: 4px solid #355562 !important; background-color: #fff; border-radius: 0 0 0 0; width: 220px; box-shadow: 0 0 10px 0 rgba(0,0,0,.12); border: transparent;}
header .header-bottom .dropdown .dropdown-menu .dropdown-item:hover{background-color: transparent;}
header .header-bottom .navbar .navbar-toggler{color: #355562; box-shadow: none; border: 2px solid #355562; border-radius:0px;}

header .header-bottom .navbar .offcanvas{width: 280px;}

/* header ko sticky karna ki */

.sticky{background-color:#ffffff ; color: #000; left: 0; right: 0;z-index: 999; position: fixed !important; top:0px; animation: slideDown .5s ease-out;}

@keyframes slideDown {
    from {
      transform: translateY(-100%);
    }
    to {
      transform: translateY(10);
    }
  }
header .heaberbooyem .offcanvas-title{color: #020202; }

.main{
  background: linear-gradient(180deg,#f1f6fa,#f9f8ff);
}

/* slider */

#slider{padding: 60px 0px; }
#slider .content h3{font-size: 1.875rem; font-weight: 700; line-height: 42px; color: #000000d9;}
#slider .content h4{font-size: 1.875rem; font-weight: 700; line-height: 42px; background-image: linear-gradient(95.93deg,#ff93aa 34.91%,#9f83fd 93.18%);
-webkit-background-clip: text; color: transparent; display: inline-block;}
#slider .content .text{color: #5f6880; margin:25px 0px 35px; width: 424px; font-size: 20px; font-weight: 400; line-height: 27px;}
#slider .content .btn{display:inline-block; padding: 9px 40px; background-color: #355562; border-radius: 7px; color: #fff;}
#slider .imgs{text-align: end;}
#slider .imgs img{width: 80%;}
/*#slider .imgs video {*/
/*  box-shadow: 12px -12px 0 #355562;*/
/*}*/

/* about */

#about{padding: 70px 0px 30px; }
#about .row{row-gap: 30px;}
#about .imgsc{position: relative;}
#about .content{margin-left: 50px;}
#about .content h5{color: #777777; position: relative; font-size: 15px; letter-spacing: 0.1em;
  padding-top: 10px; font-family: 'Rubik', sans-serif; text-transform: uppercase; font-weight: 700; letter-spacing: 0.1em;}
#about .content h5::before{position: absolute; content: ''; top: 3px; margin-left: 10px; left: 0; width: 26px; height: 1px; background: #355562; z-index: 1;}
#about .content h5::after{content: ""; position: absolute; top: 0; left: 0; width: 26px; height: 1px; background: #355562;}
#about .content h2{font-size: 50px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.2em; font-family: 'Rubik', sans-serif;}
#about .content .text{margin: 30px 0px; font-weight: 500; color: #777777; font-size: 16px; font-family: 'Rubik', sans-serif; text-align: justify;}
#about .content ul{columns: 2;}
#about .content ul li{margin-bottom: 15px; font-weight: 500;}
#about .content ul li i{color: #355562; margin-right: 6px;}

/* logo-list */

#logo-list{padding: 50px 0px;}
#logo-list h2{text-align: center; margin-bottom: 35px; font-family: Poppins,Arial,Helvetica,sans-serif; color: #3f3f3f;
font-size: 32px; font-weight: 700; letter-spacing: -1px; line-height: 48px;}
#logo-list .inr{border-right: 1px solid #e2e7f3; text-align: center;}
#logo-list .imgsc img{mix-blend-mode: multiply;}

/* logo-list-a */

#logo-list-a{padding: 50px 0px; display: none;}
#logo-list-a h2{text-align: center; margin-bottom: 35px; font-family: Poppins,Arial,Helvetica,sans-serif; color: #3f3f3f;
font-size: 32px; font-weight: 700; letter-spacing: -1px; line-height: 48px;}
#logo-list-a .inr{border-right: 1px solid #e2e7f3; text-align: center;}
#logo-list-a .imgsc img{mix-blend-mode: multiply;}


/* create-marketing */

/* #create-marketing{padding: 50px 0px;}
#create-marketing h2{font-size: 32px; font-weight: 700; line-height: 48px; text-align: center; color: #3f3f3f; margin-bottom: 30px;}
#create-marketing .inr{margin: 90px 0px;}
#create-marketing .text{font-size: 1.25rem; font-weight: 500; line-height: 30px; text-align: center; color: #5f6880; max-width: 960px;
margin: 16px auto 60px; padding: 0 70px; }
#create-marketing .imgsc img{width: 70%;}
#create-marketing .imgsc.imgs{text-align: right;}
#create-marketing .content{margin-left: 58px;}
#create-marketing .content h5{color: #000000d9; font-size: 1rem; font-weight: 600; line-height: 24px; text-align: left;
margin: 0 0 10px;}
#create-marketing .content h3{font-size: 32px; margin-bottom: 40px; line-height: 41.15px; font-family: Poppins,Arial,Helvetica,sans-serif;
font-weight: 700; letter-spacing: -1px; color: #3f3f3f; text-align: left;}
#create-marketing .content .text-a{font-size: 16px; font-weight: 400; font-family: Poppins,Arial,Helvetica,sans-serif; color: #5f6880;
line-height: 24px; text-align: left; margin-bottom: 20px;}
#create-marketing .content .btn{font-size: 18px; color: #5956d6; font-weight: 500; line-height: 24px;
font-family: Poppins,Arial,Helvetica,sans-serif; display:inline-block; padding: 0px;} */

/* testimonials */

.testimonial-sec{padding: 50px 0px 20px !important;}
#testimonials{padding: 10px 0px 50px;}
#testimonials h2{text-align: center; margin-bottom: 40px;}
#testimonials .content{text-align: center;}
#testimonials .row{justify-content: center;}
#testimonials .content .text{font-style: italic; font-size: 15px; color: #000; width: 834px; text-align: center; margin: auto;}
#testimonials .content .imgs{margin: 30px 0px 20px;}
#testimonials .content .imgs img{border-radius: 50px; width: 60px; margin: auto; }
#testimonials .content h5{margin-bottom: 0;}
#testimonials .content ul li i{color: #f76c10;}
#testimonials .owl-theme .owl-dots .owl-dot{display: none;}


/* service */

#service{padding: 20px 0px;}
#service .row{row-gap: 40px;}
#service h2{font-size: 32px; font-weight: 700; line-height: 48px; text-align: center; color: #3f3f3f; margin-bottom: 30px;}
#service .text{font-size: 1.25rem; font-weight: 500; line-height: 30px; text-align: center; color: #5f6880; max-width: 960px;
margin: 16px auto 60px; padding: 0 110px; }
#service .service-inr {height: 100%;}
#service .service-inr .icon img{width: 15%;}
#service .service-inr .heading{font-family: Poppins,Arial,Helvetica,sans-serif; font-style: normal; font-weight: 700; font-size: 20px;
line-height: 128.6%; color: #3f3f3f; margin: 30px 0px;}
#service .service-inr .text-a{font-family: Poppins,Arial,Helvetica,sans-serif; font-style: normal; font-weight: 400; font-size: 17px;
line-height: 24px; color: #5f6880; margin-bottom: 25px;}
#service .service-inr .btn{font-size: 14px; color: #5956d6; font-weight: 500; line-height: 24px;
font-family: Poppins,Arial,Helvetica,sans-serif; display:inline-block; padding: 0px;}

/* service-a */

#service-a{padding: 20px 0px; display: none;}
#service-a .row{row-gap: 40px;}
#service-a h2{font-size: 32px; font-weight: 700; line-height: 48px; text-align: center; color: #3f3f3f; margin-bottom: 30px;}
#service-a .text{font-size: 1.25rem; font-weight: 500; line-height: 30px; text-align: center; color: #5f6880; max-width: 960px;
margin: 16px auto 60px; padding: 0 110px; }
#service-a .service-inr {height: 100%;}
#service-a .service-inr .icon img{width: 15%;}
#service-a .service-inr .heading{font-family: Poppins,Arial,Helvetica,sans-serif; font-style: normal; font-weight: 700; font-size: 20px;
line-height: 128.6%; color: #3f3f3f; margin: 30px 0px;}
#service-a .service-inr .text-a{font-family: Poppins,Arial,Helvetica,sans-serif; font-style: normal; font-weight: 400; font-size: 17px;
line-height: 24px; color: #5f6880; margin-bottom: 25px;}
#service-a .service-inr .btn{font-size: 18px; color: #5956d6; font-weight: 500; line-height: 24px;
font-family: Poppins,Arial,Helvetica,sans-serif; display:inline-block; padding: 0px;}


/* studies */

/* #studies{padding: 50px 0px;} */
#studies h2{font-size: 32px; font-weight: 700; line-height: 48px; text-align: center; color: #3f3f3f;}
#studies .text{font-size: 1.25rem; font-weight: 500; line-height: 30px; text-align: center; color: #5f6880; max-width: 960px;
margin: 16px auto 25px; padding: 0 81px; }
#studies .studies-inr{background: linear-gradient(193.19deg,rgba(199,178,253,.14) 3.09%,rgba(255,237,241,.14) 83.65%);
border-radius: 20px; padding: 15px 11px 15px 15px;}
#studies .studies-inr .content{padding: 20px 0 18px;}
#studies .studies-inr .content .post-info li i{color: #355562;}
#studies .studies-inr .content .text-a a{font-family: Poppins,Arial,Helvetica,sans-serif; font-style: normal; font-weight: 500; font-size:15px;
line-height: 23px; color: #3f3f3f; margin: 15px 0 10px; display: inline-block;}
#studies .studies-inr .content .btn{font-family: Poppins,Arial,Helvetica,sans-serif; font-style: normal; font-weight: 500; font-size: 1rem;
line-height: 24px; color: #355562; bottom: 18px; padding: 0px;}

/* footer */


footer {background: linear-gradient(#f7f5ff, #656565); padding: 50px 0px 25px;}
footer .footer-top .row{row-gap: 40px;}
footer .footer-top p{color: #000000; font-size: 12px; text-align: justify; width: 295px;}
footer .footer-top .btn{padding: 8px 20px; margin-top: 20px; display: inline-block; background-color: #355562; color: #fff; border-radius: 6px;}
footer .footer-top h4{font-size: 17px; color: #000000; font-weight: 600; margin-bottom: 10px;}
footer .footer-top .footer-info li{color:#000;}
footer .footer-top .footer-info li a{margin-bottom: 5px; font-size: 13px; display: inline-block; color: #000;}
/* footer .footer-top .footer-info-1{columns: 2;} */
footer .footer-top .footer-info-1 li{color:#000;}
footer .footer-top .footer-info-1 li a{margin-bottom: 5px; font-size: 13px; display: inline-block; color: #000;}
footer .footer-top .footer-icon li a{height: 30px; width: 30px; line-height: 28px; color: #000000; border: 1px solid #000000; border-radius: 50px; display: inline-block; text-align: center;}
footer .footer-top .footer-add{margin-bottom: 15px;}
footer .footer-top .footer-add li{margin-bottom: 10px; font-size: 13px;}
footer .footer-top .footer-add li a{color: #000000;}
.logoicon .imgsc{text-align: center; margin-top: 20px;}
.logoicon .imgsc img{width: 270px;}

/* model */

.modal .btn{padding: 6px 23px; display: inline-block; background-color: #76c21b; color:#fff;}
.modal .info{justify-content:space-between ;}
.modal .form-control, .modal .form-select{border-radius: 4px; box-shadow: none;}
.modal .btn-a{text-align: center; margin-top: 50px;}
.modal .btn{padding: 10px 30px; background-color: #355562; border-radius: 7px; color: #fff;}
.modal ul li{font-family: Poppins,Arial,Helvetica,sans-serif; font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: #5f6880;
  width: 100%;}

      /* thanks-banner */

#thanks-banner{background-image: url(../images/thanks-banner.jpg); background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center -170px; padding: 150px 0 120px;}
#thanks-banner h2{font-size: 50px; color: #f90a23; font-weight: 900;} 

    /* whatapp */
    .quickcontact {
      width: 50px;
      position: fixed;
      top: 77%;
      right: 30px;
      z-index: 9999;
      }
      
.lightbox{
    display:none;
}

/* contact start */

#contact{padding: 50px 0px;}
#contact .contact-mn{background-color: #ffffff;
padding: 85px;
position: relative;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
border-radius: 10px;
z-index: 2;
background-image: url(../images/contact-img.png);
background-size: cover;
background-position: center center;
}
/* #contact .contact-inr{box-shadow: 0 4px 34px rgba(133,131,218,.2); padding: 50px 62px; border-radius: 20px; max-width: 527px;
filter: drop-shadow(0 4px 4px rgba(0,0,0,.25)); background: #fff; border: 1px solid #d6d9dc; margin-left: 118px;} */
#contact h3{font-family: Poppins,Arial,Helvetica,sans-serif; font-size: 28px; font-weight: 600; line-height: 1.28;
margin: 0 0 1.25rem; color: #3f3f3f;}
#contact ul li{font-family: Poppins,Arial,Helvetica,sans-serif; font-size: 1rem;
font-weight: 400;
line-height: 1.6;
color: #5f6880;
width: 100%;}
#contact .contact-inr .info{justify-content:space-between ;}
#contact .contact-inr .form-control, #contact .contact-inr .form-select{border-radius: 4px; box-shadow: none;}
#contact .contact-inr .btn-a{text-align: center; margin-top: 50px;}
#contact .contact-inr .btn{padding: 10px 30px; background-color: #355562; border-radius: 7px; color: #fff; display: block; width: 100%;}

/* about-sec */

#about-sec{padding: 70px 0px 30px; }
#about-sec .row{row-gap: 30px;}
#about-sec .imgsc{position: relative;}
#about-sec .content{margin-left: 50px;}
#about-sec .content h5{color: #777777; position: relative; font-size: 15px; letter-spacing: 0.1em; padding-top: 10px; font-family: 'Rubik', sans-serif; text-transform: uppercase; font-weight: 700; letter-spacing: 0.1em;}
#about-sec .content h5::before{position: absolute; content: ''; top: 3px; margin-left: 10px; left: 0; width: 26px; height: 1px; background: #355562; z-index: 1;}
#about-sec .content h5::after{content: ""; position: absolute; top: 0; left: 0; width: 26px; height: 1px; background: #355562;}
#about-sec .content h2{font-size: 25px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.2em; font-family: 'Rubik', sans-serif;}
#about-sec .content .text{margin: 15px 0px 20px; font-weight: 500; color: #777777; font-size: 14px; font-family: 'Rubik', sans-serif; text-align: justify;}
#about-sec .content ul{columns: 2;}
#about-sec .content ul li{margin-bottom: 15px; font-weight: 500;}
#about-sec .content ul li i{color: #355562; margin-right: 6px;}

/* gallery */

#gallery h2{text-align: center; margin-bottom: 25px;}

@media screen and (min-width: 991px) {
  #gallery {
    padding: 15px 30px 0 30px;
  }
}

.img-wrapper {
  position: relative;
  margin-top: 15px;
}
.img-wrapper img {
  width: 100%;
}

.img-overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}
.img-overlay i {
  color: #fff;
  font-size: 3em;
}

#overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#overlay img {
  margin: 0;
  width: 80%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  padding: 5%;
}
@media screen and (min-width: 768px) {
  #overlay img {
    width: 60%;
  }
}
@media screen and (min-width: 1200px) {
  #overlay img {
    width: 50%;
  }
}

#nextButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}
#nextButton:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  #nextButton {
    font-size: 3em;
  }
}

#prevButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}
#prevButton:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  #prevButton {
    font-size: 3em;
  }
}

#exitButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
}
#exitButton:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  #exitButton {
    font-size: 3em;
  }
}

/* blog-info */

#blog-info{padding: 20px 0px;}
#blog-info li a{color: #000000;}

/* blog-det start */

#blog-det{padding: 15px 0px 30px;}
#blog-det .imgs{position: relative;}
#blog-det .imgs img{border-radius: 10px;}
#blog-det .imgs .date{position: absolute; top: 0px; right: 0px; background: #355562;
color: #ffffff;
font-size: 14px;
font-weight: 500;
height: 75px;
letter-spacing: 0.1em;
line-height: 20px;
z-index: 1;
width: 72px;
text-transform: uppercase;
text-align: center;
padding: 15px;
border-radius: 0px 10px 0px 0px;
font-family: "Roboto", sans-serif;}
#blog-det .post-info{margin: 20px 0px;}
#blog-det .post-info li i{color: #355562;}
#blog-det .post-info li{font-size: 16px; color: #777; font-family: "Roboto", sans-serif;}
#blog-det h3{font-size: 30px; line-height: 40px; margin: 12px 0px 21px; font-family: "Roboto", sans-serif}
#blog-det .text{font-size: 16px; font-weight: 400px; color: #797f7d; line-height: 29px; font-family: "Roboto", sans-serif; margin-bottom: 15px;}
#blog-det .coment{margin: 20px 0px 50px; gap: 35px;}
#blog-det .comentt{border-bottom: 1px solid #d9d9d9; padding-bottom: 40px;}
#blog-det .coment li img{border-radius: 50%;}
#blog-det .coment li h5{margin: 0; font-size: 20px; color: #0e2207; margin-bottom: 24px; font-family: "Roboto", sans-serif; position: relative;}
#blog-det .coment li h5 span a{position: absolute; right: 0px; padding: 10px 30px; font-size: 12px; border-radius: 35px; display: inline-block; background-color: #355562; color: #fff;}
#blog-det .coment li .text-a{font-size: 16px; font-weight: 500; color: #797f7d; line-height: 29px; font-family: "Roboto", sans-serif;}
#blog-det .froem .form-control{padding: 14px 40px; background-color: #f4f5f8; border: 1px solid #f4f5f8; color: #686a6f;
font-size: 0.9rem; box-shadow: none; font-family: "Roboto", sans-serif;}
#blog-det .froem .btn{padding: 10px 20px; background-color: #355562; color: #fff; border-radius: 0px; position: relative; z-index: 1; border: transparent;}
#blog-det .froem .btn::before{position: absolute; content: ''; width: 0px; height: 100%; margin: auto; z-index: -1; top: 0px; left: 0px; right: 0px; bottom: 0px; transition: .5s;}
#blog-det .froem .btn:hover::before{width: 100%; background-color: #f59503;}

#blog-det .sidebar__search-form{position: relative; margin-bottom: 40px;}
#blog-det .sidebar__search-form input::placeholder{color: #fff;}
#blog-det .sidebar__search-form input{display: block;
border: none;
outline: none;
background-color: #355562;
color: #fff;
font-size: 16px;
font-weight: 500;
padding-left: 50px;
height: 74px;
font-family: "Roboto", sans-serif;
width: 100%;
padding-right: 80px;
border-radius: 10px;}
#blog-det .sidebar__search-form button{position: absolute;
right: 45px;
top: 26px;
border: transparent;
background: transparent;
color: #ffff;}
#blog-det .detal{padding: 46px 30px 30px; background-color: #f8f6f1; border-radius: 10px;}
#blog-det .detal h5{font-size: 20px; color: #000000; font-family: "Roboto", sans-serif; margin-bottom: 20px;}
#blog-det .detal .letest {margin-bottom: 40px;}
#blog-det .detal .letest li img{width: 90px; border-radius: 10px;}
#blog-det .detal .letest li i{color: #355562; font-size: 15px;}
#blog-det .detal .letest li h6{font-size: 16px; color: #777; font-family: "Roboto", sans-serif;}
#blog-det .detal .letest li .text-c{color: #355562; font-size: 16px; font-weight: 700; line-height: 24px; font-family: "Roboto", sans-serif;}
#blog-det .ditel-iner{position: sticky; top: 150px;}

/* faqs */

#faqs{padding: 20px 30px;}
#faqs h3{text-align: center; font-size: 35px; margin-bottom: 30px;} 
#faqs .accordion-flush .accordion-item .accordion-button{box-shadow: none; color: #1f242c; font-weight: 600; font-family: "Roboto", sans-serif;}

/* careers */

#careers{padding: 20px 0px;}
#careers .content h2{font-family: Poppins,Arial,Helvetica,sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 53px;
color: #3f3f3f;}
#careers .content .text{font-size: 20px;
font-weight: 400;
line-height: 30px;
margin-bottom: 40px;
color: #5f6880;
max-width: 393px;}

#careers .content .btn{padding: 13px 45px; display: inline-block; background-color: #355562; color: #fff; border-radius: 10px;}

/* api */

#api{padding: 35px 0px; background-color: #355562;}
#api .row{align-items: center;}
#api .content{margin-top: -35px;}
#api h3{font-family: 'Titillium Web',Helvetica,Arial,Lucida,sans-serif; font-weight: 600; font-size: 2rem; color: #fff;}
#api .text{font-size: 18px; color: #fff; margin-bottom: 30px;}
#api .content .form-control{width: 38%; padding: 12px 30px; border-radius: 6px; box-shadow: 0px;}
#api .content .btn{background-color: #09cf8d; color: #fff;}

#support{padding: 30px 0px; background-color: #f9f9f9;}
#support{margin: 40px 0px;}
#support h5{text-align: center; margin-bottom: 45px;}

#logo-icon{padding: 60px 0px 0px; overflow: hidden;}
#logo-icon h3{text-align: center; margin-bottom: 50px;}
#logo-icon .iner-icon, #logo-icon .iner-icon-a{text-align: center; margin-bottom: 20px; position: relative; z-index: 1;} 
#logo-icon .iner-icon .imgs-a, #logo-icon .iner-icon-a .imgs-a{margin-bottom: 20px;}
#logo-icon .iner-icon::after{position: absolute; z-index: -1; content: ''; width: 280px; height: 2px; background-color: #09cf8d; top: 24px;}
#logo-icon .iner-icon h5, #logo-icon .iner-icon-a h5{font-family: 'Titillium Web',Helvetica,Arial,Lucida,sans-serif; font-size: 20px; color: #0d122b!important; line-height: 1.6em; text-align: center;}
#logo-icon .iner-icon .text, #logo-icon .iner-icon-a .text{font-size: 14px;}

#sms{padding: 50px 0px;}
#sms h3{text-align: center; margin-bottom: 30px;}
#sms h5{margin-bottom: 30px;}
#sms .inre{row-gap: 30px;}
#sms ul li{margin-bottom: 20px; color: rgb(117, 117, 117);}
#sms ul li i{color: #4eba4c;}

#sms .text{font-size: 15px; text-align: justify;}

#testiimonatinaiol{padding: 40px 0px;}
#testiimonatinaiol .iner{padding: 30px 60px; text-align: center; background-color: #fff;}
#testiimonatinaiol .iner .img img{width: 160px; margin: auto;}
#testiimonatinaiol .iner ul{justify-content: center; margin-top: 18px;}
#testiimonatinaiol .iner ul li{font-size: 12px; color: #f76c10; margin-bottom: 15px;}
#testiimonatinaiol .iner .text{text-align: center; font-size: 15px;}
#testiimonatinaiol .iner h5{text-align: center; margin: 25px 0px; font-size: 16px;}
#testiimonatinaiol .owl-theme .owl-dots .owl-dot{display: none;}

/* bulk-service */

@font-face {
  font-family: hackman;
  src: url(../fonts/hackman.ttf);
}


#bulk-service-a{background-color: #355562; padding: 50px 0px 50px;}
#bulk-service-a h3{font-size: 40px; line-height: 46px; font-weight: 600; color: #fff; font-family: hackman;}
#bulk-service-a .text{margin: 15px 0px 0px; color: #fff; font-size: 15px; letter-spacing: 1px; line-height: 21px; text-align: justify; font-family: system-ui;}
#bulk-service-a h5{margin: 20px 0px 10px; color: #fff; font-size: 22px;}
#bulk-service-a .imgs{text-align: end; position: relative; width: 229px; right: 0; margin-left: auto; overflow: hidden;}
#bulk-service-a .imgs .imgs-b{position: absolute; top: 11px; right: 3px; z-index: 9; left: 0px;}
#bulk-service-a .owl-carousel .owl-item img {width: 226px;}
#bulk-service-a .text-a{color: #fff; font-size: 15px; font-family: system-ui;}
#bulk-service-a .icon{margin-top: 15px;}
#bulk-service-a .icon .imgs-a{text-align: center;}
#bulk-service-a .icon .imgs-a img{width: 65px; filter: invert(1);}
#bulk-service-a .icon li h6{font-size: 13px; color: #fff; text-align: center; margin-top: 10px;}


.bulk-service-b{padding: 50px 0px !important;}

#bulk-service{background-color: #355562; padding: 50px 0px 50px;}
#bulk-service h3{font-size: 40px; line-height: 46px; font-weight: 600; color: #fff; font-family: hackman;}
#bulk-service .text{margin: 15px 0px 0px; color: #fff; font-size: 15px; letter-spacing: 1px; line-height: 21px; text-align: justify; font-family: system-ui;}
#bulk-service h5{margin: 20px 0px 10px; color: #fff; font-size: 22px;}
#bulk-service .imgs{text-align: end;}
#bulk-service .text-a{color: #fff; font-size: 15px; font-family: system-ui;}
#bulk-service .icon{margin-top: 15px;}
#bulk-service .icon .imgs-a{text-align: center;}
#bulk-service .icon .imgs-a img{width: 65px; filter: invert(1);}
#bulk-service .icon li h6{font-size: 13px; color: #fff; text-align: center; margin-top: 10px;}

/* bulk-table */

#bulk-table{padding: 40px 0px;}
#bulk-table h2{font-size: 30px; margin-bottom: 20px;}
#bulk-table .text{font-size: 15px; margin-bottom: 20px; text-align: justify;}
#bulk-table .table tbody tr td, #bulk-table .table tbody tr th, #bulk-table .table thead tr th{border: 1px solid;}
#bulk-table .iner{margin-top: 30px;}




/* #bulk-service .one li{text-align: center; transition: .5s;}
#bulk-service .one li a img{width: 50px; }
#bulk-service h6 a{color: #fff; margin-top: 15px; font-size: 15px; display: inline-block; transition: .5s;}
#bulk-service  .one li:hover h6 a{color: #4eba4c;} */



/* #bulk-service-1{background-color: #FFF8F1; padding: 70px 0px;}
#bulk-service-1 h5{font-size: 30px; line-height: 38px; margin-bottom: 20px;} 
#bulk-service-1 .text{font-size: 15px; line-height: 20px; text-align: justify; margin-bottom: 30px;}
#bulk-service-1 h6{color: #010212; font-size: 24px; font-weight: 700; line-height: 120px;}
#bulk-service-1 .iner{text-align: center;}
#bulk-service-1 .inr{row-gap: 30px;}
#bulk-service-1 .iner .imgs img{width: 65px;}
#bulk-service-1 .iner .text-b{font-size: 18px; margin-top: 10px;} */

#bulk-faq{padding: 60px 0px; background-color: #fff;}
#bulk-faq h3{ font-size: 32px; color: #355562; margin-bottom: 30px;} 
#bulk-faq .text{font-size: 16px; letter-spacing: 1px; line-height: 40px;}
#bulk-faq .accordion-flush .accordion-item .accordion-button{box-shadow: none; color: #1f242c; font-weight: 600; font-family: "Roboto", sans-serif;}

#voice-service{background-color: #355562; padding: 50px 0px 50px;}
#voice-service h3{font-size: 40px; line-height: 46px; font-weight: 600; color: #fff; font-family: hackman;}
#voice-service .text{margin-top: 30px; color: #fff; font-size: 18px; letter-spacing: 1px; line-height: 40px; font-family: system-ui;}
#voice-service .imgs{text-align: end;}
#voice-service .text-a{color: #fff; font-size: 15px; font-family: system-ui;}
#voice-service h5{margin: 20px 0px 10px; color: #fff; font-size: 22px;}
#voice-service .icon{margin-top: 15px;}
#voice-service .icon .imgs-a{text-align: center;}
#voice-service .icon .imgs-a img{width: 65px; filter: invert(1);}
#voice-service .icon li h6{font-size: 13px; color: #fff; text-align: center; margin-top: 10px;}



/* #voice-service .one li{text-align: center; transition: .5s;}
#voice-service .one li a img{width: 50px;}
#voice-service h6 a{color: #fff; margin-top: 15px; font-size: 15px; display: inline-block; transition: .5s;}
#voice-service .one li:hover h6 a{color: #4eba4c;} */

/* whatsapp-verification */

#whatsapp-verification{padding: 50px 0px;}
#whatsapp-verification .content{background-color: #355562; border-radius: 10px; padding: 20px 50px 20px 135px; width: 771px;
position: relative; margin-left: -127px; z-index: 2;}
#whatsapp-verification .content h4{color: #fff; margin-bottom: 20px;}
#whatsapp-verification .content ul li{margin-bottom: 18px; color: #fff; font-size: 17px;}
#whatsapp-verification .imgs{position: relative; z-index: 9; margin-top: 25px;}

/* initiate-your */

#initiate-your{padding: 20px 0px;}
#initiate-your h2 {text-align: center; width: 700px; margin: auto; font-size: 32px; font-weight: 600; color: #355562; margin-bottom: 50px;}
#initiate-your .text{margin-top: 70px; margin-bottom: 145px;}
#initiate-your .text-a{text-align: center; width: 267px; margin: auto;}
#initiate-your .imgs{margin-bottom: 25px;}

/* initiate-your-a */

#initiate-your-a{display: none; padding: 10px 0px;}
#initiate-your-a .imgs-a img{width: 61px;}
#initiate-your-a .imgs-a.img-a img{width: 40px;}
#initiate-your-a .row{row-gap: 25px;}
#initiate-your-a h2{text-align: center; font-size: 20px; margin-bottom: 30px; font-weight: 600;}

#whatappapi h2{text-align: center; width: 1000px; margin: auto; font-size: 32px; font-weight: 600; color: #355562; margin-bottom: 50px;}
#whatappapi h3{text-align: center; font-size: 25px; font-weight: 600; color: #355562;}
#whatappapi .conten{margin-top: 30px; text-align: center;}

#experience{padding: 50px 0px;}
#experience h2{text-align: center; width: 1000px; margin: auto; font-size: 32px; font-weight: 600; color: #355562;}
#experience .text{margin-top: 15px; text-align: center;}
#experience .imgs{position: relative; z-index: 1;}
#experience .content{padding: 180px 50px 50px; border: 2px solid; border-radius: 20px; position: relative; top: -113px;}
#experience .content .text-b{font-size: 20px; font-weight: normal; font-family: "Quicksand", sans-serif; margin: 20px 0px;}
#experience .content ul li i{font-size: 24px; color: #355562;}


/* dlt */

#dlt{padding: 20px 0px;}
#dlt h2{font-size: 35px; color: #355562; text-align: center;}
#dlt .text{margin-bottom: 15px;}
#dlt h6{text-align: center; margin: 15px 0px;}
#dlt h6 a{display: inline-block; padding: 12px 50px; background-color: #355562; color: #fff; border-radius: 30px;}
#dlt .heading-a{text-align: center; font-size: 30px; color: #355562; margin: 20px 0px 30px; font-weight: 700;}
#dlt .text-a{margin-bottom: 10px; color: #555;}
#dlt .info li{margin-bottom: 15px; color: #555;}
#dlt .info li a{color: #365899;}
#dlt .text-c{margin-bottom: 10px;}
#dlt .video{margin: 25px 0px 0px;}
#dlt .video .heading-b{text-align: center; margin-top: 20px;}
#dlt .content-a ol{margin-top: 15px;}
#dlt .content-a ol li{color: #555; margin-bottom: 10px;}
#dlt .content-a ol li a{color: #365899;}
#dlt .content-a ul{margin-top: 20px;}
#dlt .content-a .info-a li{color: #555;}
#dlt .content-a .info-a li a{color: #365899;}
#dlt .content-a .info-a li:nth-child(4){margin: 20px 0px 10px;}
#dlt .content-a .info-b li{margin-bottom: 10px; color: #555;}
#dlt .content-a .info-b li a{color: #365899;}
#dlt .content-a h3{text-align: center; font-size: 30px; color: #555; margin: 20px 0px 30px; font-weight: 700;}
#dlt .content-a .info-c{margin-top: 25px;}
#dlt .content-a .info-c li{margin-bottom: 10px; color: #555;}
#dlt .content-a .info-c li a{color: #365899;}
#dlt .imgs-b{margin: 15px 0px 15px;}
#dlt .content-b .text{color: #555;}
#dlt .content-c .text{color: #555; margin-bottom: 20px;}
#dlt .content-d .text-a{color: #555;}
#dlt .content-d h6{text-align: center; color: #555; font-weight: bold;}
#dlt .content-d .info-c{margin-bottom: 30px;}
#dlt .content-d .info-c li{color: #555;}
#dlt .content-d .text-b a{color: #5956d6;}
#dlt .content-d .text-b{color: #555; margin-bottom: 20px;}
#dlt .content-d .info-d{margin-bottom: 30px;}
#dlt .content-d .info-d li{color: #555; margin-bottom: 13px;}
#dlt .content-d .text-d{margin: 25px 0px 15px; color: #555;}
#dlt .content-d .text-e a{display:inline-block ; margin-bottom:15px ; color: #365899;}

/* dlt-faq */

#dlt-faq{padding: 0px 0px; border-top: 1px solid rgb(209, 209, 209); padding-top: 15px;}
#dlt-faq h3{text-align: center; font-size: 20px; font-weight: bold; color: #555; margin-bottom: 50px;}
#dlt-faq .faqs li{margin-bottom: 15px;}
#dlt-faq .faqs li h6{color: #555;}
#dlt-faq .faqs li .text{color: #555}
#dlt-faq .faqs li .text a{color: #365899;}