@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@200;300;400;500;600;700;800&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Literata:ital,opsz,wght@0,7..72,200..900;1,7..72,200..900&display=swap');

body { margin: 0; padding: 0; font-family: "Literata", serif; overflow-x: hidden;}
p, li {color: #383b3b;font-size: 16px;line-height: 30px;font-weight: 400;text-align: justify;margin: 0 0 15px 0;font-family: "Literata", serif;}
.main-table li {color: #383b3b;font-size: 16px; line-height: 25px;margin: 0 0 10px 0; font-family: "Literata", serif;}
a { text-decoration: none !important; font-family: "Literata", serif;}
h1, h2, h3, h4 { font-family: "Literata", serif;}

.main-table { text-align: left; padding: 4% 0;}

#widgetsControl_C, #widgetsControl{ height: auto !important;}
#Div_body .container-fluid { margin: 0; padding: 0;}

#MenuControl .nav-item { margin: 0}
#MenuControl .nav-item .nav-link {color: #245786; font-size: 13px;text-transform: uppercase;font-weight: 600;}
#MenuControl .nav-fill{ width:100%;}
#MenuControl .bg-light {background: #fff!important;height: 100%; padding: 0 0 0 10%}

#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, #MenuControl, #MenuControl_C { height: 90px !important}

#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-top: -10px}
}

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

.heading {color: #53b747;font-size: 34px;text-transform: uppercase;font-weight: 700;letter-spacing: .5px;margin: 0 0 25px 0;}
.sub-heading { color: #245786; font-size: 28px; border-bottom: 1px solid #ddd; margin: 0 0 15px 0; padding: 8px 0; font-weight: 600;}
.title {color: #53b747; font-size: 20px; font-weight: 600; margin: 20px 0 10px 0;}

.banner-section {background-image: url(image/banner-img.jpg);background-size: cover;padding: 10% 0;background-attachment: fixed;} 
.banner-section h1 {color: #fff;font-size: 35px;font-weight: 700;margin: 0 0 15px 0;text-transform: uppercase;}
.banner-section h5 { color: #53b747; font-size: 24px; font-weight: 600; line-height: 1.3; margin: 0 0 12px 0;}
.banner-section p { color: #fff; font-size: 17px; line-height: 1.7; }

.about-section {padding: 7% 0;background-image: url(image/about-bg.jpg);background-size: cover;background-attachment: fixed;background-position: top;}
.about-section p { color: #fff;}

.service-section {padding: 7% 0;background-image: url(image/service-bg.jpg);background-size: cover;background-attachment: fixed;}
.service-section ul { list-style-image: url(image/right-arrow.png);}
.service-section .ser-card { padding: 40px;} 
.service-section .ser-card h4 {color: #fff;font-size: 24px;line-height: 1.4;margin: 0 0 20px 0;text-transform: uppercase;}
.service-section .ser-card li, .service-section .ser-card p { color: #e0e0e0; margin: 0 0 8px 0;}

.team-section {padding: 7% 0;background-image: url(image/team-bg.jpg);background-size: cover;background-attachment: fixed;}
.team-section .team-profile h4 { color: #53b747; font-size: 22px; text-transform: uppercase; font-weight: 600; letter-spacing: .5px;}
.team-section .team-profile p { color: #f0eeee;}
.team-section .team-profile a { display: inline-block; background: #53b747; color: #fff; padding: 8px 15px; border-radius: 5px; font-size: 15px;}
.team-section hr {background-color: #fff !important;}

.contact-section {padding: 7% 0;background-image: url(image/contact-bg.jpg);background-size: cover;background-attachment: fixed;}
.contact-section .icon { background: #245786; color: #fff; display: inline-block; width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 2.7; font-size: 18px;}
.contact-section p, .contact-section p a { color: #f0eeee; margin: 0;}
.contact-section h3 { color: #fff; font-size: 24px; margin: 0 0 20px 0;}

footer {background: #101010;padding: 7% 0 0 0;background-image: url(image/footer.jpg);background-size: cover;background-attachment: fixed;margin: -20px 0 0 0;}
footer h4 { color: #fff; font-size: 20px; font-weight: 700; margin: 0 0 12px 0;}
footer p, footer p a { color: #c9c9c9; font-size: 14px; margin: 0 0 10px 0; margin: 0 0 8px 0;}
footer p a:hover { color: #53b747;}
footer .footer-bottom {margin: 4% 0 0 0; background: #245786; padding: 15px 0;}
footer .footer-bottom p { margin: 0;}

.inner-banner { padding: 14% 0; background-image: url(image/about-banner.jpg); background-size: cover; background-attachment: fixed;}
.inner-banner h2 {color: #fff;font-size: 48px;font-weight: 600;text-align: center;margin: 0;letter-spacing: .5px;text-transform: uppercase;}

.contact-page .icon { background: #245786; color: #fff; display: inline-block; width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 2.7; font-size: 18px;}
.contact-page p, .contact-page p a { color: #363636; margin: 0;}

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

    .heading { font-size: 27px;}
    .sub-heading { font-size: 21px;}

    header img { width: 290px;}

    .banner-section h1 {font-size: 25px;}
    .banner-section h5 { color: #53b747; font-size: 21px; font-weight: 600; line-height: 1.3; margin: 0 0 12px 0;}
    .banner-section p { color: #fff; font-size: 16px;}

    .service-section .ser-card { padding: 20px; border-bottom: 1px solid #c9c9c9;} 

    .inner-banner h2 { color: #fff; font-size: 28px;}

}

.top-nav{padding:5px 0;background-color:#245786;}
.top-nav ul.top_nav_menu {display: flex;justify-content: center;list-style-type: none;gap: 10%;margin: 0;align-items: center;}
.top-nav ul.top_nav_menu li{margin-bottom:0;}
.top-nav ul.top_nav_menu li a{color:#fff;font-weight:600; }
.top-nav ul.top_nav_menu li a i{font-size:20px;margin-right:10px;color:#53b747;}
#exampleModalLabel.modal-title{margin-bottom:2rem;font-size:30px !important;}
.btn-sec {display:flex;justify-content:center;gap:10px;margin-top:4rem;}
.btn-sec .btn-primary{background-color:green;border-color:green;}
.btn-sec .btn-secondry {background-color:red !important;border-color:red !important;}
.btn-sec .btn-secondry a{color:#fff;}
.accordion-button {display:flex;flex-direction:column;text-align:left !important; justify-items:center;align-items:start;}
.accordion-button::after{top: 30%;position: absolute;right: 2%;}
.accordion-button:not(.collapsed){color:#232323;background-color:#fff;border-radius:10px;}
.accordion-flush .accordion-item{box-shadow: rgba(99, 99, 99, 0.2) 0px 0px 8px 0px; margin-bottom: 20px;}
.accordion-button:focus{border:0 !important;box-shadow:none !important;}
.accordion-flush .accordion-item .accordion-button{border-bottom:1px solid #2323234a !important;}
.career_listing_apply_now_btn{background-color:#245786;padding:10px 20px;border-radius:3px;color:#fff;font-weight:600;}
.career_listing_apply_now_btn:hover{color:#fff;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;}
/*============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;
      }
  }
footer .social-icon a {
    position: relative;
    color: #fff;
    background: rgb(255 255 255);
    font-size: 15px;
    width: 40px;
    height: 40px;
    margin: 0 5px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    line-height: 2.8;
    transition: all .2s ease-in-out;
}

footer .social-icon a i {
    position: relative;
    z-index: 3;
    font-size:22px;
}

footer .social-icon a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #ffffff;
    left: 0;
    transform: scale(0);
    transition: all .4s ease-in-out;
}

footer .social-icon a:hover {
    color: #fff;
}

footer .social-icon a:hover::before {
    transform: scale(1);
}

.social-icon > a > i.fa-facebook{color:#4267B2;}
.social-icon > a > i.fa-linkedin{color:#0077B5  ;}
.social-icon > a > i svg{color:#000 ;}
.social-icon > a > i.fa-instagram{  
  background: -webkit-linear-gradient(#E4405F, #405DE6, #5851db, #833AB4, #C13584, #E1306C, #FD1D1D, #F56040, #F77737, #FCAF45, #FFDC80);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.social-icon > a > i.fa-youtube-play{color:#FF0000;}


/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.service-section{padding: 90px 0;position: relative;background-color: #f6f6f6;background-position: center bottom;background-repeat: no-repeat;background-attachment: fixed;background-blend-mode: color-dodge;}
.service-section .img {border-radius: 8px;overflow: hidden;}
.service-section .img img {transition: 0.6s;aspect-ratio: 5/4;}
.service-section .details {background: #fff;min-height: 168px;padding: 20px 30px;margin: -100px 30px 0 30px;transition: all ease-in-out 0.3s;position: relative;text-align: center;border-radius: 8px;box-shadow: 0px 0 25px rgba(0, 0, 0, 0.1);}
.service-section .details .icon {margin: 0;width: 72px;height: 72px;background: #53b747;color: #fff;border: 6px solid #fff;border-radius: 50px;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;font-size: 28px;transition: ease-in-out 0.3s;position: absolute;top: -36px;left: calc(50% - 36px);}
.service-section .details h3 {font-weight: 700;margin: 10px 0 15px 0;font-size: 20px;transition: ease-in-out 0.3s;}
.service-section .details p {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 24px;font-size: 15px;margin-bottom: 0;text-align: justify;}
.service-section .details p.fix_line {-webkit-line-clamp: 2;}
.service-section .service-item{margin-bottom:5%;height: 100%;}
.service-section .service-item:hover .details h3 {color: #53b747;;}
.service-section .service-item:hover .details .icon {background: #fff;border: 2px solid #53b747;;}
.service-section .service-item:hover .details .icon i {color: #53b747;}
.service-section .service-item:hover .img img {transform: scale(1.2);}
.stretched-link{color:#53b747;}