@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

:root{
  --color-peach: #FECCB3; --color-teal: #9BD3D0; --color-yellow: #FEC447; --color-green: #B6FFB2; 
  --color-peach-lt: #fadfd2; --color-teal-lt: #cce4e3; --color-yellow-lt: #ffebbf; --color-green-lt: #e0f7df; 
  --color-pink: #ED1556; --color-orange: #C9662C;
  --font-grey: #3A3A3A;--head-foot-grey: #273135;--btn-black: #383838;--border-grey:#D0D2D3; --error-red: #e42828; --border-radius: 4px;--bg-peach: #FDF4EA;
  --gold-gradient: linear-gradient(90deg, rgba(237,194,132,1) 0%, rgba(128,92,58,1) 45%, rgba(128,92,58,1) 55%, rgba(250,210,144,1) 100%)}

body{font-family: "Manrope", sans-serif;font-weight: 400;font-style: normal;font-size: 16px;color: var(--font-grey);overflow-x: hidden;}
html, body{scroll-behavior: smooth;}
.container{max-width: 95% !important;}
h1,h2,h3,h4,h5,h6, 
.h1,.h2,.h3,.h4,.h5,.h6{line-height: 1.3;font-weight: 700;}
h2, .h2{font-size: 1.8rem;}
h3, .h3{font-size: 1.6rem;}
h4, .h4{font-size: 1.4rem;}
h5, .h5{font-size: 1.2rem;}
h6, .h6{font-size: 1rem;}

/* a{color: inherit;text-decoration: none;position: relative;}
a:not(.noEffect):after{content:''; width: 0%;height: 0.1rem;background-color: var(--color-pink); position: absolute; bottom: 0;left: 0;transition: all 0.2s ease-out;} */
/* a:hover::after{width: 70%;} */

.greyColor{color: var(--font-grey) !important;}

.bgTeal{background-color: var(--color-teal);}
.bgPeach{background-color: var(--color-peach);}
.bgYellow{background-color: var(--color-yellow);}
.bgGreen{background-color: var(--color-green);}
.pinkColor{color: var(--color-pink);}

.fw-regular {font-weight: 400;}
.fw-medium {font-weight: 500;}
.fw-bold {font-weight: 700;}

.b-top{border-top: solid 1px var(--border-grey)}
.b-bottom{border-bottom: solid 1px var(--border-grey)}
.b-right{border-right: solid 1px var(--border-grey)}
.b-left{border-left: solid 1px var(--border-grey)}

/* buttons */
.customBtn{background-color: #fff;border: solid 1px #fff;border-radius: var(--border-radius);padding: 11px 25px;text-transform: uppercase;font-weight: 700;margin-top: 20px;width: fit-content;transform: translateX(0) translateY(0);position: relative;overflow: hidden; transition: all 0.1s ease-out;}
.customBtn:focus-visible{border: none;outline: none;}
.blackBtn{background-color: var(--btn-black);color: #fff;border-color: var(--btn-black);}

.customBtn:after {content: "";position: absolute;height: 0%;left: 50%;top: 50%;width: 100.05%;z-index: -1;border-radius: var(--border-radius);transition: height 0.3s ease 0s;}
.customBtn:hover {color: #FFF;border-color: var(--btn-black);}
.customBtn.blackBtn:hover {color: var(--btn-black);}
/* .customBtn:link:hover:after, .customBtn:hover:after {height: 450%;} */
.customBtn:after {background: var(--btn-black);opacity: .5;transform: translateX(-50%) translateY(-50%);}
.customBtn.blackBtn:after {background: #fff;}
.customBtn:hover:after {height: 101%;opacity: 1;}



.fixed .mainLogos img{height: 50px;}

.mobMenuBtn{width: 30px;height: auto;cursor: pointer;position: relative;z-index: 99;}
.mobMenuBtn span{display: block; width: 100%; height: 2px; background-color: var(--head-foot-grey);margin: 6px 0;transition: transform 0.2s linear;}

/* footer */
footer{color: var(--head-foot-grey);margin-top: 60px;}
footer div{font-size: 0.7rem;}
footer p{font-size: 0.85rem; margin-bottom: 0.2rem;}
.footerTitle{font-weight: 550;text-transform: uppercase;margin-bottom: 10px;}

.socialIcons li{list-style: none;margin-bottom: 0.5rem;margin-right: 0.5rem;}
.socialIcons img{height: 2.2rem;width: 2.2rem;transition: all 0.1s;}
.socialIcons img:hover{transform: scale(1.1);} 

/* inner banner */
.titleBanner{position: relative;height: 120px;display: flex;align-items: flex-end;justify-content: center;margin: 90px 0 60px;padding-bottom: 35px;}
.titleBanner::after {content: '';position: absolute;top: 0;left: 0;height: 100%;width: 100%;background: linear-gradient(0deg, #0008 0%, #0000 39.93%);z-index: 1;}
.noGradient::after{content: none;}

.titleBanner img{position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;object-position: top; z-index: -1;}
.titleBanner .bannerTitle{font-size: 1.2rem; font-weight: 800;color: #fff;}

/* common */
.title{font-size: 1.8rem;line-height: 1.3; font-weight: 700;margin-bottom: 20px;text-transform: capitalize;color: #000;}
.subtitle{font-size: 1.1rem;line-height: 1.6;}
.br{border-radius: var(--border-radius);}

.ctaBox{display: block; height: 100%; font-weight: 500;padding: 40px 20px 25px; border-radius: var(--border-radius);text-align: center; box-shadow: 0px 0px 0px 0px #212121;transition: all 0.1s ease-out;}
.ctaBox:hover{box-shadow: 9px 9px 0px 0px #212121;}
.ctaBox img{width: 90px;height: 90px;margin: auto;}



/* list */
ol, ul{padding-left: 1.8rem;}
li{margin-bottom: 0.9rem;}
li li{margin-bottom: 0.5rem;}
li > ol, li > ul{margin-top: 0.6rem;}
ol li ol{list-style-type: lower-alpha;}
ul.circleList{padding-left: 1.4rem;margin-bottom: 1.4rem;margin-top: -1rem;}
ul.circleList > li::marker{color: var(--color-pink); font-size: 1.2rem;}
li::marker{font-weight: 600;}

/* accordions */
.customAccordion .accordItem{margin-bottom: 20px;}
.customAccordion .accordItem .accordBtn{font-size: 1.1rem; padding: 0.7rem 1.5rem 0.7rem 0;border-bottom: solid 1px var(--border-grey);;margin-bottom: 0;position: relative;}
.customAccordion .accordItem.active .accordBtn{border-color: var(--color-pink);}
.customAccordion .accordItem .accordBtn::after{content: ''; background: url(../images/icons/down-arrow.png) var(--btn-black); background-size: 55%;background-position: center; background-repeat: no-repeat;width: 20px;height: 20px;border-radius: 100%; position: absolute;right: 1.5%;top: 0; bottom: 0;margin: auto;transform: rotate(180deg);transition: all 0.2s;}
.customAccordion .accordItem.active .accordBtn::after{transform: rotate(0deg);background-color: var(--color-pink);}
.customAccordion .accordItem .accordContent *{font-size: inherit;}
.customAccordion .accordItem .accordContent{display: none;opacity: 0;transform: translateY(5%); background-color: #fafafa;padding: 20px 15px;}
.customAccordion .accordItem.active .accordContent{display: block;animation: fadeUp 0.1s 0.3s linear forwards;transition: all 0.3s ease-out;}
.customAccordion a{color: var(--color-pink);}

/* slider */
.slick-slider{position: relative;}
.slick-list{margin:0 -15px;}
.slick-track{display: flex;padding-bottom: 1%;}
.slick-slide{margin-right:15px;margin-left:15px;height: initial;}

.slick-slider .prevArrow, .slick-slider .nextArrow{position: absolute;top: 50%;background: transparent;border: none;width: 20px;height: 20px; padding: 0; z-index: 1;}
.slick-slider .slick-arrow img{width: 100%;height: 100%;}
.slick-slider .prevArrow{left: -5%;transform: rotate(90deg);}
.slick-slider .nextArrow{right: -5%;transform: rotate(-90deg);}

@keyframes fadeUp {
  0%{opacity: 0;transform: translateY(5%);}
  100%{opacity: 1;transform: translateY(0%);}
}

@media (min-width: 767px){
  main{min-height: 70vh;}
  .title{font-size: 1.6rem;}

  .socialIcons img{height: 1.5rem;width: 1.5rem;}
  
  .b-md-top{border-top: solid 1px var(--border-grey)}
  .b-md-bottom{border-bottom: solid 1px var(--border-grey)}
  .b-md-right{border-right: solid 1px var(--border-grey)}
  .b-md-left{border-left: solid 1px var(--border-grey)}
  .b-md-0{border: none;}

  .slick-slider .prevArrow{left: -3%;}
  .slick-slider .nextArrow{right: -3%;}
}



@media (min-width: 1150px){
  :root{--border-radius: 0.25vw}

  body{font-size: 1vw;}
  .container{max-width: 92% !important;}

  a::after{height: 0.1vw;}
  p{margin-bottom: 1vw;}

  /* buttons */
  .customBtn{padding: 0.7vw 2.2vw;margin-top: 1vw;}

  /* header */
  /* .navbar{box-shadow: 0 0 0.8vw rgba(0,0,0,0.1);clip-path: inset(0 -1vw 0 0);}
  .navlist li{margin-left: 3.5vw;font-size: 0.95vw;padding: 1.5vw 0;}
  .mainLogos{padding: 0.8vw 0;}
  .mainLogos img{height: 7vw;}
  .mainLogos hr{margin: 0 2vw;width: 0.1vw;}

  .navlist .dropdown li{font-size: 0.85vw;margin: 0 0 1.2vw;}
  .navlist .dropdown{padding: 1.5vw 1.3vw;}
  .navlist .dropdown::before{height: 0.75vw;width: 0.75vw;} */

  .fixed .mainLogos img{height: 4vw;}

  /* footer */
  footer{font-size: 0.85vw;margin-top: 5vw;}
  footer p{margin-bottom: 0.2vw;}
  .footerTitle{margin-bottom: 1vw;}

  .socialIcons li{margin-bottom: 0.5vw;margin-right: 0.8vw;}
  .socialIcons img{height: 2.5vw;width: 2.5vw;}

  /* inner banner */
  .titleBanner{height: 11vw;margin:0vw 0 4.5vw;padding-bottom: 3.5vw;}
  .titleBanner .bannerTitle{font-size: 1.6vw;}

  /* common */
  .title{font-size: 2.2vw;margin-bottom: 0.8vw;}
  .subtitle, p, .customAccordion .accordItem .accordContent{font-size: 1.15vw;}
  
  h2, .h2{font-size: 1.8vw;}
  h3, .h3{font-size: 1.6vw;}
  h4, .h4{font-size: 1.4vw;}
  h5, .h5{font-size: 1.2vw;}
  h6, .h6{font-size: 1vw;}

  .ctaBox{padding: 2.5vw 2.5vw 2vw;}
  .ctaBox img{width: 7vw;height: 7vw;}
  .ctaBox:hover{box-shadow: 0.5vw 0.5vw 0px 0px #212121;}

  /* table */
  .table{margin-bottom: 2vw;}
  .table thead tr th{padding: 1.1vw;font-size: 1vw;}
  .table tbody tr th{padding: 0.8vw;}
  .table tbody tr td {font-size: 0.95vw;padding: 0.8vw;}

  /* list */
  ol, ul{padding-left: 2vw;}
  li{margin-bottom: 0.9vw;}
  li li{margin-bottom: 0.5vw;}
  li > ol, li > ul{margin-top: 0.6vw;}
  ul.circleList{padding-left: 1.4vw;margin-bottom: 1.4vw;margin-top: -1vw;}
  ul.circleList > li::marker{font-size: 1.5vw;}

  /* accordions */
  .customAccordion .accordItem{margin-bottom: 1.2vw;}
  .customAccordion .accordItem .accordBtn{font-size: 1.2vw; padding: 1vw 1vw 1vw 0;}
  .customAccordion .accordItem .accordContent{padding: 1.5vw 1vw;}
  .customAccordion .accordItem .accordBtn::after{width: 2vw;height: 2vw;}

  /* slider */
  .slick-list{margin:0 -1vw;}
  .slick-slide{margin-right:1vw;margin-left:1vw;}
  .slick-slider .prevArrow, .slick-slider .nextArrow{width: 1.5vw;height: 1.5vw;}

  /* spacing */
  .g-2, .gx-2{--bs-gutter-x: 1vw;}
  .g-3, .gx-3{--bs-gutter-x: 1.5vw;}
  .g-4, .gx-4{--bs-gutter-x: 2.2vw;}
  .g-5, .gx-5{--bs-gutter-x: 3vw;}

  .p-lg-1, .ps-lg-1, .px-lg-1, .ps-xl-1, .px-xl-1{padding-left: 0.5vw !important;}
  .p-lg-2, .ps-lg-2, .px-lg-2, .ps-xl-2, .px-xl-2{padding-left: 1vw !important;}
  .p-lg-3, .ps-lg-3, .px-lg-3, .ps-xl-3, .px-xl-3{padding-left: 1.5vw !important;}
  .p-lg-4, .ps-lg-4, .px-lg-4, .ps-xl-4, .px-xl-4{padding-left: 2.2vw !important;}
  .p-lg-5, .ps-lg-5, .px-lg-5, .ps-xl-5, .px-xl-5{padding-left: 3vw !important;}
  
  .p-lg-1, .pe-lg-1, .px-lg-1, .pe-xl-1, .px-xl-1{padding-right: 0.5vw !important;}
  .p-lg-2, .pe-lg-2, .px-lg-2, .pe-xl-2, .px-xl-2{padding-right: 1vw !important;}
  .p-lg-3, .pe-lg-3, .px-lg-3, .pe-xl-3, .px-xl-3{padding-right: 1.5vw !important;}
  .p-lg-4, .pe-lg-4, .px-lg-4, .pe-xl-4, .px-xl-4{padding-right: 2.2vw !important;}
  .p-lg-5, .pe-lg-5, .px-lg-5, .pe-xl-6, .px-xl-5{padding-right: 3vw !important;}

  .p-lg-1, .pt-lg-1, .py-lg-1, .pt-xl-1, .py-xl-1{padding-top: 0.5vw !important;}
  .p-lg-2, .pt-lg-2, .py-lg-2, .pt-xl-2, .py-xl-2{padding-top: 1vw !important;}
  .p-lg-3, .pt-lg-3, .py-lg-3, .pt-xl-3, .py-xl-3{padding-top: 1.5vw !important;}
  .p-lg-4, .pt-lg-4, .py-lg-4, .pt-xl-4, .py-xl-4{padding-top: 2.2vw !important;}
  .p-lg-5, .pt-lg-5, .py-lg-5, .pt-xl-5, .py-xl-5{padding-top: 3vw !important;}

  .p-lg-1, .pb-lg-1, .py-lg-1, .pb-xl-1, .py-xl-1{padding-bottom: 0.5vw !important;}
  .p-lg-2, .pb-lg-2, .py-lg-2, .pb-xl-2, .py-xl-2{padding-bottom: 1vw !important;}
  .p-lg-3, .pb-lg-3, .py-lg-3, .pb-xl-3, .py-xl-3{padding-bottom: 1.5vw !important;}
  .p-lg-4, .pb-lg-4, .py-lg-4, .pb-xl-4, .py-xl-4{padding-bottom: 2.2vw !important;}
  .p-lg-5, .pb-lg-5, .py-lg-5, .pb-xl-5, .py-xl-5{padding-bottom: 3vw !important;}
  
  .ms-lg-1, .mx-lg-1{margin-left: 0.5vw !important;}
  .ms-lg-2, .mx-lg-2{margin-left: 1vw !important;}
  .ms-lg-3, .mx-lg-3{margin-left: 1.5vw !important;}
  .ms-lg-4, .mx-lg-4{margin-left: 2.2vw !important;}
  .ms-lg-5, .mx-lg-5{margin-left: 4vw !important;}
  
  .me-lg-1, .mx-lg-1{margin-right: 0.5vw !important;}
  .me-lg-2, .mx-lg-2{margin-right: 1vw !important;}
  .me-lg-3, .mx-lg-3{margin-right: 1.5vw !important;}
  .me-lg-4, .mx-lg-4{margin-right: 2.2vw !important;}
  .me-lg-5, .mx-lg-5{margin-right: 4vw !important;}

  .mt-lg-1, .my-lg-1{margin-top: 0.5vw !important;}
  .mt-lg-2, .my-lg-2{margin-top: 1vw !important;}
  .mt-lg-3, .my-lg-3{margin-top: 1.5vw !important;}
  .mt-lg-4, .my-lg-4{margin-top: 2.2vw !important;}
  .mt-lg-5, .my-lg-5{margin-top: 4vw !important;}

  .mb-lg-1, .my-lg-1{margin-bottom: 0.5vw !important;}
  .mb-lg-2, .my-lg-2{margin-bottom: 1vw !important;}
  .mb-lg-3, .my-lg-3{margin-bottom: 1.5vw !important;}
  .mb-lg-4, .my-lg-4{margin-bottom: 2.2vw !important;}
  .mb-lg-5, .my-lg-5{margin-bottom: 4vw !important;}
}

@media (max-width: 992px) {
  .navbarWrp{display: block !important;position: fixed;top: 0;bottom: 0; right: -100%;width: 80%;max-width: 500px;height: 100%;padding: 15% 7% 5%; box-shadow: 0px 1px 10px 0px #0005;background: #fff;z-index: 100;transition: all 0.3s linear;overflow-y: auto;}
  .navbarWrp + .menuBackdrop{position: fixed;top: 0;right: 0;width: 100%;height: 100vh; backdrop-filter: blur(5px);opacity: 0;transition: all 0.3s ease-out;z-index: -1;display: none;}
  .navbarWrp + .menuBackdrop.active{display: block;}
  .navbarWrp.active + .menuBackdrop{opacity: 1;z-index: 99;}
  .navbarWrp.active{right: 0%;}

  .navbarWrp .navbar{box-shadow: none;padding: 70px 0 20px;}
  .navbarWrp .closeBtn{height: auto;width: 30px;float: right;padding: 5px;margin-top: -10%;}
  .navlist{margin-top: 15%;}
  .navlist li{font-size: 1.1rem;line-height: 2.2; margin: 30px 0; border-bottom: solid 1px var(--border-grey);}
  .navlist li.hasDropdown{border: none;}

  .navlist .hasDropdown span{position: relative;display: block;width: 100%;border-bottom: solid 1px var(--border-grey);}
  .navlist .hasDropdown span::after{content: '+';position: absolute;right: 0;font-size: 2rem;line-height: 1;}
  .navlist .hasDropdown.active span::after{content: '-';}
  .navlist .hasDropdown.active .dropdown{border-bottom: none;}
}


.mainBanner{position: relative;}
.mainBanner .bannerImg{position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;object-position: top right;    border-radius: 12px;}
.mainBanner::after{content: '';position: absolute; top: 0;left: 0;height: 100%;width: 100%; background: linear-gradient(0deg, #0008 0%, #0000 39.93%);z-index: 1;}
.mainBanner .bannerContent{position: absolute;left: 0;right: 0;z-index: 2;color: #fff;text-align: center;}

.mainBanner .bannerTitle{font-size: 3.4rem;line-height: 1.05; font-weight: 900;width: fit-content;margin: auto;background: var(--gold-gradient); -webkit-text-fill-color: transparent;-webkit-background-clip: text;position: relative;z-index: 1;}


.mainBanner .bannerTitle span{display: block;width: fit-content;margin: auto;margin-top: 2%; font-size: 1.2rem;font-weight: 400; padding: 5px 50px; -webkit-text-fill-color: white;-webkit-background-clip: unset;}

.mainBanner .subtitle{ width: fit-content;font-size: 1.2rem; font-weight: 700; margin: 6% auto 1%;position: relative;
  /* color: rgba(237,194,132,1); */
  background: var(--gold-gradient); -webkit-text-fill-color: transparent;-webkit-background-clip: text;}
.mainBanner .subtitle::after{content: '';position: absolute; bottom: -25%;left:0; right: 0;background-color:rgba(237,194,132,1);height: 0.05rem;width: 60%;margin: auto;}

.mainBanner .outlineBtn{background: var(--gold-gradient);color: #fff;}
.mainBanner .outlineBtn::before{content: '';border: solid 1px #fff; border-radius: var(--border-radius);position: absolute;top: -6px;left: -6px;width: 107%;height: 128%;}
.mainBanner .outlineBtn::after{background-color: var(--color-pink);}
.imgHeight350{ height: 350px;}
.initials {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #ccc; /* Placeholder background color */
    color: #fff; /* Text color */
    width: 32px; /* Adjust size as needed */
    height: 32px; /* Adjust size as needed */
    border-radius: 50%; /* Make it a circle */
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px; /* Adjust font size as needed */
}
/* category box */
.vertBox{background-blend-mode: color-burn;}
.vertBox img{width: 75px;height: 75px;}
.vertBox .boxTitle{font-size: 1.3rem;font-weight: 700;color: #212121;text-transform: capitalize;}
@media (min-width:350px) {
  /* #counter{margin-left: 20%;} */
}
@media (min-width: 1150px){

    .ctaBox img{width: 5vw;height: 5vw;}
    .vertBox .boxTitle{font-size: 1.2vw;}
  
  }
  
.home_icon{margin-top: -4px;}
.swal2-container{
  z-index: 99999!important;
}

.card_btn{
  position: absolute;
    top: -14px;
    right: -14px;
    color: #fff!important;
    /* border-bottom-left-radius: 117%; */
    border-radius: 111px;
    padding: 10px;
    -webkit-box-shadow: 14px 16px 20px -9px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 14px 16px 20px -9px rgba(0, 0, 0, 0.75);
    box-shadow: 16px 7px 23px 0px rgba(0, 0, 0, 0.75);

}
.card_count{
    position: absolute;
    top: -10px;
    left: -10px;
    height: 25px;
    width: 25px;
    border-radius: 100%;
    border: 1px solid #ccc;
    background: #7367f0;
    color: #fff;
    text-align: center;
  
}
.select2-container {
  width: 100% !important;
}

/* Ensure the Select2 dropdown is full width */
.select2-container .select2-dropdown {
  width: auto !important;
  min-width: 100% !important;
}

/* Ensure the Select2 dropdown appears above the modal */
.select2-container--open .select2-dropdown {
  z-index: 1050; /* Higher than Bootstrap modal z-index */
}
/* Force the dropdown to open at the bottom */
.select2-dropdown {
  top: 100% !important; /* Position dropdown below the input */
  bottom: auto !important; /* Remove any auto bottom positioning */
}
.select2-container {
    width: auto !important;  /* Ensure the container is auto width */
    min-width: 200px;  /* Set a minimum width if necessary */
    display: block!important;
}
.select2-dropdown {
    width: auto !important;  /* Ensure the dropdown is auto width */
    min-width: 200px;  /* Set a minimum width if necessary */
    position: absolute;
    z-index: 10000;  /* Ensure the dropdown is on top */
}