@charset "UTF-8";
/*--UIDV-10051989--*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url("aos.css");
@import url("swiper-bundle.min.css");
@import url("jquery.fancybox.min.css");
@import url("custom.css");
@import url("common.css");
@import url("accordian.css");
@import url("header.css");
@import url("footer.css");
@import url("mobile-menu.css");
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

:root{
    --color-greylight: #666666;  
    --yellow-color: #AC9F43;
    --white-color: #ffffff;
    --black-color: #000000;
    --grey-color: #f6f6f6;
    --secondary-color:#68AD45;
    --primary-color: #123985;
    --body-color: #F2F2F2;
    --color-2e: #191919;
    --color-00: #000000;
    --color-3e: #BF2E25;
    --color-4e: #F7941D;
    --color-5e: #F04E23;
        --color-3b:#3BB3E7;
    --default-color: #363636;
    --sec-color: #005BAA;
    --font-family1: "Poppins", sans-serif;
    --font-72: 7.2rem;
    --font-62: 6.2rem;
    --font-52: 5.2rem;
    --font-48: 4.8rem;
    --font-46: 4.6rem;
    --font-42: 4.2rem;
    --font-36: 3.6rem;
    --font-34: 3.4rem;
    --font-30: 3rem;
       --font-28: 2.8rem;
    --font-26: 2.6rem;
    --font-24: 2.4rem;
    --font-21: 2.1rem;
    --font-20: 2rem;
    --font-18: 1.8rem;
    --font-16: 1.6rem;
    --font-15: 1.5rem;
    --font-14: 1.4rem;
    --font-13: 1.1rem;
    --font-12: 1rem;
    --font-11: 0.9rem;
    --font-10: 0.9rem;
    --line-height-36: 3.6rem;
    --line-height-35: 3.5rem;
    --line-height-30: 3rem;
    --line-height-26: 2.6rem;
    --line-height-24: 1.8rem;
    --line-height-23: 2.1rem;
    --line-height-21: 2.1rem;
    --line-height-18: 1.8rem;
    --line-height-17: 1.7rem;
}
.container-new{
        max-width: 1780px;padding-left: 15px;padding-right: 15px;
        margin: 0 auto;
    }

@media(min-width:1199px){
    :root{
        --font-72: 6.2rem;
        --font-62: 5.2rem;
        --font-52: 4.8rem;
        --font-48: 4.2rem;
        --font-46: 4rem;
        --font-42: 3.4rem;
        --font-36: 3rem;
        --font-34: 2.8rem;
        --font-30: 2.6rem;
        --font-28: 2.4rem;
        --font-26: 2.2rem;
        --font-24: 2rem;
        --font-21: 1.9rem;
        --font-20: 1.8rem;
        --font-18: 1.5rem;
        --font-16: 1.4rem;
        --font-15: 1.3rem;
        --font-14: 1.2rem;
        --font-13: 1.1rem;
        --font-12: 1rem;
        --font-11: 0.9rem;
        --font-10: 0.9rem;
        --line-height-36: 2.4rem;
        --line-height-35: 2.3rem;
        --line-height-30: 2.2rem;
        --line-height-26: 2.1rem;
        --line-height-24: 1.8rem;
        --line-height-23: 2.1rem;
        --line-height-21: 2.1rem;
        --line-height-18: 1.8rem;
        --line-height-17: 1.7rem;
    }
    .container {max-width: 1200px;padding-left: 15px;padding-right: 15px;}
    .container-fluid{max-width: 100%;padding-inline: 2.5rem;}
    .container-new {
    max-width: 1300px;
    }
}
@media (max-width: 991px){    
    :root {    
        --font-72: 6.2rem;
        --font-62: 5.2rem;
        --font-52: 4.8rem;
        --font-48: 4.2rem;
        --font-46: 4rem;
        --font-42: 3.4rem;
        --font-36: 3rem;
        --font-34: 2.8rem;
        --font-30: 2.6rem;
        --font-28: 2.4rem;
        --font-26: 2.2rem;
        --font-24: 2rem;
        --font-21: 1.9rem;
        --font-20: 1.8rem;
        --font-18: 1.5rem;
        --font-16: 1.4rem;
        --font-15: 1.3rem;
        --font-14: 1.2rem;
        --font-13: 1.1rem;
        --font-12: 1rem;
        --font-11: 0.9rem;
        --font-10: 0.9rem;
    }
 

}

@media(min-width:1450px){
    :root{
        --font-72: 6.2rem;
        --font-62: 5.2rem;
        --font-52: 4.2rem;
        --font-48: 3.8rem;
        --font-46: 3.6rem;
        --font-42: 3.6rem;
        --font-36: 2.8rem;
        --font-34: 2.6rem;
        --font-30: 2.4rem;
        --font-26: 2.1rem;
        --font-24: 2rem;
        --font-21: 1.9rem;
        --font-20: 2rem;
        --font-18: 1.5rem;
        --font-16: 1.4rem;
        --font-15: 1.4rem;
        --font-14: 1.3rem;
        --font-13: 1.2rem;
        --font-12: 1.1rem;
        --font-11: 1rem;
        --font-10: 1rem;
        --line-height-36: 3rem;
        --line-height-35: 2.8rem;
        --line-height-30: 2.6rem;
        --line-height-26: 2.4rem;
        --line-height-24: 2.2rem;
        --line-height-23: 2.1rem;
        --line-height-21: 1.8rem;
        --line-height-18: 1.9rem;
        --line-height-17: 1.8rem;
    }
    .container {max-width: 1300px;padding-left: 15px;padding-right: 15px;}
    .container-fluid{max-width: 100%;padding-inline: 2.5rem;}
    .container-new {
    max-width: 1350px;
    }
}
@media(min-width:1600px){
    .container {max-width: 1400px;padding-left: 15px;padding-right: 15px;}
     .container-new{
        max-width: 1500px;padding-left: 15px;padding-right: 15px;
    }
}
@media(min-width:1800px){
    :root{
        --font-72: 7.2rem;
        --font-62: 6.2rem;
        --font-52: 5.2rem;
        --font-48: 4.8rem;
        --font-46: 4.6rem;
        --font-42: 4.2rem;
        --font-36: 3.6rem;
        --font-34: 3.4rem;
        --font-30: 3rem;
        --font-26: 2.6rem;
        --font-24: 2.4rem;
        --font-21: 2.1rem;
        --font-20: 2rem;
        --font-18: 1.8rem;
        --font-16: 1.6rem;
        --font-15: 1.5rem;
        --font-14: 1.4rem;
        --font-13: 1.3rem;
        --font-12: 1.2rem;
        --font-11: 1.1rem;
        --font-10: 1rem;
        --line-height-36: 3.6rem;
        --line-height-35: 3.5rem;
        --line-height-30: 3rem;
        --line-height-26: 2.6rem;
        --line-height-24: 2.4rem;
        --line-height-23: 2.3rem;
        --line-height-21: 2.1rem;
        --line-height-18: 1.8rem;
        --line-height-17: 1.7rem;
    }
    .container {max-width: 1540px;padding-left: 15px;padding-right: 15px;}
    .container-fluid{max-width: 100%;padding-inline: 5.5rem;}
    .container-in {max-width: 1364px; margin-left: auto; margin-right: auto;}
    .container-new{
        max-width: 1780px;padding-left: 15px;padding-right: 15px;
    }



}



::after,
::before {
    box-sizing: border-box;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {display: block;max-width: 100%;width: 100%;}


body {margin: 0;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent; scroll-behavior: unset !important;}
html {font-size: 62.5%;scroll-behavior: smooth;}
p {font-size: var(--font-16); line-height: var(--line-height-22);margin-bottom: 3rem; color: var(--black-color);     font-weight: 300;
   }
p:empty {display: none !important;}
a{text-decoration: none;}
figure {margin-bottom: 0;}
button{cursor: pointer;}
h1 {font-size: var(--font-48); color: var(--color-24);font-weight: normal;}
h2 {font-size: var(--font-18);font-weight: normal; color: var(--black-color);font-weight: 550;}
h3 {font-size: var(--font-16);line-height: var(--line-height-28); color: var(--black-color); font-weight: bold;}
h4 {font-size: var(--font-24); line-height: var(--line-height-30); font-weight: normal;color: var(--secondary-blue);}
h5 {font-size: var(--font-21); font-weight: normal;}
h6 {font-size: var(--font-18); line-height: var(--line-height-26);font-weight: normal;}


.more_btn{position: relative;display: inline-flex; gap: 0;font-size: var(--font-16); line-height: var(--line-height-24);font-weight: 400;padding-bottom: .5rem; border-bottom: .1rem dashed var(--color-24);color: var(--color-24);transition: all .5s ease;}
.more_btn::after{position: relative;content:'\F138';font-size: var(--font-18);right: -1rem;font-weight: 400;transition: all .5s ease;}
.more_btn:hover{color: var(--color-77);}
.more_btn:hover::after{right: -0.8rem;}

@media(max-width:1199px){
    .more_btn{font-size: 1.6rem;line-height: 2.4rem;padding-bottom: .7rem;}
}
@media(max-width:350px){
    .more_btn{font-size: 1.4rem;line-height: 2.1rem;padding-bottom: .6rem;}
}

.back_btn{position: relative;display: inline-flex;flex-direction: row-reverse;gap: 1rem;font-size: var(--font-16); line-height: var(--line-height-24);font-weight: 400;padding-bottom: .5rem; border-bottom: .1rem dashed var(--color-24);color: var(--color-24);transition: all .5s ease;}
.back_btn::after{position: relative;content:'\F12F';font-family: bootstrap-icons !important;font-size: var(--font-15);left: 0;font-weight: 400;transition: all .5s ease;}
.back_btn:hover{color: var(--color-77);}
.back_btn:hover::after{left: -0.2rem;}


.overlap_btn{position: absolute;top: 0;left: 0;bottom: 0;right: 0;font-size: 0;}

:is(.swiper-button-prev, .swiper-button-next){position: relative;margin-top: 0;width: 4.1rem;height: 3.7rem;right: auto;left: auto; font-size: var(--font-12);font-weight: bold;color: var(--color-24);background-color: var(--color-ff);transition: all .5s ease;}
:is(.swiper-button-prev, .swiper-button-next):hover{color: var(--color-ff);background-color: var(--color-24);}
.swiper-button-prev::after{content:'\F12F';font-family: bootstrap-icons !important;font-size: inherit;}
.swiper-button-next::after{content:'\F138';font-family: bootstrap-icons !important;font-size: inherit;}


@media(max-width:1600px){
    :is(.swiper-button-prev, .swiper-button-next) {width: 3.1rem;height: 2.7rem;}
}
@media(max-width:767px){
    :is(.swiper-button-prev, .swiper-button-next) {width: 4.1rem;height: 3.7rem;}
}
@media (max-width: 350px) {
    :is(.swiper-button-prev, .swiper-button-next) {width: 3.1rem;height: 2.7rem;}
}
.shine {position: relative;overflow: hidden;}
  .shine::before {background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);content: "";display: block;height: 100%;left: -100%;position: absolute;top: 0;transform: skewX(-25deg);width: 50%;z-index: 2;}
  .shine:hover::before, .shine:focus::before {-webkit-animation: shine 0.85s;animation: shine 0.85s;
  }
  @-webkit-keyframes shine {
    100% {left: 125%;}
  }
  @keyframes shine {
    100% {left: 125%;}
  }

/* FormStyle */
select{appearance: none;-webkit-appearance: none;-moz-appearance: none;background-image: url(../images/chevron-down.svg);background-repeat: no-repeat;background-size: 1.3rem;padding: 1rem 1.5rem;padding-right: 3rem;background-position: 87% 50%;}
select:focus{outline: none;box-shadow: none;}

.form-control{width: 100%;padding: 0.7rem 1.5rem;margin-bottom: 1.5rem;background-color: var(--white-color);font-weight: 400;font-size: var(--font-16);line-height: var(--line-height-24);color: var(--color-greylight);border-color: inherit;border: .1rem solid;}
.form-control:focus {outline: none;box-shadow: none;border-color: var(--color-77);}
.form-control::placeholder{font-weight: 400;font-size: var(--font-16);color: var(--color-23);}

@media(max-width:1600px){
    .form-control{width: 100%;padding: 0.5rem 1rem;margin-bottom: 1rem;} 
}
.form-check {display: flex;align-items: center;gap: 10px;padding-left: 0;}
.form-check p{color: var(--color-ff);font-style: italic;font-size: var(--font-12);line-height: var(--line-height-21); margin-bottom: 0;}
.form-check input[type=checkbox] {width: 17px;height: 17px;background-color: transparent;border: 1px solid #ccc;border-radius: 2px;}
.form-check input[type=checkbox] {-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: transparent;margin: 0;font: inherit;color: currentColor;width: 1.7em;height: 1.7em;flex-shrink: 0;border: 1px solid #ccc;border-radius: 4px;transform: translateY(-0.075em);display: grid;place-content: center;}
.form-check input[type=checkbox]::before {content: "";width: 0.85em;height: 0.85em;-webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);transform: scale(0);transform-origin: bottom left;transition: 120ms transform ease-in-out;box-shadow: none;background-color: #37B418;}
.form-check input[type=checkbox]:checked::before {transform: scale(1)}
.form-check input[type=checkbox]:focus {outline: none;outline-offset: 0}
.form-check input[type=checkbox]:disabled {color: var(--color-d4);cursor: not-allowed}
.form-check-input:checked {background-color: transparent;}

input[type="submit"]{cursor: pointer;}
input[type="submit"]{font-weight: 500;display: inline-block;font-size: var(--font-16);line-height: var(--line-height-24);padding: 0.65rem 1.5rem;padding-right: 3rem;border: .1rem solid var(--color-ff);background-color: transparent;color: var(--color-ff);transition: all .5s ease;background-image: url(../images/arrow-right.svg);background-repeat: no-repeat;background-size: 1.5rem;background-position: 90% 50%;}
input[type="submit"]:hover{background-color: var(--color-77);border-color: var(--color-77);}
/*--UIDV-10051989--*/


.img-hover{overflow: hidden;}
.img-hover img{ transition: .8s all; -webkit-transition: .8s all; -moz-transition: .8s all; -ms-transition: .8s all; -o-transition: .8s all; }
.img-hover img:hover{scale: 1.1;}
/* Figure related css end */


.pl-5{padding-left: 4rem}

.space-leftside{padding-left: 13.8rem;}
.ml-left{margin-left: 10.6rem;}
.ml-right{margin-right: 10.6rem;}
.img-baner{
    width: 100%;
    object-fit: cover;
    background-size: cover !important;
}
.round_button.btn_hovefct {
    width: 3.1rem;
    height: 3.1rem;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    overflow: hidden;
    border: .1rem solid var(--color_white);
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn_hovefct {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 1.8rem 4.2rem;
}
.btn_hovefct::before {
    width: 100%;
    height: 0;
    top: 100%;
    left: 0;
    content: "";
    background: var(--primary-color);
    position: absolute;
    z-index: -1;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
}

.roundbtn_wrap .round_button {
  background: var( --yellow-color);
  border: none;
}

.roundbtn_wrap .round_button svg {
  stroke: var(--white-color);
}

.roundbtn_wrap .round_button:hover::before {
  background: var(--primary-color);
}

.roundbtn_wrap .round_button:hover svg {
 stroke: var(--white-color);
}

.btn_hovefct:hover::before {
    height: 100%;
    top: 0;
}

.plus-icon {
  width: 24px;
  height: 24px;
  transition: transform 0.3s ease;
   transform: rotate(0deg);
}

/* Rotate when accordion is open → looks like minus */
.according[open] .plus-icon {
  transform: rotate(135deg);
}


@media(max-width:767px) {
 .round_button.btn_hovefct { width: 2.6rem; height: 2.6rem; }
}
