.main-heading{color: #024B99; font-size: 36px !important; font-weight: 900; font-family: 'Roboto', sans-serif;position: relative;}
.main-heading::before{content:"";position: absolute;left: 0;bottom: 0;width: 35%;height: 3px;background-color: #2c963c;}


@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,500;0,600;1,300;1,400;1,500&display=swap');

body {
     position: relative;
}

.background-circle-2 {
     position: absolute;
     right: 50%;
     top: 26% !important;
     z-index: -1;
     height: 33%;
}

.bgnav {
     background-color: #fff;
     padding: 4px;
     /* z-index:0 !important; */

}

.navbar-nav .nav-link.active,
.navbar-nav .show>.nav-link {
     text-decoration: underline !important;
}

.banner {
     background-image: url("images/banner/Home-banner.png");
     background-repeat: no-repeat;
     background-size: cover;
}

.font {
     top: 44%;
     text-align: center !important;
     left: 0px !important;
     font-style: italic;
     font-size: 4rem;
     color: white;
     font-family: Georgia;
     font-weight: 700 !important;
}
.home-page-banner-text
{
     font-size: 3rem ;
}
.margin-67 {
     margin-top: 67px;
}

/* slider */
.industries-slider .slick-dots {
     position: absolute;
     bottom: -25px;
     /* bottom: -66px; */
     display: block;
     width: 100%;
     padding: 0;
     margin: 0;
     right: 1%;
     list-style: none;
     text-align: center;
}

/* @media only screen and (max-width:1300px) {
     .font {
          font-size:4rem;
          font-weight: 700;
          left: 20%;

     }
} */

/* @media only screen and (max-width:960px) {
     .font {
          font-size:4rem;
          font-weight: 400;
     

     }

     .font {
          font-size: 50px;
     }
} */

@media only screen and (max-width:768px)and (min-width: 424px) {
     .font {
          /* font-size: 30px;
          font-weight: 150;
          left: 20%; */
          top: 50% !important;


     }
     .home-page-banner-text{
     font-size: 2rem !important ;
     /* background-color: yellow; Temporary for debugging */
     }
   
    
}

.blog-dash{
     position:absolute;
  left: 40%;
}

.dash-position {
     width: 250px !important;
}

@media only screen and (max-width:426px) {

     .dash-position {
          width: 180px !important;
     }

     .font {
          /* font-size: 28px; */
          top: 45% !important;
     }
     .home-page-banner-text{
          font-size: 1.2rem !important;
          /* background-color: red; Temporary for debugging */
          }
}

@media only screen and (max-width:375px) {
     .Industry-dash {
          width: 80%;
     }
}


.join-position {
     width: 80%;
}

@media only screen and (max-width:1200px) {
     .join-position {
          width: 95%;

     }
     

     .Industry {
          font-size: 60px !important;
     }

     .green {
          font-size: 45px;
          top: 13%;
     }

     .plus-box {
          left: 36% !important;
     }
     .blog-dash{
          position:absolute;
       left: 36%;
     }
     

}

@media only screen and (max-width:992px) {
     .join-position {
          width: 48%;
          top: -6px;
          left: 182px;
     }
  

}

@media only screen and (max-width:768px) {
     .join-position {
          width: 60%;
          top: -6px;
          left: 100px;
          height: 2px;
     }
     .blog-dash{
          position:absolute;
       left: 32%;
     }

     .text-number-our {
          display: block !important;
          text-align: center !important;
     }

     .Number-dash {
          position: relative;
          right: 207px;
          top: 0px !important;
     }
     /* .register-btn {
          bottom: -5% !important;
      } */

}

@media only screen and (max-width:425px) {
     .we-dash {
          width: 70%;
          height: 2px;

     }
     .blog-dash {
          left: 62px !important;
          display: flex;
          position: relative !important;
         
      }

   
      

}

.text-color {
     color: #024B99;
     font-size: 36px !important;
     font-weight: 900;
     /* font-family: Verdana, Geneva, Tahoma, sans-serif; */
     font-family: 'Roboto', sans-serif;
 }
.text-assistance{
     
     color: #024B99;
     font-size: 30px!important;
     font-weight: 900;
     /* font-family: Verdana, Geneva, Tahoma, sans-serif; */
     font-family: 'Roboto', sans-serif;
}

.logo {
     height: 115px;
}

.purple {
     background-color: #024B99;
     color: aliceblue;
}

.purple:hover {
     color: aliceblue;
     background-color: #266cb8;
}

.circle {
     border-radius: 50%;

}

/* footer */

.fs-15 {
     font-size: 14.5px;
}

.Get-touch {
      position: absolute;
    top: 15%;
    right: 0;
    width: 35%; /* Adjust width */
    border-radius: 20px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;

    /* This will pull the Get-touch to screen right edge */
    margin-right: calc(-1 * (var(--bs-gutter-x) + 64px)); 
}

@media only screen and (max-width:1200px) {
    /* .Get-touch {
          position: absolute;
          left: 71%;
          top:13% !important;
          border-radius: 20px;
          
     }
     .Get-touch .get-title{
     padding-left: 51px !important;
     }*/

}
@media only screen and (max-width: 1200px) and (min-width: 1000px){

     .facebook{
     
          margin-left:20px !important;
          position: absolute;
          top: 50px;
       }
       .linkden{
     
          margin-left:20px !important;
          position: absolute;
          top: 90px;
}
}
@media only screen and (max-width: 371px) and (min-width: 250px){

     .facebook{
     
          margin-left:20px !important;
          position: absolute;
          top: 50px;
       }
       .linkden{
     
          margin-left:20px !important;
          position: absolute;
          top: 90px;
}
}





@media only screen and (max-width:992px) {
     /*.Get-touch {
          position: absolute;
          left: 48%;
          top: 28% !important;
          border-radius: 20px;
          
     }
     .Get-touch .get-title{
          padding-left: 125px !important;
          }*/
      
}

@media only screen and (max-width:442px) {

    /* .Get-touch .get-title{
          padding-left: 51px !important;
          }*/
     .Get-touch .get-touch-contact
     {
          font-size: 12px;
     }
}
.text-assistance{
     
     color: #024B99;
     font-size: 30px;
     font-weight: 900;
     /* font-family: Verdana, Geneva, Tahoma, sans-serif; */
     font-family: 'Roboto', sans-serif;


}
@media only screen and (max-width:320px) {
 
    /* .Get-touch .get-title{
          padding-left: 15px !important;
          }*/
          .Get-touch .get-touch-contact
          {
               font-size: 11px;
          }
    
        /*  .register-btn {
               bottom: -6% !important;
           }*/
           
    
}

@media only screen and (max-width:1200px) {}

.footer-link {
     background-color: #024B99;
     color: white;

}

.letter-specing {
     /* line-height: 23px; */
     font-family: Arial;
     font-style: normal;
     color: #4B4B4B;
     /* font-size: large; */



}

.Read-more {
     font-size: 12px;
}

.numbers {
     font-size: 50px;
     font-weight: 700 !important;
     color: #2C963C;
     padding-bottom: 30px;
}

.arial {
     font-family: Arial;
     font-weight: bold;
     color: #61676A;
}

.blue-number {
     color: #024B99;

}

.nav-size {
     font-family: 'Open Sans', sans-serif;
     color: #fff;
     /* font-size: 12px; */
     font-size: 14px;
     font-weight: bold;
}

.DNA {
     font-size: 60px;
     font-weight: bold;
}

.come {
     font-size: 50px;
     /* font-family: 'Open Sans', sans-serif; */
     font-family: 'Roboto', sans-serif;
     /* font-weight: 300; */
     color: #186cc7;
     /* line-height: 100px; */

}

@media only screen and (max-width:768px) {
     .come {
          font-size: 40px;
          line-height: 75px;
     }

}


.join-us {

     font-family: 'Roboto', sans-serif;
     font-size: 110px;
     color: #024B99;
}

@media only screen and (max-width:992px) {
     .join-us {
          font-size: 80px;
          line-height: 10px !important;
     }

}

/* media 425 */
@media only screen and (max-width:425px) {
     .join-us {
          font-size: 60px;
     }

     .dash-position {
          left: 0% !important;
     }

     .letter-specing {
          font-size: 14px !important;
     }
     .text-assistance{
     
          color: #024B99;
          font-size: 20px!important;
          font-weight: 900;
          /* font-family: Verdana, Geneva, Tahoma, sans-serif; */
          font-family: 'Roboto', sans-serif;
     
     
     }

}

/* media 768 */
@media only screen and (max-width:768px) {
     .insight-300 {
          height: 95.4% !important;
      }
     .Industry {

          font-size: 80px;
     }

     /* .lorem-ipsun {
          font-size: 20px;
     } */

     .dash-position {
          left: -13%;
     }

     .box-ss {
          background-color: #024B99;
          width: 40% !important;
          color: #fff;
          margin: 5px;
          border-radius: 15px;
          font-weight: 500;
          line-height: 22px;
          margin-left: 30% !important;


     }

     .letter-specing {
          font-size: medium;
     }

     .testimonials-slider .slick-prev {
          left: -17px;
     }

     .testimonials-slider .slick-next {
          right: -15px;
     }

     .video-slider .slick-next {
          right: -18px;
     }

     .video-slider .slick-prev {
          left: -22px;
     }

     .testimonials-slider .card {
          margin-top: 40px !important;
          margin-bottom: 40px !important;

     }
}

/* .reletive-image{
     position: relative;
     left: 30%;
 width: auto;
 height: auto;
} */
.services-offer {
     font-size: 50px;
     font-family: 'Open Sans', sans-serif;
     font-family: 'Roboto', sans-serif;
     font-weight: bold;
     color: #024B99;
}


.Industry {
     font-size: 85px;
     font-family: 'Roboto', sans-serif;
     font-weight: bold;
     color: aliceblue;
     line-height: 55px;
}

.Industry-dash {
     position: relative;
     bottom: 20px;


}


.serve {
     font-size: 60px;
     font-weight: 100;


}

@media only screen and (max-width:1300px) {
     .Industry {

          font-size: 80px;
     }
}


@media only screen and (max-width:500px) {
     .Industry {

          font-size: 50px;
     }
}

.border-image:focus {
     color: #266cb8;
}

.background-blue {
     background-color: #024B99;
     border-radius: 140px 0px 140px 0px;
     margin: 25px 8px 25px 8px;
}
.background-blue-2{
     /* border-radius:  40px 40px  40px 40px; */
     border-radius:  40px 0px;
     margin: 15px 8px 15px 8px;
     /* background-color: #EAEAEA; */
     background-color: #FF9933;
}
.linkden-btn{
     background-color:#024B99;
     color:#fff;
     font-size: 18px;
     font-weight: 600;
}

.linkden-btn:hover{
     color:#fff;
     background-color:#024B99;
     font-size: 22px;
     font-weight: 600;
}

.industries-slider .slick-next:before {
     display: none;
}

.industries-slider .slick-prev:before {
     display: none;
}

.industries-slider .slick-active {
     width: 200px;
}

.space-slider {
     padding: 50px;
}

/* map section */
.green {
     font-size: 55px;
     font-family: 'Roboto', sans-serif;
     color: #2C963C;
     font-weight: bold;
     position: relative;
     bottom: 70%;
     left: 55%;
}

.home-dash {
     position: relative;
     bottom: 70px;
}

.Number-dash {
     position: relative;
     /* left: 40px;
     bottom: 20px; */
     right: 207px;
     top: 80px;
     width: 60%;
}

@media only screen and (max-width:992px) {
     .Number-dash {
          position: relative;
          left: 40px;
          bottom: 20px;
          width: 30%;
     }
}

@media only screen and (max-width:425px) {
     .Number-dash {
          position: relative;
          left: 50px;
          bottom: 20px;
          width: 40%;
     }
   
}


@media only screen and (max-width:1200px) {
     .green {
          font-size: 60px;
          font-family: 'Roboto', sans-serif;
          color: #2C963C;
          font-weight: bold;
          position: relative;
          bottom: 70%;
          left: 55%;
     }
     .contact-us {
          left: 5% !important;
          bottom: 35% !important;
      }

     .home-dash {
          position: relative;
          bottom: 80px;
     }
}

@media only screen and (max-width:992px) {
     .green {
          font-size: 40px;
          font-family: 'Roboto', sans-serif;
          color: #2C963C;
          font-weight: bold;
          position: relative;
          bottom: 70%;
          left: 50%;

     }

     /*  {
          font-size: 60px !important;
          line-height: 40px !important;
          bottom: 20% !important;
     } */

     .home-dash {
          position: relative;
          bottom: 55px;
          width: 150px !important;
     }
}

@media only screen and (max-width:600px) {
     .green {
          font-size: 25px;
          font-family: 'Roboto', sans-serif;
          color: #2C963C;
          font-weight: bold;
          position: relative;
          bottom: 70%;
          left: 50%;
     }

     .home-dash {
          position: relative;
          bottom: 40px;
          width: 110px !important;
     }
}

.map-size {
     /* height: calc(100vh - 1px); */
     height: 80vh;

}

@media only screen and (max-width:768px) {
     .map-size {
          /* height: calc(100vh - 1px); */
          /* height: auto; */

     }
     .contact-us {
          left: 4% !important;
          bottom: 35% !important;
          font-size: 1.8rem !important;
      }
      .rnr{
width: 290px !important;
overflow-y: hidden !important;
      }
      .rnr3{
          width: 290px !important;
overflow-y: hidden !important;
      }

}

.head-office {
     position: absolute;
     font-size: 14px;
     font-family: Arial, Helvetica, sans-serif;
     font-weight: bolder;
     color: #186cc7;

}

.dots {
     position: relative;
     left: 35%;
     bottom: 20%;
}

@media only screen and (max-width:500px) {

     .head-office {
          font-size: 13px;
     }
}

@media only screen and (max-width:1200px) {

     .dots {
          position: relative;
          left: 50%;
          bottom: 20%;
     }

     .box-ss {
          width: 80% !important;
     }
 
     /* .box-model {
          margin-left: 7% !important;
     } */
}

.w-125 {
     width: 125px;
}

/* second pagesecond pagevsecond pagesecond pagesecond pagesecond pagesecond pagesecond page */


.lorem-ipsun {
     /* font-family: 'Archivo Black', sans-serif;
     font-family: 'Open Sans', sans-serif; */
     font-family: 'Roboto', sans-serif;
     font-size: 4rem;
     font-weight: 900;
     color: #024B99;
     line-height: 70px;


}

.wraper {
     /* bottom: 30%; */
     bottom: 44%;

}
.contact-us{
     left: 6%;
     bottom: 40%;
}

.lorem-text {
     font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
     color: #fff;
     line-height: 20px;
}

@media only screen and (max-width:992px) {
     .wraper {
          bottom: 40%;

     }

}

@media only screen and (max-width:768px) {

     .wraper {
          bottom: 45%;

     }


     .lorem-text {

          color: #ffffff !important;
          font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
     }

     .plus-2 {
          position: relative;
          left: 15% !important;
          bottom: 20px;
          padding: 0px 8px 0px 8px;
          font-weight: bold;
     }

     .box-ss {
          width: 40% !important;
     }

}

@media only screen and (max-width:425px) {
     .lorem-ipsun {

          color: #024B99;
          font-size: 1.5rem !important;
          line-height: 10px !important;
 
          padding-bottom: 38px !important;

     }

     .lorem-text {
          font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
          font-size: 12px;
          line-height: 15px;
     }

     .life-banner-heading {
          color: #fff;
          font-size: 30px !important;
          line-height: 10px !important;
     }

     .wraper {
          bottom: 65%;
     }

     .plus-box {
          position: relative;
          left: 35% !important;
          bottom: 20px;
          padding: 0px 8px 0px 8px;
          font-weight: bold;
     }

     .box-model {
          background-color: #024B99;
          /* width: 70%; */
          margin: 5px;
          color: #fff;
          border-radius: 15px;
          font-weight: 500;
          line-height: 22px;
          /* margin-left: 15% !important; */
     }

     .box-ss {
          background-color: #024B99;
          width: 70% !important;
          color: #fff;
          margin: 10px !important;
          border-radius: 15px;
          font-weight: 500;
          line-height: 22px;
          margin-left: 16% !important;
     }

     .plus-2 {
          position: relative;
          left: 28% !important;
          bottom: 20px;
          padding: 0px 8px 0px 8px;
          font-weight: bold;
     }


     .wd-400 {
          width: 350px !important;
          text-align: center;
     }
     .contact-us {
          left: 4% !important;
          bottom: 25% !important;
          font-size: 3rem !important;
      }

}

.wd-400 {
     width: 500px;
}

.opacity {
     opacity: 0.9;
}

.core-team {
     font-family: 'Roboto', sans-serif;
     font-size: 100px;
     color: #024B99;
     line-height: 75px;
     font-weight: bolder !important;
}

.our {
     color: #024B99;
     font-size: 60px;
}

.about-dash {
     position: relative;
     bottom: 60px;
     width: 80%;
     height: 2px;
}

.nishta-mam {
     border: 3px solid #024B99;
     border-radius: 50%;
     padding: 5px;

}

.box-model {
     background-color: #024B99;
     /* width: 70%; */
     margin: 5px;
     color: #fff;
     border-radius: 15px;
     font-weight: 500;
     line-height: 22px;
}

.plus-box {
     position: relative;
     left: 78%;
     bottom: 20px;
     padding: 0px 8px 0px 8px;
     font-weight: bold;
}

.box-ss {
     background-color: #024B99;
     width: 70%;
     color: #fff;
     margin: 5px;
     border-radius: 15px;
     font-weight: 500;
     line-height: 22px;


}

.plus-2 {
     position: relative;
     left: 58%;
     bottom: 20px;
     padding: 0px 8px 0px 8px;
     font-weight: bold;
}

/* current audit page */
.current-img {
     border: 15px solid rgb(255, 255, 255);
     border-radius: 50%;
     box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
     ;
}

.border-redius {
     border: 10px solid white;
     border-radius: 50%;
     box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
     width: 250px;

}

/* contact us */
.get-in {
     font-family: Arial;
     font-style: normal;
     font-weight: bold;
     font-size: 60px;
     color: #7F7F7F;
     line-height: 70px !important;
}

.touch {
     font-size: 95px;
     color: #024B99;
     font-weight: bold;

}

.accordion-body {
     padding-left: 8px;
}

.accordion {
     padding: 11px 0px;
}

.form-label {
     padding-left: 10px !important;
     color: #7F7F7F;
}

.form-shadow {
     background-color: #fff;
     box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
     ;
}

.contact-dash {
     position: relative;
     bottom: 25px !important;
     width: 65%;
}

.dropdown-item {
     font-size: 12px !important;
}


/* style for img overlay */
.content {
     position: relative;
     margin: auto;
     overflow: hidden;
     width: 250px;
     height: 250px;
     border: 10px solid #f9fafb;
     box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     text-align: center;
}

.image-text {
     position: absolute;
     color: #fff;

}

.content-image {
     width: 100%;

}

.inner-text {

     font-size: 23px;
     position: absolute;
     top: 50%;
     left: 25%;
     display: flex;
     align-items: center;
     text-align: center;
}

.img__wrap {
     position: relative;
     /* height: 200px;
     width: 257px; */
}

.img__description_layer {
     font-family: Arial;

     font-size: 14px !important;
     width: 100%;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background: #024B99;

     color: #fff;
     visibility: hidden;
     opacity: 0;
     display: flex;
     align-items: center;
     justify-content: center;

     /* transition effect. not necessary */
     transition: opacity .2s, visibility .2s;
}

.img__wrap:hover .img__description_layer {
     visibility: visible;

     opacity: 0.8;
}

.img__wrap:hover .image-text {
     visibility: hidden !important;
}

.img__description {
     transition: .2s;
     transform: translateY(1em);
     padding-right: 30px;
     padding-left: 30px;

}

.img__wrap:hover .img__description {
     transform: translateY(0);
}

.btn-pan-service {
     width: 100%;

     color: #024995;
     top: 1769px;
     left: 279px;

     /* UI Properties */
     background: #FFFFFF 0% 0% no-repeat padding-box;
     border: 1px solid #707070;
     border-radius: 4px;
     opacity: 1;


}

#show-service-details-one:hover+#pan-service-details-one {
     display: block;

}

#pan-service-details-one {
     display: none;
}

.pan-service-details {
     /* display: none;  */
     width: 500px;
     height: auto;
     font-size: 10px;
     color: #ffff;
     /* UI Properties */
     background: transparent linear-gradient(113deg, #014B99 0%, #2C963C 100%) 0% 0% no-repeat padding-box;
     opacity: 1;
}
.video-section .slick-prev {
     left: -32px;
}
.video-section .slick-prev::after {

     color: #324961 !important;
     content: '<' !important;
     /* font-weight: bolder; */
     font-size: 50px !important;

} 
/* video-section */
.video-section .slick-next:before {
     color: #324961;
     content: '>';
     font-weight: bolder;
     font-size: 50px !important;

}



.img-fluid {
     max-width: 100%;
     height: auto;
     margin: auto;
}

/*contact*/
#contactForm .form-control {
     border: 1px solid #014B99;
     border-radius: 5px;
}

/* life and nsb page */

.life-banner-heading {
     font-size: 80px;

     color: #fff;
     font-weight: bold;
     font-family: 'Archivo Black', sans-serif;
     font-family: 'Open Sans', sans-serif;
     font-family: 'Roboto', sans-serif;
     line-height: 70px;
}

.fun-card {
     background: #EAEAEA;
     opacity: 1;
     border-radius: 1px 25%;
     color: #024B99 !important;
}
.fun-section
{
     margin-bottom: 83px;
}
.fun-card:hover {
     transition: 0.5s all ease-in-out;
     transform: scale(1.2);
     background-color: #024B99;
     color: #fff !important;
}

.fun-card:hover .circle-border {
     border: 4px solid #fff;
     border-radius: 50%;
     padding: 0px;
}

.fun-card:hover .testimonial-section {
     margin-top: 10px !important;
}


.testimonials-slider .card {
     min-height: 546px !important;
     margin: 10px;
 }
.btn-blog-read-more {
     background-color: #BCE0FE;
}

.send-resume-content {
     background: #FFFFFF 0% 0% no-repeat padding-box;
     box-shadow: 0px 20px 40px #2699FB29;
     border-radius: 10px;
     opacity: 1;
}

.career-form .wrap-input {
     border: 1px solid #014B99;
     border-radius: 5px;
}


.circular-view-more {
     padding: 8px 0 3px;
     border-width: 0 0 3px;
     border-radius: 0;
     background: transparent !important;
     color: #4B4B4B !important;
     border-color: #fff !important;
     font-size: 20px;
     font-family: Arial;
     font-weight: 700;
}

.arrow-button {
     display: inline-block;
     background-color: #024B99;
     /* Button background color */
     color: #fff;
     /* Text color */
     /* padding: 10px 20px; */
     /* Adjust padding as needed */
     border: none;
     border-radius: 5px;
     cursor: pointer;
     font-size: 14px;
   
}

.blog-card {
     background: #EAEAEA;
     opacity: 1;
     border-radius: 1px 25%;
     color: #024B99 !important;
}

.Get-touch p {
     color: #525050 !important;
}

.Get-touch .text-green {
     color: #2C963C !important;
   
}
.modal-button
{
     background-color: #024B99;
     color:white;
}
/* #hoverBlog1
{
display:none;
}
#hoverBlog2
{
display:none;
}
#hoverBlog3
{
display:none;
} */
/* Show the hover card on hover, and hide the original card */
/* #colBlog1:hover  #originalBlog1 {
     display: none;
 }
 
 #colBlog1:hover   #hoverBlog1 {
    
     background-color:#014B99 !important;
     color:#fff !important;
     display: block;
     animation: zoom-in-zoom-out 0.2s ease ;
  
    
 }
 #colBlog2:hover  #originalBlog2 {
     display: none;
 }
 
 #colBlog2:hover   #hoverBlog2{
    
     background-color:#014B99 !important;
     color:#fff !important;
     display: block;
     animation: zoom-in-zoom-out 0.2s ease ;
  
    
 }
 #colBlog3:hover  #originalBlog3 {
     display: none;
 }
 
 #colBlog3:hover   #hoverBlog3 {
    
     background-color:#014B99 !important;
     color:#fff !important;
     display: block;
     animation: zoom-in-zoom-out 0.2s ease ;
   
    
 } */
.insight-img {
     margin: 0;
     position: absolute;
     top: 50%;
     left: 50%;

}

.circle-border {
     border: 2px solid #024B99;
     border-radius: 50%;
     padding: 0px;
}

.circle-border-hover {
     border: 4px solid #fff;
     border-radius: 50%;
     padding: 0px;
}

.kyc-para li {
     text-align: justify !important;
}

.fs-14 {
     font-size: 14px !important;
}

.home-slider .slick-next:before,
.slick-prev:before {

     display: none;
}

.home-slider .slick-dots li button:before {

     padding-top: 20px !important;
     font-size: 8px;

}

.home-slider .slick-dots li.slick-active button:before {
     color: White !important;
}
.content_white
{  
background: #2A5981;
color: #fff
}

.btn-default{
   text-align: center;
    background: #295D87;
    color: #fff;
    border-radius: 0;
    border: 0;
}
/*
 map section */

/* map section */

#white-dot-1 {
     position: absolute;
     bottom: 9%;
     width: 8px;
     left: 40%;
}

#white-dot-2 {
     position: absolute;
     bottom: 21%;
     width: 8px;
     left: 26%;
}

#white-dot-3 {
     position: absolute;
     bottom: 20%;
     width: 8px;
     left: 42%;
}

#white-dot-4 {
     position: absolute;
     bottom: 32.7%;
     width: 8px;
     left: 59%;
}

#white-dot-5 {
     position: absolute;
     bottom: 35.5%;
     width: 8px;
     left: 41%;
}

#white-dot-6 {
     position: absolute;
     bottom: 35%;
     width: 8px;
     left: 20%;
}

#white-dot-7 {
     position: absolute;
     bottom: 36%;
     width: 8px;
     left: 25%;
}

#white-dot-8 {
     position: absolute;
     bottom: 44%;
     width: 8px;
     left: 33.5%;
}

#white-dot-9 {
     position: absolute;
     bottom: 42%;
     width: 8px;
     left: 47.4%;
}

#white-dot-10 {
     position: absolute;
     bottom: 42%;
     width: 8px;
     left: 59%;
}

#white-dot-11 {
     position: absolute;
     bottom: 48%;
     width: 8px;
     left: 48%;
}

#white-dot-12 {
     position: absolute;
     bottom: 51%;
     width: 8px;
     left: 75%;
}

#white-dot-13 {
     position: absolute;
     bottom: 57.2%;
     width: 8px;
     left: 62.8%;
}

#white-dot-14 {
     position: absolute;
     bottom: 60%;
     width: 8px;
     left: 52.5%;
}

#white-dot-15 {
     position: absolute;
     bottom: 58%;
     width: 8px;
     left: 23.5%;
}

#white-dot-16 {
     position: absolute;
     bottom: 68%;
     width: 8px;
     left: 35.5%;
}

#white-dot-17 {
     position: absolute;
     bottom: 54%;
     width: 8px;
     left: 15.5%;
}

#white-dot-18 {
     position: absolute;
     bottom: 50%;
     width: 8px;
     left: 13.1%;
}

#white-dot-19 {
     position: absolute;
     bottom: 73%;
     width: 8px;
     left: 36.5%;
}

/* green dot */
.delhi {
     position: absolute;
     bottom: 74.9%;
     width: 8px !important;
     left: 33.5%;
}

#green-dot-2 {
     position: absolute;
     bottom: 51.5%;
     width: 8px;
     left: 15.7%;
}

#green-dot-3 {
     position: absolute;
     bottom: 10.5%;
     width: 8px;
     left: 28.7%;
}

#green-dot-4 {
     position: absolute;
     bottom: 22.5%;
     width: 8px;
     left: 37.7%;
}

#green-dot-5 {
     position: absolute;
     bottom: 30.5%;
     width: 8px;
     left: 42.7%;
}

#green-dot-6 {
     position: absolute;
     bottom: 30.5%;
     width: 8px;
     left: 33.7%;
}

#green-dot-7 {
     position: absolute;
     bottom: 38.5%;
     width: 8px;
     left: 22.7%;
}

/* red-dot */
.mumbai {
     position: absolute;
     bottom: 37%;
     left: 17%;

     cursor: pointer;
}

.mumbai-red:hover {
     width: 12px;
}

/* tooltip */
.test {
     border: 1px solid #ccc;
     display: none;
     font-size: 10px;
     margin-top: 10px;
     padding: 5px;
     text-transform: uppercase;
}

.mumbai:hover .test {
     display: block;
     animation: fadeIn .2s linear;

}

.delhi:hover .test {
     display: block;
     animation: fadeIn .2s linear;

}
.text-nsb-blue{
    color: #124B99 !important;
}
@keyframes fadeIn {
     from {
          opacity: 0;
     }

     to {
          opacity: 1;
     }
}

.test-padding {
     border: 1px solid #3d3939;
     padding: 15px;
     border-radius: 0px 30px 0px 30px;
}



@media only screen and (max-width:768px) {
     /* .register-btn {
          bottom: -5% !important;
      } */
     /* .our-presence {
          position: absolute !important;
          bottom: 86% !important;
          left: 30% !important;
          font-size: 40px !important;
          font-weight: 700 !important;
          color: green !important;
      } */
      .Industry-dash {
          position: relative;
          bottom: 21px;
          left: 1px !important;
      }
     .map-size {

          position: relative;
          top: 22px !important;
     }

     #white-dot-1 {
          position: absolute;
          bottom: 5%;
          width: 7px;
          left: 41%;
     }

     #white-dot-2 {
          position: absolute;
          bottom: 17%;
          width: 7px;
          left: 25%;
     }

     #white-dot-3 {
          position: absolute;
          bottom: 15%;
          width: 7px;
          left: 41.6%;
     }

     #white-dot-4 {
          position: absolute;
          bottom: 28.7%;
          width: 7px;
          left: 59%;
     }

     #white-dot-5 {
          position: absolute;
          bottom: 30.5%;
          width: 7px;
          left: 41%;
     }

     #white-dot-6 {
          position: absolute;
          bottom: 30%;
          width: 7px;
          left: 20%;
     }

     #white-dot-7 {
          position: absolute;
          bottom: 31%;
          width: 7px;
          left: 25%;
     }

     #white-dot-8 {
          position: absolute;
          bottom: 39.8%;
          width: 7px;
          left: 33.5%;
     }

     #white-dot-9 {
          position: absolute;
          bottom: 38%;
          width: 7px;
          left: 47.4%;
     }

     #white-dot-10 {
          position: absolute;
          bottom: 37.6%;
          width: 7px;
          left: 59%;
     }

     #white-dot-11 {
          position: absolute;
          bottom: 44%;
          width: 7px;
          left: 48%;
     }

     #white-dot-12 {
          position: absolute;
          bottom: 47%;
          width: 7px;
          left: 74%;
     }

     #white-dot-13 {
          position: absolute;
          bottom: 52.8%;
          width: 8px;
          left: 62.8%;
     }

     #white-dot-14 {
          position: absolute;
          bottom: 55.5%;
          width: 8px;
          left: 52.5%;
     }

     #white-dot-15 {
          position: absolute;
          bottom: 53.7%;
          width: 8px;
          left: 23.5%;
     }

     #white-dot-16 {
          position: absolute;
          bottom: 63.8%;
          width: 8px;
          left: 35.5%;
     }

     #white-dot-17 {
          position: absolute;
          bottom: 50%;
          width: 8px;
          left: 15.5%;
     }

     #white-dot-18 {
          position: absolute;
          bottom: 45%;
          width: 8px;
          left: 13.1%;
     }

     #white-dot-19 {
          position: absolute;
          bottom: 69%;
          width: 8px;
          left: 36.5%;
     }

     /* green dot */
     .delhi {
          position: absolute;
          bottom: 70.5%;
          width: 8px !important;
          left: 33.5%;
     }

     #green-dot-2 {
          position: absolute;
          bottom: 47.2%;
          width: 8px;
          left: 15.7%;
     }

     #green-dot-3 {
          position: absolute;
          bottom: 6.5%;
          width: 8px;
          left: 28.7%;
     }

     #green-dot-4 {
          position: absolute;
          bottom: 18.5%;
          width: 8px;
          left: 37.7%;
     }

     #green-dot-5 {
          position: absolute;
          bottom: 25.5%;
          width: 8px;
          left: 42.7%;
     }

     #green-dot-6 {
          position: absolute;
          bottom: 26.5%;
          width: 8px;
          left: 33.7%;
     }

     #green-dot-7 {
          position: absolute;
          bottom: 32.9%;
          width: 8px;
          left: 22.9%;
     }

     .mumbai {
          position: absolute;
          bottom: 32%;
          left: 17%;

          cursor: pointer;
     }

}


@media only screen and (max-width:425px) {
     /* .our-presence {
          position: absolute !important;
          bottom: 86% !important;
          left: 30% !important;
          font-size: 40px !important;
          font-weight: 700 !important;
          color: green;
      } */
     /* .register-btn {
          bottom: -3% ;
      }*/
     .ind-map {

          height: 50vh !important;
     }

     #white-dot-2 {
          position: absolute;
          bottom: 16%;
          width: 7px;
          left: 20%;
     }

     #white-dot-1 {
          position: absolute;
          bottom: 5%;
          width: 7px;
          left: 31%;
     }

     #white-dot-3 {
          position: absolute;
          bottom: 16%;
          width: 7px;
          left: 33%;
     }

     #white-dot-4 {
          position: absolute;
          bottom: 28.5%;
          width: 7px;
          left: 45%;
     }

     #white-dot-5 {
          position: absolute;
          bottom: 30.5%;
          width: 7px;
          left: 32%;
     }

     #white-dot-6 {
          position: absolute;
          bottom: 30.5%;
          width: 7px;
          left: 16%;
     }

     #white-dot-7 {
          position: absolute;
          bottom: 31.5%;
          width: 7px;
          left: 20%;
     }

     #white-dot-8 {
          position: absolute;
          bottom: 39.5%;
          width: 7px;
          left: 26%;
     }

     #white-dot-9 {
          position: absolute;
          bottom: 38%;
          width: 7px;
          left: 36.6%;
     }

     #white-dot-10 {
          position: absolute;
          bottom: 38%;
          width: 7px;
          left: 46%;
     }

     #white-dot-11 {
          position: absolute;
          bottom: 44%;
          width: 7px;
          left: 37.5%;
     }

     #white-dot-12 {
          position: absolute;
          bottom: 46.8%;
          width: 7px;
          left: 58%;
     }

     #white-dot-13 {
          position: absolute;
          bottom: 53.1%;
          width: 7px;
          left: 48.8%;
     }

     #white-dot-14 {
          position: absolute;
          bottom: 55.8%;
          width: 7px;
          left: 40.8%;
     }

     #white-dot-15 {
          position: absolute;
          bottom: 53.7%;
          width: 7px;
          left: 17.7%;
     }

     #white-dot-16 {
          position: absolute;
          bottom: 63.9%;
          width: 7px;
          left: 27.5%;
     }

     #white-dot-17 {
          position: absolute;
          bottom: 49.5%;
          width: 7px;
          left: 12.5%;
     }

     #white-dot-18 {
          position: absolute;
          bottom: 45%;
          width: 7px;
          left: 9.7%;
     }

     #white-dot-19 {
          position: absolute;
          bottom: 69%;
          width: 7px;
          left: 28.5%;
     }

     .delhi {
          position: absolute;
          bottom: 70.5%;
          width: 7px !important;
          left: 26.5%;
     }

     #green-dot-2 {
          position: absolute;
          bottom: 46.5%;
          width: 7px;
          left: 12.7%;
     }

     #green-dot-3 {
          position: absolute;
          bottom: 6.5%;
          width: 7px;
          left: 22.7%;
     }

     #green-dot-4 {
          position: absolute;
          bottom: 19.2%;
          width: 7px;
          left: 30.2%;
     }

     #green-dot-5 {
          position: absolute;
          bottom: 26.2%;
          width: 7px;
          left: 33.7%;
     }

     #green-dot-6 {
          position: absolute;
          bottom: 26.5%;
          width: 7px;
          left: 26.2%;
     }

     #green-dot-7 {
          position: absolute;
          bottom: 33.9%;
          width: 7px;
          left: 17.9%;
     }

     .mumbai {
          position: absolute;
          bottom: 32%;
          left: 13%;

          cursor: pointer;
     }

     .mumbai-red {
          width: 16px;

     }

     /* .our-presence {
          position: absolute;
          bottom: 81%;
          left: 52%;
          font-size: 31px;
          font-weight: 700;
          color: green;
          font-size: 29px !important;
      } */


}

@media only screen and (max-width:375px) {

     /* .our-presence {
          position: absolute;
          bottom: 78%;
          left: 52%;
          font-size: 33px;
          font-weight: 700;
          color: green;
          font-size: 25px !important;
      } */
      .Industry {

          font-size: 45px !important;
     }
      .contact-us {
          left: 4% !important;
          bottom: 23% !important;
          font-size: 3rem !important;
      }
      .ind-map {
          height: 40vh !important;
          padding-bottom: 10px;
      }
      .blog-dash {
          
          display: flex;
          position: relative !important;
          left: 35px !important;
          /* left: 119px !important; */
      }

     /* .Get-touch{
          
               position: relative !important;
               left: 0 !important;
               border-radius: 0 !important;
           
      }*/


     #white-dot-2 {
          position: absolute;
          bottom: 15%;
          width: 7px;
          left: 20%;
     }

     #white-dot-1 {
          position: absolute;
          bottom: 4%;
          width: 7px;
          left: 31%;
     }

     #white-dot-3 {
          position: absolute;
          bottom: 15%;
          width: 7px;
          left: 33%;
     }

     #white-dot-4 {
          position: absolute;
          bottom: 27.5%;
          width: 7px;
          left: 45%;
     }

     #white-dot-5 {
          position: absolute;
          bottom: 29.5%;
          width: 7px;
          left: 32%;
     }

     #white-dot-6 {
          position: absolute;
          bottom: 29.5%;
          width: 7px;
          left: 16%;
     }

     #white-dot-7 {
          position: absolute;
          bottom: 30.5%;
          width: 7px;
          left: 20%;
     }

     #white-dot-8 {
          position: absolute;
          bottom: 38.5%;
          width: 7px;
          left: 26%;
     }

     #white-dot-9 {
          position: absolute;
          bottom: 37%;
          width: 7px;
          left: 36.6%;
     }

     #white-dot-10 {
          position: absolute;
          bottom: 37%;
          width: 7px;
          left: 46%;
     }

     #white-dot-11 {
          position: absolute;
          bottom: 43%;
          width: 7px;
          left: 37.5%;
     }

     #white-dot-12 {
          position: absolute;
          bottom: 46.4%;
          width: 7px;
          left: 58%;
     }

     #white-dot-13 {
          position: absolute;
          bottom: 52.1%;
          width: 7px;
          left: 48.8%;
     }

     #white-dot-14 {
          position: absolute;
          bottom: 54.8%;
          width: 7px;
          left: 41.1%;
     }

     #white-dot-15 {
          position: absolute;
          bottom: 52.7%;
          width: 7px;
          left: 17.7%;
     }

     #white-dot-16 {
          position: absolute;
          bottom: 62.9%;
          width: 7px;
          left: 27.5%;
     }

     #white-dot-17 {
          position: absolute;
          bottom: 48.5%;
          width: 7px;
          left: 12.5%;
     }

     #white-dot-18 {
          position: absolute;
          bottom: 44.8%;
          width: 7px;
          left: 9.7%;
     }

     #white-dot-19 {
          position: absolute;
          bottom: 68%;
          width: 7px;
          left: 28.2%;
     }

     #green-dot-1 {
          position: absolute;
          bottom: 70%;
          width: 7px;
          left: 26.5%;
     }

     #green-dot-2 {
          position: absolute;
          bottom: 45.9%;
          width: 7px;
          left: 12.2%;
     }

     #green-dot-3 {
          position: absolute;
          bottom: 4.5%;
          width: 7px;
          left: 23.7%;
     }

     #green-dot-4 {
          position: absolute;
          bottom: 18.2%;
          width: 7px;
          left: 30.2%;
     }

     #green-dot-5 {
          position: absolute;
          bottom: 25.5%;
          width: 7px;
          left: 33.7%;
     }

     #green-dot-6 {
          position: absolute;
          bottom: 25.5%;
          width: 7px;
          left: 26.2%;
     }

}

.ind-map {

     height: 70vh;
}


.address {

     font-family: Arial;
     font-size: 35px !important;
     color: #014B99 !important;

}

/* .line-heiht-2{
     line-height: 17px;
     font-size: 10px !important;
} */
.map-font {
     font-size: 14px !important;
     line-height: 20px;
     font-family: 'Times New Roman', Times, serif;

}

.our-presence {
     /* position: absolute;
     bottom: 86%;
     left: 0%; */

     font-size: 42px;
     font-weight: 900;
     /* font-family: Verdana, Geneva, Tahoma, sans-serif; */
     font-family: 'Roboto', sans-serif;
     color: green;
}

.line-heiht-2 {
     margin-top: 100px;
}
/*.Get-touch p span{

     font-size: 12px !important;
 }*/
.Get-touch p{

     font-size: 14px ;
   
 }
 .min-max-height-354{
     height: 386px !important;
     min-height: 380px !important;
     max-height: 386px !important;
 }


 @media only screen and (max-width: 442px){
/*.Get-touch {
    position: relative;
    left: 0%;
    top: 37%;
    border-radius: 0px;
 

}*/
.get-in {
     font-family: Arial;
     font-style: normal;
     font-weight: bold;
     font-size: 50px !important;
     color: #7F7F7F;
     line-height: 70px !important;
}
.touch {
     font-size: 83px;
     color: #024B99;
     font-weight: bold;
 }
 .blog-dash{
     left: 20px;
     display: flex;
     position: relative !important;
     /* left: 119px !important; */
}
 }

 .contact-us{
     text-align: end !important;
 }

 .slider .slick-dots {
     position: absolute;
     /* bottom: -25px; */
     bottom: -66px;
 }

/* =================== */
/* =====start margin */
/* ==================== */
.blue-color{
     background-color: rgb(2,75,153);
}
.errormsg{
     /* text-align: left; */
     color: red !important;
 }
 .errormsg ul li{
     color:red;
 }
 .grecaptcha-badge {
     visibility: hidden;
 }
   
 /* style for accrodian in caeer page */
 
 input[id=resume] {
     width: 115px;
     /* Set the display to none to hide the default file input button */
     display: none;
 }

 #fileLabel {
     position: absolute;
     left: 527px;
     /*  top: 43px;*/
     /* right: 174px; */
     /* right:108px; */
     bottom: 208px;

     cursor: pointer;
     /* Add cursor:pointer to make the label look clickable */
 }

 /* Style for the custom "Choose File" button */
 #chooseFileBtn {
     font-size: 14px;
     display: inline-block;
     padding: 8px 16px;
     background-color: #999;
     color: #fff;
     cursor: pointer;
     border: none;
     border-radius: 4px;
 }

 #chooseFileBtn:hover {
     background-color: #495057;
 }


 .current-openings .accordion .card {
     position: relative;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color: #fff;
     background-clip: border-box;
     border: 1px solid rgba(0,0,0,.125);
     border-radius: 0.25rem;
   }
   .current-openings .accordion>.card>.card-header {
     border-radius: 0;
     margin-bottom: -1px;
   }
   
   
   .current-openings .accordion .card-header {
     padding: 0.75rem 1.25rem;
     margin-bottom: 0;
     background-color: rgba(0,0,0,.03);
     border-bottom: 1px solid rgba(0,0,0,.125);
   }
   
   .current-openings .accordion .btn-accordion {
     background: transparent; 
     /* color: var(--primary-color); */
     color:#000;
      font-size: 16px; 
      font-weight: 600;
       border-radius: 10px;
       padding: 10px 30px; 
       border: 3px solid #024B99; 
       position: relative; 
       text-decoration: none; 
      
      }
   
      .current-openings .accordion .btn-accordion:hover, .btn-accordion:focus {
         background:#024B99;
         color: #fff;
         border-color: #024B99;
     }
     .current-openings .accordion .card-body {
        
         flex: 1 1 auto;
         min-height: 1px;
             /* padding: 2.25rem; */
             text-align: left;
     }
      .current-openings .accordion .fa-stack {
         font-size: 18px;
         color:#024B99;
       }
       /* .card-header:not(.collapsed) .rotate-icon {
         transform: rotate(180deg);
       } */
       .click.collapsed .icon {
         transform: rotate(180deg);
         transition: .3s ease-in-out;
         }
         button[data-bs-toggle="collapse"] i.fas:before {
             /* content: "\f107";   angle-down */ 
             content: "\f106";    /* angle-up */
         }
         
         button[data-bs-toggle="collapse"].collapsed i.fas:before {
             /* content: "\f106";    angle-up  */
             content: "\f107";    /* angle-down */
         }
   
      
         .prestyle{ font-family: var(--tg-body-font-family);;font-weight: var(--tg-fw-regular);
           font-size: var(--tg-body-font-size);}  .career-form .form-group {
           margin-bottom: 15px;
       }
      /* style for accrodian in caeer page */
   
      .career-form .form-group {
       margin-bottom: 15px;
   }
   .current-openings .applyNow{
     background: #024B99;
     border: none;
     color:#fff;
     cursor: pointer;
     align-items: center;
     font-size: 14px;
     font-weight: 700;
     letter-spacing: 0;
     line-height: 1;
     margin-bottom: 0;
     padding: 18px 24px;
     text-transform: uppercase;
   }
   #exampleModal  .modal-header{
     background-color: #024B99;
     color: #fff !important;
   }
   .btnSubmit{
     background-color: #024B99;
     color: #fff;
   }

   /* single blog page */

   .blog-details__content .wp-block-image img{
     width: 100%;
   }
.insight-300{
     height: 92.4%;
 }


/* webniar banner  */
 .banner-image {
     content: url("../img/banner/webinar-esg-web-banner.png"); 
 }
 .banner-register-btn{
     background-color: #FCD379;
     color:#000;
     border-radius:76px;
 }
 .banner-register-btn:hover {
     background-color: #FFC107; /* Slightly darker yellow on hover */
     color: #333 !important; /* Ensure color change */
     text-decoration: none !important; /* Remove underline if added */
 }
 
 /* Ensure the Font Awesome icon also follows the hover effect */
 .banner-register-btn i {
     transition: color 0.3s ease;
 }
 
 .banner-register-btn:hover i {
     color: #333 !important;
 }
 .register-btn{
     bottom:0%;
 }

 /* Floating Container on Right Side */
.floating-container {
     position: absolute; 
     right: 0%;
     top: 25%;
     transform: translateY(-50%);
     width: 150px; /* Adjust width */
     height: 300px; /* Adjust height */
     background-image: url('../img/banner/esg-side-banner-img.png'); /* Set background */
     background-size: cover;
     background-position: center;
     border-radius: 20px;
     box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
     display: flex;
     flex-direction: column;
     justify-content: flex-end; /* Aligns content to the bottom */
     text-align: center;
     padding: 20px;
     z-index: 99999;
 }

 .enroll-btn-float-1{
     position: fixed;
     /* top: 50px;   */
     top: calc(60vh);
     right: 0%;  
     z-index: 9999; 
    
 }
 
 /* Countdown and Button Container */
 .btn-and-countdown {
     width: 100%;
 }
 
 /* Countdown Timer */
 .countdown-timer {
     font-size: 20px;
    font-weight: bold;
    border: 2px solid #fff;
    margin-bottom: 10px;
    color: white;
    border-radius: 13px;
 }
 
 /* Button Styling */
 .floating-button {
     background-color: #FCD379;
     color: #000;
     border-radius: 50px;
     padding: 10px 10px;
     font-size: 12px;
     font-weight: bold;
     text-decoration: none;
     transition: all 0.3s ease-in-out;
     box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
 }
 
 
 .floating-button:hover {
     background-color: #FFC107;
     color: #333 !important;
     transform: scale(1.05);
 }
 
.rbi-circular .card {
     background: #f9f9f9;
     padding: 20px;
     margin: 10px;
     border-radius: 12px;
     /* min-height: 180px; */
     box-sizing: border-box;
   }


  .arrow-circle {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background-color: #024B99;
     color: white;
     border: none;
     font-size: 18px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     transition: background-color 0.3s ease;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
   }
   
    .arrow-circle:hover {
     background-color: #024B99;
   }
 /*@media only screen and (max-width:1024px) {
     .register-btn{
          bottom:-2%;
      }
 }*/
 
  .facebook-icon {
    background-color: #024B99; /* Official Facebook Blue */
    padding: 10px;
    border-radius: 8px; /* Rounded corners */
    display: inline-block;
}

.facebook-icon img {
    width: 24px; /* Size of fb icon */
    height: auto;
    display: block;
}
 .linkedin-icon {
    background-color: #024B99; /* Official Facebook Blue */
    padding: 10px;
    border-radius: 8px; /* Rounded corners */
    display: inline-block;
}

.linkedin-icon img {
    width: 24px; /* Size of fb icon */
    height: auto;
    display: block;
}
@media (min-width: 1025px) and (max-width: 1440px) {
    /* Adjust styles for ThinkPad & similar laptops here */
    .Get-touch {
       
        right: 38px;
    }
}
@media (max-width: 1024px) {
    .social-icons-wrapper {
        flex-direction: column !important;
        align-items: start !important;
    }

    .social-icons-wrapper .facebook-icon {
        margin-bottom: 10px;
    }
    .Get-touch {
    position: absolute;
    top: 15%;
    right: 4%;}
    .text-assistance{
     font-size: 26px !important;
    }
}
@media (max-width: 768px) {
   .Get-touch {top: 30%;
right: 10%;
width: 45%;}
}
 @media only screen and (max-width: 442px){
.Get-touch {
    position: relative;
    width:100%;
    left: 0%;
    top: 37%;
    border-radius: 0px;
 

} 
 }



@charset "utf-8";
/* CSS Document */
.main-table ul{ 
    padding-left: 18px;
}
.main-table{/* font-family:Saira; */font-weight:normal;Font-size: 14px !important;color:#333;font-family: arial;line-height:24px;text-align:justify;margin-top: 15px;}
.main-heading{
    font-weight: bold;
    Font-size: 25px;
    color: #2f4d5a;
    line-height: 36px;
    border-bottom: 1px #ccc dashed;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: left;
    margin-top: 0;
    }
.sub-heading{
    font-weight: bold;
    Font-size: 18px;
    color: #000;
    margin-top: 0px;
    line-height: 30px;
    margin-bottom: 5px;

    }
.team-title{font-weight:bold; Font-size:18px; color:#033c5e; line-height:30px;}
.contact-us{ padding-left:20px; line-height:24px;}

/*cont-page*/
.map-contp{border:1px dashed #ccc;}
.cont-page h2{    font-weight:bold;
    color: #111;line-height: 26px;
    font-size: 19px;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 18px;
	margin-top:10px;}
.cont-page h2 span{color: #111;
    font-weight: normal;
    font-size: 18px;}
.cont-page .st-feature-box {
    background: #445368;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-right: 10px;
    color: #fff;
}
.st-feature-box {
    padding-left: 75px;
    position: relative;
    margin-bottom: 35px;
}
.st-feature-box .st-feature-box-icon {
    color: #111;
    display: block;
    position: absolute;
    width: 52px;
    height: 52px;
    line-height: 0px;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 60px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.feature-box-image img {
width: 25px;
    
}

.cont-page .feature-box-image {
    margin-top: 20px;
}
.cont-page .feature-box-image .fa{
   font-size:30px; color:#fff;
}
.cont-page h3 {
    margin: 0;
    font-size: 18px;
    margin-bottom: 8px;
}
.st-feature-box h3 {
    color: #fff;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
}
	

/*cont-page*/	
.navbar {
    position: relative;
    min-height: 100%;
    margin-bottom: 0px !important;
    /* border: 1px solid transparent; */
    /* background-color: rgb(47 61 86 / 74%) !important; */
    background-color: #fff !important;
    padding:  0;
}

.navbar-nav>li>a {
    /*padding-top:0 !important;
    padding-bottom: 0 !important;*/
    font-size: 14px;
    font-weight: 500;
    padding: 15px 0px;
    color: #2f6da5;
}

.container-fluid{padding-left:2px; padding-right:2px;}


.navbar-nav {
    display: table;
    width: 100%;
    text-align: center;
    margin-left: 0  !important;
    margin-right: 0 !important; 
}


.navbar-nav>li {
    display:table-cell;
    float: initial !important;
	vertical-align: middle;
}
.nav>li>a{padding:20px 2px;}

#HeaderControl .rdCenter, #MenuControl .rdCenter{background: transparent !important;}

.navbar-default{border:0 !important;background-color: #2f4c59 !important;}

.navbar-default .navbar-nav>li>a{
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    /*padding-left: 3px;
    padding-right: 3px;*/
    }

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover{
   color: #fff !important;
   background: #2f4d5a ;
   }
   
.navbar-default .navbar-nav>.open>a:focus{color: #fff !important; background:#2f4d5a !important;}
	
#MenuControl_C .dropdown-menu{padding:0 !important; animation: fadeInUp 400ms;}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #656f82 !important;
}

.dropdown-menu>li>a:focus:after, .dropdown-menu>li>a:hover:after {
        border-left-color: #fff !important;
}
	
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #fff !important;
    /*background-color: #fff !important;*/
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    /* background-color: #2f4d5a !important; */
    background-color: #fff;
    border-color:#fff;
    color: #000 !important;
}
#HomepagecontentControl{display:none;}
center #HomepagecontentControl {
    padding-top: 67px !important;
}


#MenuControl_C .navbar-default,
#MenuControl_C .container-fluid,
#MenuControl_C
{height:100%;/* background-color: #fff !important; *//*! padding-top: 6px; */}

#MenuControl_C #navbar-collapse-1{height:100% !important;}
#WidgetControl4{display:none;}

#HeaderControl{
    height: 82px;
    float: Left;
    margin-bottom: 0;
    padding: 0 0;
    transition: 0.5s;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    width: 33.33%;
    background: #fff;
    text-align: center;
    }
	
#HeaderControl.RadDock_Default .rdMiddle .rdCenter, #HeaderControl.RadDock_Default .rdBottom .rdCenter{    background-color: transparent !important;}

#MenuControl.RadDock_Default .rdMiddle .rdCenter, #MenuControl.RadDock_Default .rdBottom .rdCenter{    background-color: transparent !important;}

#MenuControl{
    height: 82px;
    float: Right;
    margin-bottom: 0;
    padding: 0px 0;
    transition: 0.5s;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    /* width: 66%; */
    background: transparent;
    /* box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px; */
    }
	
	
.body-fx #HeaderControl{
    height: 90px;
    float: Left;
    position: fixed;
    width: 30%;
    padding: 0;
    padding-left: 0;
    background-color: #fff;
    z-index: 99;
    text-align: left;
    transition: 0.5s;
    height: 67px !important;
    top: 0;
}

.body-fx #logo-web{margin-top: 6px;}

.body-fx #MenuControl_C{height: 67px !important;}


.body-fx #MenuControl {
    height: 90px;
    float: Right;
    position: fixed;
    right: 0;
    width: 70%;
    padding: 0;
    padding-right: 0;
    /* background-color: rgba(47,77,90,.6) !important; */
    transition: 0.5s;
    top: 0px;
    height: 67px !important;
}
center #form1 #HeaderControl {
    /* background: #fff !important; */
}

.navbar-toggler {
    background-color: #fff;
}
.nav-link:focus, .nav-link:hover {
    color: #000;
}
center #form1 #HomepagecontentControl{padding-top: 105px; padding-bottom:25px; display:block;}
center #form1 .top-nav{background:#033c5e;}
center #form1 #HeaderControl,
center #form1 #MenuControl{/* background: #fff; */top: 0px;}

center #form1 #HeaderControl{/* margin-left: -2px; *//* width: 34.3%; */}
center #form1 #MenuControl{/* margin-right: -2px; */}

.body-fx center #form1 #HeaderControl{margin-left:0;}
.body-fx center #form1 #MenuControl{margin-right: 0px;}
#widgetsControl, #widgetsControl_C{height:inherit !important;}
@media (max-width: 991px){
#MenuControl_C, #HeaderControl_C{height:inherit !important;}
center #form1 #HeaderControl{margin-left: -2px; /*! height:inherit !important; */    width: 35%;}
}
@media (max-width: 769px){
#MenuControl, #MenuControl_C{height: initial !important;}	
#widgetsControl_C, #widgetsControl{height:initial !important}
	}

@media (max-width: 767px)
{

.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top 
{
   margin-right: 0px !important;
 margin-left:  0px !important;
}

.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
    padding: 2px 15px 2px 25px;
}
.navbar-nav>li{display: block; text-align:left;}
}



@media(max-width:736px){
    .cont-page .feature-box-image img{
        width: 20px!important;
    }
    .body-fx #MenuControl{margin-top: -28px !important;position: absolute !important;}
 
.navbar-nav>li{display: block; text-align:left;}
#HeaderControl, #HeaderControl_C{height: initial !important;}	
header{padding-top: 2px;}
}

@media(max-width:375px){
.fl-head h2{    font-size: 23px;}
}

.table-responsive {
    min-height: .01%;border: 0;
    overflow-y: hidden !important;
}

div#HeaderControl img{width:300px;}
#WhatsNewControl{padding:35px 0;}
#WhatsNewControl_C_ctl00_tr_UpdatedBackImage{height:48px !important;}
#marquee1{margin-top:20px !important;}
#marquee1 a{font-size:14px !important;color:#155dab;}