@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');
body { margin: 0; padding: 0; font-family: "Mulish", sans-serif; overflow-x: hidden; color: #212121}
p, li {color: #0f121b;font-size: 16px; letter-spacing:.3px; line-height: 28px;font-weight: 400; margin: 0 0 12px 0;font-family: "Mulish", sans-serif;}
.main-table li {color: #0f121b;font-size: 16px; letter-spacing: .2px; line-height: 25px;margin: 0 0 10px 0;font-family: "Mulish", sans-serif;}
a { text-decoration: none !important; font-family: "Mulish", sans-serif;}
h1, h2, h3, h4, h5, h6 { font-family: "Mulish", sans-serif; color: #212121}
.table-responsive{overflow-x:hidden;}
.main-table { text-align: left; padding: 5% 0;}



.nav-pills .nav-link{background:#000;color: #fff;}
.main-table .nav-pills {
    gap: 1rem;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background:linear-gradient(90deg, #26a2d8, #141966);}
.soft-img{box-shadow: 1px 1px 6px #c7bfbf;border-radius: 5px;padding: 25px;margin-top: 20px;}
.soft-img img {}
h4.soft-head {
    font-weight: 700;
    FONT-SIZE: 26PX;
    color: #2C2C2C;
}

h4.soft-head-center {
    font-weight: 700;
    font-size: 33px;
    color: #933c96;
    text-align: center;
}
#widgetsControl_C, #widgetsControl{ height: auto !important;}
#Div_body .container-fluid { margin: 0; padding: 0;}
#HomepagecontentControl { min-height: 500px !important}

#MenuControl .nav-item {margin: 0;}
#MenuControl .nav-item .nav-link {color: #212121;font-size: 16px;font-weight: 700;letter-spacing: .3px;}
.navbar-nav.nav-fill > li:last-child{border: 0px solid rgba(255,255,255,.2);border-radius: 22px;padding: 0 17px !important;background-image:linear-gradient(90deg, #26a2d8, #21e113);margin-left: 1% !important;}
.navbar-nav.nav-fill > li:last-child a {color: #fff !important;}
.navbar-nav.nav-fill > li:last-child:hover { background-image:linear-gradient(90deg, #21e113, #26a2d8); }

#MenuControl .nav-fill{width: 100%;padding: 0 5% 0 0;}
#MenuControl .bg-light {background: #fff!important;}

#HeaderControl.RadDock_Default .rdMiddle .rdCenter, #HeaderControl.RadDock_Default .rdBottom .rdCenter { background-color: transparent !important;}
#MenuControl_C .bg-light {--bs-bg-opacity: 1;background-color: transparent !important;height: 100%; }
#MenuControl.RadDock_Default .rdMiddle .rdCenter, #MenuControl.RadDock_Default .rdBottom .rdCenter { background-color: transparent !important;}

#HeaderControl, #HeaderControl_C, #MenuControl, #MenuControl_C {height: 85px !important;border-bottom: 1px solid #dcdcdc;}

#HomepagecontentControl_C { margin: -20px 0 0 0 !important}
@media (min-width: 320px) and (max-width: 768px ){
  .navbar-toggler { position: absolute; right: 15px; top: -60px; background: #fff}
  #MenuControl, #MenuControl_C { height: 0 !important;}
  #HeaderControl, #HeaderControl_C {height: 75px !important;/* background: #eeeced; */}
  .navbar-collapse {background: #eeeced;margin: -10px 0 0 0;}
}

/* innr-pg-c Start */
.otherpagecss #RadDockZone1.container { max-width: 100%;}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table { margin-top: 0 !important;}

.heading h2 {font-size: 45px;font-weight: 400;margin: 0 0 16px 0;}
.heading p { font-size: 20px; line-height: 1.6;}

.custom-btn {display: inline-block;background-image: linear-gradient(90deg, #26a2d8, #21e113);padding: 11px 34px;font-size: 17px;font-weight: 600;color: #fff;border-radius: 30px; transition: all .2s ease-in-out}
.custom-btn:hover { color: #fff; background-image: linear-gradient(90deg, #21e113, #26a2d8);}

header {padding: 11px 0;text-align: center;}
header .logo { width: 270px;}


.Trusted-ser-box{
    background-color: #ffffff;
    padding: 30px 25px;
    margin: 0 0 30px;
    height: 94%;
    box-shadow: 0px 0 25px rgba(0, 0, 0, 0.1);
    position: relative;
    transition: all .3s ease-in-out;
    }
.Trusted-ser-box:hover {
    transform: translate(0, -18px);
}
.Trusted-ser-icon{
    background: no-repeat padding-box #2575b4;
    box-shadow: 0 8px 15px rgb(37 118 181);
    border-radius: 5px;
    /* opacity: 1; */
    margin-bottom: 25px;
    width: 63px;
    height: 56px;
    text-align: center;
    position: relative;
    line-height: 54px;
    }
	
.Trusted-ser-box h3{
    font-size: 17px;
    color: #3c2d8b;
    font-weight: bold;
    padding-top: 20px;
    }
.Trusted-ser-box p{
    font-size: 15px;
    padding-bottom: 10px;
    font-weight: 400;
    margin: 0;
    /* font-family: Poppins, sans-serif; */
    }
	
.Trusted-ser-box:after{border: 2px solid #2575b4;
    content: "";
    position: absolute;
    top: 160px;
    left: 0;
    width: 2px;
    height: 80px;
}



.banner-section {/* padding: 3% 0; *//* background: #f9fafa; */}
.banner-section .banner-content { animation: fadeInLeft 1s ease-in-out 200ms both;}
.banner-section .banner-content h6 {text-transform: uppercase;font-size: 16px;letter-spacing: .8px;display: inline-block;border-radius: 5px;box-shadow: rgb(50 50 105 / 35%) 0px 2px 5px 0px, rgb(0 0 0 / 11%) 0px 1px 1px 0px;padding: 8px 15px;color: #25a0d6;color: #fff;background: #25a1d81a;margin: 0 0 25px 0;transition: all .3s ease-in-out;}
.banner-section .banner-content h6:hover { transform: scale(.95)}
.banner-section .banner-content h1 {font-size: 58px;margin: 0 0 30px 0;font-weight: 300;color: #fff;}
.banner-section .banner-content h1 span {font-weight: 500;color: #1e2761;font-family: "DM Serif Display", serif;color: #26a5ce;}
.banner-section .banner-content p {font-size: 17px; margin: 0 0 24px 0; animation: fadeInLeft 1s ease-in-out 200ms both;}
.banner-section .banner-pic { position: relative; animation: fadeInRight 1s ease-in-out 200ms both;}
.banner-section .banner-pic .pattern {position: absolute;width: 15%;top: 2%;left: 72%;}  
.banner-section .banner-pic::after {content: '';position: absolute;width: 30px;height: 30px;border-radius: 50%;background: #25a0d8;opacity: .4;top: 10%;left: 88%;}

.banner-bottom {padding: 4% 0;background-image: linear-gradient(90deg, #26a2d8, #141966);}
.banner-bottom h2 {color: #fff;font-size: 42px;font-weight: 400;margin: 0 0 30px 0;}
.banner-bottom h3 {color: #eeeeee;font-size: 34px; margin: 10px 0 5px 0}
.banner-bottom p { margin: 0; color: #fff; font-size: 18px}

.service-section { padding: 5% 0; background: #eef0f1;}
.service-section .ser-card {background: #fff;padding: 50px 40px;margin: 40px 0 0 0;border-radius: 10px;border-top: 8px solid #b80202;}
.service-section .card2 { border-color: #fdb706;}
.service-section .ser-card .ser-name h3 {font-family: "DM Serif Display", serif;font-size: 41px;font-weight: 600;line-height: 1.3;margin: 0 0 30px 0;letter-spacing: 1px;width: 75%;color: #1e2761;}
.service-section .ser-card .ser-name .icon { width: 25%;text-align: end;} 
.service-section .ser-card .ser-name .icon img { border: 2px solid #bababa; padding: 8px; border-radius: 50%; width: 50px; height: 50px}
.service-section .ser-card p {font-size: 17px}

.why-choose-us { padding: 5% 0;}
.why-choose-us .card1 { margin: 10px 0 0 0;}
.why-choose-us .card1 .text { width: 80%;}
.why-choose-us .card1 .text h5 { font-size: 18px; color: #26a2d8; font-weight: 600; margin: 0 0 5px 0}
.why-choose-us .card1 .text p { font-size: 15px; margin: 0 0 20px 0}
.why-choose-us .card1 .icon {margin: 0 20px 0 0;width: 56px;height: 56px;border-radius: 50%;background: #25a1d81a;box-shadow: rgb(50 50 105 / 35%) 0px 2px 5px 0px, rgb(0 0 0 / 11%) 0px 1px 1px 0px;padding: 12px;transition: all .3s ease-in-out;}
.why-choose-us .card1:hover .icon { transform: scale(.8)}

.contact-section { background-image: url('image/contact-bg.jpg'); background-size: cover; padding: 5% 0;}
.contact-form { background: #fff; padding: 50px; border-radius: 10px;}
.contact-form .form-control { margin: 0 0 20px 0; background: #f9fafa; padding: 13px; border-radius: 8px; font-size: 15px;}
.contact-form label { font-size: 14px; margin: 0 0 3px 0; letter-spacing: .5px; font-weight: 500;}
.contact-form input[type="button"] { background: #25a0d6; font-size: 16px; color: #fff; border-radius: 30px; border: 0; padding: 12px 34px; font-weight: 600; letter-spacing: .5px; transition: all .3s ease-in-out}
.contact-form input[type="button"]:hover {background: #141966; transform: scale(.9) }
.contact-section ul { list-style-image: url('image/next.png');}
.contact-section ul li {color: #f0f0f0;font-size: 18px;letter-spacing: .8px;line-height: 1.6;margin: 0 0 16px 0;} 

footer {padding: 4% 0 0 0;background: #141966;margin: -7px 0 0 0;}
footer .links { position: relative; z-index: 3;}
footer .footer-bottom {position: relative;z-index: 3;margin: 3% 0 0 0;background: #00000017;padding: 15px 0;}
footer h4 {color: #fff;font-size: 18px;margin: 10px 0 18px 0;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;}
footer p, footer p a {text-align: justify;color: #efefef;font-size: 14.5px;margin: 0 0 2px 0;line-height: 1.8;}
footer p a:hover { color: #fff;}
footer p i {color: #fff;margin: 7px 10px 0 0;} 

@media (min-width: 320px) and (max-width: 768px) { 
  p, li {font-size: 15px; }
  .main-table li {font-size: 15px;}

  .heading h2 {font-size: 30px;margin: 0 0 10px 0;}
  .heading p {font-size: 16px;line-height: 1.5;}

  .custom-btn { padding: 10px 30px; font-size: 16px;}

  header {padding: 12px 0;text-align: start;}
  header .logo { width: 200px;}

  .banner-section { padding: 10% 0; }
  .banner-section .banner-content h6 {font-size: 11px;margin: 0 0 20px 0;}
  .banner-section .banner-content h1 {font-size: 36px; margin: 0 0 20px 0;}
  .banner-section .banner-content p {font-size: 15px; margin: 0 0 15px 0;}
  .banner-section .banner-pic { margin: 20px 0 0 0;}

  .banner-bottom {padding: 6% 0 4% 0;}
  .banner-bottom h2 { color: #fff; font-size: 27px; margin: 0 0 10px 0;}
  .banner-bottom h3 { font-size: 27px; margin: 5px 0 0 0}
  .banner-bottom p { margin: 0 0 20px 0;  font-size: 16px;} 

  .service-section { padding: 8% 0;}
  .service-section .ser-card { padding: 30px; margin: 20px 0 0 0;}
  .service-section .ser-card .ser-name h3 { font-size: 25px; margin: 0 0 30px 0; width: 80%; font-weight: 600;}
  .service-section .ser-card .ser-name .icon { width: 20%;} 
  .service-section .ser-card .ser-name .icon img { padding: 5px; width: 40px; height: 40px}
  .service-section .ser-card p {font-size: 15px}

  .contact-section .contact-form { background: #fff; padding: 30px; border-radius: 10px;}
  .contact-section ul li { font-size: 15px;} 

  footer h4 { font-size: 16px;margin: 20px 0 8px 0;}
  footer p, footer p a {color: #efefef;font-size: 14px;margin: 0 0 7px 0;line-height: 1.8;}
}

.service-section{position:relative;background: #fff;}
.service-section h5{
  font-size: 12px;
  color: #2599d0;
}
.circle-container{position:relative;width:600px;height:600px;margin:auto;border: 6px solid #2599d0;border-radius:50%;}
.service-section h3{
  color:#151c69;
  font-size:30px;
  font-weight:700;
  line-height:48px;
}
.service{position:absolute;width: 160px;height: 160px;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#7b2c8f;box-shadow:0 3px 10px rgba(0,0,0,0.1);}

.service img{
width:35px;
margin-bottom:8px;
}






.ser-aside h3 {
    margin-top: 10px;
    margin-bottom: 0;
    color: #000;
    padding: 25px 0;
    font-weight: 700;
}

.bg-4 {
    background-color: #fff;
}
.ser-aside .bg-light{background:#fff !important;}
.ser-aside .nav-pills .nav-link{justify-content: space-between;display: flex;border-bottom: #c3bdbd solid 1px;padding: 15px;color: #fff;align-items: center;font-size: 18px;font-weight: 600;}
.ser-aside .nav-pills .nav-link:hover{color: #fff;}
.ser-aside .nav-pills .nav-link .fa{font-size: 10px;}
.ser-aside .nav-pills .nav-link.active{color: #023C6C !important;border-radius: 0;background: #fff;font-weight: 800;}

.srv-cmn-rght h2{
      font-size: 30px;
      font-weight: 800;
      letter-spacing: 0.05em;
      color: #023C6C !important;
      margin: 20px 0;
}
.srv-cmn-rght .accordion-flush .accordion-item .accordion-button{padding: 10px 10px 10px 20px !important;position: relative;}
.srv-cmn-rght .accordion-flush .accordion-item .accordion-button:before{
  content:"\f067";
  position:absolute;
  top: 13px;
  left: 5px;
  color:#000;
  font-family:fontAwesome;
  font-size:10px;
}
.accordion-button:not(.collapsed){background:#023c6c;color:#fff;}
.srv-cmn-rght .accordion-flush .accordion-item{border:none;}
.accordion-button:not(.collapsed)::before{color:#fff !important;}
.center-text{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:300px;
text-align:center;
font-size:16px;
color:#333;
}
.active-service{color:#fff;border:6px solid #fff;}

/* positions */

.s1{top:-70px; left:50%; transform:translateX(-50%);}
.s2{top: 15px;right: -15px;}
.s7{bottom: 5%;right: -25px;}
.s3{bottom: 38%;right: -90px;}
.s4{bottom:-70px; left:50%; transform:translateX(-50%);}
.s5{bottom: 5%;left: -25px;}
.s6{top: 15px;left: -15px;}
.s8{bottom: 38%;left: -90px;}
@media(max-width:768px){
.service-section h3{display:none;}
.circle-container{width:100%;height:auto;border:none;display:flex;flex-direction:column;gap:20px;align-items:center;margin: 0 auto;}

.service{position:relative;left: 0;top: 0;margin: 0 auto;right: 0;transform: none;}

.center-text{
position:relative;
transform:none;
top:auto;
left:auto;
width:100%;
}

}



.inner-banner {padding: 6% 0;background: linear-gradient(90deg, #26a2d8, #141966);}
.inner-banner h2 {text-align: center;color: #f6f7f8;font-weight: 400;font-size: 56px;margin: 0 0 15px 0;}
.inner-banner h2 span { font-weight: 700; margin: 0 0 30px 0;}
.inner-banner p, .inner-banner p a {text-align: center; margin: 0; color: #fff; font-size: 18px;}

.contact-page { background: #f9fafa; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.contact-page .contact-info h5 {color: #1e2761;font-size: 19px;font-weight: 700;text-align: left;}
.contact-page .contact-info p {color: #585858;font-size: 15px;margin: 0 0 30px 0;line-height: 1.7;}
.contact-page .contact-info p a {color: #585858;}

.vision-card {background: #eef0f1;padding: 35px;border-radius: 10px;border-left: 8px solid #25a0d6;}
.vision-card:nth-child(2) { border-left: 8px solid #fdb706;}
.vision-card:nth-child(3) { border-left: 8px solid #21e113;}
.vision-card h4 { color: #1e2761;font-size: 34px; font-weight: 600; font-family: "DM Serif Display", serif; margin: 0 0 12px 0; letter-spacing: .8px}

.ser-card1 { margin: 22px 0 0 0;background: #eef0f1;padding: 30px;border-radius: 10px;border-left: 8px solid #25a0d6;min-height: 240px;}
.ser-card1 .icon img { width: 60px; border-radius: 50%; background: #fff; padding: 8px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; margin: 0 0 16px 0;}
.ser-card1 h4 { font-size: 28px; font-family: "DM Serif Display", serif; font-weight: 550; letter-spacing: .5px; color: #1e2761; }
.ser-card1 p { margin: 0;}
.pic {
  overflow: hidden;
}

.pic img {
  width: 100%;
  transition: transform 0.5s ease;
  aspect-ratio: 6/7;
}

.pic:hover img {
  transform: scale(1.2);
}
.team-card {border-radius: 10px;overflow: hidden;background: #eef0f1;min-height: 740px;height: 100%;}
.team-card .pic {border: 5px solid #25a0d8;border-radius: 50%;}
.team-card .text { padding: 30px;}
.team-card .text h4 { text-align: center; color: #1e2761; font-size: 23px; font-weight: 700;}
.team-card .text h6 { text-align: center; color: #25a0d6; font-size: 17px; font-weight: 600; margin: 0 0 15px 0;}
.team-card .text p { margin: 0; text-align: center; font-size: 15px;}
.team-card .inr_icn{display:grid;place-items:center;}
.team-card .inr_icn a {
    /* padding: 15px 20px; */
    font-size: 20px;
    display: inline-block;
    background: #25a0d8;
    color: #fff;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (min-width: 320px) and (max-width: 768px) {
  .inner-banner h2 { font-size: 34px;}
  .inner-banner p, .inner-banner p a {font-size: 16px;}

  .vision-card { padding: 25px;}
}

/*============WHATSAPP==========*/
    
  .whatsapp_btn{
      position: fixed;
      bottom: 5em;
      right: 20px;
      width: 55px;
      height: 55px;
      z-index: 9999;
  }
  .whatsapp_btn .icon_logo{
      position: relative;
      z-index: 100;
      padding: 5px;
  }
  
  .whatsapp_btn .icon_logo > a > img{
      width: 100%;
  }
  
  .whatsapp_btn .circle_waves{
      border-radius: 50%;
      background-color: #3cc04e;
      width: 55px;
      height: 55px;
      position: absolute;
      opacity: 0;
      bottom: 1px;
      left: 0px;
      z-index: 99;
      animation: waves 4s infinite cubic-bezier(.36, .11, .89, .32);
  }
  
  @keyframes waves {
      from {
          transform: scale(.55, .55);
          opacity: .6;
      }
      to {
          transform: scale(1.8, 1.8);
          opacity: 0;
      }
  }

  .banner-section {
    position: relative;
}
.banner-section:before{content:"";top:0;left:0;position:absolute;background-color: #26a5d163;height:100%;width:100%;}

.banner-section video {
    width: 100%;
    height: 90vh;
    object-fit: cover;
    /* border-bottom-right-radius: 150px; */
}

.banner-section .banner-content {
    /* width: 100%; */
    /* height: 99%; */
    position: absolute;
    /* background: linear-gradient(90deg, rgba(3, 77, 130, .7), rgb(18 18 18 / 40%)); */
    top: 50%;
    left: 40%;
    /* border-bottom-right-radius: 150px; */
    transform: translate(-50%, -50%) !important;
}


.abt_img {
  animation: zoom-in-zoom-out 2s ease infinite;
  width: 200px;
}
@keyframes zoom-in-zoom-out {
  0% {
    scale: 90%;
  }
  50% {
    scale: 100%;
  }
  100% {
    scale: 90%;
  }
}