@charset "utf-8";


/* ~-~-~-~-~ Embeded Font ~-~-~-~-~ */


@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

/* ~-~-~-~-~ Embeded Font ~-~-~-~-~ */



/* ~-~-~-~-~ Custom Font ~-~-~-~-~ */

:root{

    /* ~-~-~-~-~ common transition ~-~-~-~-~ */

    --transition-common: all 0.8s ease 0s;

    /* ~-~-~-~-~ common transition ~-~-~-~-~ */

    /* ~-~-~-~-~ colors ~-~-~-~-~ */

    --color-primary: #3495C2;
    --color-white: #FFFFFF;
    --color-gray: #555555;
    --color-light-gray: #EEEEEE;
    --color-black-primary: #222222;

    /* ~-~-~-~-~ colors ~-~-~-~-~ */

    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */

    --ff-base: "Urbanist", sans-serif;
    --ff-awesome: "Font Awesome 7 Free ";
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semi-bold: 600;
    --fw-bold: 700;

    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */

    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */

    --f-size-XXXL: 60px; 
    --f-size-XXL: 56px;
    --f-size-XL: 24px;
    --f-size-L: 20px;  
    --f-size-M: 18px;   
    --f-size-S: 16px; 

    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */



    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */

    --margin-title: 0 0 30px 0;
    --margin-paragraph: 0 0 30px 0;

    --border-radius-image: 20px;

    --padding-height: 100px;

    --gap-24:24px;
    --gap-60:60px;

    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */



    /* ~-~-~-~-~ form adjustments ~-~-~-~-~ */

    --form-height: 64px;
    --form-font-color: var(--color-gray);
    --form-placeholder-color: var(--color-gray);
    --form-border-radious: 10px;
    --form-holder-bg: var(--color-white);


    /* ~-~-~-~-~ form adjustments ~-~-~-~-~ */

}

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

    :root{

        --f-size-XXXL: 50px;    
        --f-size-XXL: 50px; 

   }

}

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

    :root{

        /* ~-~-~-~-~ declare font size ~-~-~-~-~ */

        --f-size-XXXL: 45px;    
        --f-size-XXL: 45px;      
        --f-size-XL: 20px;       
        --f-size-L: 18px;
        --f-size-M: 16px;      

        /* ~-~-~-~-~ declare font size ~-~-~-~-~ */

        --gap-60:40px;

        --padding-height: 80px;

   }

}

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

    :root{

    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */

    --f-size-XXXL: 35px;    
    --f-size-XXL: 35px;      
    --f-size-XL: 18px;       
    --f-size-L: 16px;
    --f-size-M: 15px;      
    --f-size-S: 15px;    

    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */

    --border-radius-image: 15px;

    --gap-60:30px;

    --margin-title: 0 0 20px 0;
    --margin-paragraph: 0 0 20px 0;

    --padding-height: 60px;

    --form-height: 50px;

   }

}



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

    :root{

        --f-size-XXXL: 25px;    
        --f-size-XXL: 25px; 
        --f-size-XL: 16px;
        --f-size-M: 14px;

        --padding-height: 40px;

   }

}


/* ~-~-~-~-~-~-~-~-~-~ global font settings start ~-~-~-~-~-~-~-~-~-~ */

body.menu-open { overflow: hidden; }

body{ font-family: var(--ff-base); font-weight: var(--fw-regular); font-size: var(--f-size-M); color: var(--color-gray); overflow-x: hidden; line-height: 1.3; transition: var(--transition-common); }

body,p{ margin: 0;}

/* p{ font-family: var(--ff-accent);} */

p:not(:last-child){ margin: var(--margin-paragraph);}

p strong {font-weight: var(--fw-semi-bold);}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{ font-family: var(--ff-base); font-weight: var(--fw-bold); color: var(--color-navy); line-height: 1.1; margin: var(--margin-title);}

h1,.h1{ font-size: var(--f-size-XXXL);}

h2,.h2{ font-size: var(--f-size-XXL);}

h3,.h3{ font-size: var(--f-size-XL);}

h4,.h4{ font-size: var(--f-size-L);}

h5,.h5{ font-size: var(--f-size-M);}

h6,.h6{ font-size: var(--f-size-S);}



/* ~-~-~-~-~-~-~-~-~-~ global adjustments start ~-~-~-~-~-~-~-~-~-~ */

img{ max-width: 100%;}

a, img{ border: none; text-decoration: none; outline: none;}

a, a:link, a:visited, a:focus, a:hover{ outline: none; text-decoration: none; transition: var(--transition-common);}

ul{ list-style: none; margin: 0; padding: 0;}



.padding-common{ padding-top: var(--padding-height); padding-bottom: var(--padding-height);}
.padding-top-common{ padding-top: var(--padding-height);}
.padding-bottom-common{ padding-bottom: var(--padding-height);}

.padding-small {padding: 80px 0;}
.padding-small-top {padding-top: 80px;}
.padding-small-bottom {padding-bottom: 80px;}

strong {font-weight: var(--fw-bold);}


input:focus, input:focus-visible { border: none; outline: none; box-shadow: none; border: 1px solid var(--primary-brown); }
.btn-check:focus+.btn, .btn:focus { box-shadow: inherit;}
.field-group { margin-bottom: 30px; }
 input.wpcf7-not-valid { border: 1px solid #dc3232; } 
.form-check-input[type=radio]{width: 24px; height: 24px;}

.wpcf7-not-valid-tip { font-size: 0; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { font-size: 14px; }
input.mailpoet_text.parsley-error { border: 1px solid #900 !important; }
.parsley-required, .parsley-custom-error-message { font-size: 0; }

/* .form-group {margin-top: 24px;} */



.form-group { margin-bottom: 30px;}



.form-control { background-color: #EEEEEE;border: none; border-radius: var(--form-border-radious); color: var(--color-black-primary); font-size: var(--f-size-S); padding: 20px; border: 1px solid transparent; }

select.form-control { background-image: url(../images/accord-dropdown.svg); background-position: right 10px center; background-size: 9px; background-repeat: no-repeat; height: var(--form-height); cursor: pointer;}

textarea.form-control{ height: 210px; padding-top: 20px; resize: none;}



.form-control::-moz-placeholder { color: var(--form-placeholder-color); opacity: 1; font-weight: 400;}
.form-control:-ms-input-placeholder { color: var(--form-placeholder-color); font-weight: 400;}
.form-control::-webkit-input-placeholder { color: var(--form-placeholder-color); font-weight: 400;}

.form-control:focus {box-shadow: none; border: 1px solid var(--color-gray);}



.input-search { outline: none; height: 60px; border: 1px solid var(--color-navy); border-radius: 30px; padding-left: 30px; padding-right: 30px; background: url(../images/search.svg) no-repeat center right 30px; color: var(--color-gray); }

.input-search.has-text { background: none; }



/* .form-btn .button__primary { width: 100%; } */



/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {

  -webkit-appearance: none;
  margin: 0;

}



/* Firefox */

input[type=number] {

  -moz-appearance: textfield;

}



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

    .form-group { margin-bottom: 20px; }

}



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

    textarea.form-control { height: 130px; padding-top: 12px;}

}

/* ==##==##== form control settings ==##==##== */



.bg-light-grey {background: var(--color-light-gray);}
  
.common-padding{ padding-top: 80px; padding-bottom: 80px; }




.btn, a.btn { line-height: 1; color: var(--color-primary); display: inline-block; border-radius: 30px; padding: 17px 55px; transition: var(--transition-common); font-weight: 600; font-family: var(--body-fonts); border: 1px solid transparent; background: var(--color-white); position: relative; }
.btn:hover, a.btn:hover{background: transparent;border: 1px solid var(--color-white);color: var(--color-white);border: 1px solid var(--color-white);}

.btn.border, a.btn.border{background: transparent;color: var(--color-white);border: 1px solid var(--color-white) !important;}
.btn.border:hover, a.btn.border:hover{background: var(--color-white);color: var(--color-primary) !important;}

.btn.blue{background: var(--color-primary);color: var(--color-white);}
.btn.blue:hover{background: var(--color-white);border: 1px solid var(--color-primary);color: var(--color-primary);}


/* ==##==##== utility classes ==##==##== */


.decorated-title{ display: inline-flex; font-family: var(--ff-accent-regular); font-weight: var(--fw-semi-bold); font-size: var(--f-size-M); color: var(--color-accent); text-transform: uppercase; letter-spacing: 0.15rem; position: relative; padding-bottom: 3px; isolation: isolate; margin-bottom: 15px;}

.decorated-title::before{ content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; width: 95%; background: rgb(237,28,36); background: linear-gradient(0deg, rgba(237,28,36,0.12) 0%, rgba(237,28,36,0) 100%);}

.overlay-content{ position: relative; z-index: 3;}

.arrow{ display: inline-flex; justify-content: center; align-items: center; width: 45px; height: 45px; background: var(--color-accent); transition: var(--transition-common);}
.arrow::before{ content: ""; background: url(../images/right-arrow.svg) top left no-repeat; background-size: 100%; width: 20px; height: 20px;}

.fade-bg{ background: var(--color-quaternary);}

.background-cover { background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; }


.responsive-image-wrapper { position: relative; overflow: hidden; padding-bottom: 100%; }
.responsive-image-wrapper img { display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: var(--border-radius-image);}


.mb-24{ margin-bottom: var(--gap-24);}
.mb-60{ margin-bottom: var(--gap-60);}



/* ==##==##== utility classes ==##==##== */

/* ==##==##== content width adjustments ==##==##== */

.margin-lr-auto{ margin-left: auto; margin-right: auto;}

/* .max-width__1200{ max-width: 1200px;}

.max-width__1100{ max-width: 1100px;} */

/* ==##==##== content width adjustments ==##==##== */



/* ==##==##== loop space adjustments ==##==##== */

.row-gap_24 .item{ margin-bottom: 24px;}

/* ==##==##== loop space adjustments ==##==##== */



/* ==##==##== button settings ==##==##== */



.button__primary{ display: inline-flex; justify-content: center; font-weight: var(--fw-semi-bold); line-height: 1; font-size: var(--f-size-M); color: var(--color-white); padding: 20px 40px; background: var(--color-primary); border: 1px solid transparent; border-radius: 30px; text-align: center; }
.button__primary:hover{ background: var(--color-white); color: var(--color-primary); border: 1px solid var(--color-primary);}


.button__white { background: var(--color-white); color: var(--color-primary); border-color: var(--color-white);}
.button__white:hover {background: transparent; color: var(--color-white); border-color: var(--color-white);}


.button__primary__border { background: transparent; color: var(--color-primary); border-color: var(--color-primary);}
.button__primary__border:hover {background: var(--color-primary); color: var(--color-white); border-color: var(--color-primary);}

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

    .button__primary, .header-button a{ padding: 11px 25px;}

    .mb-5{ margin-bottom: 25px !important;}

}



/* ==##==##== button settings ==##==##== */


/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */

/* -- Header -- */

.hdr-wrap { display: flex; align-items: center; }

.main-header { padding: 25px 0;position: absolute; left: 0; right: 0; top: 0; z-index: 9; }
.hdr-wrap { display: flex; justify-content: space-between; align-items: center;}
.hdr-wrap .logo { max-width: 242px; width: 100%;transition: var(--transition-common); }
.hdr-wrap .logo a{display: block;}
.hdr-wrap ul { display: flex; align-items: center; padding: 0; list-style: none; margin: 0; }
.main-menu ul li:not(:last-child) { margin-right:40px; }
.main-menu ul li.current-menu-item a::after, .main-menu ul li:hover a:after{width: 100%; transition: var(--transition-common);}
.main-menu ul li > a:after{content: '';background: var(--color-white);position: absolute;left: 0;width: 0;bottom: 0;height: 1px;transition: var(--transition-common);}
.main-menu ul li a {font-family: var(--ff-base); color: var(--color-white);font-weight: 300; padding:0 5px 12px;position: relative;transition: var(--transition-common);}
.main-menu .hdr-btn{display: none;}
.main-menu ul li.menu-item-has-children ul.sub-menu li:hover {color: #00F5F5;}
.main-header.no-banner { background: var(--clr-light-blue); position: relative;}
                          
.header-sticky, .header-sticky .no-banner { left: 0; position: fixed; top: 0; width: 100%; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; animation: slide-down 0.5s; -ms-animation: slide-down 0.5s; -webkit-animation: slide-down 0.5s; z-index: 99; box-shadow: 0 0px 10px rgb(226 185 124 / 30%); background-color: #00000087; backdrop-filter: blur(29px);padding: 10px 0; }
.header-sticky .hdr-wrap .logo{transition: var(--transition-common);max-width: 150px;}
.header-sticky .main-header { padding: 15px 0; background-color: #ffffff24; backdrop-filter: blur(12px); }

.hdr-wrap .hdr-btn { display: flex; align-items: center; column-gap: 10px; }
.hdr-wrap .hdr-btn .btn{border: 1px solid var(--color-white);}
.mob-header-wrap{display: none;}



/* -- Banner Section -- */


.bottom-target-btn-wrap a{width: 153px;height: 153px;display: flex;align-items: center;justify-content: center;position: relative;}
.bottom-target-btn-wrap a .curved-content{-webkit-animation: rotate 5s normal linear infinite;animation: rotate 5s normal linear infinite;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;object-fit: cover; }

@keyframes rotate {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
  25% {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
  }
  50% {
    -webkit-transform: rotate3d(0, 0, 1, 180deg);
    transform: rotate3d(0, 0, 1, 180deg);
  }
  75% {
    -webkit-transform: rotate3d(0, 0, 1, 270deg);
    transform: rotate3d(0, 0, 1, 270deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
    transform: rotate3d(0, 0, 1, 360deg);
  }
}


.banner-img { height: 88vh;min-height: 750px; }
.banner-img img{width: 100%;height: 100%;object-fit: contain;object-position: bottom center;}



.banner-sec{position: relative;z-index: 1;padding-top: 117px;}
.banner-sec.mob{display: none;}
.banner-sec::after{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;background: #3495C2;opacity: 0.8;}
.banner-sec .container{position: relative;z-index: 3;}

.banner-sec .banner-content{padding-bottom: 20px;}
.banner-sec .banner-content h1{font-weight: 600;margin-bottom: 30px;}
.banner-sec .banner-content p{color: var(--color-white);margin-bottom: 30px;}
.banner-sec .banner-content .btn{margin-bottom: 0px;}

.banner-form { max-width: 600px; border: 2px solid var(--color-white); border-radius: 20px; padding: 30px; margin-bottom: 20px;} 
.banner-form .form-group { margin-bottom: 15px; } 
.banner-form .form-group .form-control { border: 1px solid var(--color-white); border-radius: 50px; padding: 15px 30px; }
.banner-form p{margin-bottom: 0 !important;}


/* -- Banner Section -- */


/* -- About Section -- */

.common-heading h6{color: var(--color-primary);font-weight: 700;margin-bottom: 10px;}
.common-heading h2{color: var(--color-black-primary);font-weight: 700;margin-bottom: 30px;}
.common-heading p{margin-bottom: 40px;}

.about-img{position: relative;padding: 64% 0 0;margin-right: 20px;}
.about-img img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 20px;}

/* -- About Section -- */


/* -- Update Section -- */

.update-sec{background: #E5F7FF;}
.update-sec .common-heading{max-width: 1328px;margin: 0 auto 60px;}
.update-sec .common-heading h2{max-width: 1000px;margin: 0 auto 30px;}


.update-card-list .update-card .image-holder{position: relative;padding: 50% 0 0;}
.update-card-list .update-card .image-holder img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;object-fit: cover;z-index: 1;border-radius: 30px 30px 0 0;}
.update-card-list .update-card .image-holder::after{content: '';background: linear-gradient(180deg, #000000 -17.41%, rgba(0, 0, 0, 0) 27.27%);position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;z-index: 2;border-radius: 30px 30px 0 0;}
.update-card-list .update-card .tag-wrap { position: absolute; top: 10px; right: 18px; z-index: 3; display: flex; align-items: center; gap: 24px; }
.update-card-list .update-card .tag-wrap span{background: var(--color-white);padding: 4px 15px;border-radius: 20px;color: var(--color-primary);line-height: 1;}

.update-card-list .update-card .content-holder{background: var(--color-white);margin-top: -20px;position: relative;z-index: 4;border-radius: 30px;padding: 20px 20px 30px;}
.update-card-list .update-card .content-holder .content-tag{padding: 4px 15px;border: 1px solid var(--color-primary);border-radius: 20px;width: fit-content;margin: 0 0 10px;}
.update-card-list .update-card .content-holder .content-tag h6{color: var(--color-primary);margin: 0;}
.update-card-list .update-card .content-holder h3{color: var(--color-gray);margin: 0 0 10px;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;font-weight: 600;}
.update-card-list .update-card .content-holder p{color: var(--color-black-primary);margin-bottom: 10px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.update-card-list .update-card .content-holder > h6{color: var(--color-gray);font-weight: 600;margin-bottom: 0;}
.update-card-list .update-card .content-holder > h6 img{transition: var(--transition-common);}

.update-card-list .update-card:hover .content-holder > h6 img{margin-left: 15px;transition: var(--transition-common);}


.bottom-btn{text-align: center;margin-top: 60px;}

/* -- Update Section -- */


/* -- Action Section -- */

.action-img{position: relative;padding: 60% 0 0;}
.action-img img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 30px;}


/* -- Action Section -- */


/* -- Priority Section -- */

.priopity-sec{position: relative;z-index: 1;}
.priopity-sec::after{content: '';background: #000000;opacity: 0.8; position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;z-index: 2;}
.priopity-sec .container{position: relative;z-index: 3;}

.priopity-sec .common-heading{max-width: 1440px;margin: 0 auto;}
.priopity-sec .common-heading h6 , .priopity-sec .common-heading h2 , .priopity-sec .common-heading p{color: var(--color-white);}

.priority-item{display: flex;align-items: center;background: var(--color-white);border-radius: 50px;gap: 14px;}
.priority-item p{margin: 0;color: var(--color-primary);font-weight: 600;}
.priority-item .icon-holder{width: 70px;height: 70px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: var(--color-primary);flex: 0 0 auto;}

/* -- Priority Section -- */



/* -- Campaign Section -- */

.campaign-list-wrap .row{row-gap: 20px;}
.campaign-card{position: relative;padding: 82% 0 0;}
.campaign-card img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 30px;z-index: 1;}
.campaign-card::after{content: '';background: #000000b3;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;border-radius: 30px;z-index: 2;opacity: 0;transition: 0.3s ease;}
.campaign-card .btn { position: absolute; top: 50%; left: 55px; right: 55px; transform: translateY(-50%); z-index: 3;opacity: 0;transition: 0.3s ease; }

.campaign-card:hover::after , .campaign-card:hover .btn{opacity: 1;transition: 0.3s ease;}

/* -- Campaign Section -- */


/* -- Footer -- */

.main-ftr{background: var(--color-black-primary);padding: 40px 0 20px;}
.main-ftr .ftr-logo{margin-bottom: 30px;}
.main-ftr .ftr-logo a{display: block;}
.main-ftr .ftr-logo a img{max-width: 242px;}

.main-ftr .ftr-social p{color: var(--color-white);margin: 0 0 20px;}
.main-ftr .ftr-social ul{display: flex;align-items: center;padding: 0;margin: 0;list-style: none;gap: 13px;}
.main-ftr .ftr-social ul li{width: fit-content;}
.main-ftr .ftr-social ul li a{width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: var(--color-white);color: var(--color-primary);border: 1px solid transparent;}
.main-ftr .ftr-social ul li a:hover{background: transparent;border: 1px solid var(--color-white);color: var(--color-white);}

.main-ftr .ftr-menu h6{color: var(--color-white);font-weight: 700;position: relative;padding-bottom: 5px;margin-bottom: 15px;}
.main-ftr .ftr-menu h6::after{content: '';background: var(--color-white);bottom: 0;left: 0;width: 52px; height: 1px;position: absolute;background: var(--color-white);}
.main-ftr .ftr-menu ul{display: flex;align-items: center;flex-wrap: wrap;padding: 0;margin: 0;list-style: none;row-gap: 20px;}
.main-ftr .ftr-menu ul li{width: 50%;}
.main-ftr .ftr-menu ul li a{color: var(--color-white);word-break: break-word;}
.main-ftr .ftr-menu ul li a:hover{border-bottom: 1px solid var(--color-white);}


.main-ftr .ftr-menu.contact ul li{width: 100%;}


.ftr-btm{display: flex;align-items: center;justify-content: center;gap: 50px;margin-top: 20px;border-top: 1px solid #ffffff82;padding-top: 20px;}
.ftr-btm p{color: var(--color-white);margin: 0;}
.ftr-btm .terms-wrap .menu-bottom-menu-container ul{display: flex;align-items: center;gap: 20px;}
.ftr-btm .terms-wrap a{color: var(--color-white);position: relative;}
.ftr-btm .terms-wrap a:not(:last-child):after{content: '|';position: absolute;right: -10px;}



/* -- Landing Page -- */

.slick-arrow { width: 56px; height: 56px; background: var(--color-rose-tan); border: 2px solid transparent; display: flex; align-items: center; justify-content: center; border-radius: 50%; opacity: 1; z-index: 1; top: inherit; bottom: 0; transform: none; }
.slick-arrow::before { content: ''; background-repeat: no-repeat; width: 13px; height: 23px; background-size: 13px 23px; filter: brightness(0) invert(1); opacity: 1; }
.slick-arrow:hover, .slick-arrow:focus { border: 2px solid var(--color-rose-tan); background: transparent; }
.slick-arrow:hover::before, .slick-arrow:focus:before {filter: none;}

.slick-prev.slick-arrow { left: 0; }
.slick-prev.slick-arrow::before {background-image: url(../images/prev-icon.svg);}
.slick-next.slick-arrow { right: 0; left: 76px; }
.slick-next.slick-arrow::before {background-image: url(../images/next-icon.svg);}

/* MODAL DESIGN START HERE********************/

.modal-header { border: 0; padding: 20px 20px 0 0; }

.btn-close { width: 56px; height: 56px; opacity: 1; background-color: var(--color-rose-tan); background-image: url(../images/modal-close.svg); padding: 0 !important; margin: 0 0 0 auto !important; border-radius: 50%; box-shadow: none; }

.btn-close:focus { box-shadow: none; }

/* MODAL DESIGN END HERE********************/



.hero-banner { position: relative; overflow: hidden; height: 100vh; display: flex; align-items: flex-end; }
.hero-banner::after {content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--color-primary); opacity: 0.8; z-index: 0; }
.hero-banner img.banner-blurry-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; filter: blur(10px); }

.mobile-btm-part { width: 100%; padding-top: 170px; }
.hero-banner .container { position: relative; z-index: 2; }
.hero-banner .row { align-items: flex-end; }
.hero-banner .banner-character { text-align: right; }
.hero-banner .banner-character img { height: 80vh; width: auto; object-fit: contain; object-position: bottom; }

.banner-character-mobile { display: none; }

.hero-info-lt h1 { font-size: 48px; color: var(--color-white); }
.hero-info-lt p { color: var(--color-white); }

.form-card { background: var(--color-white); padding: 30px; border-radius: 15px; margin: 0 0 25px; }
.form-card p { color: var(--color-primary); margin: 0 0 15px; text-align: center; position: relative;}
.form-card p br { display:none; }

.form-card input.form-control { border: 1px solid var(--color-primary); border-radius: 50px; height: 54px; font-size: 16px; margin: 0 0 15px; }
.form-card input[type="submit"] { border: 0; background: var(--color-primary); color: var(--color-white); width: 100%; border-radius: 50px; padding: 14px; }
.form-card .wpcf7-spinner { position: absolute; right: 0; left: 0; bottom: -28px; margin: 0 auto; }

.hero-info-lt { padding: 0 0 30px; }
.hero-ftr-lt ul li { padding: 5px 0; display: flex; align-items: center; gap: 10px; }
.hero-ftr-lt ul li a { color: var(--color-white); }

.hero-f-copyright { text-align: center; border-top: 1px solid var(--color-white); padding: 10px 0; }

.social-links { padding-bottom: 5px; }
.social-links ul { display: flex; gap: 20px; }
.social-links ul a { display: flex; align-items: center; justify-content: center; background: var(--color-white); color: var(--color-primary); width: 30px; height: 30px; border-radius: 50%; }

.hero-ftr-top { padding-bottom: 10px; align-items: center; }


/* Circle rotation */


@keyframes slowSpin {

  from { transform: rotate(0deg); }

  to   { transform: rotate(360deg); }

}


.banner-content h1 {color: var(--color-white); font-weight: var(--fw-bold);}
.banner-content h1:last-child {margin-bottom: 0;}


/* .judicial-sec .issue-matter-types ul li { width: max-content; } */



.wpcf7-not-valid { border-color: #dc3232; }
.wpcf7-not-valid-tip { display: none; }

.wpcf7-response-output { text-align: center; font-size: 14px; padding-top: 5px; padding-bottom: 5px; }

/* -- Landing Page -- */


/* ------- Media Page -------- */

.inner-banner{position: relative;z-index: 1;height: 70vh;min-height: 600px;padding-top: 350px;}
.inner-banner::after{content: '';background: linear-gradient(176deg, #081C35 0.1%, rgba(8, 28, 53, 0) 99.84%);position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;z-index: 2;}
.inner-banner .container{position: relative;z-index: 3;}

.inner-banner .banner-content h1{font-weight: 700;margin: 0;}

/* --------- Volunteer Page ---------- */


/* --- News Page -- */

.search-wrap{max-width: 636px;margin: 0 auto 60px;border: 1px solid #222222;border-radius: 30px;padding: 10px 30px;}
.search-wrap form{display: flex;align-items: center;}
.search-wrap input{width: 100%;border: none; padding: 0 20px 0 0;}
.search-wrap button{box-shadow: none;background: transparent;padding: 0;border: none;color: #222222;}

.news-updates-sec .update-item-list .row{row-gap: 20px;}
.news-updates-sec .update-card a { padding: 40px; background: #EEEEEE; display: block; border-radius: 20px; }
.news-updates-sec .update-card .top-row{display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;}
.news-updates-sec .update-card .top-row p{margin: 0;color: var(--color-primary);font-weight: 600;padding: 0;border: none;}
.news-updates-sec .update-card h2{font-size: 32px;color: var(--color-black-primary);margin-bottom: 20px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.news-updates-sec .update-card p{color: var(--color-gray); border-top: 1px solid var(--color-gray);padding-top: 10px;margin-bottom: 10px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.news-updates-sec .update-card span{color: var(--color-black-primary);}
.news-updates-sec .update-card span img{transition: var(--transition-common);}
.news-updates-sec .update-card:hover span img{margin-left: 10px;transition: var(--transition-common);}


.pagination-wrap{margin-top: 60px;}
.pagination-wrap ul{display: flex;align-items: center;flex-wrap: wrap;gap: 10px;justify-content: center;}
.pagination-wrap ul li{width: fit-content;}
.pagination-wrap ul li a , .pagination-wrap ul li span{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;color: var(--color-black-primary);border-radius: 50%;}
.pagination-wrap ul li span , .pagination-wrap ul li a:hover{background: #F1F5FF;}

/* --- News Page -- */


/* -- News Details Page-- */

.no-banner{padding-top: 170px;}
.no-banner .main-header{background: var(--color-primary);}

.no-banner h3{font-size: 40px;color: var(--color-black-primary);}

/* -- News Details Page-- */

/* -- Faq Page -- */

.faq-accordion .accordion-item{border: 1px solid #DCDCDC !important;background: transparent;border-radius: 10px;}
.faq-accordion .accordion-item:not(:last-child){margin-bottom: 10px;}
.faq-accordion .accordion-item .accordion-button{background: transparent;color: var(--color-black-primary);font-weight: 700;font-size: var(--f-size-XL);}
.faq-accordion .accordion-button:focus{box-shadow: none;color: inherit !important;}
.faq-accordion .accordion-body{padding-top: 0;color: var(--color-gray);}
.faq-accordion .accordion-button::after{filter: brightness(0);}
.faq-accordion .accordion-button:not(.collapsed){box-shadow: none;}


/* -- Meet Christine page --*/

.about-sec.gray{background: #EEEEEE;}
.about-sec.meet .about-img{max-width: 650px;}

.about-sec.reverse .row{flex-direction: row-reverse;}
.about-sec.reverse .about-img{margin-right: 0;margin-left: auto;}



.grecaptcha-badge { z-index: 99; }


/* -- 09.03.2026 -- */

.news-details-sec .common-heading { max-width: 1040px; margin: 0 auto 20px;}
.news-details-sec .content-wrap{ max-width: 1040px; margin: 0 auto;}

.ftr-bottom-text{margin-top: 20px;color: var(--color-white);}

.priopity-sec .bottom-btn{margin-top: 0;}

.endorse-img-list ul{display: flex;flex-wrap: wrap;list-style: none;gap: 20px;}
.endorse-img-list ul li{width: calc(25% - 20px);}
/* .endorse-img-list ul li .endorse-img{position: relative;padding: 100% 0 0;} */
.endorse-img-list ul li .endorse-img{text-align: center;}
.endorse-img-list ul li .endorse-img img{max-height: 170px;}

.news-updates-sec .common-heading { max-width: 1020px; margin: 0 auto 20px; }

/* -- 10.03.2026 -- */

.wpcf7-response-output { border: none !important; text-align: start; padding: 0 !important; color: red; margin: 10px 0 !important; }
.wpcf7-form.sent .wpcf7-response-output{color: var(--color-white);}

/* --- Body Adjustment --- */


@media only screen and (min-width:1699px){
   .container{max-width: 1602px;}

}

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

      .hero-info-lt h1 { font-size: 40px; }
    .header-logo a img { height: 100px; }


}

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

  	.header-logo a img { height: 70px; }
	
    .hero-info-lt h1 { font-size: 36px;margin-bottom:15px; }
	.hero-info-lt p{margin-bottom:10px;}
    .form-card input.form-control { height: 48px; }
    .form-card { padding: 20px; margin:0 0 10px; }

    .hdr-wrap .logo{max-width: 180px;}

    .endorse-img-list ul li .endorse-img img { max-height: 140px; }

}

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

  .bottom-target-btn-wrap a{width: 100px;height: 100px;}
  .bottom-target-btn-wrap a img:nth-child(2){max-width: 30px;}

  .priority-item{gap: 8px;}

  .no-banner { padding-top: 80px; }

}


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

  .main-menu ul li:not(:last-child) { margin-right: 20px; }
  .banner-img{min-height: 600px;}

  
  .banner-sec .banner-content h1{margin-bottom: 20px;}
  .banner-sec .banner-content p{margin-bottom: 30px;}

  .banner-form{padding: 20px;max-width: 450px;}
  .banner-form .form-group .form-control{padding: 10px 30px;}

  .news-updates-sec .update-card h2{font-size: 28px;}

  .campaign-card .btn{left: 10px;right: 10px;padding: 15px 0;}

  .no-banner h3{font-size: 35px;}

  .endorse-img-list ul li .endorse-img img { max-height: 120px; }


}

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

      .button__primary {padding: 15px 30px;}

}




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

  body.fixed { overflow-y: hidden; }

    .padding-small {padding: 60px 0;}
    .padding-small-top {padding-top: 60px;}
    .padding-small-bottom {padding-bottom: 60px;}

    .btn, a.btn{padding: 12px 30px;font-size: 14px;}

    /* .hero-ftr-top { align-items: flex-start; flex-direction: column; } */
    .hero-ftr-lt {padding-bottom: 10px; }
    .social-links ul { gap: 10px; }

    .hero-banner { height: auto; min-height: 100vh; }

    .main-header{padding: 10px 0;}

    .mob-header-wrap { display: flex; align-items: center; gap: 20px; }

    .nav_btn{display: block;width: 30px;height: 20px;display: flex;flex-direction: column;justify-content: center;position: relative;}
    .nav_btn span{width: 100%;height: 2px;display: block;background: var(--color-white);}
    .nav_btn:after{position: absolute;content: '';left: 0;right: 0;height: 2px;top: 0;background: var(--color-white);}
    .nav_btn:before{position: absolute;content: '';left: 0;right: 0;height: 2px;bottom: 0;background: var(--color-white);}
    .hdr-wrap .hdr-btn{display: none;}
    .hdr-btn.mobileview{display: block;}

    nav.main-menu { position: fixed; top: 0; bottom: 0; right: 0; background: var(--color-primary); padding-top: 60px; width: 300px; transform: translateX(100%);z-index: 9;transition: var(--transition-common);height: 100vh; }
    .hdr-wrap ul{display: flex;flex-direction: column;}
    .hdr-wrap ul li:not(:last-child){margin-right: 0;}
    .hdr-wrap ul li{padding-bottom: 30px;}

    .nav_close { position: absolute; width: 30px; height: 20px;top: 20px; right: 20px; }
    .nav_close:before { position: absolute; content: ''; left: 0; right: 0; height: 2px; bottom: 9px; background: var(--color-white); transform: rotate(-45deg); }
    .nav_close::after { position: absolute; content: ''; left: 0; right: 0; height: 2px; top: 9px; background: var(--color-white); transform: rotate(45deg); }

    .hdr-btn.mobileview{text-align: center;}

    .hdr-wrap .logo{max-width: 150px;}

    .banner-sec { padding-top: 100px; }

    .banner-img { min-height: 450px;height: 40vh; }
    

    .update-card-list .update-card .tag-wrap{gap: 10px;}
    .update-card-list .update-card .tag-wrap span{font-size: 12px;}


    .inner-banner { position: relative; z-index: 1; height: 50vh; min-height: 450px; padding-top: 250px; }
    .news-updates-sec .update-card h2 { font-size: 20px; }
    .news-updates-sec .update-card a{padding: 25px;}

    .pagination-wrap { margin-top: 30px; }
    .pagination-wrap ul li{display: none;}
    .pagination-wrap ul li:last-child , .pagination-wrap ul li:first-child{display: block;}

    .no-banner h3 { font-size: 28px; }

    .endorse-img-list ul li .endorse-img img { max-height: 100px; }


}

                                                                                                     

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

  .common-padding { padding-top: 40px; padding-bottom: 40px; }
    .header-logo a img { height: 70px; }
    .hero-banner img.banner-blurry-img { height: 70vh; }

    .hero-banner .banner-character { display: none; }
    .banner-character-mobile { display: block; position: relative; z-index: 2; padding: 100px 0 0; }
    .banner-character-mobile img { height: 50vh; width: auto; object-fit: contain; object-position: bottom; }

    .hero-banner { flex-direction: column; align-items: center;}
    .mobile-btm-part { width: 100%; padding-top: 60px; padding-bottom: 30px; background: var(--color-primary); position: relative; }

    .hdr-wrap .logo { max-width: 120px; }
    .header-sticky .hdr-wrap .logo{max-width: 100px;}

    .banner-sec { padding-top: 90px;position: relative;display: none; }
    .banner-sec.mob{display: block;}
    .banner-sec.mob .container-fluid{position: relative;z-index: 3;}

    .banner-sec .banner-content { padding: 40px; background: var(--color-primary);position: relative; }

    .bottom-target-btn-wrap a{position: absolute;bottom: 12%;right: 10%;}

    .banner-img{max-width: 450px;margin: 0 auto;height: 80vh;}

    .about-img{margin-bottom: 20px;}

    .common-heading h2{margin-bottom: 10px;}
    .common-heading p { margin-bottom: 10px; }

    .update-card-list .row{row-gap: 20px;}

    .bottom-btn{margin-top: 20px;}

    .priority-list-wrap .row{row-gap: 20px;}

    .ftr-logo-wrap { margin-bottom: 30px; }
    .main-ftr .ftr-logo { margin-bottom: 10px; }
    .main-ftr .ftr-social p{margin-bottom: 10px;}
    .main-ftr .ftr-social ul li a{width: 30px;height: 30px;}
    .main-ftr .ftr-menu ul{row-gap: 10px;}

    .ftr-menu { margin-bottom: 20px; }

    .ftr-btm{margin-top: 10px;padding-top: 10px;}

    .action-sec .common-heading { margin-bottom: 10px; }

    .no-banner h3 { font-size: 22px; }


    .main-ftr .ftr-menu ul li{width: 100%;}


    .endorse-img-list ul li .endorse-img img { max-height: 70px; }


 
}

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

    .padding-small {padding: 40px 0;}
    .padding-small-top {padding-top: 40px;}
    .padding-small-bottom {padding-bottom: 40px;}

    .container {width: 90%;}

    .btn, a.btn { padding: 10px 25px; font-size: 12px; }

    .header-logo a img { height: 60px; }
    .hero-info-lt h1 { font-size: 30px; }

    .hdr-wrap .logo , .header-sticky .hdr-wrap .logo { max-width: 90px; }
    .mob-header-wrap{gap: 10px;}

    /* .hero-ftr-top { align-items: flex-start; flex-direction: column; gap: 15px; } */

    .banner-sec .banner-content h1{margin-bottom: 10px;}
    .banner-sec .banner-content p { margin-bottom: 10px; }
    .banner-sec .banner-content .btn { margin-bottom: 0; }

    .bottom-target-btn-wrap a { width: 80px; height: 80px; position: relative; bottom: 0; right: 0; }
    .bottom-target-btn-wrap a img:nth-child(2) { max-width: 20px; }



    .banner-sec .banner-content{padding: 20px;}
    .banner-form{padding: 15px;}

    .banner-img { max-width: 100%; height: 55vh; min-height: 450px; }

    .priority-list-wrap .row { row-gap: 10px; }

    .ftr-btm{display: block;}
    .ftr-btm p{margin-bottom: 10px;}
    .ftr-btm .terms-wrap{justify-content: center;}


    .priopity-sec .common-heading{margin: 0 auto 20px;}

    .ftr-btm p{text-align: center;}

    .common-heading { margin-bottom: 20px; }
    
    .about-img{margin-right: 0;}

    .ftr-btm p{text-align: start;}

/*     .no-banner { padding-top: 30px; } */
    .endorse-img-list ul{justify-content: space-between;}
    .endorse-img-list ul li{width: calc(50% - 20px);}
    .endorse-img-list ul li .endorse-img img { max-height: 70px; }
	
	.action-img{margin-top:20px;}
	
	.ftr-bottom-text{text-align:start !important;}

  .wpcf7-response-output{font-size: 12px !important;margin: 10px 0 0;}

  .wpcf7-spinner{width: 20px;height: 20px;margin: 0 14px;}
 

}