html{
		overflow-x: hidden;
}
body{
	margin: auto;
	overflow-x: hidden;
	font-family: "AktivGrotesk", sans-serif;

    /*-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; */
}

@font-face {
    font-family: 'AktivGrotesk';
    src: url('../font/AktivGrotesk-Black.eot');
    src: url('../font/AktivGrotesk-Black.eot?#iefix') format('embedded-opentype'),
        url('../font/AktivGrotesk-Black.woff2') format('woff2'),
        url('../font/AktivGrotesk-Black.woff') format('woff'),
        url('../font/AktivGrotesk-Black.ttf') format('truetype'),
        url('../font/AktivGrotesk-Black.svg#AktivGrotesk-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AktivGrotesk';
    src: url('../font/AktivGrotesk-BlackItalic.eot');
    src: url('../font/AktivGrotesk-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/AktivGrotesk-BlackItalic.woff2') format('woff2'),
        url('../font/AktivGrotesk-BlackItalic.woff') format('woff'),
        url('../font/AktivGrotesk-BlackItalic.ttf') format('truetype'),
        url('../font/AktivGrotesk-BlackItalic.svg#AktivGrotesk-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'AktivGrotesk';
    src: url('../font/AktivGrotesk-Bold.eot');
    src: url('../font/AktivGrotesk-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/AktivGrotesk-Bold.woff2') format('woff2'),
        url('../font/AktivGrotesk-Bold.woff') format('woff'),
        url('../font/AktivGrotesk-Bold.ttf') format('truetype'),
        url('../font/AktivGrotesk-Bold.svg#AktivGrotesk-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AktivGrotesk-HairlineItalic';
    src: url('../font/AktivGrotesk-HairlineItalic.eot');
    src: url('../font/AktivGrotesk-HairlineItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/AktivGrotesk-HairlineItalic.woff2') format('woff2'),
        url('../font/AktivGrotesk-HairlineItalic.woff') format('woff'),
        url('../font/AktivGrotesk-HairlineItalic.ttf') format('truetype'),
        url('../font/AktivGrotesk-HairlineItalic.svg#AktivGrotesk-HairlineItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'AktivGrotesk';
    src: url('../font/AktivGrotesk-BoldItalic.eot');
    src: url('../font/AktivGrotesk-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/AktivGrotesk-BoldItalic.woff2') format('woff2'),
        url('../font/AktivGrotesk-BoldItalic.woff') format('woff'),
        url('../font/AktivGrotesk-BoldItalic.ttf') format('truetype'),
        url('../font/AktivGrotesk-BoldItalic.svg#AktivGrotesk-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'AktivGrotesk-Hairline';
    src: url('../font/AktivGrotesk-Hairline.eot');
    src: url('../font/AktivGrotesk-Hairline.eot?#iefix') format('embedded-opentype'),
        url('../font/AktivGrotesk-Hairline.woff2') format('woff2'),
        url('../font/AktivGrotesk-Hairline.woff') format('woff'),
        url('../font/AktivGrotesk-Hairline.ttf') format('truetype'),
        url('../font/AktivGrotesk-Hairline.svg#AktivGrotesk-Hairline') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AktivGrotesk';
    src: url('../font/AktivGrotesk-Italic.eot');
    src: url('../font/AktivGrotesk-Italic.eot?#iefix') format('embedded-opentype'),
        url('../font/AktivGrotesk-Italic.woff2') format('woff2'),
        url('../font/AktivGrotesk-Italic.woff') format('woff'),
        url('../font/AktivGrotesk-Italic.ttf') format('truetype'),
        url('../font/AktivGrotesk-Italic.svg#AktivGrotesk-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'AktivGrotesk';
    src: url('../font/AktivGrotesk-LightItalic.eot');
    src: url('../font/AktivGrotesk-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/AktivGrotesk-LightItalic.woff2') format('woff2'),
        url('../font/AktivGrotesk-LightItalic.woff') format('woff'),
        url('../font/AktivGrotesk-LightItalic.ttf') format('truetype'),
        url('../font/AktivGrotesk-LightItalic.svg#AktivGrotesk-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'AktivGrotesk';
    src: url('../font/AktivGrotesk-Light.eot');
    src: url('../font/AktivGrotesk-Light.eot?#iefix') format('embedded-opentype'),
        url('../font/AktivGrotesk-Light.woff2') format('woff2'),
        url('../font/AktivGrotesk-Light.woff') format('woff'),
        url('../font/AktivGrotesk-Light.ttf') format('truetype'),
        url('../font/AktivGrotesk-Light.svg#AktivGrotesk-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AktivGrotesk';
    src: url('../font/AktivGrotesk-Medium.eot');
    src: url('../font/AktivGrotesk-Medium.eot?#iefix') format('embedded-opentype'),
        url('../font/AktivGrotesk-Medium.woff2') format('woff2'),
        url('../font/AktivGrotesk-Medium.woff') format('woff'),
        url('../font/AktivGrotesk-Medium.ttf') format('truetype'),
        url('../font/AktivGrotesk-Medium.svg#AktivGrotesk-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AktivGrotesk';
    src: url('../font/AktivGrotesk-MediumItalic.eot');
    src: url('../font/AktivGrotesk-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/AktivGrotesk-MediumItalic.woff2') format('woff2'),
        url('../font/AktivGrotesk-MediumItalic.woff') format('woff'),
        url('../font/AktivGrotesk-MediumItalic.ttf') format('truetype'),
        url('../font/AktivGrotesk-MediumItalic.svg#AktivGrotesk-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'AktivGrotesk';
    src: url('../font/AktivGrotesk-Regular.eot');
    src: url('../font/AktivGrotesk-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/AktivGrotesk-Regular.woff2') format('woff2'),
        url('../font/AktivGrotesk-Regular.woff') format('woff'),
        url('../font/AktivGrotesk-Regular.ttf') format('truetype'),
        url('../font/AktivGrotesk-Regular.svg#AktivGrotesk-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AktivGrotesk';
    src: url('../font/AktivGrotesk-Thin.eot');
    src: url('../font/AktivGrotesk-Thin.eot?#iefix') format('embedded-opentype'),
        url('../font/AktivGrotesk-Thin.woff2') format('woff2'),
        url('../font/AktivGrotesk-Thin.woff') format('woff'),
        url('../font/AktivGrotesk-Thin.ttf') format('truetype'),
        url('../font/AktivGrotesk-Thin.svg#AktivGrotesk-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AktivGrotesk';
    src: url('../font/AktivGrotesk-ThinItalic.eot');
    src: url('../font/AktivGrotesk-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/AktivGrotesk-ThinItalic.woff2') format('woff2'),
        url('../font/AktivGrotesk-ThinItalic.woff') format('woff'),
        url('../font/AktivGrotesk-ThinItalic.ttf') format('truetype'),
        url('../font/AktivGrotesk-ThinItalic.svg#AktivGrotesk-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'AktivGrotesk-XBold';
    src: url('../font/AktivGrotesk-XBold.eot');
    src: url('../font/AktivGrotesk-XBold.eot?#iefix') format('embedded-opentype'),
        url('../font/AktivGrotesk-XBold.woff2') format('woff2'),
        url('../font/AktivGrotesk-XBold.woff') format('woff'),
        url('../font/AktivGrotesk-XBold.ttf') format('truetype'),
        url('../font/AktivGrotesk-XBold.svg#AktivGrotesk-XBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AktivGrotesk-XBoldItalic';
    src: url('../font/AktivGrotesk-XBoldItalic.eot');
    src: url('../font/AktivGrotesk-XBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/AktivGrotesk-XBoldItalic.woff2') format('woff2'),
        url('../font/AktivGrotesk-XBoldItalic.woff') format('woff'),
        url('../font/AktivGrotesk-XBoldItalic.ttf') format('truetype'),
        url('../font/AktivGrotesk-XBoldItalic.svg#AktivGrotesk-XBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}


p,h1,h2,h3,h4,h5,h6{
	margin-bottom: 0;
}
a{
    text-decoration: none;
}


/* PRELOADER */
.preloader {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100vh;
    background: #fff;

    display: flex;
    align-items: center;
    justify-content: center;

    z-index: 99999;
}

/* Logo container */
.loader-logo {
    position: relative;
    width: 90px;
    height: 90px;
}

/* Both images */
.loader-logo img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Background/faded logo */
.logo-bg {
    opacity: 0.12;
}

/* Filling logo */
.logo-fill {
    clip-path: inset(100% 0 0 0);
    animation: logoFill 2s cubic-bezier(.65, 0, .35, 1) forwards;
}

/* Fill from bottom to top */
@keyframes logoFill {
    0% {
        clip-path: inset(100% 0 0 0);
    }

    100% {
        clip-path: inset(0 0 0 0);
    }
}
.preloader {
    transition: opacity 0.6s ease, visibility 0.6s ease;
}

.preloader.loaded {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.extraside{
    padding: 0 79px;
}
@media(max-width: 991px){
.nav-dropdown {
	margin-left: 0 !important;
}

.megamenu-lists {
    display: unset;
}
.megamenu-panel {
    width: 100%;
}
.nav-menu > li > a {
    font-size: 25px;
}
.megamenu-list > li > a {
    font-size: 18px;
    line-height: 23px;
}
.nav-dropdown > li > a {
   
 
    font-size: 18px;
}


}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1198px;
    }

}
.head-menu{
    display: flex;
    align-items: center;
          justify-content: flex-end;
    height: 100%;
    position: relative;
    gap: 25px
}
.header{
	padding: 46px 0;
	position: relative;
    z-index: 111;
}

.logo img{
	width: 100%;
	float: left;
	max-width: 235px;
}
.explorebtn {
    display: inline-flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.explorebtn a,
.explorebtn span {
    transition: all 0.6s ease;   /* slow & smooth */
}
.explorebtn a {
    width: 164px;
    height: 56px;
    color: #FFFFFF;
    border-radius: 100px;
    border: 1px solid #FFFFFF;
    font-size: 16px;
    font-weight: 300;
    text-decoration: none;
    display: flex;
    align-items: center;
    padding: 0 25px;
}

/* ARROW */
.explorebtn span {
    width: 50px;
    height: 50px;
    background: #FFFFFF;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    right: 10px;
}

.explorebtn span img {
    max-width: 14px;
}

/* HOVER ANIMATION */
.explorebtn:hover a {
    transform: translateX(30px);   /* text move right */
}

.explorebtn:hover span {
    transform: translateX(-150px); /* arrow slide to left side */
}
.banner{
	position: relative;
   margin-top: -147px;
}
.banner img{
	width: 100%;
	position: relative;
}
.banner .col-lg-12{

    position: relative;
}
.banner-textmain{
    width: 100%;
     position: absolute;
    bottom: 100px;
    left: 0;
}
.banner-text {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.banner-text h2 {
    color: #fff;
    font-size: 74px;
    line-height: 100%;
    font-weight: normal;
    margin: 0;

    flex: 0 0 57%;   /* 60% width */
}

.banner-text p {
    color: #fff;
    font-size: 16px;
    line-height: 180%;
    font-weight: 300;
    margin: 0;

    flex: 0 0 auto;   /* 40% width */
}
.banner1-carousel .owl-nav{
display: none;
}
.banner1-carousel .owl-dots{
display: none;
}

.banner1-carousel .owl-item .banner-text h2 {
    opacity: 0;
    transform: translateY(45px);
    transition:
        opacity .9s ease .15s,
        transform 1s cubic-bezier(.22, 1, .36, 1) .15s;
}

.banner1-carousel .owl-item .banner-text p {
    opacity: 0;
    transform: translateY(30px);
    transition:
        opacity .9s ease .3s,
        transform 1s cubic-bezier(.22, 1, .36, 1) .3s;
}

.banner1-carousel .owl-item.active .banner-text h2,
.banner1-carousel .owl-item.active .banner-text p {
    opacity: 1;
    transform: translateY(0);
}


.section-one{
	padding: 69px 0 81px;
}
.banneratag a {
    text-align: left;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
   letter-spacing: 0.24em;
    display: flex;
    align-items: center;
    gap: 15px;
    padding-top: 34px;
    text-decoration: none;
    text-transform: uppercase;
        display: inline-flex;
    
    position: relative;
    transition: color 0.4s ease;
}




.banneratag a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 100%;
    height: 1px;
    background: #FFFFFF;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.45s cubic-bezier(.77,0,.18,1);
}

.banneratag a img {
    max-width: 18px;
    transition: transform 0.45s cubic-bezier(.77,0,.18,1);
}

.banneratag a:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

.banneratag a:hover img {
    transform: translateX(7px);
}


















































.section-one-text {
    display: flex;
    align-items: flex-start;
}

.section-one-text h4 {
    text-align: left;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    align-items: center;
    display: flex;
    gap: 8px;
    flex: 0 0 21%;
}
.section-one-text h4 span{
    width: 5px;
    height: 5px;
     background: #000000;
     float: left;
    border-radius: 50px;
}
.section-one-text h2{
    text-align: left;
    color: #000000;
    font-size: 48px;
    font-weight: normal;
    flex: 0 0 80%;
    line-height: 120%;
}
.section-one-text h2 span{
    color: #999999;
}
.addinn p a{
    color: black;
}
.s2track{
  display: flex;
  gap: 46px;
  width: max-content;
  animation: scrollLeft 25s linear infinite;
}
.s2-clint{
  overflow: hidden;
  position: relative;
}

.s2move{
  overflow: hidden;
  width: 79%;
  float: right;
  padding-top: 15px;
  border-top: 1px solid #00000021;
  position: relative;
}
.s2track img {

  float: left;
   }



.s2move:after{
    content: '';
    float: left;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 165px;
    height: 89px;
    background-size: cover;
    background-image: url('../images/leftshedow.png');
}
.s2move:before{
    content: '';
    float: right;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 281px;
    height: 89px;
    background-size: cover;
    z-index: 1;
    background-image: url('../images/rightshedow.png');
}


@keyframes scrollLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.section-two{
    background: #003153;
    padding: 66px 0 84px;
}
.section-two-main{
    padding-left: 79px;
}
.sections{
    display: flex;
    align-items: flex-start;
}
.sections h4 {
    text-align: left;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    align-items: center;
    display: flex;
    gap: 8px;
    flex: 0 0 21%;
}
.sections h2 {
    text-align: left;
    color: #FFFFFF;
    font-size: 48px;
    font-weight: normal;
    flex: 0 0 80%;
    line-height: 120%;
    padding-bottom: 67px;
}
.sections h2 span{
     color: #ffffff63;
}
.sections h4 span {
    width: 5px;
    height: 5px;
    background: #FFFFFF;
    float: left;
    border-radius: 50px;
}

.practice {
    padding: 34px 54px 50px 43px;
    min-height: 600px;
    border-right: 1px solid #ffffff29;
    transition: 0.5s;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
}
.practice span{
    align-items: center;
    width: 62px;
    height: 62px;
    float: left;
    border-radius: 50px;
    border: 1px solid #ffffff40;
    display: flex;
    justify-content: center;
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 500;
}
.practice h2{
    color: #FFFFFF;
    font-size: 40px;
    line-height: 130%;
    text-align: left;
    padding: 30px 0 15px;
}
.practice p{
    color:#bac2c9;
    float: left;
    font-size: 18px;
    font-weight: 300;
    line-height: 180%;
    text-align: left;
    padding: 0px 0 20px;
}
.practice-text img{
    width: 100%;
    max-width: 18px;
}
.practice-text a {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.24em;
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none;
    text-transform: uppercase;
}
.practice-text{
    display: flex;
    flex-direction: column;
    opacity: 0;
      transition: 0.5s;   /* hover smooth time */
}
.practice:hover{
    background: #00294B;
}
.practice:hover .practice-text{
 opacity: 1;

}
.banner-carousel .owl-prev{
    width: 56px;
    height: 56px;
    float: left;
       border: 1px solid white !important;
    border-radius: 50%;
      transition: 0.5s;   /* hover smooth time */
}
.banner-carousel .owl-next{
     width: 56px;
    height: 56px;
    float: left;
       border: 1px solid white !important;
    border-radius: 50%;
    margin-left: 22px;
      transition: 0.5s;   /* hover smooth time */
}
.banner-carousel .owl-prev:hover{
background: white !important;

}
.banner-carousel .owl-prev:hover img{
    filter: invert(111);
    transition: 0.5s;   /* hover smooth time */

}
.banner-carousel .owl-next:hover{
background: white !important;

}
.banner-carousel .owl-next:hover img{
    filter: invert(111);
    transition: 0.5s;   /* hover smooth time */

}
.banner-carousel .owl-nav{
    position: absolute;
    right: 84px;
    top: -135px;
}
.section-three{
    padding: 79px 0 0px;
    height: 1132px;
}
.section-three .sections h4{
color:#000000;


}
.section-three .sections h4 span{
    background: #000000;
}
.section-three .sections h2{
    color: #000000;
}
.section-three .sections h2 span {
    color: #999999;
}
.section-threemain {
  background: #f5f5f5;
    padding: 24px 50px;
    min-height: 425px;
    position: relative;
    display: flex;
    align-items: end;
    overflow: hidden;
}

.section-threemain span {
    width: 64px;
    height: 64px;
    background: #003560;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 25px;
    top: 25px;
    overflow: hidden;
    transition: transform 0.5s cubic-bezier(.16, 1, .3, 1);
}

.section-threemain span::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: #ffffff;
    transition: width 0.55s cubic-bezier(.16, 1, .3, 1),
                height 0.55s cubic-bezier(.16, 1, .3, 1);
}
.section-threemain span img{
    width: 32px;
    position: relative;
    z-index: 2;
    transition: transform 0.55s cubic-bezier(.16, 1, .3, 1);

}

.sect-thretext h2{
    padding: 0 0 18px; 
    text-align: left;
    color: #000000;
    font-size: 30px;
    font-weight: normal;
}
.sect-thretext p{
     text-align: left;
    color: #000000;
    font-size: 16px;
    line-height: 180%;
    font-weight: 300;
}

/* Hover */
.section-threemain:hover span {
    transform: scale(1.08);
}

.section-threemain:hover span::before {
    width: 100px;
    height: 100px;
}

.section-threemain:hover span img {
    transform: scale(1.2) rotate(-8deg);
}




































.sect-threeimage{
    position: relative;
   margin-top: 92px;
    height: 696px;
    padding: 69px 84px;
    background-size: cover;
        display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-image: url('../images/sec-bg.webp');
}
.sect-threeimage h3{
    text-align: left;
    color: white;
    font-size: 48px;
    font-weight: normal;
    line-height: 120%;
}
.sect-threeimage h4 span{
    padding: 12px 20px;
    font-size: 20px;
    font-weight: 500;
    background: #ffffff24;
    color: #FFFFFF;
    border-radius: 100px;
    border: 1px solid #FFFFFF;
}
.sect-threeimage h4{
display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
}
.sect-threeimage p{
    text-align: left;
    color: white;
    font-size: 18px;
    font-weight: 300;
    line-height: 180%;
    padding-top: 31px;
}
.section-four{
  
    background: #003153;
    padding: 418px 0 93px;
}


/*faq*/

.faq {
    border-bottom: 1px solid #e5e5e552;
    padding: 34px 0px 34px 1px;
    position: relative;
    overflow: hidden;
    transition: 0.3s ease;
}
.faq h3{
text-align: left;
color: #FFFFFF;
font-size: 30px;
font-weight:normal;
}
.faq p{


text-align: left;
color: #FFFFFF;
font-size: 16px;
line-height: 180%;
font-weight:300;
padding-right: 6%;
}

.faq.active {
    }

.faq.active::before {
    color: #3498db;
    top: -10px;
    left: -30px;
    transform: rotateY(180deg);
}
.faq-text{
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.4s ease;
  margin: 0;
}

.faq.active .faq-text{
  max-height: 300px; /* increase if text large */
  opacity: 1;
  margin: 31px 0 0;
}

.faq-toggle {
    background-color: transparent;
    border: none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    position: absolute;
    top: 25px;
    right: 10px;
    
}

.faq-toggle:focus {
    outline: none;
}


.faq-toggle .fa-times {
    display: none;
}

.faq.active .faq-toggle .fa-times {
    display: block;
}

.faq-toggle .fa-chevron-down {
    color: #83888E;
}

.faq.active .faq-toggle .fa-chevron-down {
    display: none;
}

.faq-toggle img {
    width: 24px;
    transition: 0.3s ease;
}

.faq .icon-up {
    display: none;
}

.faq.active .icon-down {
    display: none;
}

.faq.active .icon-up {
    display: inline-block;
}
.faq-toggle{
    width: 56px;
    height: 56px;
    border-radius: 100px;
    border: 1px solid #e5e5e552;
}
.section-five{
    padding: 67px 0;
}
.section-five .sections h4 {
    color: #000000;
}
.section-five .sections h2 {
    color: #000000;
}
.section-five .sections h2 span {
    color: #999999;
}
.section-five .sections h4 span {
    background: #000000;
}
.blog-carusal{
    padding-left: 79px;
}
.blog-carusal-main {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.blog-carusal-main img{
    width: 100%;
    max-width: 361px;
}
.blog-carusal-main h4{
   display: inline-block;   /* important */
    width: fit-content;      /* important */
    text-align: left;
    color: #000000;
    font-size: 12px;
    font-weight: 300;
    padding: 9px 14px;
    background: #EEEEEE;
    border-radius: 100px;
}
.blog-carusal-main h2{
  
    width: auto;
    text-align: left;
    color: #000000;
    font-size: 25px;
    font-weight: normal;
    line-height: 140%;
}
.blog-carusal-main p{
   
    width: auto;
    text-align: left;
    color: #000000;
    font-size: 16px;
    font-weight: 300;
    line-height: 150%;
}
.blog-carousel .owl-nav {
    position: absolute;
    right: 84px;
    top: -135px;
}
.blog-carousel .owl-prev {
    width: 56px;
    height: 56px;
    float: left;
    border: 1px solid #003560 !important;
    border-radius: 50%;
    transition: 0.5s;
}
.blog-carousel .owl-next {
    width: 56px;
    height: 56px;
    float: left;
    border: 1px solid #003560 !important;
    border-radius: 50%;
    margin-left: 22px;
    transition: 0.5s;
}
.blog-carousel .owl-prev:hover {
    background: #003560 !important;
}
.blog-carousel .owl-next:hover {
    background: #003560 !important;
}
.blog-carousel .owl-prev:hover img {
    filter: invert(111);
    transition: 0.5s;
}
.blog-carousel .owl-next:hover img {
    filter: invert(111);
    transition: 0.5s;
}
.section-last{

    background-image: url('../images/cta-ftr.webp');
    background-size: cover;
    padding: 75px 0;
    background-attachment: fixed;
}
.section-last h2{
    text-align: left;
    color: white;
    font-size: 48px;
    font-weight: normal;
    line-height: 120%;
}
.section-lastcontent {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.section-lastcontent .banneratag a{
    padding-top: 0;
}
.footer{
 
    padding: 63px 0 59px;

}
.ftr-logo img{
    width: 100%;
    max-width: 325px;

}
.ftr-logo h2{
    text-align: right;
    color: #000000;
    font-size: 48px;
    font-weight: normal;
}
.ftr-logo h2 span{
    color: #0000005c;
}
.ftr-logo{
    padding-bottom: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ftroption h3{
float: left;
text-align: left;
color: #003153;
font-size: 16px;
font-weight: 300;
padding-bottom: 11px;
}
.ftroption_opt{
    display: flex;
    align-items: center;
    justify-content: space-between;
}








.ftroption{
    display: grid;
}
.ftroption a {
    float: left;
    text-align: left;
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    line-height: 140%;
    text-decoration: none;
    position: relative;
    transition: color 0.3s ease, transform 0.3s ease;
}

.ftroption a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 1px;
    background: #003560;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.4s cubic-bezier(.77, 0, .18, 1);
}

.ftroption a:hover {
    color: #003560;
    transform: translateX(4px);
}

.ftroption a:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}
.addinn p a:hover{
    color: #003153;
}
.linka a{
    color: #000000;
    font-size: 16px;
    font-weight: 300;
padding-top: 14px;
    text-decoration-line: underline;
    text-decoration-color: #000000;
    text-decoration-thickness: 1px;
    text-decoration-style: solid;
    text-underline-offset: 10px;
}
.coprat{
    position: relative;
}
.coprat:after{
    width: 1px;
    height: 154px;
    position: absolute;
    left:-35px;
    top: 0;
    content: '';
    background-size: cover;
    background-image: url('../images/Line 1.png');
}
.coprat:before{
    width: 1px;
    height: 154px;
    position: absolute;
    right:-41px;
    top: 0;
    content: '';
    background-size: cover;
    background-image: url('../images/Line 1.png');
}

.ftroption p {
    float: left;
    text-align: left;
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    line-height: 140%;
}
.copyinn{
  
    padding: 38px 0;
    border-top: 1px solid #00000021;
        display: flex;
    align-items: center;
    justify-content: space-between;
}
.copyinn h2{
    float: left;
    text-align: left;
    color: #000000;
    font-size: 16px;
    font-weight: 300;
}

.contact-detail .ci-value a {
     color: white; 
     font-size: 16px; 
     font-weight: 300; 
}
.addinn{
    display: flex;
    gap: 59px;
}
.arrhd{
    width: 100%;
    max-width: 16px;
}

.ml-img {
    width: auto;
    float: left;
    right: 0;
    position: absolute;
    bottom: 0;
    opacity: 0.4;
}
.ml-img img {
    width: 100%;
    float: left;
    max-width: 195px;
}
.inner-hd{

    background: #71777C;
background: linear-gradient(178deg, rgba(113, 119, 124, 0.98) 0%, rgba(26, 69, 103, 1) 100%);
    padding: 210px 0 30px;
margin-top: -148px
}
.inner-hd h2{
  
    text-align: left;
    color: #ffffffeb;
    font-size: 48px;
    font-weight: 300;
}


.profile-head {
    display: grid;
    gap: 36px;
    align-items: center;
   padding: 25px 0 35px;
}
.profile-head h2{
    color: #000000;
    font-size: 35px;
    font-weight: 500;
    padding: 0 0 12px;
}
.profile-head p{
    font-size: 1rem;
    padding: 0 0 14px;
}
.profile-head a {
border-bottom: 1px solid #21496940;
    color: black;
    font-size: 16px;
    font-weight: 300;
}

.abt_block {
    padding: 44px 0;
    border-top: 1px solid #21496938;
     display: grid;
    grid-template-columns: 220px 1fr;
    gap: 48px;
}

.block-label {
    color: #000000;
    font-size: 20px;
    font-weight: normal;
}
.block-body p {
    color: #000000;
    font-size: 16px;
    font-weight: 300;
    line-height: 155%;
    padding: 0 0 16px;
    
}
.focus-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 6px;
}
.focus-chips span {
    font-size: 0.85rem;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    padding: 7px 14px;
    border-radius: 999px;
    color: black;
}
.qual-grid svg {
    width: 16px;
    height: 16px;
    margin-top: 4px;
    color:#214969;
    flex-shrink: 0;
}
.qual-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 28px;
    margin-top: 6px;
}.qual-grid div {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    font-size: 0.95rem;
    color: var(--ink-soft);
}
.qual-grid svg {
    width: 16px;
    height: 16px;
    margin-top: 4px;
    color: var(--brass);
    flex-shrink: 0;
}






















.inner-starts{
    padding: 70px 0;
 
}

.inner-starts .sections h4 span {
    background: #000000;
}
.inner-starts .sections h4 {
    color: #000000;
}
.inner-starts .sections h2 {
    color: #000000;
}
.inner-starts .sections h2 span {
    color: #999999;
}
.inner-starts .blog-carusal-main{
margin-bottom: 25px;
}
.inner-starts .col-lg-4:last-child .blog-carusal-main {
    margin-bottom: 0;
}
.detail-page{
    
    display: flex;
    gap: 50px;
        align-items: center;
    justify-content: center
}

.detail-page-text h4 {
    display: inline-block;
    width: fit-content;
    text-align: left;
    color: #000000;
    font-size: 12px;
    font-weight: 300;
    padding: 9px 14px;
    background: #EEEEEE;
    border-radius: 100px;
}
.detail-page-text h2 {
    text-align: left;
    color: #000000;
    font-size: 48px;
    font-weight: normal;
    line-height: 120%;
}
.detail-page-text p {
    width: auto;
    text-align: left;
    color: #000000;
    font-size: 16px;
    font-weight: 300;
    line-height: 150%;
}
.detail-page-text{
display: flex;
    flex-direction: column;
    gap: 23px;
}
.detail-page img {
    width: 100%;
    max-width: 350px;
    float: left;
}
.detail-page-main h2{
    width: auto;
    text-align: left;
    color: #000000;
    font-size: 25px;
    font-weight: normal;
    line-height: 140%;
    padding-top: 20px;
}
.detail-page-main p{
    width: auto;
    text-align: left;
    color: #000000;
    font-size: 16px;
    font-weight: 300;
    line-height: 150%;
    padding: 15px 0 0;
}
.detail-page-main{
   padding-right: 30px; 
}
.detail-page-main ul{
  padding-top: 25px;
}
.detail-page-main li{
    padding-left: 10px;
    text-align: left;
    color: #000000;
    font-size: 16px;
    font-weight: 300;
    line-height: 35px;
   
}
.detail-page-main li::marker {
    content: "◆ ";
    color: #214969;
    font-size: 17px;
}
.relatedblogs{

}
.relatedblogs h2{
text-align: left;
     color: #204969d9;
    font-size: 30px;
    font-weight: normal;
    padding-bottom: 30px;
}
.micro-srv {

    padding: 14px;
    background-color: #003153;
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 12px;
    border-bottom: 1px solid #b8b8b84a;
}
.micro-srv img{
    width: 100%;
    max-width: 31%;
}
.micro-srv h3 {
    color: white;
    line-height: 24px;
    font-size: 16px;
    font-weight: 500;
}
.c-imag img {
    width: 100%;
}
.contct-frm {
      padding-left: 20px;
}
.con-field {
    margin-bottom: 12px;
}
.con-field label {
    font-size: 16px;
    color: #000000;
    font-weight: 400;
    margin-bottom: 5px;
}
.con-field input {
    width: 100%;
    float: left;
    padding: 12px;
    border: 1px solid #999999a6;
    font-size: 15px;
    color: #000;
    background: #f5f0e400;
    height: 51px;
    outline: none !important;
}
.con-field textarea {
    width: 100%;
    float: left;
    background: #f5f0e400;
    padding: 12px;
     border: 1px solid #999999a6;
 
    font-size: 16px;
    color: #000;
    height: 150px;
    outline: none !important;
}
.cr-inn button{
   text-align: left;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.24em;
    display: flex;
    text-transform: uppercase;
    color: #000000;
    text-decoration-line: underline;
    text-decoration-color: #000000;
    text-decoration-thickness: 1px;
    text-decoration-style: solid;
    text-underline-offset: 10px;
    border: none;
    padding:0px;
    background: transparent;
}
.w-card {
    flex-direction: column;
    display: flex;
}

.w-card img {
    width: 100%;
    max-width: 45px;
   transition: transform 0.6s cubic-bezier(.16, 1, .3, 1);
    transform-style: preserve-3d;
}

.w-card:hover img {
    transform: rotateY(180deg);
}
.w-card h3 {
    color: #003153;
    font-size: 24px;
    font-weight: 400;
    margin-top: 22px;
    margin-bottom: 15px;
}
.w-card p {
    color: #868686;
    font-size: 16px;
    font-weight: 400;
}
.w-card p a {
    color: #868686;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
}
.w-cardcentr {
    background: #1AA664;
    border-radius: 20px;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}
.ft-social {
    display: flex;
    flex-direction: row;
    gap: 15px;
    justify-content: center;
}
.ft-social img{
    width: 100%;
    max-width: 35px;
}
.abtinrigo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
}
.abtinrigo img {
    width: 100%;
    float: left;
    max-width: 470px;
    height: 430px;
    object-fit: cover;
}
.abtinrigo p{
    width: auto;
    text-align: left;
    color: #000000;
    font-size: 16px;
    font-weight: 300;
    line-height: 150%;
    padding-bottom: 15px;
}
.abtinrigo h6{
    width: auto;
    text-align: left;
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 15px;
}
.profileimg{
   
}
.profileimg img{
    width: 100%;
}
.profile-text{
   
}
.profile-text h2{
    text-align: left;
    color: black;
    font-size: 35px;
    font-weight: 500;  
}
.profile-text h3 {
    text-align: left;
    color: #214969;
    font-size: 17px;
    font-weight: 400;
    padding-top: 15px;
}
.profile-text p {
    width: auto;
    text-align: left;
    color: #000000;
    font-size: 16px;
    font-weight: 300;
    line-height: 155%;
    padding: 18px 0 5px;
}
.profile-text h6 {
    padding-top: 15px;
    text-align: left;
    color: #000000;
    font-size: 23px;
    font-weight: normal;
}
.expertise-list li {
    padding-left: 10px;
    text-align: left;
    color: #000000;
    font-size: 16px;
    font-weight: 300;
    line-height: 35px;
}
.expertise-list li::marker {
    content: "◆ ";
    color: #214969;
    font-size: 17px;
}
.section-title{
    padding-bottom: 18px;
}
.contact-info{
    display: flex;
    gap: 20px;
}
.contact-info a{
color: #000000;
    font-size: 16px;
    font-weight: 300;
}

.stck {
   position: relative;
 transition: transform 0.45s cubic-bezier(.22,.61,.36,1), top 0.45s cubic-bezier(.22,.61,.36,1);
  will-change: transform;
}
.vmv {
    padding: 25px 20px;
    background: #f5f5f5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 415px;
}
.vmv span {
    width: 64px;
    height: 64px;
    background: #003560;
    display: flex;
    align-items: center;
    justify-content: center;

    align-self: flex-end;   /* This moves it to right */
}
.vmv img{
    width: 100%;
max-width: 40px;
}
.vmv h2 {
    text-align: left;
    font-size: 38px;
    font-weight: normal;
    color: #000000;
    display: flex;
    align-items: end;
    justify-content: flex-start;
    gap: 13px;
}
.vmv p{
    width: auto;
        text-align: justify;
    color: #000000;
    font-size: 16px;
    font-weight: 300;
    line-height: 150%;
        padding: 20px 20px 0 0;
}
.vmv-in h3{
     text-align: left;
    font-size: 25px;
    font-weight: normal;
    color: #000000;
}
.vmv-in {
    padding: 30px 0px;
}
.abtmaininn {
  
    padding: 30px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    background: #fcfcfc;
}
.abtmaininn h3{
    padding: 0 0 18px;
    text-align: left;
    color: #000000;
    font-size: 30px;
    font-weight: normal;
}
.abtmaininn p{
   text-align: left;
    color: #000000;
    font-size: 16px;
    line-height: 180%;
    font-weight: 300;
    padding-bottom: 15px;
}
.abtmaininn p:last-child{
    padding-bottom:0px;
}
.terms {
    
    padding-bottom: 25px;
}
.terms h2 {
    width: auto;
    text-align: left;
    color: #000000;
    font-size: 25px;
    font-weight: normal;
}
.terms p {
    width: auto;
    text-align: left;
    color: #000000;
    font-size: 16px;
    font-weight: 300;
    padding-top: 20px;
    line-height: 150%;
}
.allservice_hds h2{
    font-size: 48px;
    font-weight: normal;
    line-height: 120%;
    padding: 0 0 20px;
    color:#000000;
}
.allservice_hds p {
    text-align: left;
    color:#000000;
    font-size: 16px;
    line-height: 180%;
    font-weight: 300;
    padding: 0 0 20px;
}
.block-body ul.plain {
    margin: 0 0 0;
    padding-left: 0;
    list-style: none;
}
.block-body ul.plain li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 10px;
}
.block-body ul.plain li::before {
   content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: black;
}
.allservice_hds{
    padding-bottom: 45px;
}
.block-body h3 {
    font-weight: 500;
    font-size: 1.15rem;
    padding: 28px 0 10px;
   color: black;
}
.contact-block {
    background: var(--parchment-2);
    padding: 56px 0 64px;
    border-top: 1px solid var(--line);
}
.contact-grid {
   display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 52px;
    align-items: center;
    justify-content: space-between;
}
.contact-info h2 {
    font-family: var(--serif);
    font-weight: 500;
    font-size: 1.6rem;
    margin: 0 0 14px;
}
.contact-info p.intro {
    color: var(--ink-soft);
    margin: 0 0 26px;
    max-width: 42ch;
}
.contact-detail {
        display: flex;
    gap: 14px;
    margin: 25px 0;
    align-items: flex-start;
}
.contact-detail .ci-icon {
    width: 38px;
    height: 38px;
    border: 1px solid gray;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--emerald);
    flex-shrink: 0;
    background: var(--parchment);
}
.contact-detail .ci-icon svg {
    width: 18px;
    height: 18px;
    fill: white;
}
.contact-detail .ci-label {
    padding: 0;
    letter-spacing: 0.02em;
}
.contact-detail .ci-value {
    font-size: 0.98rem;
    padding: 0;
}
.contact-form {
    background:white;
    padding: 30px;
}
.contact-form .form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.contact-form .form-row label {
    margin-top: 0;
}
.contact-form label {
    display: block;
    font-size: 0.8rem;
    color: var(--sage);
    margin: 16px 0 6px;
}.contact-form input, .contact-form textarea {
   width: 100%;
    font-size: 0.95rem;
    padding: 11px 12px;
    border: unset;
    background: #80808021;
    color: white;
    border-radius: 2px;
}
.contact-form button {
      margin-top: 10px;
    color: black;
    background: unset;
    border: none;
    padding: 10px 0px;
    font-size: 0.95rem;
    cursor: pointer;
    border-radius: 3px;
    transition: background .2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.contact-form button img{
    filter: invert(1);
      max-width: 18px;
}

.contact-grid h2{
    color: white;
    font-size: 45px;
    font-weight: 400;
}
.contact-grid p{
      color: white;
    font-size: 16px;
    font-weight: 300;
    padding: 14px 0;
}
.service-ctct{
    
    background: #0c3965;
    padding: 70px 0;
}


/*btn*/


.banneratag button {
    padding: 20px 0 0;
    text-align: left;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.24em;
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none;
    text-transform: uppercase;
    background: transparent;
    border: unset;
}
.banneratag button img {
    max-width: 18px;
}




    .consult-popup {
    position: fixed;
    inset: 0;
    z-index: 9999;
    visibility: hidden;
    pointer-events: none;
}

.consult-popup.active {
    visibility: visible;
    pointer-events: auto;
}

/* Overlay */
.consult-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .45);
    opacity: 0;
    transition: .35s ease;
}

.consult-popup.active .consult-overlay {
    opacity: 1;
}


/* Popup */
.consult-modal {
    position: absolute;
    right: 30px;
    bottom: 30px;

    width: 440px;
    max-width: calc(100% - 30px);

    background: #003153;
    border-radius: 16px;

    padding: 28px;

  

    transform: translateY(120%);
    transition: transform .5s cubic-bezier(.22,1,.36,1);
}

.consult-popup.active .consult-modal {
    transform: translateY(0);
}


/* Logo + close */
.consult-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.popup-logo {
    width:100%;
    max-width: 140px;
}

.popup-close {
    width: 38px;
    height: 38px;

    border: 0;
    border-radius: 50%;

    background: #f1f1f1;

    font-size: 25px;
    line-height: 38px;

    cursor: pointer;
}


/* Content */
.consult-content h2 {
    padding: 10px 0;
    font-size: 25px;
    color: white;
}

.consult-content p {
    padding: 0 0 20px;
    color: #e6e6e6;
    font-size: 14px;
    font-weight: 400;
}

.consult-content form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.consult-content input,
.consult-content textarea {
   width: 100%;
    border: 1px solid #dddddd40;
    border-radius: 7px;
    padding: 9px 15px;
    outline: none;
    background: transparent;
    color: white;
    font-size: 15px;
    font-weight: 400;
}

.consult-content textarea {
    resize: none;
}



/* Mobile */
@media (max-width: 575px) {

    .consult-modal {
        right: 15px;
        bottom: 15px;
        width: calc(100% - 30px);
        padding: 22px;
    }

    .consult-content h2 {
        font-size: 25px;
    }

}
/*btn*/
@media (max-width: 400px){
.copyinn h2 {
    text-align: center;
}
.ci-value br{
    display: none;
}
}

@media (max-width: 575px){





.head-menu .explorebtn{
display: none;
}


    .sect-threeimage p br{
        display: none;
    }
.banner img {
    height: 500px;
    object-fit: cover;
}
.extraside {
    padding: 0 15px;
}.banner-text {
    gap: 15px;
    align-items: flex-start;
    flex-direction: column;
}
.banner-textmain {
    bottom: 40px;
}
.banner-text h2 {
    font-size: 45px;
}
.banneratag a img {
    height: auto;
}
.banner-text h2 br{
    display: none;
}
.banner-text p br{
    display: none;
}
.section-one-text {
    flex-direction: column;
    gap: 25px;
}
.section-one-text h2 {
    font-size: 35px;
    line-height: 135%;
}
.section-two-main {
    padding: 0 15px;
}
.sections {
    gap: 15px;
    flex-direction: column;
}
.sections h2 br{
    display: none;
}
.sections h2 {
    text-align: left;
    color: #FFFFFF;
    font-size: 40px;
}
.banner-carousel .owl-nav {
    display: none;
}
.practice-text {
    opacity: 1;
}
.section-threemain {
    min-height: 270px;
}
.section-three {
    padding: 79px 0;
    height: auto;
}
.sect-threeimage {
  
    margin-top: 70px;
    height: auto;
    padding: 30px 25px;
}
.sect-threeimage h3 {
    font-size: 40px;
}
.sect-threeimage h3 br{
   display: none;
}
.sect-threeimage p {
    padding-top: 0;
}
.sect-threeimage h4 {
   padding: 25px 0;
        flex-direction: column;
        align-items: flex-start;
}
.section-four {
    background: #003153;
    padding: 75px 0;
}
.faq h3 {
    padding-right: 70px;
}
.section-lastcontent {
   
    align-items: flex-start;
    flex-direction: column;
    gap: 25px;
}
.section-last h2 {
    font-size: 40px;
}
.section-last h2 br{
    display: none;
}

.ftr-logo {
    gap: 25px;
    flex-direction: column;
    align-items: flex-start;
}
.ftr-logo h2 {
    font-size: 40px;
    text-align: left;

}
.ftroption_opt {
         gap: 40px;
        flex-direction: column;
        align-items: flex-start
}
.copyinn {
    flex-direction: column;
    padding: 13px 0;
}
.abtinrigo {
    flex-direction: column;
}
.abt_block {
    grid-template-columns: 1fr;
    gap: 20px;
}
.qual-grid {
    grid-template-columns: 1fr;
}
.allservice_hds h2 {
    font-size: 40px;
}
.allservice_hds h2 br{
    display: none;
}
.contact-grid {
    grid-template-columns: 1fr;
    gap: 20px;
}
.contact-form .form-row {
    display: grid;
    grid-template-columns: 1fr;
}
.contact-grid h2 {
    font-size: 40px;
}
 .w-card {
        align-items: flex-start !important;
        text-align: left !important;
        margin: 0 0 40px !important;
        padding: 0 !important;
    }
   
.contct-frm {
    padding-left: 0;
}
.coprat:before {
    display: none;
}
.coprat:after {
    display: none;
}



}




@media(min-width:576px) and (max-width:767px){


.head-menu .explorebtn{
display: none;
}
.banner img {
    height: 500px;
    object-fit: cover;
}
.extraside {
    padding: 0 15px;
}.banner-text {
    gap: 15px;
    align-items: flex-start;
    flex-direction: column;
}
.banner-textmain {
    bottom: 40px;
}
.banner-text h2 {
    font-size: 45px;
}
.banneratag a img {
    height: auto;
}
.banner-text h2 br{
    display: none;
}
.banner-text p br{
    display: none;
}
.section-one-text {
    flex-direction: column;
    gap: 25px;
}
.section-one-text h2 {
    font-size: 35px;
    line-height: 135%;
}
.section-two-main {
    padding: 0 15px;
}
.sections {
    gap: 15px;
    flex-direction: column;
}
.sections h2 br{
    display: none;
}
.sections h2 {
    text-align: left;
    color: #FFFFFF;
    font-size: 40px;
}
.banner-carousel .owl-nav {
    display: none;
}
.practice-text {
    opacity: 1;
}
.section-threemain {
    min-height: 270px;
}
.section-three {
    padding: 79px 0;
    height: auto;
}
.sect-threeimage {
  
    margin-top: 70px;
    height: auto;
    padding: 30px 25px;
}
.sect-threeimage h3 {
    font-size: 40px;
}
.sect-threeimage h3 br{
   display: none;
}
.sect-threeimage p {
    padding-top: 0;
}
.sect-threeimage h4 {
    padding: 25px 0;
}
.section-four {
    background: #003153;
    padding: 75px 0;
}
.faq h3 {
    padding-right: 70px;
}
.section-lastcontent {
   
    align-items: flex-start;
    flex-direction: column;
    gap: 25px;
}
.section-last h2 {
    font-size: 40px;
}
.section-last h2 br{
    display: none;
}

.ftr-logo {
    gap: 25px;
    flex-direction: column;
    align-items: flex-start;
}
.ftr-logo h2 {
    font-size: 40px;
    text-align: left;

}
.ftroption_opt {
         gap: 40px;
        flex-direction: column;
        align-items: flex-start
}
.copyinn {
    flex-direction: column;
    padding: 13px 0;
}
.abtinrigo {
    flex-direction: column;
}
.abt_block {
    grid-template-columns: 1fr;
    gap: 20px;
}
.qual-grid {
    grid-template-columns: 1fr;
}
.allservice_hds h2 {
    font-size: 40px;
}
.allservice_hds h2 br{
    display: none;
}
.contact-grid {
    grid-template-columns: 1fr;
    gap: 20px;
}
.contact-form .form-row {
    display: grid;
    grid-template-columns: 1fr;
}
.contact-grid h2 {
    font-size: 40px;
}
 .w-card {
        align-items: flex-start !important;
        text-align: left !important;
        margin: 0 0 40px !important;
        padding: 0 !important;
    }
   
.contct-frm {
    padding-left: 0;
}
.coprat:before {
    display: none;
}
.coprat:after {
    display: none;
}


}


@media(min-width:768px) and (max-width:991px){



.extraside {
    padding: 0 15px;
}

.banner-text h2 {
    font-size: 45px;
}
.banner-text {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
}

.banner-textmain {
    bottom: 50px;
}
.head-menu .explorebtn {
    margin-right: 30px;
}
.section-one-text h2 {
    font-size: 35px;
}
.section-two-main {
    padding-left: 15px;
}
.sections h2 {
    font-size: 45px;
}
.sections {
    justify-content: space-between;
}
.banner-carousel .owl-nav {
    display: none;
}
.section-threemain {
    min-height: auto
}
.sect-threeimage p br{
    display: none;
}
.section-four {
    padding: 485px 0 93px;
}
.sections h2 br{
    display: none;
}
.faq h3 {
    padding-right: 75px;
}

.section-lastcontent {
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
}
.ftr-logo {
    flex-direction: column;
    align-items: flex-start;

}
.ftr-logo h2 {
    text-align: left;
}
.ftroption_opt {
    flex-direction: column;
    gap: 40px;
    align-items: flex-start;
}
.abtinrigo {
    flex-direction: column;
}
.contct-frm {
     padding-left:0px; 
}
.w-card {
    align-items: flex-start !important;
    text-align: left !important;
    padding: 0 !important;
    margin: 0 0 35px !important;
}



}


@media(min-width:992px) and (max-width:1024px){





.extraside {
    padding: 0 30px;
}
.head-menu {
    gap: 0;
}
.nav-menu > li > a {
    padding: 0 10px
}
.banner-text h2 {
    font-size: 55px;
}
.section-two-main {
    padding-left: 30px;
}
.banner-carousel .owl-nav {
    right: 10px;
 
}
.practice h2 {
    font-size: 25px;
}
.practice {
    padding: 30px;
}
.section-three .sections h2 br{
    display: none;
}

.section-threemain {
    padding: 20px;
}
.sections h2 br{
    display: none;
}
.faq h3 {
    padding-right: 80px;
}

.ftroption_opt {
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}
.coprat:before{
    display: none;
}
.coprat:after{
    display: none;
}

}


@media(min-width:1025px) and (max-width:1211px){


.extraside {
    padding: 0 30px;
}
.head-menu {
    gap: 0;
}
.nav-menu > li > a {
    padding: 0 10px
}
.banner-text h2 {
    font-size: 55px;
}
.section-two-main {
    padding-left: 30px;
}
.banner-carousel .owl-nav {
    right: 10px;
 
}
.practice h2 {
    font-size: 25px;
}
.practice {
    padding: 30px;
}
.section-three .sections h2 br{
    display: none;
}

.section-threemain {
    padding: 20px;
}
.sections h2 br{
    display: none;
}
.faq h3 {
    padding-right: 80px;
}

.ftroption_opt {
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}
.coprat:before{
    display: none;
}
.coprat:after{
    display: none;
}

}











.reveal {
  opacity: 0;
  transition:
    opacity 0.9s ease,
    transform 0.9s cubic-bezier(.16, 1, .3, 1);
  will-change: opacity, transform;
}

.reveal-left {
  transform: translateX(-100px);
}

.reveal-right {
  transform: translateX(100px);
}

.reveal-up {
  transform: translateY(100px);
}

.reveal-down {
  transform: translateY(-100px);
}

.reveal-fade {
  transform: scale(.96);
}

.reveal.show {
  opacity: 1;
  transform: translate(0, 0) scale(1);
}