@charset "utf-8";
/*

Theme Name: Ahmad bin majid international school
Theme URI: 
Author: 
Description:
Version:2025-04-22
Text Domain: Ahmad bin majid international school
*/

@import url('css/_colors.css');
@import url('css/_reset.css');
@import url('css/_header.css');
@import url('css/_footer.css?v=66');
@import url('css/_stats-module.css');

/* Keyframe Animations */
@keyframes bounceAlpha {
0% {opacity: 1; transform: translateX(0px) scale(1);}
25% {opacity: 0; transform: translateX(10px) scale(1);}
26% {opacity: 0; transform: translateX(-10px) scale(1);}
55% {opacity: 1; transform: translateX(0px) scale(1);}
}

@keyframes bounceAlphaleft {
0% {opacity: 1; transform: translateX(0px) scale(1);}
25% {opacity: 0; transform: translateX(-10px) scale(1);}
26% {opacity: 0; transform: translateX(10px) scale(1);}
55% {opacity: 1; transform: translateX(0px) scale(1);}
}

@keyframes bounceAlphadown {
0% {opacity: 1; transform: translateY(0px) scale(1);}
25% {opacity: 0; transform: translateY(10px) scale(1);}
26% {opacity: 0; transform: translateY(-10px) scale(1);}
55% {opacity: 1; transform: translateY(0px) scale(1);}
}


@keyframes pulse-animation {
0% {box-shadow: 0 0 0 0px rgba(0, 120, 127, 0.2);}
100% {box-shadow: 0 0 0 20px rgba(0, 120, 127, 0);}
}

@keyframes spin {
to {transform: rotate(-360deg);}
}

.animate-spin {animation: spin 5s linear infinite;}

/*-- customized styles starts here --*/
body {font-family: 'Poppins', sans-serif; color: var(--foreground); font-size:18px; line-height: 150%; font-weight: normal; font-style: normal; overflow-x: hidden; background: var(--white); height: 100%; display: flex; flex-direction: column;}
#main {overflow: hidden; position: relative; float: left; width: 100%; flex: 1 0 auto;}
#mainContent {clear: both; position: relative; float: left; width: 100%; padding: 104px 0 0 0;}
.container-lg {max-width: 1440px; padding:0 40px 0 40px; margin: 0 auto;}
.container {max-width: 1280px; margin: 0 auto; width: 100%;}
.container-md {max-width: 1090px; margin: 0 auto; width: 100%;}
.container-sm {max-width: 900px; margin: 0 auto; width: 100%;}
.btn {display: block;}
hr.small {width: 80px; height: 1px; margin: 20px 0 29px;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {color:var(--linkhover); text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover {color:var(--link);}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, .h1 span, .h2 span, .h3 span, .h4 span, .h5 span, .h6 span {color: var(--teal);}


.h1, .h2, .h3, .h4, .h5, .h6 {clear: both; margin: 0 0 8px; color: var(--linkhover); font-weight: 500; font-family:"Poppins", sans-serif; display: block;}
.h1 {font-size: 64px; line-height:125%; margin-bottom: 24px;}
.h2 {font-size: 48px; line-height:125%; margin-bottom:19px; font-weight: 500;}
.h3 {font-size: 40px; line-height:125%; margin-bottom: 19px; letter-spacing: -0.8px;}
.h4 {font-size: 32px; line-height:125%; margin-bottom: 20px;}
.h5 {font-size: 24px; line-height:125%; margin-bottom: 9px;}
.h6 {font-size: 20px; line-height:125%; margin: 0 0 11px;}



section ol:last-child, section ul:last-child {margin-bottom: 0;}

/* Banner Bg */
.banner-bg {top:0; left:0; right:0; bottom:0; width:100%; height:100%; position:absolute; z-index:-1;}
.banner-bg img {width:100%; height:100%; font-family:"object-fit:cover"; object-fit:cover; -o-object-fit:cover; object-position:0 0; -o-object-position:0 0;}

/* Banner Category */
.banner-cat {margin: 0 0 22px 0; clear: both; width: 100%;}
.banner-cat ul {margin: 0; font-size: 0;}
.banner-cat ul li {display: inline-block; font-size: 16px; font-weight: 500; margin-right:25px; line-height: 125%; letter-spacing: 0.8px; text-transform: uppercase; font-family: 'Oswald', sans-serif; color: var(--linkhover);}
.banner-cat ul li:before {display: none;}
.banner-cat ul li:after {width: 1px; height: 21px; right: -13px; top: 50%; transform: translateY(-50%); background: rgba(255, 255, 255, 0.5); content: ""; position: absolute;}
.banner-cat ul li:last-child {margin-right: 0;}
.banner-cat ul li:last-child:after {display: none;}
.banner-cat ul li > a {color: var(--linkhover);}
.banner-cat ul li > a:hover {color: var(--white);}

/* Background Bg */
.background-bg {width: 100%; height: 100%; top: 0; left: 0; position: absolute;  z-index: -1;}

/* Image Cover */
.pos-relative {position:relative;}
.pos-absolute {position:absolute;}
figure.object-fit {width:100%; height:100%; display:block;}
picture.object-fit {width:100%; height:100%; display:block;}
.object-fit img {width:100%; height:100%; font-family:"object-fit:cover"; object-fit:cover; -o-object-fit:cover; object-position:50% 50%; -o-object-position:50% 50%;}
img.mobile {display:none;}


/* Video/video popup */
.video-wrap {margin:56px 0 25px 0; position: relative; clear: both; overflow: hidden;}
.video-caption {font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; width:100%;  color: var(--linkhover); background:var(--elevated);}
.video-wrap .video-thumbnail:before {background-color: rgba(157, 151, 154, 0.2); content: ""; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%;}
.video-caption .video-txt {width:69.667%; position: relative; flex-grow: 1; padding:27px 24px;}
.video-caption .video-btn {width: calc(100% - 75.66666666666667%); background: var(--teal); color: var(--white); padding:27px 24px; display: flex;
align-items: center; flex-wrap: wrap; justify-content: center; min-width: 206px;}
.video-caption .video-btn a {color: var(--white);}
.video-wrap .video-thumbnail > img {min-height:478px;}

.video-thumbnail{position: relative;}
.video-thumbnail.video_post {position: relative;width: 100%; }
.video-thumbnail iframe{position: absolute; top: 0; left: 0;}
.video-thumbnail.video_post .play-btn-main{top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%);}
.video-thumbnail img {width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%;}
.play-btn-main {top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; position: absolute; z-index: 1;}
.play-btn {width:80px; height: 80px; outline:12px solid rgba(0, 131, 139, 0.20)!important; border-radius: 50%; position: relative; transition: 0.2s all ease-in-out; background: var(--teal);}
.play-btn:hover {outline:16px solid rgba(0, 131, 139, 0.20)!important;}
.play-btn span {color: var(--white); font-size: 40px; left: 5px; bottom: 1px; position: relative;}


/* Custom Popup */
.overlay_main_sec {width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom:0; position: fixed; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 1801; visibility: hidden; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transform:translateY(100%); -webkit-transform:translateY(100%); -moz-transform: translateY(100%); background: rgba(19, 41, 75, 0.75); backdrop-filter: blur(4px);}
.overlay_main_sec.active{z-index: 999; overflow-y: auto; visibility: visible;  transform:translateY(0); -webkit-transform: translateY(0); -moz-transform:translateY(0);}
.overlay_main_sec .overlay-wrap {width: 100%; background: var(--white); display: flex; justify-content: center; flex-direction: column; align-items: center; text-align: center; padding: 40px; box-sizing: border-box; border-radius: 20px;}
.overlay_main_sec .overlay-wrap input {text-align: center;}
.overlay_main_sec .overlay-wrap input[type="password"] {font-size: 10px; letter-spacing: 9px; padding: 12px 12px 12px 21px;}
.overlay_main_sec .overlay-wrap .lost_password a {font-size: 14px; font-weight: 400; line-height: 150%; color:rgba(78, 75, 72, 0.6);}
.overlay_main_sec .overlay-wrap .lost_password a:hover { color: var(--linkhover);}
.overlay_main_sec .overlay-wrap .lost_password {margin: 4px 0 0 0; text-align: center;}
.overlay_main_sec .poplink {display: block; margin: 13px 0 0 0; text-align: center;}
.overlay_main_sec .poplink .readmore {font-size: 16px; font-weight: 600; letter-spacing: -0.32px; text-transform: capitalize; color: var(--teal); padding-right: 23px;}
.overlay_main_sec .poplink .readmore:after {top:0; font-size: 16px;}
.overlay_main_sec .frm_forms .frm_form_fields .frm_form_field {margin-bottom: 28px;}
.overlay_main_sec .pop_connect_close {top: 10px; right: 22px;}

.overlay_center {width:100%; height:100%;}
.overlay-main {padding:40px; z-index:13000; margin:0 auto;  position:relative; font-size: 16px; font-weight: 400; line-height: 150%; color: var(--foreground); max-width:1147px; width: 100%;}
.overlay-main h2 {margin-bottom: 25px;}
.overlay-main h5 {color: var(--optionaltxt); margin-bottom: 20px; letter-spacing: -0.48px;}
.overlay-main p {margin-bottom: 19px;}
.overlay-main .pop_connect_close {position: absolute; top:16px; right:16px; cursor: pointer; font-size:24px; height: 40px; display: block; width: 40px; line-height: 42px; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; border-radius: 30px;
background: rgba(0, 131, 139, 0.50); text-align: center;}
.overlay-main .pop_connect_close i {color:var(--white);} 
.overlay_main .pop_connect_close:hover {background: rgba(0, 131, 139, 1);}
.overlay-main .frm_forms .frm_submit {margin: 0;}



/* Video popup */
.overlay_main_sec.video-popup .overlay-main {max-width:1074px; width:100%;}
.overlay_main_sec.video-popup .overlay-main .pop_connect_close {position: absolute; top:0; right:0; cursor: pointer; font-size:24px; height: 40px; display: block; width: 40px; line-height: 42px; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; border-radius: 30px; background: rgba(0, 131, 139, 0.50); text-align: center;}
.overlay_main_sec.video-popup .overlay-main .pop_connect_close i {color:var(--white);} 
.overlay_main_sec.video-popup .overlay-main .pop_connect_close:hover {background: rgba(0, 131, 139, 1);}
.iframe-container {overflow: hidden; padding: 56.25% 0 0 0!important; /* 16:9*/ position: relative; border-radius: 16px;}
.iframe-container iframe {border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}


/* Donate Popup */
.overlay_main_sec.donate-popup .overlay-main .pop_connect_close {top: -10px; right: 0;}
.overlay_main_sec.donate-popup .extra-content {display: none; text-align: left;}
.overlay_main_sec.donate-popup .overlay-wrap {padding: 0; min-height: 502px;}
.overlay_main_sec.donate-popup .donate-pop {min-height: 502px;}
.overlay_main_sec.donate-popup .donate-lt {width: 420px; padding: 40px; text-align: left; color: var(--white); z-index: 1; display: flex; flex-wrap: wrap;}
.overlay_main_sec.donate-popup .donate-lt .bg img {border-radius: 20px 0 0 20px;}
.overlay_main_sec.donate-popup .donate-lt .bg .bgimg {height: 100%;}
.overlay_main_sec.donate-popup .donate-lt .bg .bgimg:after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 131, 139, 0.75); display: block; border-radius: 20px 0 0 20px;}
.overlay_main_sec.donate-popup .donate-lt .donate-cnt {margin-top: auto; display: flex; flex-wrap: wrap; align-items: flex-end;}
.overlay_main_sec.donate-popup .donate-lt .icon {width: 64px; height: 64px; display: block; margin: 0 0 23px;}
.overlay_main_sec.donate-popup .donate-rt {width: calc(100% - 420px); flex-grow: 1; padding: 40px;}
.overlay_main_sec.donate-popup .donate-lt h4 {letter-spacing: -0.64px; color: var(--white); margin-bottom: 25px;}
.overlay_main_sec.donate-popup .donate-lt  p {margin: 0;}

.overlay_main_sec.donate-popup .donate-rt .donation-form {position: relative;}
.overlay_main_sec.donate-popup .form-head {background: var(--elevated); border-radius: 24px; margin: 0 0 38px 0;}
.overlay_main_sec.donate-popup input[type="radio"] {opacity: 0; position: absolute; width: 100%; height: 100%; cursor: pointer; padding: 0; top: 0; left: 0;} 
.overlay_main_sec.donate-popup .frequency-label {padding: 15px 16px; font-size: 18px; font-weight: 600; letter-spacing: -0.36px; text-transform: capitalize; line-height: 100%; color: var(--teal); cursor: pointer; width: 50%; text-align: center; position: relative;}
.overlay_main_sec.donate-popup .frequency-label.active {color: var(--white); background: var(--teal); border-radius: 24px 0 0 24px;}
.overlay_main_sec.donate-popup .frequency-label.active:last-child {border-radius:0 24px 24px 0;}

.overlay_main_sec.donate-popup .amount-wrap {display: flex; flex-wrap: wrap; width: 100%; position: relative; margin: 0 0 38px 0;}
.overlay_main_sec.donate-popup .donate-amount-box {display: flex; flex-wrap: wrap; justify-content: space-between;}
.overlay_main_sec.donate-popup .donate-amount {display: flex; flex-wrap: wrap; width: 100%;}
.overlay_main_sec.donate-popup .denomination {display: inline-block; width: auto;font-size: 18px; font-weight: 600; line-height: 100%; letter-spacing: -0.36px; text-transform: capitalize;  color: var(--teal); background: var(--elevated); border-radius: 24px; min-width: 86px; margin-right: 10px; position: relative;}
.overlay_main_sec.donate-popup .denomination:nth-child(3n + 3) {margin-right: 0;}
.overlay_main_sec.donate-popup .denomination label {display: block; padding: 15px 16px; cursor: pointer; text-align: center;}
.overlay_main_sec.donate-popup .denomination:hover, .overlay_main_sec.donate-popup .denomination.selected {background: var(--teal); color: var(--white);}
.overlay_main_sec.donate-popup .denomination-other {width: calc(100% - 289px); position: relative; margin-left: auto;}
.overlay_main_sec.donate-popup .denomination-other span {position: absolute; font-size: 18px; font-weight: 600; line-height: 100%; letter-spacing: -0.36px; text-transform: capitalize; color: var(--teal); top: 0; bottom: 0; display: flex; align-items: center; left: 16px; z-index: 1;}
.overlay_main_sec.donate-popup .denomination-other input {border-radius: 24px; background: var(--white); border:2px solid var(--elevated)!important; font-size: 18px; padding:9px 120px 8px 27px; text-align: left !important; color: var(--teal); line-height: 150%;}
.overlay_main_sec.donate-popup .denomination-other i {font-style: normal; position: absolute; right: 14px; display: flex; align-items: center; top: 0; bottom: 0;
  color: var(--teal); font-family: "Poppins", sans-serif; opacity: 0.5; font-size: 18px; font-weight: 600; line-height: 24px; letter-spacing: -0.36px;}

.overlay_main_sec.donate-popup .vertical_radio {max-width: 415px; text-align: left;}
.overlay_main_sec.donate-popup .vertical_radio label {position: relative;}
.overlay_main_sec.donate-popup .vertical_radio input[type="checkbox"] {width: 24px; height: 24px; opacity: 1; border-radius: 50%;}
.overlay_main_sec.donate-popup .vertical_radio input[type="checkbox"]:checked ~ span {position: absolute; left: 0; width: 24px; height: 24px;}
.overlay_main_sec.donate-popup .vertical_radio input[type="checkbox"]:checked ~ span:before {left: 0px; content:"\f00c"; font-family:"Font Awesome 6 Pro"; font-weight: 600; transition: all .3s ease-in-out; position: absolute; display: flex; align-items: center; flex-wrap: wrap; font-size: 12px; line-height: 100%; top: 0; bottom: 0; right: 0; margin: auto; justify-content: center; color: var(--white); background: var(--teal); border-radius: 50%;}
.overlay_main_sec.donate-popup div.frm_primary_label {font-size: 18px; font-weight: 600; letter-spacing: -0.36px; line-height: 100%; color: var(--teal); margin: 0 0 21px 0; position: relative;}
.overlay_main_sec.donate-popup .frm_forms .frm_submit {text-align: left; margin: 10px 0 0 0;}

.overlay_main_sec.donate-popup .denomination-other ::-webkit-input-placeholder {color: var(--teal); font-family:"Poppins", sans-serif; opacity: 0.5; font-size: 18px; font-weight: 600; line-height: 24px; letter-spacing: -0.36px; text-align: right!important}
.overlay_main_sec.donate-popup .denomination-other :-moz-placeholder {color: var(--teal); font-family:"Poppins", sans-serif; opacity: 0.5; font-size: 18px; font-weight: 600; line-height: 24px; letter-spacing: -0.36px;text-align: right!important}
.overlay_main_sec.donate-popup .denomination-other  ::-moz-placeholder {color: var(--teal); font-family:"Poppins", sans-serif; opacity: 0.5; font-size: 18px; font-weight: 600; line-height: 24px; letter-spacing: -0.36px; text-align: right!important}
.overlay_main_sec.donate-popup .denomination-other  :-ms-input-placeholder {color: var(--teal); font-family:"Poppins", sans-serif; opacity: 0.5; font-size: 18px; font-weight: 600; line-height: 24px; letter-spacing: -0.36px; text-align: right!important}
.overlay_main_sec.donate-popup hr {margin: 40px 0;}

/* Login */
.overlay_main_sec.campaign-popup {z-index: 999; overflow-y: auto; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0);  -moz-transform: translateY(0);}
.overlay_main_sec.campaign-popup .overlay-main {width: 512px; height: 512px; justify-content: center; display: flex; align-items: center;}
.overlay_main_sec.campaign-popup .overlay-wrap {width: 420px; height: 420px; background: var(--white); border-radius: 50%; display: flex; justify-content: center;
  flex-direction: column; align-items: center; text-align: center; padding: 40px; box-sizing: border-box; outline:46px rgba(0, 156, 166, 0.25) solid;}
.overlay_main_sec.campaign-popup .overlay-wrap .frm_forms .frm_form_fields .frm_form_field label.frm_primary_label {display: none;}


body .mfp-bg {background: rgba(19, 41, 75, 0.75); backdrop-filter: blur(4px);}
body .mfp-iframe-scaler iframe {border-radius: 16px; box-shadow: none;}
body .mfp-iframe-holder .mfp-content {max-width: 1024px;}
body .mfp-iframe-holder {padding: 40px;}
body .mfp-image-holder .mfp-close, body .mfp-iframe-holder .mfp-close {position: absolute; top:-40px; right:-40px; cursor: pointer; font-size:24px; height: 40px; display: block; width: 40px; line-height: 42px; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; border-radius: 30px; background: rgba(0, 131, 139, 0.50); text-align: center; color: var(--white); padding: 0; opacity: 1; font-weight: normal; font-size: 30px; line-height: 38px;}
body .mfp-image-holder .mfp-close:hover, body .mfp-iframe-holder .mfp-close:hover {background: rgba(0, 131, 139, 1); color: var(--white);}
body .mfp-close:after {display: none;}

/* Default Slick navigations */
.slick-arrow{top:0; left: 0; right: 0; position: absolute; display: flex!important; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease-in-out; z-index: 2; width: 56px; height:56px;bottom: 0; margin: auto; background: var(--teal); border-radius: 50%; outline: 8px solid rgba(0, 131, 139, 0.20); font-size: 24px; font-weight: 300; line-height: 24px; color: var(--white);}
.slick-arrow:hover {background: var(--optionaltxt);}
.slick-arrow.prev-arrow {right: auto; left: 0;}
.slick-arrow.next-arrow {right: 0; left: auto;}
.slick-arrow.slick-disabled {pointer-events:none; opacity: 0.6}


ul.slick-dots {margin:0; display:flex; justify-content:center; flex-wrap:wrap; width: 100%; align-items: center;}
ul.slick-dots li {margin:0 6px 0!important; display:inline-block; font-size:0; line-height:0;}
ul.slick-dots li::before, ul.slick-dots li button:before, ul.slick-dots li button:after {display:none;}
ul.slick-dots li button {width:16px; height:16px; min-width:0; padding:0; font-size:0; line-height:0; border:0 none; background:var(--elevated); outline: 0 none;}
ul.slick-dots li button:hover {outline: 0 none;}
ul.slick-dots li.slick-active button {opacity:1; background-color: var(--teal);}
ul.slick-dots li.slick-active {border: 6px solid var(--tealborder); border-radius: 50%;}

#blog_list{margin: 0;}
select.selectBox {display:none;}

body .selectBox-dropdown {outline:0; width:100% !important; font-size:1.063rem; line-height:1.56; background:var(--white); color:var(--body-text); box-shadow:none; border-radius:90px !important; padding:14px 47px 16px 27px; vertical-align:middle; font-family:"rucksack", sans-serif; font-weight:normal; height:auto; border: 1px solid rgba(0,0,0,0.1); text-transform:capitalize; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; cursor:pointer;}



body .selectBox-dropdown:focus, body .selectBox-dropdown:focus .selectBox-arrow {border-color:rgba(207, 216, 223, 0.5);}
body .selectBox-dropdown .selectBox-label {padding:0; display:block; width: 100% !important; text-overflow: ellipsis;}
body .selectBox-dropdown .selectBox-label a {color:inherit;}

body .selectBox-dropdown .selectBox-arrow {width:auto; right:25px; top:50%; transform:translateY(-50%); font-size:14px; color: var(--linkhover); border:none; font-family:"Font Awesome 6 Pro"; font-weight:900; position:absolute; display:flex; align-items:center; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; background:none;}
body .selectBox-dropdown .selectBox-arrow::after {content:"\f107";}
body .selectBox-dropdown.selectBox-menuShowing .selectBox-arrow {transform:translateY(-50%) rotate(-180deg);}

body ul.selectBox-dropdown-menu {border-color:transparent; padding:17px 0 9px; margin:5px 0 0 0; border: solid 1px rgba(0, 0, 0, 0.1) !important; box-shadow:0 1px 4px rgba(0, 0, 0, .2); -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, .2); -moz-box-shadow:0 1px 4px rgba(0, 0, 0, .2); border-radius:26px !important;}

body ul.selectBox-dropdown-menu li {margin-bottom:10px; padding:0 27px;}
body ul.selectBox-dropdown-menu li::before {display:none;}
body ul.selectBox-dropdown-menu li a {font-size:15px; line-height:24px; letter-spacing:normal; display:block; padding:0; white-space:nowrap; text-transform:capitalize; color:var(--body-text); overflow:hidden; text-overflow:ellipsis; text-decoration: none;}
body ul.selectBox-dropdown-menu li.selectBox-selected a, body ul.selectBox-dropdown-menu li a:hover {color:var(--linkhover); background-color:transparent; cursor:pointer; font-weight:500;}



/*-- common form css starts here --*/

.frm_forms.frm_style_formidable-style.with_frm_style .frm_form_fields .frm_fields_container, .frm_forms .frm_form_fields .frm_fields_container {display:block;}
.frm_forms.frm_style_formidable-style.with_frm_style .frm_form_fields .frm_form_field .frm_error, .frm_forms .frm_form_fields .frm_form_field .frm_error, #campaign_email-error, .passwd_err{right:0 !important; width:100%; display:block; font-size:0.688rem !important; color:#f00 !important; background:transparent; padding:0; margin:0; border-radius:0; text-align:right !important; line-height:normal !important; font-weight:normal; top:-19px; position:absolute; top: inherit;}
.frm_forms .frm_form_fields fieldset {margin:0; padding:0; border:0;}

.frm_forms .frm_form_fields .frm_form_field{margin-bottom:34px; position: relative; clear: both;}
.frm_forms .frm_form_fields .frm_form_field.frm_full {clear:both;}
.frm_forms .frm_form_fields .frm_form_field.vertical_radio label {padding-left:35px; display:block; margin: 0 0 15px 0;}

.frm_forms .frm_form_fields .frm_form_field label.frm_primary_label {font-size: 18px;  font-weight: 600; color: var(--linkhover); line-height: 150%; padding: 0 0 6px 0; display: block;}
.frm_forms .frm_form_fields input, .frm_forms .frm_form_fields textarea, .frm_forms .frm_form_fields select {font-family: "Poppins", sans-serif; font-weight: 700; display: block; outline: 0; border-radius:8px; font-size: 16px; line-height: 24px; font-style: normal; vertical-align: middle; -webkit-appearance: none; background-color: var(--elevated); color: var(--linkhover); border:0 none!important; padding: 12px 12px 11px 12px; width: 100%; box-shadow: none;}
.frm_forms .frm_form_fields .frm_checkbox {position: relative;}
.frm_forms .frm_form_fields .frm_checkbox input[type="checkbox"] {position: absolute; left: 0; width: 24px; height: 24px; border-radius: 50%;}
.frm_forms .frm_form_fields .frm_checkbox input[type="checkbox"] span {}
.frm_forms .frm_form_fields input:focus, .frm_forms .frm_form_fields textarea:focus {box-shadow:none!important;}
.frm_forms .frm_form_fields textarea {min-height:126px; padding: 13px 12px 11px 12px;}
.frm_forms .frm_form_fields .selectBox-dropdown{border: solid 1px #dde4e5; padding: 13px 31px 14px 24px; color: var(--body-text);}
.frm_forms .frm_form_fields div.selector {margin-top:16px;}
.frm_forms .frm_submit{margin:20px 0 20px 0;}
.frm_forms .frm_submit button {background: var(--link); padding: 15px 17px 15px 16px;}
.frm_forms .frm_submit button.btn-dark {background: var(--linkhover);}
.form-field {position:relative; margin-bottom:20px;}
.form-note p {font-size: 0.75rem; line-height: 1.67; letter-spacing: -0.35px; color: var(--light-blue);}
.frm_forms .frm_error_style {display: none;}
.frm_forms .frm_message, .frm_forms .frm_success_style {margin: 0 0 20px 0; padding: 0; background: top; border: 0 none; font-weight: bold; font-size: 1rem; line-height: 1.4;}
.frm_forms .frm_required {display: none;}

.default_form_dark .frm_forms .frm_form_fields input, .default_form_dark .frm_forms .frm_form_fields textarea, .default_form_dark .frm_forms .frm_form_fields select {background-color: var(--white); color: var(--linkhover);}


.frm_half {width:calc(50% - 16px); float: left; clear: none!important;}
.frm_first {margin-right:24px;}
.frm_last {float: right; margin-left: auto;}
.frm_full {margin-right: 0;}
.frm_wrap {display: block; width: 100%; text-align: center; margin-top: -4px;}
.frm_wrap p {font-size: 18px; font-weight: 600; line-height: 100%; letter-spacing: -0.36px; text-transform: capitalize; color: var(--link);}
.frm_wrap p a {color: var(--link);}
.frm_wrapper {display: flex; flex-wrap: wrap; width: 100%; align-items: center; margin-top: -2px;}
.info {position: relative; width:100%; flex-grow: 1; color: var(--linkhover); padding: 0 0 0 32px; max-width: 460px;}
.info:before {content: ""; background: var(--teal); width: 12px; height: 12px; left: 6px; display: block; position: absolute; top: 0; border-radius: 50%; bottom: 0; margin: auto;}
.info.full-width {max-width: 100%;}
.info p {font-size: 16px; line-height: 150%;}
.info p strong, .info p a {text-decoration: underline; font-weight: 700; color: var(--linkhover);}
.info p a:hover {color: var(--teal);}
.frm_wrapper .frm_submit {margin: 0 0 0 auto;}
/*-- common form css ends here --*/



.optional-text {font-size:16px; color:var(--teal); font-weight:500; margin:0 0 22px 0; display:block; line-height: 125%; letter-spacing: 0.8px; text-transform: uppercase; font-family: 'Oswald', sans-serif;}
.btn-wrap {width:100%; clear:both; font-size: 0; display: flex; align-items: center; flex-wrap: wrap;}
.btn-wrap .button {margin-right:24px;}
.btn-wrap .button:last-child {margin-right: 0;}

/* Heading */
.heading {clear: both; padding: 0 0 40px; width: 100%; justify-content: space-between; align-items: center; display: flex;}
.heading-lt{ width: 75%; flex-grow: 1;}
.heading-lt h2 {margin-bottom: 0;}
.heading-rt { width: calc(100% - 75%); flex-grow: 1;}
.heading-rt .heading-btn {display: flex; justify-content: flex-end;}
.heading-rt form {justify-content: flex-end; width: 100%;}
.heading-rt .form-field {margin:0 0 0 22px; width:29.71%; position: relative;}
.heading-rt .form-field:first-child {margin-left: 0}
.no-text .heading-rt {width: 100%; justify-content: flex-start; display: flex;}

/* Full & Fluid width */
.fluid-width {width: 100vw!important; left: 50%; position: relative; margin-left: -50vw;}
.full_width{width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; float: none !important; display: block !important; padding-left: 0 !important; padding-right: 0 !important; left: 0 !important;}
.btn-full{width: 100%;}
.btn-full .button {width: 100%;}

.readmore {position: relative; display: inline-block; font-size:18px; padding-right: 24px; font-weight: 600; color: var(--linkhover); letter-spacing: -0.36px;
text-transform: capitalize; line-height: 100%;}
.readmore:hover {opacity: 0.8;}
.readmore:after {right: 0px; content:"\f061"; font-family:"Font Awesome 6 Pro"; font-weight: 400; transition: all .3s ease-in-out; position: absolute; display: flex; align-items: center; flex-wrap: wrap; font-size: 18px; line-height: 100%; top: 0; bottom: 0;}
.readmore:hover:after {animation-name: bounceAlpha; animation-duration: 1.4s; animation-iteration-count: infinite; animation-timing-function: linear;}
.bg {left: 0; top: 0; width: 100%; height: 100%; z-index: -1; display: block; position: absolute;}


.readmore.back {padding-left: 24px; padding-right: 0!important;}
.readmore.back:after {left: 0px; right: inherit; content:"\f060";}
.readmore.back:hover:after {animation-name: bounceAlphaleft; animation-duration: 1.4s; animation-iteration-count: infinite; animation-timing-function: linear;}




.download {position: relative; display: inline-block; font-size:18px; padding-right: 24px; font-weight: 600; color: var(--teal); letter-spacing: -0.36px; text-transform: capitalize; line-height: 100%;}
.download:after {right: 0px; content:"\f063"; font-family:"Font Awesome 6 Pro"; font-weight: 400; transition: all .3s ease-in-out; position: absolute; display: flex; align-items: center; flex-wrap: wrap; font-size: 18px; line-height: 100%; top: 0; bottom: 0;}
.download:hover:after {animation-name: bounceAlpha; animation-duration: 1.4s; animation-iteration-count: infinite; animation-timing-function: linear;}

/* Cookie bar */
body .cky-consent-container{width: 462px; right: 25px; bottom: 27px; background-color: var(--optionaltxt); overflow: hidden; left: inherit;}
body .cky-consent-container .cky-consent-bar{background: transparent!important; border: none; box-shadow: none; border-radius: 0; margin: 0 auto; position: relative; padding:35px 37px 37px; border-radius: 20px;}
body .cky-notice .cky-title {color: var(--white) !important; font-size: 24px; line-height:125%; font-weight: 500; margin: 0 0 20px 0; position: relative;}
body .cky-notice-des p {color: var(--white)!important; font-size: 14px; line-height:150%; margin-bottom: 20px;}
body .cky-notice-des p a {font-weight: bold; color:var(--white)!important; text-decoration: none;}
body .cky-notice-btn-wrapper{margin-top: 35px; justify-content: flex-end; flex-direction: row-reverse;}
body .cky-btn {flex: initial; font-weight: 600; border-radius: 24px!important; padding:9px 16px 10px 16px; font-size:18px; margin: 0 11px 0 0 !important; width: auto; line-height: normal; outline: 6px solid transparent; font-family: "Poppins", sans-serif; text-decoration: none; letter-spacing: -0.36px; text-transform: capitalize; border-width: 1px;}
body .cky-btn:hover {background: var(--white)!important; color: var(--linkhover)!important; opacity: 1!important; outline: 6px solid var(--tealborder);}
body .cky-btn.cky-btn-accept:hover {background: var(--elevated)!important;}
body .cky-btn.cky-btn-accept:hover:after {color: var(--linkhover);}
body .cky-btn.cky-btn-accept:after {color: var(--linkhover);}


body .cky-btn.cky-btn-reject {}
body .cky-btn.cky-btn-customize {margin-right: 0!important;}
body .cky-banner-btn-close:after {display: none;}
body .cky-btn-close:after {display: none;}

body .cky-consent-bar .cky-banner-btn-close {right: 20px; top: 20px;}
body .cky-consent-bar .cky-banner-btn-close img {height: 14px; width: 14px;}
body .cky-accordion-btn:after, body .cky-show-desc-btn:after {display: none;}
body .cky-btn-revisit-wrapper .cky-btn-revisit:after {display: none;}


body .cky-prefrence-btn-wrapper .cky-btn {color:var(--white)!important; flex: inherit; padding: 9px 12px 10px 12px; background: var(--teal) !important; border: 0 none !important; border-radius: 24px; font-size:18px; line-height: normal; margin: 7px !important;}
body .cky-prefrence-btn-wrapper .cky-btn:hover { opacity: 1;}
body .cky-prefrence-btn-wrapper .cky-btn.cky-btn-accept:hover {background: var(--teal)!important}
body .cky-prefrence-btn-wrapper .cky-btn.cky-btn-reject:after {display: inline-block;}

body .cky-prefrence-btn-wrapper .cky-btn-accept {order: 1;}
body .cky-prefrence-btn-wrapper .cky-btn-reject {order: 2;}
body .cky-prefrence-btn-wrapper .cky-btn-preferences {order: 3;}

/* BG */
.greenbg {background: var(--green);}
.greenbg .bg {background: var(--green);}
.greenbg .button {color: var(--green);}
.greenbg h3 span, .greenbg .h3 span {}
.green .pulse1, .green .pulse2 {background: var(--green);}
.green svg path{stroke:var(--green);}
.green .readmore {color: var(--green);}
.green p span {color: var(--green);}
.green .line {background: var(--green);}
.green .number {color: var(--green);}


.purplebg {background: var(--purple);}
.purplebg .bg {background: var(--purple);}
.purplebg .button {color: var(--purple);}
.purple .pulse1, .purple .pulse2 {background: var(--purple);}
.purple svg path{stroke:var(--purple);}
.purple .readmore {color: var(--purple);}
.purple p span {color: var(--purple);}
.purple .line {background: var(--purple);}
.purple .number {color: var(--purple);}


.mauvebg {background: var(--mauve);}
.mauvebg .bg {background: var(--mauve);}
.mauvebg .button {color: var(--mauve);}
.mauve .pulse1, .mauve .pulse2 {background: var(--mauve);}
.mauve svg path{stroke:var(--mauve);}
.mauve .readmore {color: var(--mauve);}
.mauve p span {color: var(--mauve);}
.mauve .line {background: var(--mauve);}
.mauve .number {color: var(--mauve);}


.lilacebg {background: var(--lilac);}
.lilacebg .bg {background: var(--lilac);}
.lilacbg .button {color: var(--lilac);}
.lilac .pulse1, .lilac .pulse2 {background: var(--lilac);}
.lilac svg path{stroke:var(--lilac);}
.lilac .readmore {color: var(--lilac);}
.lilac p span {color: var(--lilac);}
.lilac .line {background: var(--lilac);}
.lilac .number {color: var(--lilac);}


.tealebg {background: var(--teal);}
.tealebg .bg {background: var(--teal);}
.tealbg .button {color: var(--teal);}
.teal .pulse1, .teal .pulse2 {background: var(--teal);}
.teal svg path{stroke:var(--teal);}
.teal .readmore {color: var(--teal);}
.teal p span {color: var(--teal);}
.teal .line {background: var(--teal);}
.teal .number {color: var(--teal);}


.whitebg {background: var(--white);}


.stats-module .bottom-frame{display: block;}
.stats-module .frame-rt{padding-left: 34px; padding-top: 16px;}
.bottom-frame {clear: both; width: 100%; position: relative; display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; max-width: 1274px; margin:32px auto 0 auto;}
.frame-lt { padding:0 0 0 34px; flex-grow: 1; position: relative; display: flex; align-items: center;}
.frame-lt p {font-size: 18px; font-weight: 600; line-height: 125%; letter-spacing: -0.36px; color: var(--link); position: relative; padding-right: 7px; margin: 0;}
.stats-wrap .frame-mid{display: none;}
.frame-lt:before {content: ""; border-radius: 50%; width: 12px; height: 12px; display: block; position: absolute; left: 0; background: var(--link); top:0; bottom: 0; margin: auto; animation: pulse-animation 2s infinite;}

.frame-mid {width: 33%; margin-right:7px; flex-grow: 1;}
.frame-mid .the-arrow.right > .shaft:before, .frame-mid .the-arrow.right > .shaft:after {width:5px; transition-delay: 0.3s; transition: all 0.5s; background-color: var(--link); content: ""; display: block; height: 1px; position: absolute; top: 0; right: 0;}
.frame-mid .the-arrow.right > .shaft:before {transform: rotate(40deg); transform-origin: top right;}
.frame-mid .the-arrow.right > .shaft:after {transform: rotate(-40deg); transform-origin: bottom right;}
.frame-mid .the-arrow > .shaft {background-color: var(--link); display: block; height: 1px; position: relative; width:100%;}
.frame-mid .animated-arrow {display: inline-block; color: var(--link); text-decoration: none; position: relative; width: 100%; vertical-align: middle;}

.frame-rt {width:auto; /*max-width: 225px;*/ white-space: nowrap;}


section .category {text-transform: uppercase; font-size: 0; justify-content: space-between; margin: 0 0 15px 0;}
.tag {font-size: 0; width: 50%;}
.tag-list {margin: 0; width: 50%; flex-grow: 1;}
.tag a, .tag-list li{display: inline-block; color: var(--teal); font-size: 16px; font-weight: 500; font-family: 'Oswald', sans-serif;border-bottom: 2px solid rgba(0, 131, 139, 0.25); line-height: 125%; margin: 0 15px 5px 0;}
.tag-list li:before {display: none;}
.tag a:hover {color:var(--linkhover);}
section .date {display: inline-block; width:50%; color: var(--stone); font-size: 12px; font-weight: 600; line-height: 125%; letter-spacing: 0.6px; text-align: right; padding-top: 3px;}


/* Ui Tabs */
#mainContent .ui-tabs {padding: 0; font-family:"Poppins", sans-serif; font-size: 0;}
#mainContent .ui-tabs .ui-tabs-nav {padding: 0; border: 0 none; background: transparent; font-weight: normal; display: flex; align-items: center;}
#mainContent .ui-tabs .ui-tabs-nav li {margin: 0; float: none; display: inline-block; background: transparent; border-radius: 32px; border: 2px solid rgba(0, 156, 166, 0.20); padding: 0; margin-right: 22px; transition: all 0.3s ease-in-out; outline: 4px solid transparent; min-width: 264px; max-width: 264px; white-space: inherit;}
#mainContent .ui-tabs .ui-tabs-nav li:last-child {margin-right: 0;}

#mainContent .ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding: 16px 20px; font-size: 16px; font-weight: 500; line-height: 125%; text-transform: capitalize; color: var(--linkhover); display: flex; float: none; justify-content: space-between; align-items: center;}

#mainContent .ui-tabs .ui-tabs-nav .ui-tabs-anchor span {position: relative; transition: all .3s ease-in-out; justify-content: flex-end; display: flex;}
#mainContent .ui-tabs .ui-tabs-nav .ui-tabs-anchor span i {font-size: 24px; font-weight: 300; line-height: 24px; color: var(--optionaltxt);}
#mainContent .ui-tabs .ui-tabs-nav .ui-tabs-anchor span.icon-wrap {margin-left: 8px;}



#mainContent .ui-tabs .ui-tabs-nav li:before {display: none;}
#mainContent .ui-tabs .ui-tabs-nav li.ui-tabs-active {background: var(--elevated); border-color: transparent;}
#mainContent .ui-widget.ui-widget-content {border: 0 none;}
#mainContent .ui-tabs .ui-tabs-panel {padding: 0;}


/* Breadcrumb */
.breadcrumb {clear: both; width: 100%; margin:0 0 36px 0; text-transform: uppercase;}
.breadcrumb ul {margin: 0; font-size: 0;}
.breadcrumb ul li {display: inline-block; font-size: 16px; font-weight: 500; line-height: 125%;  color:var(--linkhover); margin: 0; font-family: 'Oswald', sans-serif;}
.breadcrumb ul li:after {content: "\f178"; font-family:"Font Awesome 6 Pro"; font-weight:300; position: relative; margin:0 12px; display: inline-block; vertical-align: middle; font-size: 16px; line-height: normal; color: var(--stone); opacity: 0.5; position: relative; top: -3px;}
.breadcrumb ul li:last-child:after {display: none;}
.breadcrumb ul li:before {display: none;}
.breadcrumb ul li a {text-decoration: none; color: var(--teal);}
.breadcrumb ul li a:hover {color: var(--linkhover);}
.breadcrumb ul li i {font-size: 20px; font-weight: 300;}



/* Fixed Social Icons */
.share-icons {justify-content: space-between; margin: 0 0 64px 0;}
.sharethis-inline-share-buttons .st-btn {width: 48px; height: 48px!important; color: var(--white); line-height: 46px!important;
position: relative; z-index: 1; text-decoration: none; border-radius: 50%!important; background-color: var(--teal)!important; display: inline-block!important; text-align: center!important; cursor: pointer; margin: 0 0 0 28px!important; min-width: inherit!important; padding: 0 !important; outline: 6px solid transparent; transition: all 400ms ease-in-out;}
.sharethis-inline-share-buttons .st-btn.st-first {margin-left: 0!important;}
.sharethis-inline-share-buttons {font-size: 0; display: inline-block!important; vertical-align: middle; z-index: 1 !important;}
.sharethis-inline-share-buttons .st-btn:after {font-family: "Font Awesome 6 Brands"; font-weight: 400; margin:0 auto; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; vertical-align: middle; display: inline-block; font-size:16px;}
.sharethis-inline-share-buttons .st-btn[data-network=twitter]:after {content: "\e61b"; }
.sharethis-inline-share-buttons .st-btn[data-network=facebook]:after {content: "\f39e";}
.sharethis-inline-share-buttons .st-btn[data-network=linkedin]:after {content: "\f0e1";}
.sharethis-inline-share-buttons .st-btn[data-network=mailru] {display: none!important;}
.sharethis-inline-share-buttons .st-btn[data-network=mailru]:after {content: "\40"; font-family: "Font Awesome 6 Pro";}
.sharethis-inline-share-buttons .st-btn[data-network=sharethis]:after {content: "\f0c1"; font-family: "Font Awesome 6 Pro";}
.share-text{font-size: 16px; color: var(--linkhover); font-weight: 500; margin-right: 15px; line-height: 125%; letter-spacing: 0.8px; text-transform: uppercase; font-family: 'Oswald', sans-serif;}

.sharethis-inline-share-buttons .st-btn:hover {color: var(--white); background: var(--teal)!important; opacity: 1 !important; top: 0!important; outline: 6px solid var(--tealborder);}
.sharethis-inline-share-buttons .st-btn span, .sharethis-inline-share-buttons .st-btn img {display: none!important;}
.at4-visually-hidden {display: none;}

/* Micro cta popup */
.overlay_main_sec.micro-cta-popup .micro-cta { max-width: 900px; margin: 0;}
.overlay_main_sec.micro-cta-popup .micro-cta .bg {border-radius: 20px;}
.overlay_main_sec.micro-cta-popup .micro-cta-img {top: -27px;}
.overlay_main_sec.micro-cta-popup .micro-cta-lt {padding: 36px 40px 38px;}
.overlay_main_sec.micro-cta-popup .micro-cta-lt p {color: var(--white); margin-bottom: 20px;}
.overlay_main_sec.micro-cta-popup .overlay-main{padding: 0;}
.overlay_main_sec.micro-cta-popup .overlay-main .pop_connect_close { right: 40px; z-index: 1;}
.overlay_main_sec.micro-cta-popup .micro-cta-lt .h4 { line-height: 120%; margin-bottom: 20px;}
.overlay_main_sec.micro-cta-popup .micro-cta-lt .button {padding: 13px 16px 15px 16px;}
.overlay_main_sec.micro-cta-popup .overlay-wrap{background: transparent; text-align: left; padding: 0;}


/*-- media css starts here --*/
@media only screen and (max-width: 1281px) {
    .frame-lt {min-width: 700px;}
}
@media only screen and (max-width: 1400px) {
      .container {padding: 0 64px; max-width: 100%;}

}
@media only screen and (min-width: 1024px) {
      .hide-in-desktop {display: none;}

      #mainContent .ui-tabs .ui-tabs-nav li.ui-state-hover {outline: 4px solid rgba(0, 156, 166, 0.20);}
      #mainContent .ui-tabs .ui-tabs-nav li.ui-state-hover .ui-tabs-anchor {color: var(--optionaltxt); padding:16px 32px;}
      #mainContent .ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-hover {background: transparent;}

      #mainContent .ui-tabs .ui-tabs-nav .ui-tabs-anchor .normal-icon {transition: opacity 0.3s ease, transform 0.3s ease;}
      #mainContent .ui-tabs .ui-tabs-nav .ui-tabs-anchor .hover-icon {opacity: 0; transform: translateX(20px); transition: opacity 0.3s ease, transform 0.3s ease; width: 0;}
      #mainContent .ui-tabs .ui-tabs-nav li:hover .hover-icon {opacity: 1; transform: translateX(0);}
      #mainContent .ui-tabs .ui-tabs-nav li:hover .normal-icon {transform: translateX(-20px); opacity: 0;}

      .overlay_main_sec.micro-cta-popup  .micro-cta-rt { width: 400px; margin-left: 4.22%;}
      .overlay_main_sec.micro-cta-popup .micro-cta-img { width: 420px; height: 420px;}
      .overlay_main_sec.micro-cta-popup .micro-cta-lt { width: calc(100% - 450px);}
      .overlay_main_sec.micro-cta-popup .micro-cta-lt .h4 {font-size: 40px; margin-bottom: 24px; letter-spacing: -0.64px;}

      .overlay_main_sec.micro-cta-popup .micro-cta-lt .optional-text {margin: 0 0 20px 0;}
      .overlay_main_sec.micro-cta-popup .overlay-main .pop_connect_close { top: -30px; right: 65px; }
    
    .overlay_main_sec.donate-popup .donate-lt .icon .hide-in-desktop {display: none;}
}

@media only screen and (max-width: 1279px) and (min-width: 768px) {
     .container, .container-lg {padding: 0 40px; max-width: 100%;}

}
@media only screen and (max-width: 1140px) and (min-width: 1024px) {
    .overlay_main_sec.micro-cta-popup .overlay-main .pop_connect_close { top: -60px; right: 40px; }
    .overlay_main_sec.donate-popup .donate-lt {width: 350px;}
}
@media only screen and (max-width: 1140px) and (min-width: 1024px) {
    .disclaimer {max-width: 330px;}
}

@media only screen and (max-width: 1140px) and (min-width:200px) {
    body .mfp-image-holder .mfp-close, body .mfp-iframe-holder .mfp-close {right: -30px;}
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
    .video-wrap .video-thumbnail > img {min-height: 478px;}
    .hide-in-tab, .hide-in-tablet {display:none;}    
    .bottom-frame {padding: 0 0 0 6px;}
    .frame-lt {min-width: inherit;}
    .frm_forms .frm_form_fields textarea {min-height: 210px;}  

    #mainContent .ui-tabs .ui-tabs-nav li {min-width: 205px; margin-right: 18px;}    
    
    
    .overlay_main_sec.donate-popup .overlay-main {max-width: 688px;}
    .overlay_main_sec.donate-popup .donate-lt {width: 100%;}
    .overlay_main_sec.donate-popup .donate-lt .bg img {border-radius: 20px 20px 0 0;}
    .overlay_main_sec.donate-popup .donate-lt .bg .bgimg::after {border-radius: 20px 20px 0 0;}
    .overlay_main_sec.donate-popup .donate-rt {width: 100%;}
    .overlay_main_sec.micro-cta-popup .micro-cta-lt .h4 {margin: 0 auto 20px; }
    .overlay_main_sec.donate-popup .donate-lt .icon .hide-in-tab {display: none;}

.overlay_main_sec.micro-cta-popup .overlay-main .pop_connect_close {
  right: 16px;
  z-index: 1;
  top: -55px;
}




}


@media only screen and (max-width: 1023px) and (min-width: 200px) {
    #mainContent .ui-tabs .ui-tabs-nav .ui-tabs-anchor .hover-icon {display: none;}
    .share-icons {margin: 0 0 72px 0;}
    .sharethis-inline-share-buttons .st-btn {margin: 0 0 0 19px !important;}

    .breadcrumb {display: none;}
        .share-text {margin-left: auto;}

}


@media only screen and (max-width: 767px) and (min-width: 200px) {
    .video-wrap {margin:56px 0 48px 0!important;}
    .video-caption .video-txt {width: 100%; padding: 16px;}
    .video-caption .video-btn {padding: 22px; width: 100%;}
    .video-wrap .video-thumbnail > img {min-height: inherit;}
    .video-thumbnail {min-height: 198px;}

    .slick-arrow {top: inherit; bottom: 0;}
    ul.slick-dots {min-height: 72px; width: calc(100% - 151px); margin: 0 auto; position: absolute; left: 0; right: 0;}
    .white-dots ul.slick-dots li button {background: var(--white);}
    .white-dots ul.slick-dots li.slick-active button {background-color: var(--teal);}

    .hide-in-mobile {display: none;}
    .container, .container-lg {padding: 0 24px; max-width: 100%;}
    #mainContent {padding: 72px 0 0 0;}

    .frm_half {width:100%; float: left; clear: both!important;}
    .frm_first {margin-right:0;}
    .frm_forms .frm_form_fields .frm_form_field {margin-bottom: 16px;}
    .frm_forms .frm_form_fields textarea {padding: 12px 12px 11px 12px;}
    .frm_forms .frm_submit button {width: 100%;}
    .frm_forms .frm_submit {margin: 10px 0 20px 0;}
    .info {padding:10px 0 14px; max-width: 100%;}
    .info:before {display: none;}
    .frm_wrapper .frm_submit {width: 100%; margin: 0;}
    .frm_wrap {margin-top: -2px;}

    .h1 {font-size: 32px; line-height: 125%; letter-spacing: -0.64px;}
    .h2 {font-size: 32px; line-height: 125%; letter-spacing: -0.64px;}
    .h3 {font-size: 32px; line-height: 125%; letter-spacing: -0.64px;}
    .h4 {font-size: 24px; line-height: 125%; letter-spacing: -0.48px;}

    .bottom-frame {flex-wrap: wrap; margin: 27px auto 0 auto;}
    .frame-lt {width: 100%; padding: 0; min-width: inherit;}
    .frame-lt:before {display: none;}
    .frame-mid {display: none;}
    .frame-rt {width: 100%; max-width: 100%; margin: 16px 0 0 0;}
    .frame-rt .button {width: 100%;}

    .banner-cat {margin: 0 0 13px 0;}

    #mainContent .ui-tabs .ui-tabs-nav li {min-width: inherit; max-width: inherit; margin-right: 10px;}
    #mainContent .ui-tabs .ui-tabs-nav .ui-tabs-anchor span.icon-wrap {margin: 0;}
    #mainContent .ui-tabs .ui-tabs-nav .ui-tabs-anchor {font-size: 0; width: 60px; height: 60px; justify-content: center;}
    #mainContent .ui-tabs .ui-tabs-nav li.ui-tabs-active {min-width: 194px;}
    #mainContent .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {padding: 16px 20px; width: auto; height: auto; justify-content: space-between; font-size: 16px;}
    #mainContent .ui-tabs .ui-tabs-nav li.ui-tabs-active span.icon-wrap {margin-left: 8px;}
    
    
    .overlay_main_sec .overlay-wrap {outline: none; width: 100%; height: 100%; border-radius: 20px 20px 0px 0px; text-align: left; padding:39px 32px 76px 32px;}
    .overlay_main_sec .overlay-wrap input {text-align: left;}
    .overlay_main_sec .overlay-wrap .frm_forms .frm_form_fields .frm_form_field label.frm_primary_label {display: block!important;}
    .overlay_main_sec .overlay-main {width: 100%; height: auto;}
    .overlay_main_sec .overlay-wrap  label {display: block;}
    .overlay_main_sec .frm_forms .frm_form_fields .frm_form_field {margin-bottom: 28px;}
    .overlay_main_sec .overlay-wrap .lost_password {margin: 3px 0 0 0;}
    .overlay_main_sec .poplink {margin: 14px 0 0 0;}
    
    .overlay-main {height: auto; padding: 0;}
    .overlay-main h5 {margin-bottom: 21px;}
    .overlay-main p {margin-bottom: 20px;}
    .overlay-main .pop_connect_close {width: 32px; height: 32px; background: rgba(19, 41, 75, 0.20); line-height: 32px; top: 8px; right: 8px; font-size: 19.2px;}
    .overlay-main .pop_connect_close:hover {background: rgba(19, 41, 75, 1);}
    .overlay-main .pop_connect_close:hover i {color: var(--white);}
    .overlay-main .pop_connect_close i {color: var(--linhover);}
    .overlay_center {align-items: flex-end;}
    
    
    .overlay_main_sec.video-popup .overlay_center {align-items: center;}
    .overlay_main_sec.video-popup .overlay-main {padding: 40px 20px;}
    .overlay_main_sec.video-popup .overlay-wrap {border-radius: 16px;}
    .overlay_main_sec.video-popup .overlay-main .pop_connect_close {width: 32px; height: 32px; font-size: 19.2px; line-height: 34px; right: 10px;} 
    
    .overlay_main_sec.donate-popup .overlay-wrap {padding:40px 28px 80px 28px;}
    .overlay_main_sec.donate-popup .donate-lt {width: 100%; padding: 0;}
    .overlay_main_sec.donate-popup .donate-lt .bg {display:none;}
    .overlay_main_sec.donate-popup .donate-lt .icon {margin-bottom: 24px;}
    .overlay_main_sec.donate-popup .donate-lt .icon figure.object-fit.hide-in-mobile {display: none;}
    .overlay_main_sec.donate-popup .donate-lt p {display: none;}
    .overlay_main_sec.donate-popup .donate-lt .donate-cnt {flex-direction:row-reverse;}
    .overlay_main_sec.donate-popup .donate-lt h4 {width: calc(100% - 84px); flex-grow: 1; font-size: 28px; font-style: normal; font-weight: 500; line-height: 130%;
  letter-spacing: -0.56px; color: var(--linkhover); margin-bottom: 23px;}
    .overlay_main_sec.donate-popup .donate-rt {padding:0; width: 100%;}
    .overlay_main_sec.donate-popup .frm_forms .frm_form_fields .frm_form_field {margin-bottom: 24px;}
    .overlay_main_sec.donate-popup .amount-wrap {margin: 0 0 23px 0;}
    .overlay_main_sec.donate-popup .form-head {margin: 0 0 24px 0;}
    .overlay_main_sec.donate-popup .denomination label {padding: 0;}
    .overlay_main_sec.donate-popup .denomination {min-width: 48px; line-height: 46px;}
    .overlay_main_sec.donate-popup .denomination-other {width: calc(100% - 174px);}
    .overlay_main_sec.donate-popup .overlay-main .pop_connect_close {top: 8px; right: 8px;}
    
    
    
    .overlay_main_sec.campaign-popup .overlay-main {width: 100%; height: auto;}
    .overlay_main_sec.campaign-popup .overlay-wrap {outline: none; width: 100%;  height: 100%; border-radius: 20px 20px 0px 0px; text-align: left;  padding: 39px 32px 76px 32px;}
    .overlay_main_sec.campaign-popup .request-pop {margin-bottom: 4px;}
    .overlay_main_sec.campaign-popup .request-pop .poplink {float: left; margin-top: -35px;}
    .overlay_main_sec.campaign-popup .request-pop .frm_forms .frm_submit .button {float: right; width: auto;}
    
    .overlay_main_sec .frm_forms .frm_message {margin: 0 0 60px 0;}
    
    
    .overlay_main_sec.micro-cta-popup .overlay-wrap {padding: 0;}
    .overlay_main_sec.micro-cta-popup .micro-cta{width: 100%;}
    .overlay_main_sec.micro-cta-popup .micro-cta .bg{ bottom: 0; top: auto; }
    .overlay_main_sec.micro-cta-popup .overlay-main .pop_connect_close { right: 18px; top: -143px; z-index: 2; background-color: var(--teal); color: var(--white); }
    .overlay_main_sec.micro-cta-popup  .micro-cta-img { width: 275px; height: 275px; top: -140px; position: absolute;}
    .overlay_main_sec.micro-cta-popup .micro-cta-wrap{padding-top: 152px;}
    .overlay_main_sec.micro-cta-popup .micro-cta-lt .h4{font-size: 32px;}
    .overlay_main_sec.micro-cta-popup .micro-cta-lt { padding: 18px 19px 60px;}
    .overlay_main_sec.micro-cta-popup .micro-cta-lt .button { padding: 13px 16px 15px 16px; width: auto; color: var(--linkhover); }
    .readmore.back {padding-left: 22px;}
    

    .stats-module .frame-rt{padding-left: 0;}
    
}

@media only screen and (max-width:576px) {  
    body .cky-consent-container {width: calc(100% - 40px); right: 20px; bottom: 20px;}
    body .cky-custom-brand-logo-wrapper, body .cky-notice .cky-title, body .cky-notice-des, body .cky-notice-btn-wrapper {padding: 0!important;}
    body .cky-btn {width: 100%; margin: 5px 0 !important;}
    body .cky-notice-btn-wrapper .cky-btn-customize {order: 3;}
    body .cky-notice-btn-wrapper .cky-btn-reject {order: 2;}
    body .cky-notice-btn-wrapper .cky-btn-accept {order: 1;}
    body .cky-prefrence-btn-wrapper .cky-btn {margin: 7px 0!important;}
}

@media only screen and (max-width:479px) {
    .overlay_main_sec.donate-popup .donate-amount {justify-content: space-between;}
    .overlay_main_sec.donate-popup .denomination {width: 31%;}
    .overlay_main_sec.donate-popup .denomination-other {width: 100%; margin: 15px 0;}
        .overlay_main_sec.donate-popup .donate-amount-box {width: 100%;}

}

@media only screen and (max-width: 412px) {
    .share-text {margin-left:0;}
    }
@media only screen and (max-width: 480px) {
    img.alignnone, img.alignleft, img.aligncenter, img.alignright {margin: 46px 0 !important; width: 100%;}
}