@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://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Aclonica&display=swap');

@font-face {
    font-family: 'Futura BT Bold';
    src: url('../fonts/futura-bt-bold.ttf');
    src: url('../fonts/futura-bt-bold.eot');
    src: url('../fonts/futura-bt-bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/futura-bt-bold.woff2') format('woff2'),
        url('../fonts/futura-bt-bold.woff') format('woff'),
        url('../fonts/futura-bt-bold.svg#FuturaBT-Bold') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Futura BT Medium';
    src: url('../fonts/futura-bt-medium.ttf');
    src: url('../fonts/futura-bt-medium.eot');
    src: url('../fonts/futura-bt-medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/futura-bt-medium.woff2') format('woff2'),
        url('../fonts/futura-bt-medium.woff') format('woff'),
        url('../fonts/futura-bt-medium.svg#FuturaBT-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}



:root{
    --primary-color: #ED6F00;
    --secondary-color:  #0074bd;
    --secondary-color-1:  #0074BB;
    --tertiary-color: #44AC3B;
}

body{
    color: #010101;
    font-family: "Poppins", sans-serif;
    font-display: swap;
    scroll-behavior: smooth;
}


/* -- default style -- */
ul,ol,figure{margin-bottom: 0;}

img{max-width: 100%;}

a{
    cursor: pointer;
    color: #010101;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

button{border: 0;}

p{line-height: 1.6;}
p:last-child{margin-bottom: 0;}

.text-primary{color: var(--primary-color)!important;}
.text-secondary{color: var(--secondary-color)!important;}
.text-tertiary{color: var(--tertiary-color)!important;}
.text-grey{color: #969696;}
.text-green{color: #1AA147;}

.font-oswald{
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.font-nanum-pen-script{
    font-family: "Nanum Pen Script", cursive;
    font-weight: 400;
    font-style: normal;
}
.font-satisfy{
    font-family: "Satisfy", cursive;
    font-weight: 400;
    font-style: normal;
}
.futura-medium{font-family: 'Futura BT Medium'!important;}

.fw-extra-bold{font-weight: 800;}

.lh-2, .lh-2 *{line-height: 1.8;}

.bg-light{background-color: #F9F9F9!important;}

.btn{
    position: relative;
    color: #fff;
    background-color: #00609A;
    padding: 0.4rem 2.6rem 0.4rem 1.2rem;
    line-height: normal;
    border-radius: 50px;
    border: none;
    z-index: 1;
    transition: all 0.3s ease-in-out;
}
.btn *{transition: all 0.3s ease-in-out;}
.btn::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--secondary-color);
    width: calc(100% - 7px);
    height: 100%;
    border-radius: 50px;
    z-index: -1;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.btn .icon{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 18px;
}
.btn:hover{
    color: #fff;
    background-color: #00609A;
    padding: 0.4rem 2.7rem 0.4rem 1.1rem;
}
.btn:hover::before{width: calc(100% - 33px);}
.btn:hover .icon{right: 12px;}
/*  */
.btn.btn-light{color: var(--secondary-color);}
.btn.btn-light::before{background-color: #fff;}
.btn:hover .icon{color: #fff;}

.opacity-1{opacity: 1!important;}

.border-secondary{border-color: var(--secondary-color)!important;}

/*  */
.heading{
    font-family: "Merriweather Sans", sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    padding: 20px 0;
    z-index: 1;
}
.heading::after{
    content: attr(data-text);
    position: absolute;
    color: #F2F2F2;
    font-family: "Poppins", sans-serif;
    font-size: 9rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.bg-light .heading::after{color: #E8E8E8;}

.title-style{
    font-family: 'Futura BT Bold';
    font-size: 2.6rem;
    text-transform: uppercase;
}

.title-style-1{
    font-size: 2.5rem;
    font-weight: 600;
}

.section-space{
    padding-top: 90px;
    padding-bottom: 90px;
}
.section-space-md{
    padding-top: 60px;
    padding-bottom: 60px;
}

.bg-img{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@keyframes -webkit-pulse {
  0% {transform: scale(1);}
  50% {transform: scale(1.06);}
  100% {transform: scale(1);}
}
@keyframes pulse {
  0% {transform: scale(1);}
  50% {transform: scale(1.06);}
  100% {transform: scale(1);}
}
.plus-animate{
    animation: pulse 2s infinite;
}
@keyframes horizontalSlide {
    0% {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}

/*  */
.india-color{color: #EB6F00;}
.india-color span:nth-child(1){color: #01008A;}
.india-color span:nth-child(2){color: #008801;}

/*  */
.list-style-icon li{
    position: relative;
    padding-left: 23px;
    margin-bottom: 6px;
}
.list-style-icon li .icon{
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
}
/*  */
.list-style-icon-img li{
    position: relative;
    padding-left: 26px;
    margin-bottom: 6px;
}
.list-style-icon-img li .icon{
    position: absolute;
    top: 7px;
    left: 0;
    width: 15px;
}
.list-style-icon-img.fs-lg li{
    padding-left: 28px;
    margin-bottom: 11px;
}
.list-style-icon-img.fs-lg li .icon{width: 18px;}
/*  */
.icon-list-circle li *{transition: all 0.3s ease-in-out;}
.icon-list-circle li{
    position: relative;
    padding-left: 36px;
    margin-bottom: 18px;
    transition: all 0.3s ease-in-out;
}
.icon-list-circle li .icon{
    text-align: center;
    background-color: var(--secondary-color-1);
    width: 30px;
    height: 30px;
    line-height: 29px;
    border-radius: 100%;
    position: absolute;
    top: -2px;
    left: 0;
    transform: scale(1);
}
.icon-list-circle li .icon img{height: 18px;}
.icon-list-circle li:hover .icon{transform: scale(1.05);}
/*  */
.number-list-1 li *{transition: all 0.3s ease-in-out;}
.number-list-1 li{
    position: relative;
    padding-left: 36px;
    margin-bottom: 18px;
    transition: all 0.3s ease-in-out;
}
.number-list-1 li span.num{
    background-color: #D9D9D9;
    display: block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-weight: 700;
    border-radius: 100%;
    position: absolute;
    top: -2px;
    left: 0;
}
.number-list-1 li:hover{color: var(--secondary-color-1);}
.number-list-1 li:hover span.num{background-color: #9CD9FF;}


/*  */
.block-design-1{
    position: relative;
    background-color: #fff;
    border: 1px solid #2550B3;
    height: 100%;
    padding: 15px 35px 20px;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    z-index: 1;
}
.block-design-1 *{transition: all 0.3s ease-in-out;}
.block-design-1::before{
    content: "";
    width: 80px;
    height: 80px;
    background-color: var(--secondary-color-1);
    opacity: 0;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.4);
    transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    z-index: -1;
}
.block-design-1 p{
    font-size: 1.1rem;
    font-weight: 500;
}
.block-design-1 figure img{filter:none;}
.block-design-1:hover figure img{filter: contrast(0) brightness(300%);}
.block-design-1:hover{color: #fff;}
.block-design-1:hover::before{
    width: 100%;
    height: 100%;
    background-color: var(--secondary-color-1);
    border-radius: 10px;
    transform: translate(-50%, -50%) scale(1.02);
    opacity: 0.7;
}
/*  */
.column-design-1{
    position: relative;
    background-color: #fff;
    border-radius: 34px 34px 0 0;
    height: 100%;
    top: 0;
    box-shadow: 0 0 10px -8px rgba(1, 1, 1, 0);
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}
.column-design-1 *{transition: all 0.3s ease-in-out;}
.column-design-1 figure{
    width: 100%;
    height: 310px;
    border-radius: 34px 34px 34px 0;
    overflow: hidden;
}
.column-design-1 figure img{
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    transform: scale(1);
}
.column-design-1 .content{padding: 15px 15px 20px;}
.column-design-1 .content p{font-size: 0.9rem;}
.column-design-1 .title{
    font-size: 1.3rem;
    font-weight: 500;
}
.column-design-1 .btn{font-size: 0.9rem;}
.column-design-1:hover{
    top: -4px;
    box-shadow: 0 10px 25px -8px rgba(1, 1, 1, 0.2);
}
.column-design-1:hover .title{color: var(--secondary-color);}
.column-design-1:hover figure img{transform: scale(1.05);}

/* button-group */
.button-group{
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* column-divide */
.column-divide{position: relative;}
.column-divide::after{
    content: "";
    width: 1px;
    background: linear-gradient(180deg, #FFFFFF 3.37%, #000000 48.86%, #FFFFFF 100%);
    height: 100%;
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
}
.column-divide:last-child:after{display: none;}

/**/
.form-floating > .form-control, .nice-select{
    float: none;
    border-color: #B9B9B9;
    border-radius: 5px;
}
.form-floating > .form-control, .form-floating > label{
    color: #666666;
    min-height: auto;
    height: auto;
    padding: 0.8rem .75rem;
}
.form-floating > .form-control:required + label::after{
    content: "*";
    color: #FF0000;
    margin-left: 2px;
}
.form-floating > .form-control:focus{
    border-color: var(--primary-color);
    box-shadow: none;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown){
    padding-top: 1.3rem;
    padding-bottom: 0.3rem;
}
.form-floating > .form-control:focus ~ label{transform: scale(.82) translateY(-.5rem) translateX(.15rem);}

.nice-select{
    color: #666666;
    font-size: 1rem;
}
.nice-select:hover{border-color: #B9B9B9;}
.nice-select .option.selected{font-weight: 600;}

/* modal */
.modal .modal-header{
    justify-content: center;
    padding: 0.7rem 2.4rem 0rem 1rem;
    border-bottom: 0;
}
.modal .modal-title{
    color: #424242;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
}
.modal .btn-close{
    background-image: none;
    position: absolute;
    color: var(--secondary-color-1);
    top: 14px;
    right: 14px;
    font-size: 1rem;
    width: 25px;
    height: 25px;
    padding: 0 0;
    background-color: #EFEFEF;
/*    border: 1px solid #3D3D3D;*/
    border-radius: 100%;
}
.modal .modal-content{
    border: 0;
    border-radius: 12px 12px;
}
.modal .form-floating > .form-control{font-size: 0.9rem}
.modal .form-floating > .form-control, .modal .form-floating > label{
    min-height: auto;
    height: auto;
    padding: 0.6rem .85rem;
}
.modal .form-floating > .form-select{
    min-height: auto;
    height: auto;
    padding: 0.6rem .85rem;
}
.modal .form-floating > .form-control:focus{box-shadow: none;}
.modal .form-floating > .form-control:focus, .modal .form-floating > .form-control:not(:placeholder-shown){
    padding-top: 1rem;
    padding-bottom: 0.2rem;
}
.modal .form-floating > .form-select:focus, .modal .form-floating > .form-select:not(:placeholder-shown){
    padding-top: 1rem;
    padding-bottom: 0.2rem;
}
.modal .form-floating > textarea.form-select:focus, .modal .form-floating > textarea.form-control:not(:placeholder-shown){
  padding-top: 1.6rem;
}
.modal .form-floating > .form-control:focus ~ label{transform: scale(.72) translateY(-.4rem) translateX(.15rem);}

/*design-wrapper*/
.design-wrapper .img-box{
    background-color: #EBF3FA;
    border-radius: 12px 0 0 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.modal-backdrop.show{opacity: 0.8;}

/*  */
.swiper .swiper-pagination{
    position: relative;
    top: 0;
    left: auto;
    margin: 30px auto 0;
}
.swiper .swiper-pagination .swiper-pagination-bullet{
    width: 11px;
    height: 11px;
    transition: all 0.3s ease-in-out;
}
.swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: var(--secondary-color-1);
    width: 12px;
    height: 12px;
}






/* -- header -- */
header{
    position: relative;
    background-color: #fff;
    box-shadow: 0px 2px 15px -10px rgba(1, 1, 1, 0);
    z-index: 5;
    transition: all 0.3s ease-in-out;
}
/* navbar-brand */
header .navbar{padding: 5px 0 5px;}
header .navbar-brand{margin-right: 10px;}
header .navbar-brand img{
    width: 160px;
    transition: all 0.3s ease-in-out;
}
header .navbar .nav-item{
    position: relative;
    margin: 0 8px;
    z-index: 1;
}
header .navbar .nav-item .nav-link{
    position: relative;
    color: #010101;
    text-transform: uppercase;
    padding: 0.2rem 0.5rem;
    transition: all 0.3s ease-in-out;
}
header .navbar .nav-item .nav-link::before{
    content: "";
    background-color: var(--secondary-color);
    width: 100%;
    height: 0%;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 5px 0 0 0;
    transition: all 0.3s ease-in-out;
    z-index: -1;
}
header .navbar .dropdown .dropdown-toggle::after{
    position: relative;
    content: "\f107";
    font-family: "Font Awesome 6 Free";
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    top: 2px;
    margin-left: 6px;
    border: none;
}
header .navbar .nav-item .nav-link:hover{color: #fff;}
header .navbar .nav-item .nav-link:hover::before{height: 100%;}
/*  */
header .btn-style{
    position: relative;
    color: #fff;
    font-weight: 500;
    border-radius: 50px;
    border: 0;
    overflow: hidden;
    background-color: #CF6100;
    padding: 0.2rem 0.6rem 0.2rem 0.8rem;
    transform: scale(1);
    transition: all 0.3s ease-in-out;
    z-index: 1;
}
header .btn-style .icon{
    margin-left: 10px;
    transition: all 0.3s ease-in-out;
}
header .btn-style::before{
    content: "";
    background-color: var(--primary-color);
    width: calc(100% - 33px);
    height: 100%;
    border-radius: 50px 0 40px 50px;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease-in-out;
    z-index: -1;
}
header .btn-style:hover{background-color: #CF6100;}
header .btn-style:hover .icon{
    margin-left: 5px;
    margin-right: 5px;
}
header .btn-style:hover::before{
    width: calc(100% - 0px);
    border-radius: 50px 50px 50px 50px;
}
header .btn-style.btn-tertiary{
    background-color: var(--tertiary-color);
}
header .btn-style.btn-tertiary::before{
    background-color: #51C747;
}
/*  */
header.sticky{
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    box-shadow: 0px 2px 20px -10px rgba(1, 1, 1, 0.2);
    z-index: 10;
    transition: all 0.3s ease-in-out;
}
header.sticky .info-wrap{display: none;}
header.sticky .navbar-brand img{width: 120px;}

header .navbar-toggler{
    border: 0;
    padding: 8px 11px;
}
header .navbar-toggler:focus{
    box-shadow: none;
}


/*  */
.navbar-nav .dropdown-menu.menu-lg{min-width: 540px;}
.navbar-nav .dropdown-menu{
    background: #F6F6F6;
    border: 0;
    min-width: 340px;
    padding: 10px 15px;
    border-radius: 0 0 20px 25px;
    border-left: 10px solid var(--secondary-color-1);
    animation: fadeIn 0.2s both linear;
    margin-top: 10px;
    z-index: 2;
}
.navbar-nav .dropdown-menu::before{
    content: "";
    width: calc(100%);
    height: 100%;
    border-radius: 0 0 0 25px;
    background: url(../images/bg/dropdown-bg-vector.svg) no-repeat left bottom / contain;
    position: absolute;
    top: 0;
    left: 0px;
    z-index: -1;
}
.navbar-nav .dropdown-menu .title{font-size: 1.4rem;}
.navbar-nav .dropdown-menu ul > li > .dropdown-item{padding: 0.6rem 0.8rem;}
.navbar-nav .dropdown-menu ul > li:not(:last-child) > .dropdown-item{border-bottom: 1px solid #BFBFBF;}
.navbar-nav .dropdown-menu ul > li > .dropdown-item:hover{
    color: var(--secondary-color);
    background-color: transparent;
}
.navbar-nav .dropdown-menu ul > li > .dropdown-item.active{
    color: var(--secondary-color);
    background-color: transparent;
    font-weight: 600;
}
.navbar-nav .dropdown-menu ul > li > .dropdown-item:focus{background-color: transparent;}


/* -- info-wrap -- */
.info-wrap{
    background-color: var(--secondary-color-1);
    padding: 12px 10px;
}
.info-wrap .company-name{
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}
.info-wrap ul{
    color: #fff;
    position: relative;
    display: inline-flex;
    column-gap: 30px;
    z-index: 0;
}
.info-wrap ul li{
    display: inline-flex;
    align-items: center;
    column-gap: 8px;
}
.info-wrap ul li a{color: #fff;}
.info-wrap ul li .icon{
    position: relative;
    z-index: 1;
}
.info-wrap ul li .icon img{width: 20px;}
.info-wrap ul li .icon::after{
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background-color: #0B84CF;
    position: absolute;
    right: -3px;
    bottom: 0px;
    z-index: -1;
}
.info-wrap .column-divide::after{
    content: "";
    width: 1px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 3.37%, #ffffff 48.86%, rgba(255, 255, 255, 0) 100%);
    height: 100%;
    position: absolute;
    top: 50%;
    right: -15px;
    transform: translateY(-50%);
}





/* -- banner-section -- */
.banner-section{
    position: relative;
    /* background-color: #193D91; */
    /* margin-bottom: 50px;*/
}
/*.banner-section::after{
    content: "";
    border: 20px solid transparent;
    border-top-color: #181625;
    border-bottom: 0;
    position: absolute;
    left: 50%;
    bottom: -20px;
    transform: translateX(-50%);
}*/
.banner-slider figure{transition: all 0.3s ease-in-out;}
.banner-slider figure > img{
    width: 100%;
    transition: all 0.3s ease-in-out;
}
/*  */
.banner-slider div[class*="swiper-button"]{
    display: block;
    color: #274280;
    font-size: 1.1rem;
    text-transform: uppercase;
    width: auto;
    height: auto;
    margin: 0;
    top: auto;
    bottom: 6%;
}
.banner-slider div[class*="swiper-button"]::after{display: none;}
.banner-slider .swiper-button-prev{
    left: 35px;
    padding-right: 60px;
}
.banner-slider .swiper-button-next{
    right: 35px;
    text-align: end;
    padding-left: 60px;
}
.banner-slider div[class*="swiper-button"]{}
/* .banner-slider div[class*="swiper-button"] .circles{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 20px;
    background-color: #fff;
    width: 11px;
    height: 11px;
    border-radius: 100%;
    z-index: 1;
}
.banner-slider div[class*="swiper-button"] .circles::before,
.banner-slider div[class*="swiper-button"] .circles::after{
    content: "";
    position: absolute;
    top: 50%;
    border-radius: 100%;
}
.banner-slider div[class*="swiper-button"] .circles::before{
    transform: translateY(-49%);
    margin-top: 0px;
    margin-left: -15px;
    background-color: #FE970E;
    width: 12px;
    height: 12px;
    z-index: -1;
}
.banner-slider div[class*="swiper-button"] .circles::after{
    transform: translateY(-55%);
    margin-left: 14px;
    background-color: #26AD44;
    width: 10px;
    height: 10px;
    z-index: -1;
}
.banner-slider .swiper-button-next .circles{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 20px;
    right: 0;
    background-color: #fff;
    width: 11px;
    height: 11px;
    border-radius: 100%;
    z-index: 1;
}
.banner-slider .swiper-button-next .circles::before{
    transform: translateY(-49%);
    margin-top: 0px;
    margin-right: -15px;
    background-color: #FE970E;
    width: 12px;
    height: 12px;
    z-index: -1;
}
.banner-slider .swiper-button-next .circles::after{
    transform: translateY(-55%);
    margin-right: 14px;
    background-color: #26AD44;
    width: 10px;
    height: 10px;
    z-index: -1;
}
.banner-slider .swiper-button-pre:hover .circles{} */

.banner-slider .swiper-slide{
    overflow: hidden;
    position: relative;
/*    height: 640px;*/
}
/*  */
.banner-slider .caption{
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.banner-slider .caption .title{
    display: inline-block;
    color: #fff;
    font-size: 3.5rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: normal;
}
.banner-slider .caption .title > span{
    font-size: 4.5rem;
    line-height: 1;
}
/*  */
.banner-slider .parallax-bg{
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    
}

/* -- about-section -- */
.about-section{
    position: relative;
/*    padding-bottom: 180px;*/
    overflow: hidden;
    z-index: 1;
}
/*.about-section::before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    bottom: -360px;
    transform: translateX(-50%);
    background: url(../images/bg/hands-bg-img.png) no-repeat bottom center / contain;
    z-index: -1;
}*/

/* -- counter-wrapper -- */
.counter-wrapper{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 25px;
}
.counter-wrapper .column-wrap{
    position: relative;
    top: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: transparent;
    font-size: 1.1rem;
    flex: 0 0 calc(100% / 5 - 40px);
    padding: 20px 20px;
    border: 1px solid transparent;
    border-radius: 30px;
    transition: all 0.3s ease-in-out;
}
.counter-wrapper .column-wrap *{transition: all 0.3s ease-in-out;}
.counter-wrapper .column-wrap hr{
    width: 110px;
    height: 1px;
    background: linear-gradient(90deg, #E3E3E3 6.73%, #BFBFBF 50%, #E3E3E3 100%);
    opacity: 1;
    border: 0;
    margin-inline: auto;
}
.counter-wrapper .number{
    font-size: 1.9rem;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0px;
}
.counter-wrapper .column-wrap p{
    display: inline-block;
    width: 70%;
    line-height: normal;
}
.counter-wrapper .column-wrap:hover{
    top: -5px;
    background-color: #fff;
    border: 1px solid #969696;
}
.counter-wrapper .column-wrap:hover hr{width: calc(100% - 10px);}

/* donate-now-section */
.donate-now-section{
    position: relative;
    background-color: #00609A;
    overflow-x: clip;
}
.donate-now-section .bg-img img{width: 100%;}
.donate-now-section .left-column, .donate-now-section .right-column{
    position: relative;
    overflow-y: clip;
}
.donate-now-section .left-column{color: #fff;}
.donate-now-section .left-column .bg-img{
    background: url(../images/bg/surface-img-1.svg) repeat-x center bottom / contain;
    height: 150px;
    position: absolute;
    width: 2700px;
    left: auto;
    right: 0;
    bottom: -5px;
    z-index: -1;
}
.donate-now-section .center-img{
    width: 640px;
    position: absolute;
    left: 50%;
    bottom: -6px;
    transform: translateX(-42%);
    z-index: 2;
}
.donate-now-section .center-img .bg-img{
    display: none;
    background: url(../images/bg/surface-img-1.svg) repeat-x center bottom / contain;
    height: 150px;
    position: absolute;
    width: 2700px;
    left: auto;
    right: 0;
    bottom: -5px;
    z-index: -1;
}
.donate-now-section .right-column .bg-img{
    background: url(../images/bg/surface-img-2.svg) repeat-x center bottom / contain;
    height: 150px;
    position: absolute;
    width: 2700px;
    left: 0;
    right: auto;
    bottom: -5px;
    z-index: 1;
}

/* -- info-text-section -- */
.info-text-section p{
    color: #414141;
    font-size: 3rem;
    line-height: 1.35;
}

/* -- news-media-section -- */
.news-media-section{position: relative;}
.news-media-section .heading::after{color: #E8E8E8;}
.news-media-section::before{
    content: "";
    width: 100%;
    height: 350px;
    background-color: #F9F9F9;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
/*  */
.column-design-2{
    position: relative;
    padding: 20px 25px 30px;
    border-top: 1px solid var(--secondary-color);
    transition: all 0.3s ease-in-out;
}
.column-design-2{border-right: 1px solid var(--secondary-color);}
.column-design-2::after{
    content: "";
    width: 0;
    height: 100%;
    background-color: #E3F4FF;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    z-index: -1;
}
.column-design-2 figure{
    height: 365px;
    border-radius: 0 50px 0 0;
    margin-bottom: 20px;
    overflow: hidden;
}
.column-design-2 figure img{
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.column-design-2 .title{
    font-size: 1.2rem;
    font-weight: 600;
    line-height: normal;
}
.column-design-2 .btn{padding: 0.3rem 2.6rem 0.3rem 1.2rem;}
.column-design-2 .btn:hover{padding: 0.3rem 2.7rem 0.3rem 1.1rem;}
.column-design-2:hover::after{width: 100%;}

/*  */
.cta-section{
    position: relative;
    color: #fff;
    background-color: #036CAC;
    /* border-left: 23px solid var(--secondary-color); */
    padding: 25px 30px 25px;
    z-index: 1;
}
.cta-section .title{font-size: 2rem;}
.cta-section::before{
    content: "";
    width: 23px;
    height: 100%;
    background-color: var(--secondary-color);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.cta-section:hover::before{width: 64.5%;}
.cta-section figure{
    position: relative;
    display: inline-flex;
    justify-content: end;
    align-items: center;
    margin-bottom: 20px;
}
.cta-section .button{
    color: #fff;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.2;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    background-color: #0C8CDA;
    position: absolute;
    left: -13px;
    bottom: -28px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
/* .cta-section .button::after{
    content: "";
    width: 225px;
    height: 225px;
    background: url(../images/vector/heart-shape-1.svg) no-repeat center / contain;
    position: absolute;
    left: 19px;
    bottom: 19px;
} */
.cta-section .button:hover{
    background-color: #fff;
    color: var(--secondary-color);
}

/* -- footer -- */
footer{
    position: relative;
    padding: 60px 0 60px;
    overflow: clip;
    z-index: 1;
}
footer::before{
    content: "";
    width: 100%;
    height: 230px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
footer .side-img{
    width: 500px;
    position: absolute;
    right: -235px;
    bottom: -100px;
}
/*  */
footer .logo{}
/*  */
footer .contact-info li{
    font-weight: 600;
    position: relative;
    padding-left: 32px;
}
footer .contact-info li .icon{
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
}
footer .contact-info li .icon::after{
    content: "";
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background-color: #CEECFF;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
/*  */
footer .nav-links{
    font-weight: 300;
    text-transform: uppercase;
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    gap: 0 30px;
}
footer .nav-links li a:hover{text-decoration: underline;}
/*  */
footer .info-list{
    display: flex;
    flex-wrap: wrap;
}
footer .info-list li{
    font-size: 1.2rem;
    font-weight: 600;
    position: relative;
    padding-left: 50px;
}
footer .info-list li .icon{
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
}
footer .info-list li .icon::after{
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background-color: #CEECFF;
    position: absolute;
    right: -6px;
    bottom: -10px;
    z-index: -1;
}
/*  */
footer .copyright-box{
    font-family: "Montserrat", sans-serif;
    color: #3D3D3D;
    position: relative;
    background-color: #EFEFEF;
    padding: 18px 25px 18px 85px;
    border-radius: 50px 0 0 0;
    z-index: -1;
}
footer .copyright-box p a{color: #3D3D3D;}
footer .copyright-box p span.font-nanum-pen-script{
    position: relative;
    top: 1px;
    color: var(--secondary-color);
    font-size: 1.3rem;
}
footer .copyright-box::after{
    content: "";
    width: 2500px;
    height: 100%;
    background-color: #EFEFEF;
    position: absolute;
    top: 0;
    left: 100%;
    right: auto;
}
/*  */
footer .social-media{
    display: inline-flex;
    column-gap: 5px;
    margin-left: 5px;
}
footer .social-media li a{
    color: #2C2C2C;
    font-size: 1.1rem;
    text-align: center;
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 100%;
}
/*  */
footer .copyright-text{
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: 3px;
}
footer .copyright-text .v-divide{
    align-self: center;
    display: inline-block;
    width: 1px;
    height: 32px;
    background: linear-gradient(180deg, #EFEFEF 0%, #666666 49.04%, #EFEFEF 96.63%);
    margin: 0 6px;
}

/*  */
.backToTop, .whatsapp-btn, .call-btn{
    position: fixed;
    text-align: center;
    width: 38px;
    height: 38px;
    transform: translateY(0);
    transition: all 0.3s ease-in-out;
    z-index: 1;
}
.backToTop{
    opacity: 0;
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-color: var(--secondary-color);
    right: 4%;
    bottom: 50px;
}
.call-btn, .whatsapp-btn{
    left: 2%;
    bottom: 50px;
}
.whatsapp-btn{bottom: 110px;}
.backToTop:hover, .whatsapp-btn:hover, .call-btn:hover{transform: translateY(-5px);}

/* -- page banner -- */
.page-banner-wrap{
    display: flex;
    justify-content: center;
    overflow: hidden;
}
.page-banner-wrap .img-wrap{
    width: 91vw;
    border-radius: 0 0 50px 50px;
    overflow: hidden;
    transition: all 1.4s ease-in-out;
    /* will-change: transform; */
    overflow: hidden;
}
.page-banner-wrap .img-wrap.scaleBox{
    width: 100vw;
    border-radius: 0 0;
}
.page-banner-wrap .img-wrap img{width: 100%;}
/* breadcrumb */
.breadcrumb .breadcrumb-item + .breadcrumb-item::before{
    content: "|";
}
.breadcrumb .breadcrumb-item.active::before{font-weight: 400;}
.breadcrumb .breadcrumb-item.active{
    color: inherit;
    font-weight: 700;
}

/*-- overview-page --*/
.overview-page .counter-wrapper .column-wrap:hover{background-color: #F6F6F6;}
/* img-block-1 */
.img-block-1{text-align: center;}
.img-block-1 figure{
    position: relative;
    margin: 0 auto;
}
.img-block-1 figure img{width: 100%;}
.img-block-1 figure .text{
    color: #fff;
    font-size: 4vw;
    line-height: 1.35;
    font-weight: 300;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 35px;
    text-shadow: 0px 4px 50px rgba(0, 0, 0, 0.25);
}
.img-block-1 figure .text > span{font-weight: 700;}
.img-block-1 figure .text > span span:nth-child(1){color: #fff;}

/* column-design-3 */
.column-design-3{text-align: center;}
.column-design-3 .line{
    display: block;
    width: 90%;
    height: 1px;
    background: linear-gradient(90deg, #E3E3E3 6.73%, #BFBFBF 50%, #E3E3E3 100%);
    margin: 25px auto;
}
.column-design-3 .title{
    position: relative;
    display: inline-block;
    background-color: #FFCA55;
    text-align: center;
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 6px 20px;
    margin-bottom: 0;
}
.column-design-3 .title::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: -15px;
    transform: translateX(-50%);
    border: 10px solid transparent;
    border-top: 15px solid #FFCA55;
    border-bottom: 0;
    z-index: 1;
}
.column-design-3:nth-child(2) .title{
    background-color: #75CCA3;
}
.column-design-3:nth-child(2) .title::after{
    border-top-color: #75CCA3;
}
.column-design-3 figure{text-align: center;}
.column-design-3 .content{
    text-align: left;
    position: relative;
    background-color: #F9F9F9;
    padding: 30px 25px 25px;
    border-radius: 41px;
}
.column-design-3 .content ul{
    display: flex;
    flex-wrap: wrap;
}
.column-design-3 .content ul li{
    position: relative;
    padding-left: 26px;
    flex: 0 0 calc(100% / 2);
    margin-bottom: 15px;
}
.column-design-3 .content ul li::before{
    content: "";
    width: 12px;
    height: 12px;
    background: url(../images/icons/top-left-angle-arrow-1.svg) no-repeat center / contain;
    position: absolute;
    top: 7px;
    left: 0;
    transition: all 0.3s ease-in-out;
}
.column-design-3:nth-child(2) .content ul li::before{background: url(../images/icons/top-left-angle-arrow-2.svg) no-repeat center / contain;}
.column-design-3 .content ul li:hover::before{left: 4px;}

/* column-design-4 */
.column-design-4{position: relative;}
.column-design-4, .column-design-4 *{transition: all 0.3s ease-in-out;}
.column-design-4 .title{
    display: inline-block;
    background-color: #E5E5E5;
    position: relative;
    color: #0A8BD9;
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    padding: 11px 30px 11px 85px;
    margin-bottom: 0;
    border-radius: 50px 50px;
}
.column-design-4 .title .icon{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(1);
    left: 0;
    background-color: #0A8BD9;
    width: 75px;
    height: 75px;
    border-radius: 100%;
    box-shadow: 0 0 10px -8px rgba(1, 1, 1, 0);
}
.column-design-4 .title .icon img{max-width: 45px;}
.column-design-4 .content{
    padding: 20px 20px 20px 85px;
}
.column-design-4:hover .title .icon{
    transform: translateY(-50%) scale(1.05);
    box-shadow: 0 4px 10px -4px rgba(1, 1, 1, 0.5);
}
.column-design-4:not(:last-child)::after{
    content: "";
    width: 1px;
    height: 100%;
    background: linear-gradient(180deg, #FFFFFF 3.85%, #0074BB 54.95%, #FFFFFF 100%);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

/* -- awards-recognition-section -- */
.awards-recognition-section .title{
    color: #3B3B3B;
    font-size: 2.5rem;
    font-weight: 600;
    text-transform: uppercase;
}
/* award-slider */
.slider-wrap{padding: 0 20px;}
.award-slider .block{
    width: 100%;
    height: 260px;
    background-color: #D9D9D9;
    border-radius: 20px;
}
.slider-wrap div[class*="swiper-button"]{
    display: block;
    color: #010101;
    font-size: 2rem;
    text-transform: uppercase;
    width: auto;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}
.slider-wrap div[class*="swiper-button"]::after{display: none;}
.slider-wrap .swiper-button-prev{
    left: -15px;
}
.slider-wrap .swiper-button-next{
    right: -15px;
    text-align: end;
}

/* testimonials-section */
.testimonials-section .title-style-1{
    color: #3B3B3B;
    text-transform: uppercase;
}
.testimonials-section .wrapper{
    position: relative;
    color: #3D3D3D;
    background-color: #F9F9F9;
    border-radius: 16px;
    padding: 30px 40px 20px;
}
.testimonials-section .wrapper::before,
.testimonials-section .wrapper::after{
    content: "";
    position: absolute;
    z-index: -1;
}
.testimonials-section .wrapper::before{
    background: url(../images/icons/quote-icon-1.svg) no-repeat center / contain;
    width: 100px;
    height: 100px;
    top: 50%;
    left: -120px;
    transform: translateY(-50%);
}
.testimonials-section .wrapper::after{
    background: url(../images/bg/hexagone-shapes-vector.svg) no-repeat center / contain;
    width: 200px;
    height: 220px;
    top: -60px;
    right: -55px;
}
.testimonials-slider .title{
    color: var(--secondary-color-1);
    font-family: "Aclonica", sans-serif;
    font-size: 1.4rem;
}
.testimonials-slider .title span{font-size: 1rem;}
.testimonials-slider div[class*="swiper-button"]{
    font-size: 0.8rem;
    width: 26px;
    height: 26px;
    position: relative;
    color: #001E6C;
    background-color: #CFEDFF;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    border-radius: 5px;
    margin: 0;
}
.testimonials-slider div[class*="swiper-button"]::after{display: none;}
.testimonials-slider div[class*="swiper-button"]:hover{
    color: #fff;
    background-color: var(--secondary-color-1);
}
.testimonials-slider .btn-block{
    display: flex;
    column-gap: 10px;
    margin-top: 20px;
}

/* cta-box-1 */
.cta-box-1 .title{font-size: 4rem;}

/* mentors-section */
.mentors-section{
    background: linear-gradient(180deg, #FFFFFF 46%, #C1DDF7 100%);
}
.mentors-section .img-gallery figure, .mentors-section .img-gallery figure *{transition: all 0.3s ease-in-out;}
.mentors-section .img-gallery figure{
    padding: 10px;
    border-radius: 10px;
    outline: 1px solid var(--secondary-color-1);
}
.mentors-section .img-gallery figure a{height: 300px;}
.mentors-section .img-gallery figure img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: top;
    -o-object-position: top;
}
.mentors-section .img-gallery figure img{transform: scale(1);}
.mentors-section .img-gallery figure:hover img{transform: scale(1.1);}

/* clients-wrapper */
.clients-wrapper{
    position: relative;
    overflow: hidden;
}
.clients-wrapper::before, .clients-wrapper::after{
    content: "";
    display: flex;
    position: absolute;
    width: 18.5rem;
    height: 100%;
    top: 0;
    transform: rotate(-180deg);
    z-index: 1;
}
.clients-wrapper::before {
    left: 0;
    background: linear-gradient(250deg, #fff 30%, rgba(254, 249, 239, 0) 80%);
}
.clients-wrapper::after {
    right: 0;
    background: linear-gradient(250deg, rgba(254, 249, 239, 0) 30%, #fff 80%);
}
.clients-wrapper .list-wrap{
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 20px;
    animation: horizontalSlide 30s linear 0s infinite;
    animation-direction: normal;
}
.clients-wrapper .list-wrap.reverse{
    animation: horizontalSlide 30s linear 0s infinite;
    animation-direction: reverse;
}
.clients-wrapper .list-wrap li{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 230px;
    min-width: 230px;
    padding: 0.9rem 1.6rem;
    height: 120px;
    background-color: #F9F9F9;
    border: 1px solid #989898;
    width: 100%;
    border-radius: 22px;
}
.clients-wrapper .list-wrap:hover{
    animation-play-state: paused;
}
.horslider-right:hover{
    animation-play-state: paused;
}

/*-- founder page --*/
.about-founder{position: relative;}
.about-founder .bg-img{
    width: 78%;
    height: 100%;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
}
.about-founder .title{
    display: inline-block;
   font-size: 3.5rem;
   text-shadow: -2px -3px 0 #DFDFDF;
   padding: 0 2px 0 6px;
   border-bottom: 1px solid #010101;
}
.about-founder .content{
    font-size: 2rem;
    font-weight: 200;
    margin-top: 200px;
}
.about-founder .content p span{
    display: inline-block;
    color: #fff;
    font-weight: 600;
    background-color: var(--secondary-color);
    padding: 0px 10px;
}
/* quote-box */
.quote-box{
    position: relative;
    padding: 15px 0 0 15px;
}
.quote-box .icon{
    position: absolute;
    top: -5px;
    left: -15px;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    background-color: var(--secondary-color);
    text-align: center;
    line-height: 67px;
    z-index: 2;
}
.quote-box .icon img{width: 45px;}
.quote-box .content{
    position: relative;
    padding: 35px 60px;
    background-color: #F8F8F8;
    clip-path: polygon(1.1% 3.5%, 100% 0, 100% 100%, 0 98%);
    z-index: 1;
}
.quote-box .content::after{
    content: "";
    width: calc(100% - 20px);
    height: calc(100% - 16px);
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: calc(50% - 3px);
    transform: translate(-50%, -50%);
    z-index: -1;
}

/* timelineSlider */
.timelineSlider{
    position: relative;
}
.timelineSlider .swiper-wrapper{
    align-items: baseline;
}
.timelineSlider::after{
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 8px;
    border-bottom: 1px solid;
    z-index: -1;
}
.timelineSlider .swiper-slide{
    cursor: pointer;
    text-align: center;
    position: relative;
    font-size: 1.1rem;
    font-weight: 500;
    height: 100%;
    padding: 0px 0 18px;
    transition: all 0.3s ease-in-out;
}
.timelineSlider .swiper-slide::after{
    content: "";
    width: 11px;
    height: 11px;
    border-radius: 100%;
    background-color: var(--secondary-color);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 2px;
    opacity: 0;
    z-index: 1;
    transition: all 0.3s ease-in-out;
}
.timelineSlider .swiper-slide.swiper-slide-thumb-active{
    font-size: 1.2rem;
    font-weight: 600;
}
.timelineSlider .swiper-slide.swiper-slide-thumb-active::after{
    opacity: 1;
    width: 12px;
    height: 12px;
}
.timelineSlider .swiper-slide-thumb-active {opacity: 1;}
.timelineSlider div[class*="swiper-button"]{
    color: #010101;
    top: auto;
    bottom: 20%;
}
.timelineSlider div[class*="swiper-button"]::after{display: none;}

.timeline-contents{
    width: 100%;
}
.timeline-contents .title{
    color: var(--secondary-color);
    font-weight: 600;
}
.timeline-contents .column-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}

/* column-design-5 */
.column-design-5 .content{
    height: 100%;
    background-color: #fff;
    padding: 20px 30px 20px;
    margin: 0 15px;
    border-radius: 0 41px 0 41px;
}
.column-design-5, .column-design-5 *{transition: all 0.3s ease-in-out;}
.column-design-5 .content .title{
    font-size: 1.3rem;
    font-weight: 600;
}
.column-design-5 .content figure{
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 300px;
    height: 280px;
    background: url(../images/bg/strock-circle-vector-1.svg) no-repeat center / contain;
    margin: 0 auto;
}
.column-design-5 .content figure img{
    width: calc(100% - 70px);
    transform: scale(1);
}
.column-design-5:hover .content{
    color: #fff;
    background-color: var(--secondary-color);
}
.column-design-5:hover .content figure{background: url(../images/bg/strock-circle-vector-2.svg) no-repeat center / contain;}
.column-design-5:nth-child(odd) .content{border-radius: 41px 0 41px 0;}
.column-design-5:hover .content figure img{transform: scale(1.1);}

/* infographic-1 */
.infographic-1{
    position: relative;
    padding: 30px 0;
    z-index: 1;
}
.infographic-1, .infographic-1 *{transition: all 0.3s ease-in-out;}
.infographic-1::after{
    content: "";
    position: absolute;
    width: 1px;
    height: calc(100%);
    background: linear-gradient(180deg, #F9F9F9 1.92%, #000000 45%, #F9F9F9 100%);
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
.infographic-1 ul{
    position: relative;
    font-size: 1.1rem;
    list-style: none;
    display: flex;
    align-items: center;
    padding-left: 0;
    flex-direction: row-reverse;
    margin-bottom: 25px;
}
.infographic-1 ul:last-child{margin-bottom: 0;}
.infographic-1 ul::before{
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background-color: var(--secondary-color);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    box-shadow: 0 0 0 0 rgba(0, 116, 187, 0.4);
    transition: all 0.3s ease-in-out;
}
.infographic-1 ul li{
    flex: 0 0 calc(100% / 2);
    padding: 10px 40px;
}
.infographic-1 ul li.img-box > img{transform: scale(1);}
.infographic-1 ul:hover li.img-box > img{transform: scale(1.12);}
.infographic-1 ul:hover::before{box-shadow: 0 0 0 6px rgba(0, 116, 187, 0.3);}

/* quote-wrapper-1 */
.quote-wrapper-1 .content{
    position: relative;
    padding: 40px 50px;
    border: 1px solid transparent;
    background: linear-gradient(white, white) padding-box,
        linear-gradient(89.91deg,
        rgba(0, 0, 0, 0.1) 5.36%,
        rgba(255, 255, 255, 0.1) 60.56%,
        rgba(0, 0, 0, 0.1) 98.48%
        ) border-box;
    margin-top: 40px;
    z-index: 1;
}
.quote-wrapper-1 .content .icon{
    width: 250px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -45px;
    z-index: -1;
}

/* -- team-page -- */
.team-page .team-intro-text{
    font-size: 2.5rem;
    font-weight: 200;
}
/* members-list */
.members-list{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    column-gap: 5px;
    padding-left: 40px;
    padding-bottom: 60px;
}
.members-list li{
    display: inline-flex;
    column-gap: 8px;
    font-size: 1.4rem;
    position: relative;
    margin-left: -36px;
    /* padding-right: 60px; */
}
.members-list li p{
    position: relative;
    padding-left: 36px;
    margin-bottom: 0;
}
.members-list li p .icon{
    color: #fff;
    position: absolute;
    top: 4px;
    left: 0;
    width: 31px;
    height: 31px;
    border-radius: 100%;
    background-color: var(--secondary-color-1);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
}
.members-list li .lines{
    position: relative;
    width: 55px;
    height: 100px;
}
.members-list li .lines::before, .members-list li .lines::after{
    content: "";
    background-color: #010101;
    position: absolute;
}
.members-list li .lines::before{
    width: 100%;
    height: 1px;
    top: 16px;
    right: 0;
}
.members-list li .lines::after{
    width: 1px;
    height: 100%;
    top: 0;
    right: 15px;
}
/* column-design-6 */
.column-design-6{
    position: relative;
    background-color: transparent;
    border-radius: 22px;
}
.column-design-6, .column-design-6 *{
    transition: all 0.3s ease-in-out;
}
.column-design-6 figure{
    width: 100%;
    height: 380px;
    background-color: #D9D9D9;
    border-radius: 22px;
    transform: scale(1);
    overflow: hidden;
}
.column-design-6 figure img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
}
.column-design-6 .content{
    position: relative;
    padding: 15px 25px;
}
.column-design-6 .title{
    font-size: 1.4rem;
    font-weight: 600;
}
.column-design-6 .sub-title{
    font-size: 1rem;
    font-weight: 400;
}
.column-design-6 .btn-circle{
    position: absolute;
    top: -18px;
    left: 30px;
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 100%;
    background-color: #B9B9B9;
    color: #010101;
    text-align: center;
    padding: 0 0;
    transform: scale(1);
    transform-origin: center;
    box-shadow: 0 0 0 0 rgba(0, 116, 187, 0);
}
.column-design-6:hover{background-color: #fff;}
.column-design-6:hover figure{transform: scale(0.95);}
.column-design-6 .btn-circle:hover{
    font-weight: normal;
    color: #fff;
    background-color: var(--secondary-color-1);
    transform: scale(1.1);
    box-shadow: 0 0 0 5px rgba(0, 116, 187, 0.2);
}
.column-design-6:hover .btn-circle{top: -25px;}

/* modalDesign */
.modal.modalDesign .btn-close{
    position: absolute;
    top: 13px;
    right: 13px;
    z-index: 1;
}
.modal.modalDesign .modal-body{padding: 2rem 1.5rem;}
.modal.modalDesign .modal-content{
    border-radius: 0 30px 0 0;
    z-index: 1;
}
.modal.modalDesign .modal-content::after{
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/bg/bg-pattern-1.jpg) no-repeat center / cover;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.45;
    z-index: -1;
}
.modal.modalDesign .profile-block{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.modal.modalDesign .profile-block .img-wrap{
    text-align: center;
    flex: 0 0 30%;
}
.modal.modalDesign .profile-block figure{
    width: 100%;
    height: 310px;
    border-radius: 34px 34px;
    margin: 0 0 20px;
    overflow: hidden;
}
.modal.modalDesign .profile-block figure img{
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    transform: scale(1);
}
.modal.modalDesign .profile-block .title{
    display: inline-block;
    color: #fff;
    background-color: #0082D2;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 4px 15px;
    margin-bottom: 5px;
}
.modal.modalDesign .profile-block .content{
    width: calc(70% - 30px);
    /* padding-top: 25px; */
}
/* block-design-2 */
.block-design-2, .block-design-2 *{transition: all 0.3s ease-in-out;}
.block-design-2{
    color: var(--secondary-color-1);
    font-size: 1.2rem;
    font-weight: 600;
    text-align: center;
}
.block-design-2 figure{
    width: 165px;
    transform: translateY(0);
    margin: 0 auto;
}
.block-design-2 figure img{width: 100%;}
.block-design-2:nth-child(2){
    color: #00C6CF;
}
.block-design-2:nth-child(3){
    color: #00AAE1;
}
.block-design-2:nth-child(2) figure{width: 190px;}
.block-design-2 .line{
    display: block;
    margin: 10px auto 15px;
    transform: translateY(0);
    transition-delay: 0.05s;
}
.block-design-2:hover figure{transform: translateY(-10px);}
.block-design-2:hover .line{transform: translateY(-10px);}

/* infographic-2 */
.infographic-2 .column{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
    position: relative;
    font-size: 0.9rem;
    text-align: center;
    padding-top: 50px;
}
.infographic-2 .column, .infographic-2 .column *{transition: all 0.3s ease-in-out;}
.infographic-2 .column figure{
    position: relative;
    /* padding-bottom: 30px; */
}
.infographic-2 .column figure .icon{
    position: relative;
    background-color: #FFD500;
    width: 110px;
    height: 110px;
    border-radius: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.infographic-2 .column figure .outline-circle{
    width: 110px;
    height: 110px;
    border: 1px dotted #030303;
    border-radius: 100%;
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
.infographic-2 .column figure .outline-circle::before{
    content: "";
    display: block;
    width: 1px;
    height: 38px;
    background-color: #010101;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -38px;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}
.infographic-2 .column figure .outline-circle::after{
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #010101;
    position: absolute;
    left: calc(50%);
    transform: translateX(-50%);
    bottom: -38px;
    transition: all 0.3s ease-in-out;
}
.infographic-2 .column figure .icon img{
    width: calc(100% - 50px);
}
.infographic-2 .column .title{
    font-size: 1.2rem;
    font-weight: 600;
}
.infographic-2 .column:hover figure .icon img{
    width: calc(100% - 60px);
}
/*  */
.infographic-2 .column:nth-child(2) figure .icon{background-color: #00CC76;}
.infographic-2 .column:nth-child(3) figure .icon{background-color: #FF8000;}
.infographic-2 .column:nth-child(4) figure .icon{background-color: #00AAFF;}


/* -- initiatives-page -- */
/* -- Women Empowerment -- */
.infographic-3 .column .title{
    color: #DA4228!important;
    font-size: 1.3rem;
    font-weight: 600;
}
.infographic-3 .column:nth-child(3) .title{color: #337EE6!important;}
.infographic-3 .column:nth-child(4) .title{color: #22B679!important;}

/*  */
.column-design-7{
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    display: inline-flex;
    align-items: center;
    flex-direction: column;
    background-color:#F5F5F5;
    transition: all 0.3s ease-in-out;
}
.column-design-7 *{transition: all 0.3s ease-in-out;}
.column-design-7 .content{
    padding: 15px 30px 20px;
}
.column-design-7 .title{
    background-color: var(--secondary-color-1);
    color: #ffffff;
    padding:10px 20px;
    font-size: 1.2rem;
    border-radius: 7px 7px 0px 0px;
    width: 100%;
    margin-bottom:0;
}
.column-design-7 .sub-title{color: #44AC3B;}
.column-design-7 hr{
    width: calc(85% - 80px);
    height: 1px;
    background: linear-gradient(90deg, #E3E3E3 6.73%, #BFBFBF 50%, #E3E3E3 100%);
    margin-inline: auto;
    opacity: 1;
    border: 0;
}
.column-design-7:hover hr{width: calc(100%);}
/*  */
.explore-our-programs {
    background-image: url(../images/bg/explore-our-programs.png);
    background-position: top center;
    color: #ffffff;
}
.video-btn{
  background-color: rgba(0, 116, 187, 0.5);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  cursor: pointer;
  align-content: center;
  margin: 0 auto;
  transition: all 0.3s ease-in-out;
}
.video-btn img{width:40%;}
.video-btn:hover{background-color: rgba(0, 116, 187, 1);}
/*  */
.project-block{
    position: relative;
}
.project-block.block-lg::after{
    content: "";
    width: 1px;
    height: calc(100% - 35px);
    background-color: #010101;
    position: absolute;
    top: 0;
    right: 0;
}
.project-block figure{
    background-color: #D9D9D9;
    height: 200px;
    margin-bottom: 10px;
}
.project-block.block-lg figure:empty{
    min-height: 455px;
}
.project-block .title{
    font-size: 1.1rem;
    font-weight: 500;
}
/*  */
.column-design-8, .column-design-8 *{transition: all 0.4s ease-in-out;}
.column-design-8 .content-wrap{
    position: relative;
    color: #fff;
    font-size: 0.9rem;
    background-color: #fff;
    border-radius: 30px;
    height: 480px;
    padding: 0;
    margin: 0 10px;
    overflow: hidden;
}
.column-design-8 .content-wrap figure{
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    overflow: hidden;
}
.column-design-8 .content-wrap figure img{
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.column-design-8 .content-wrap::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg, rgba(0, 0, 0, 1) 0%, rgba(102, 102, 102, 0) 100%);
    opacity: 1;
    transition: all 0.4s ease-in-out;
}
.column-design-8 .content{
    position: absolute;
    width: calc(100% - 3rem);
    height: 200px;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: -120px;
    z-index: 1;
}
.column-design-8 .content *:not(.title){opacity: 0;}
.column-design-8 .content .title{
    font-size: 1.3rem;
    width: 90%;
    line-height: 1.4;
}
.column-design-8:hover .content{bottom: 2.1rem;}
.column-design-8:hover .content *:not(.title){opacity: 1;}
.column-design-8:hover .content-wrap::after{opacity: 0;}
.column-design-8:hover .content-wrap figure{height: 220px;}
.column-design-8:hover .content-wrap{
    background-color: var(--secondary-color-1);
    padding: 16px;
}
/* cta-box-2 */
.cta-box-2 {
    background-image: url(../images/bg/bg-img-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 50px;
    border-radius: 34px;
}
.cta-box-2 .title-style-1 span {
    font-size: 5rem;
    color: #1D9288;
}
.cta-box-2 .btn{
    background-color:#1D9288 !important;
}
.cta-box-2 .btn::before{
    background-color:#fff;
}

/* column-design-9 */
.column-design-9, .column-design-9 *{transition: all 0.3s ease-in-out;}
.column-design-9 figure{
    height: 380px;
    border-radius: 40px;
    margin-bottom: 15px;
    overflow: hidden;
}
.column-design-9 figure img{
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%;
    height: 100%;
}
.column-design-9 .title{
    font-size: 1.4rem;
    text-transform: uppercase;
}
.column-design-9:hover .title{color: var(--secondary-color);}
/*  */
.work-slider .swiper-slide{transition: all 0.3s ease-in-out;}
.work-slider .swiper-slide:not(.swiper-slide-active){
    transform: scale(0.9);
    opacity: 0.5;
}
.work-slider .swiper-slide-active{transform: scale(1);}
.work-slider .column-design-9 .content{opacity: 0;}
.work-slider .swiper-slide-active .column-design-9 .content{opacity: 1;}
.work-slider{margin: 0 -150px;}

/* infographic-4 */
.infographic-4 .block + .block{margin-top: 20px;}
.infographic-4 .column .title{
    color: #B9C37E;
    font-size: 1.3rem;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.infographic-4 .column:nth-child(1) .block:nth-child(2) .title{color: #4CB691;}
.infographic-4 .column:nth-child(3) .block:nth-child(1) .title{color: #4CB691;}

/* work-slider-1 */
.work-slider-1 .column-design-9 .title{
    font-size: 1.2rem;
    text-transform: capitalize;
    font-weight: 600;
}
.work-slider-1 .column-design-9 figure{border-radius: 17px;}

/* infographic-5 */
.infographic-5 .column > ul{
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 20px;
}
.infographic-5 .column > ul + ul{margin-top: 22px;}
.infographic-5 .column > ul li{flex: 0 0 60%;}
.infographic-5 .column > ul li:nth-child(2){
    flex: 0 0 35%;
    flex-shrink: 1;
}
.infographic-5 .column > ul li > figure img{width: 100%;}
.infographic-5 .column ul .title{
    font-size: 1.3rem;
    font-weight: 700;
}
.infographic-5 .column:nth-child(1) ul:nth-child(1) .title{color: #005E97;}
.infographic-5 .column:nth-child(1) ul:nth-child(2) .title{color: #DE9100;}
.infographic-5 .column:nth-child(2) ul{
    flex-direction: row-reverse;
}
.infographic-5 .column:nth-child(2) ul:nth-child(1) .title{color: #2B81EB;}
.infographic-5 .column:nth-child(2) ul:nth-child(2) .title{color: #3DB832;}

/*  */
.column-design-10{
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    display: inline-flex;
    align-items: center;
    flex-direction: column;
    background-color:#F6F6F6;
    border-radius: 28px;
    padding: 25px 25px 20px;
    border: 1px solid var(--secondary-color-1);
    transition: all 0.3s ease-in-out;
}
.column-design-10 *{transition: all 0.3s ease-in-out;}
.column-design-10 .icon{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-color: #fff;
    margin-bottom: 10px;
}
.column-design-10 .title{
    font-size: 1.25rem;
    font-weight: 300;
    margin-bottom:0;
}
.column-design-10 .sub-title{color: #44AC3B;}
.column-design-10 hr{
    width: calc(200px);
    height: 1px;
    background: linear-gradient(90deg, #DEF2FF 0%, #0074BB 46.63%, #DEF2FF 95.19%);
    margin: 8px auto 12px;
    opacity: 1;
    border: 0;
}
.column-design-10:hover{border-color: #969696;}
.column-design-10:hover hr{width: calc(95%);}


/*content-wrapper*/
.content-wrapper{
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    background: #F9F9F9;
    border-radius: 0 30px 30px 0;
    overflow: hidden;
}
.content-wrapper .form-block{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px 25px;
}
.content-wrapper iframe{min-height: 450px;}


/* donate-form-wrap */
.donate-form-wrap{
    background-color: #E3FFF5;
    padding: 15px 15px;
    border-radius: 45px;
}
.donate-form-wrap .form-wrap{
    background: url(../images/bg/donate-now-vector.svg), linear-gradient(250.75deg, #4CB691 52.2%, #329673 95.49%);
    background-repeat: no-repeat;
    background-size: 40%, auto;
    background-position: top right;
    padding: 25px 30px;
    border-radius: 33px;
}
.donate-form-wrap .form-wrap .title{
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
}
.donate-form-wrap .button{
    background-color: #fff;
    color: #379A78;
    padding: 0.3rem 0.8rem;
    box-shadow: 0 5px 0 #1D8863;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
}
.donate-form-wrap .button:hover{box-shadow: 0 3px 0 #1D8863;}
.donate-form-wrap .button-group{display: flex;}
.donate-form-wrap .radio-btn{
    color: #4AB48F;
    position: relative;
    display: inline-block;
    flex: 0 0 calc(100% / 2 - 10px);
}
.donate-form-wrap .radio-btn > input + span{
    display: block;
    text-align: center;
    font-size: 1.1rem;
    padding: 10px 15px;
    background-color: #fff;
    outline: 1px solid #329673;
    border-radius: 5px;
}
.donate-form-wrap .radio-btn > input[type=radio]{
    appearance: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.donate-form-wrap .radio-btn > input[type=radio]:checked + span{
    font-weight: 500;
    outline: 5px solid #329673;
}

.donate-form-wrap .custom-input > input{
    color: #4AB48F;
    display: block;
    text-align: center;
    font-size: 1.1rem;
    padding: 10px 15px;
    background-color: #fff;
    outline: 1px solid #329673;
    border: 0;
    border-radius: 5px;
}
.donate-form-wrap .custom-input > input::placeholder{color: #4AB48F;}
/*nav-pills*/
.nav-pills{column-gap: 10px;}
.nav-pills .nav-link{
    color: #010101;
    font-weight: 400;
    border-radius: 50px;
}
.nav-pills .nav-link.active{
    font-weight: 700;
    background-color: var(--secondary-color-1);
}
.tab-content > .tab-pane.active .img-gallery figure{
    animation: zoomIn 0.4s both cubic-bezier(0.175, 0.885, 0.32, 1.175);
    transition-delay: 0.8s;
}

/* Gallery page */
.img-gallery figure, .img-gallery figure *{transition: all 0.3s ease-in-out;}
.img-gallery figure a{
    display: block;
    border-radius: 15px;
    overflow: hidden;
}
.img-gallery figure a img{
    width: 100%;
    transform: scale(1);
}
.img-gallery figure:hover a img{transform: scale(1.1);}

/* donation-type */
.donation-type figure{
    background-color: #F2FFEE;
}
.donation-type figure img{width: 100%;}
.donation-type .title{
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 1.2rem;
    background-color: #036CAC;
    padding: 5px 20px 5px 50px;
    border-radius: 50px;
}
.donation-type .title .icon{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 12px;
}
/* number-list */
.number-list li{
    position: relative;
    padding-left: 35px;
}
.number-list li + li{margin-top: 15px;}
.number-list li .icon{
    font-size: 0.9rem;
    width: 24px;
    height: 24px;
    color: #fff;
    background-color: #44AC3B;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
}











/* -- Responsive -- */
@media only screen and (min-width: 992px){
    header .navbar .nav-item:last-child::after{display: none;}
    header .navbar .nav-item{padding: 10px 0;}
    header .navbar .nav-item.dropdown:not( > .dropdown-menu){cursor: pointer;}
    header .navbar .nav-item.dropdown .nav-link.dropdown-toggle{pointer-events: none;}
    header .navbar .nav-item.dropdown:hover .nav-link.dropdown-toggle + .dropdown-menu{
        display: block;
    }
    
    header .navbar .nav-item::after{
        content: "";
        background-color: #010101;
        width: 1px;
        height: 10px;
        position: absolute;
        right: -8px;
        top: 50%;
        transform: translateY(-50%);
    }

    .donate-now-section .right-column::after{
        content: "";
        width: 100%;
        height: 100%;
        background-color: #F9F9F9;
        position: absolute;
        top: 0;
        left: 100%;
    }
    
    .column-design-2:last-child{border-right: 0;}
}

@media only screen and (min-width: 768px){
    .infographic-1 ul:nth-child(odd){flex-direction: row;}
    .infographic-1 ul:nth-child(odd) .content{text-align: end;}
    .infographic-1 ul:nth-child(even) .img-box{text-align: end;}
    
    .infographic-2 .column:nth-child(even){
        flex-direction: column-reverse;
        padding-top: 0;
        padding-bottom: 50px;
    }
    .infographic-2 .column:nth-child(even) figure .outline-circle{
        top: auto;
        bottom: -8px;
    }
    .infographic-2 .column:nth-child(even) figure .outline-circle::before{
        bottom: auto;
        top: -38px;
    }
    .infographic-2 .column:nth-child(even) figure .outline-circle::after{
        bottom: auto;
        top: -38px;
    }

    .members-list li:nth-child(even){align-items: end;}
    .members-list li:nth-child(2){
        left: 0;
        margin-top: 44px;
    }
    .members-list li:nth-child(2) .lines{
        width: 120px;
    }
    .members-list li:nth-child(2) .lines::before{
        top: auto;
        bottom: 16px;
    }
    .members-list li:nth-child(4){
        top: 40px;
        align-self: flex-end;
    }
    .members-list li:nth-child(3) .lines{height: 180px;}
}

@media only screen and (min-width: 576px){
    .fs-lg{font-size: 1.1rem;}
}

@media only screen and (min-width: 1200px){
    .infographic-3 .img-block{margin: 0 -15px;}
}
@media only screen and (min-width: 1400px){
    .infographic-3 .img-block{margin: 0 -55px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
    .donate-now-section .container{max-width: 1200px;}
}

@media only screen and (min-width: 992px) and (max-width: 1399px){
    header .navbar .container, header .info-wrap .container{max-width: 1280px;}
    header .navbar .nav-item .nav-link, header .btn-style{font-size: 0.9rem;}
    header .navbar .nav-item{margin: 0 3px;}
    header .navbar .nav-item::after{right: -3px;}
    header .info-wrap ul{font-size: 0.9rem;}
    header .info-wrap ul li .icon img{width: 18px;}
    header .info-wrap ul li .icon::after{
        width: 14px;
        height: 14px;
    }
    header .navbar .button-group{max-width: 25%;} 
    .triangle-container {width: 65%;}

    footer .nav-links{gap: 15px 30px;}
}

@media only screen and (max-width: 1399px){
    .counter-wrapper .number{font-size: 1.6rem;}
}

@media only screen and (max-width: 1199px){
    .title-style{
        font-size: 2.3rem;
    }
    .info-wrap .company-name{font-size: 1.2rem;}

    .counter-wrapper{gap: 20px;}
    .counter-wrapper .number{font-size: 1.4rem;}
    .counter-wrapper .column-wrap{
        font-size: 1rem;
        flex: 0 0 calc(100% / 5 - 20px);
    }
    
    .donate-now-section .center-img{width: 500px;}

    .clients-wrapper::before, .clients-wrapper::after{width: 11rem;}
    .clients-wrapper .list-wrap{column-gap: 15px;}
    .clients-wrapper .list-wrap li{min-width: 190px;}
    
    .column-design-2 figure{height: 320px;}

    .cta-section:hover::before{width: 58%;}

    footer .info-list li .icon{
        width: 30px;
        top: -6px;
    }
    footer .info-list li .icon::after{bottom: -3px;}
    footer .info-list li{padding-left: 40px;}

    .column-design-3 .content ul li{flex: 0 0 calc(100%);}
    
    .column-design-4 .content{padding: 20px 20px 0px 60px;}

    .team-page .team-intro-text{font-size: 2.2rem;}

    .members-list li:nth-child(4){
        width: 100%;
        justify-content: end;
        top: auto;
    }

    .mentors-section .img-gallery figure a{height: 240px;}

    .about-founder .content{
        font-size: 1.6rem;
        margin-top: 150px;
    }

    .column-design-5 .content{margin: 0 0;}
    .column-design-5 .content figure{
        max-width: 260px;
        height: 230px;
    }
    
    .column-design-8 .content-wrap{margin: 0 0;}
    .column-design-8 .content{width: calc(100% - 2rem);}
    .column-design-8 .content .title{
        font-size: 1.2rem;
        width: 100%;
    }

    .cta-box-2{padding: 50px 30px;}
    .cta-box-2 .title-style-1{font-size: 2.1rem;}
    .cta-box-2 .title-style-1 span{font-size: 4rem;}
    
    .work-slider-1 .column-design-9 figure{height: 300px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
    .members-list li:nth-child(2){
        margin-bottom: 60px;
    }
    .members-list li:nth-child(2) .lines::after{
        display: none;
        top: auto;
        height: 140px;
        bottom: -104px;
    }
    .members-list li:nth-child(4){
        width: auto;
        top: 40px;
    }
}

@media only screen and (max-width: 991px){
    .heading{font-size: 1.6rem;}
    .heading::after{font-size: 8rem;}
    .title-style-1{font-size: 2.2rem;}

    .modal-dialog{
        max-width: 90%;
        margin-inline: auto;
    }

    .section-space {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    header .navbar-collapse{
        background-color: #f8f8f8;
        position: fixed;
        width: 100%;
        top: 94px;
        left: 0;
        box-shadow: 0px 6px 8px -2px rgba(0, 0, 0, 0.1);
        z-index: 1;
    }
    header .navbar-collapse .navbar-nav{padding: 20px 25px 0;}
    header .navbar-collapse .button-group{
        padding: 0px 25px 20px;
        column-gap: 20px!important;
    }
    header .navbar .nav-item .nav-link{padding: 0.5rem 0.5rem;}
    header .navbar .navbar-collapse .nav-item{margin: 0 0 10px;}
    header .navbar-nav .dropdown-menu{background-color: #fff;}
    header .navbar-nav .dropdown-menu::before{
        width: calc(100% - 10px);
        left: 10px;
    }
    header.sticky .navbar-collapse{top: 76px;}

    .block-design-1{padding: 10px 10px 15px;}
    .block-design-1 p{font-size: 1rem;}

    .cta-box-1 .title{font-size: 3.4rem;}
    
    .counter-wrapper .number{font-size: 1.6rem;}
    .counter-wrapper .column-wrap{flex: 0 0 calc(100% / 3 - 25px);}

    .info-text-section figure img{width: 140px;}
    .info-text-section p{
        font-size: 2.5rem;
        line-height: 1.25;
    }

    .donate-now-section .right-column{
        background-color: transparent!important;
        padding-bottom: 20px;
    }
    .donate-now-section .left-column{padding-top: 20px;}
    .donate-now-section .right-column .title{color: #fff;}
    .donate-now-section .right-column .heading{color: #fff!important;}
    .donate-now-section .right-column .heading::after{color: var(--secondary-color-1);}
    .donate-now-section .right-column .bg-img{display: none;}
    .donate-now-section .left-column .bg-img{display: none;}
    .donate-now-section .center-img .bg-img{right: -140px; display: block;}
    .donate-now-section .center-img{
        position: relative;
        left: auto;
        transform: none;
        margin: -60px 0 0 auto;
    }
    
    .clients-wrapper::before, .clients-wrapper::after{width: 6rem;}

    footer{padding: 20px 0 60px;}
    footer::before{height: 160px;}
    footer .side-img{
        width: 460px;
        right: -220px;
        bottom: -40px;
    }
    footer .nav-links{
        justify-content: start;
        gap: 10px 18px;
    }
    footer .copyright-box{
        padding: 15px 15px 15px 25px;
        border-radius: 30px 0 0 0;
    }

    .testimonials-section .wrapper{
        padding: 20px 25px 15px;
        border-radius: 10px;
    }
    .testimonials-section .wrapper::before{
        width: 60px;
        height: 60px;
        left: -70px;
    }
    .testimonials-section .wrapper::after{
        width: 150px;
        height: 150px;
        top: -50px;
        right: -35px;
    }

    .column-design-3 .content ul{column-gap: 15px;}
    .column-design-3 .content ul li{
        flex: 0 0 auto;
        display: inline-flex;
    }
    .column-design-3 .content ul li{padding-left: 22px;}
    
    .column-design-4 .title{
        font-size: 1.2rem;
        padding: 11px 20px 11px 55px;
    }
    .column-design-4 .title .icon{
        width: 50px;
        height: 50px;
    }
    .column-design-4 .title .icon img{width: 30px;}
    .column-design-4 .content{padding: 15px 20px 0px 20px;}
    
    .mentors-section .img-gallery figure{padding: 6px;}
    .mentors-section .img-gallery figure a{height: 180px;}

    .column-design-6 figure{height: 320px;}
    
    .about-founder .title{font-size: 3rem;}

    .quote-box .icon{
        width: 60px;
        height: 60px;
        line-height: 56px;
        top: 0;
        left: -10px;
    }
    .quote-box .icon img {width: 40px;}
    .quote-box .content{padding: 25px 40px;}

    .two-divide-columns .column-divide::after{display: none;}

    .quote-wrapper-1 .content{
        padding: 30px 30px;
        margin-top: 30px;
    }
    .quote-wrapper-1 .content .icon{
        width: 210px;
        top: -30px;
    }

    .project-block.block-lg::after{
        width: calc(100% - 25px);
        height: 1px;
        top: auto;
        bottom: -5px;
        left: 50%;
        transform: translateX(-50%);
        right: auto;
    }

    .cta-box-2{padding: 30px 10px;}
    .cta-box-2 .title-style-1{font-size: 1.6rem;}
    .cta-box-2 .title-style-1 span{font-size: 3rem;}
    
    .work-slider-1 .column-design-9 figure{height: 260px;}
}

@media only screen and (max-width: 767px){
    .title-style{font-size: 2.1rem;}
    .title-style-1{font-size: 2rem;}
    .column-design-1{border-radius: 24px 24px 0 0;}
    .column-design-1 figure{
        height: 220px;
        border-radius: 24px 24px 24px 0;
    }
    .column-design-1 .title{font-size: 1.1rem;}
    
    .cta-box-1 .title{font-size: 3rem;}
    
    .counter-wrapper {gap: 15px 10px;}
    .counter-wrapper .column-wrap{
        padding: 15px 15px;
        flex: 0 0 calc(100% / 2 - 25px);
    }
    .counter-wrapper .column-wrap hr{margin: 10px auto;}

    .clients-wrapper .list-wrap li{
        min-width: 150px;
        height: 100px;
        padding: 0.6rem 1rem;
    }

    .column-design-2 figure{height: 280px;}

    .cta-section{padding: 15px 20px 30px;}
    .cta-section .title{font-size: 1.6rem;}
    .cta-section hr{margin: 0.6rem 0;}
    .cta-section::before{width: 16px;}
    .cta-section:hover::before{width: 16px;}
    .cta-section figure{width: 200px;}
    .cta-section .button{
        font-size: 1.2rem;
        width: 105px;
        height: 105px;
    }
    footer .side-img{
        width: 360px;
        right: -175px;
        bottom: -10px;
    }

    .testimonials-section .wrapper::before {
        width: 45px;
        height: 45px;
        left: -48px;
    }
    .testimonials-section .wrapper::after{
        width: 110px;
        height: 110px;
        top: -30px;
        right: -20px;
    }
    
    .column-design-4:not(:last-child)::after{
        width: 100%;
        height: 1px;
        background: linear-gradient(90deg, #FFFFFF 3.85%, #0074BB 54.95%, #FFFFFF 100%);
        left: auto;
        top: auto;
        bottom: -22px;
    }
    
    .members-list{
        padding-left: 0;
        padding-bottom: 0;
        row-gap: 15px;
    }
    .members-list li{
        margin-left: 0;
        width: 48%!important;
        justify-content: start!important;
    }
    .members-list li .lines{display: none;}

    .column-design-6 figure{
        height: 260px;
        border-radius: 12px;
    }
    .column-design-6 .content{padding: 15px 15px 10px;}
    .column-design-6 .title{font-size: 1.2rem;}
    .column-design-6 .btn-circle{
        top: -23px;
        left: 18px;
    }

    .modal.modalDesign .modal-body{padding: 1.4rem 1.1rem 1.4rem;}
    .modal.modalDesign .profile-block{gap: 20px;}
    .modal.modalDesign .profile-block figure{height: 250px;}
    .modal.modalDesign .profile-block .title{font-size: 1.2rem;}
    .modal.modalDesign .profile-block .content{width: calc(70% - 20px);}
    
    .block-design-2{font-size: 1.1rem;}
    .block-design-2 figure{width: 130px;}
    .block-design-2:nth-child(2) figure{width: 150px;}

    .about-founder .title{font-size: 2.5rem;}
    .about-founder .content{
        font-size: 1.3rem;
        margin-top: 100px;
    }

    .timeline-contents .title{font-size: 1.4rem;}

    .column-design-5 .content{
        padding: 20px 20px 20px;
        border-radius: 0 30px 0 30px;
    }

    .infographic-1{padding-left: 10px;}
    .infographic-1::after{left: 10px;}
    .infographic-1 ul{justify-content: start;}
    .infographic-1 ul::before{left: 0px;}
    .infographic-1 ul li{padding: 10px 20px 10px 20px;}
    .infographic-1 ul li.img-box{flex: 0 0 100px;}
    .infographic-1 ul li.content{
        flex: 0 0 calc(100% - 100px);
        padding: 10px 10px;
    }

    .quote-wrapper-1 .content{padding: 20px 20px;}
    .quote-wrapper-1 .content .title-style-1{font-size: 1.8rem;}
    .quote-wrapper-1 .content .icon{width: 170px;}
    
    .column-design-8 .content .title{font-size: 1.2rem;}
    .column-design-8 .content-wrap{height: 420px;}
    .column-design-8:hover .content-wrap figure{height: 160px;}
    .column-design-8 .content{font-size: 0.9rem;}

    .column-divide::after{display: none;}
    
    .content-wrapper{border-radius: 0 0 30px 30px;}
}

@media only screen and (max-width: 575px){
    .heading{
        font-size: 1.3rem;
        padding: 11px 0;
    }
    .heading::after{font-size: 5.5rem;}

    .title-style {font-size: 1.7rem;}
    .title-style-1{font-size: 1.6rem;}

    header .navbar-brand img{width: 140px;}
    header .info-wrap{padding: 5px 5px;}
    header .info-wrap .company-name {font-size: 1.1rem;}
    header .info-wrap ul{
        font-size: 0.8rem;
        flex-wrap: wrap;
        justify-content: center;
    }
    header .info-wrap ul li .icon img {width: 15px;}

    header .navbar-collapse{top: 85px;}
    header .navbar-collapse .navbar-nav{padding: 20px 15px 0;}
    header .navbar-nav .dropdown-menu .title{font-size: 1.2rem;}
    header .navbar-nav .dropdown-menu, .navbar-nav .dropdown-menu.menu-lg{
        min-width: auto;
        padding: 8px 10px;
        border-left-width: 6px;
        border-radius: 0 0 10px 15px;
    }
    header .navbar-nav .dropdown-menu::before{opacity: 0.4;}
    header .navbar-nav .dropdown-menu ul > li .dropdown-item{padding: 0.6rem 0.5rem;}
    
    .cta-box-1 .title{font-size: 2.3rem;}

    .counter-wrapper .column-wrap{
        flex: 0 0 calc(100% / 2 - 10px);
        padding: 10px 10px;
        border-radius: 20px;
    }
    .counter-wrapper .number {font-size: 1.3rem;}

    .info-text-section figure img{width: 100px;}
    .info-text-section p {font-size: 1.8rem;}

    footer{padding: 20px 0 30px;}
    footer .side-img {
        width: 290px;
        right: -140px;
        bottom: -30px;
    }
    footer .logo{text-align: center;}
    footer .copyright-box{
        padding: 10px 15px;
        margin: 0 0 0 50px;
        border-radius: 20px 0 0 0;
    }
    footer .info-list li{font-size: 1rem;}
    footer .copyright-text .v-divide{height: 22px;}

    .breadcrumb .breadcrumb-item{font-size: 0.8rem;}

    .about-founder .bg-img {
        height: 78%;
        top: 40%;
    }

    .timelineSlider .swiper-button-prev{left: -8px;}
    .timelineSlider .swiper-button-next{right: -8px;}

    .mentors-section .img-gallery figure a{height: 130px;}

    .testimonials-section .wrapper::before {
        width: 35px;
        height: 35px;
        left: -37px;
    }
    .testimonials-slider .title{font-size: 1.2rem;}

    .column-design-3 .title{
        font-size: 1.5rem;
        padding: 6px 15px;
    }
    .column-design-3 .content{
        padding: 30px 20px 10px;
        border-radius: 20px;
    }
    .column-design-3 .line{margin: 15px auto;}
    .column-design-3 .content ul li{
        flex: auto;
        margin-bottom: 10px;
    }
    
    .members-list li{font-size: 1.2rem;}
    .members-list li p{padding-left: 30px;}
    .members-list li p .icon{
        width: 25px;
        height: 25px;
    }

    .column-design-6 .content{padding: 15px 10px 10px;}
    .column-design-6 .sub-title{
        font-size: 0.9rem;
        line-height: normal;
    }

    .infographic-1 ul{font-size: 1rem;}
    .infographic-1 ul li{padding: 10px 16px;}
    .infographic-1 ul li.img-box{
        flex: 0 0 90px;
        text-align: center;
    }
    .infographic-1 ul li.content{
        flex: 0 0 calc(100% - 90px);
        padding: 10px 0px;
    }
    
    .backToTop{bottom: 20px;}
    
    .modal.modalDesign .profile-block{
        justify-content: center;
        gap: 15px;
    }
    .modal.modalDesign .profile-block .img-wrap{
        flex: 0 0 80%;
    }
    .modal.modalDesign .profile-block figure{border-radius: 20px;}
    .modal.modalDesign .profile-block figure img{
        -o-object-position: top;
        object-position: top;
    }
    .modal.modalDesign .profile-block .content{
        width: calc(100% - 5px);
        padding-top: 0;
    }

    .infographic-2 .column{
        padding-top: 30px;
    }
    .about-founder .title{font-size: 2.1rem;}
    .about-founder .content{
        font-size: 1.2rem;
        margin-top: 70px;
    }

    .team-page .team-intro-text{font-size: 1.5rem;}

    .quote-box .content{padding: 20px 25px;}
    .quote-box .icon{
        width: 44px;
        height: 44px;
        line-height: 44px;
        top: 5px;
        left: -5px;
    }
    .quote-box .icon img{width: 30px;}
    
    .column-design-5 .content .title{font-size: 1.1rem;}
    
    .quote-wrapper-1 .content .icon{width: 130px;}
    .quote-wrapper-1 .content .title-style-1{font-size: 1.4rem;}

    .cta-box-2{
        padding: 20px 10px;
        font-size: 0.9rem;
    }
    .cta-box-2 .title-style-1{font-size: 1.2rem;}
    .cta-box-2 .title-style-1 span{
        font-size: 2rem;
        display: block;
    }
    .cta-box-2 .btn{
        font-size: 0.9rem;
        padding: 0.3rem 2.3rem 0.3rem 1rem;
    }

    .column-design-9 .title{font-size: 1.2rem;}
    .column-design-9 figure{
        height: 280px;
        border-radius: 30px;
    }

    .content-wrapper .form-block{padding: 20px 10px;}
}

@media only screen and (max-width: 440px){
    .title-style {font-size: 1.4rem;}
    header .info-wrap .container{padding: 0 0;}
    header .info-wrap .company-name {font-size: 0.81rem;}
    header .info-wrap ul{
        font-size: 0.72rem;
        column-gap: 10px;
    }
    header .info-wrap ul li{column-gap: 4px;}
    header .info-wrap .column-divide::after{right: -6px;}
    header .info-wrap ul li .icon img {width: 15px;}
    
    .info-text-section figure img{width: 80px;}
    .info-text-section p {font-size: 1.5rem;}

    footer .side-img{display: none;}

    .testimonials-section .wrapper{padding: 15px 20px 15px;}

    .members-list li{width: 100%!important;}
    
    .backToTop{bottom: 160px;}
    .cta-box-2 .column-content{width: 100%;}
}