/*
Theme Name: Health Education and Charitable Trust
Theme URI: https://impacttechlab.com
Template: twentytwentyone
Author: Impact Techlab
Author URI: https://impacttechlab.com
Version: 1.2
Updated: 2025-09-05
Text Domain: heact
*/
html, body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { font-weight: normal; font-size: 16px; font-weight: 400; line-height: 1.5; color:#7B7F89; padding: 0; margin: 0; text-size-adjust: none; -webkit-text-size-adjust: none; font-family: "Poppins", sans-serif; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
button { color: #cfa757; text-decoration:none; outline:none; display:inline-block; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in; }
button:focus { outline: none; }
a { color: #F26522; text-decoration: none; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in; }
a:hover, a:focus { color: #141414; text-decoration: none; }
p { margin-top: 0; margin-bottom:25px; }
p:last-child { margin-bottom:0; }
strong { font-weight:700; }
img { max-width: 100%; height: auto; vertical-align: middle; }
.donation a , .button { font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 600; color: #FFF; border-radius: 30px;border: 0; position: relative; cursor:pointer; line-height: 1.2; display: inline-flex; align-items: center; justify-content: center; z-index: 1; white-space: nowrap; text-transform: uppercase; padding: 19px 38px; letter-spacing: 1.6px;background-size: 300% 100%;transition: all .4s ease-in-out;background: linear-gradient(90deg, #F0984B 0%, #ED5D40 100%);}
.button svg { margin-left:10px; }
.donation:hover, .donation:focus ,
.button:hover, .button:focus { background-position: 100% 0; color:#fff; }
.orange-btn {background-image: linear-gradient(211deg, #BD2D22, #EF9435, #EF9435, #BD2D22);}
.white-btn { color:#000; background:#fff; border:1px solid #fff; }
.white-btn:before {background:url(assets/images/button-arrow-black.png) no-repeat 0 0;}
.white-btn:hover, .white-btn:focus { background:#D44237; border-color:#000; color:#000;}
.heading { color: #202020;font-size:40px; font-weight:600; margin-bottom:33px;text-transform: uppercase;}
.heading strong { font-weight:700;}
.mob-block { display:none; }
.cf:before, .cf:after, .container:before, .container:after, .row:before, .row:after, ul:before, ul:after, .boxs:before, .boxs:after, .radioList:after, .radioList:before, .pagingWrapper:before, .pagingWrapper:after { content:" "; display:table }
.cf:after, .container:after, .row:after, ul:after, .boxs:after, .radioList:after, .pagingWrapper:after { clear:both }
/***
====================================================================
bootstrap css start here
====================================================================
***/
.d-flex {display: -webkit-box;display: -ms-flexbox;display: flex;}
.d-wrap {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.align-items-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.justify-content-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.justify-content-end {-webkit-box-pack: flex-end;-ms-flex-pack: flex-end;justify-content: flex-end;}
.justify-content-center{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.d-block { display:block; }
.text-center { text-align: center !important; }
.text-white { color: #fff !important; }
.mb-0 { margin-bottom: 0 !important; }
dl, ol, ul { margin-top:0; margin-bottom:1rem }
ol ol, ol ul, ul ol, ul ul { margin-bottom:0 }
h1, h2, h3, h4, h5, h6 {font-family: "Outfit", sans-serif; margin-top: 0; margin-bottom:35px;font-weight:700; line-height:1.1; color:#0D0D0D;letter-spacing: 0.6px; }
h1 { font-size:64px; }
h2 { font-size:45px; font-weight:400; }
h3 {font-size: 25px; margin-bottom:25px; }
h4 { font-size:22px; margin-bottom:25px; }
h5 { font-size:20px; margin-bottom:25px; }
h6 { font-size:18px; margin-bottom:25px; }
.container { width:100%; padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto }
@media (min-width:576px) {
.container {max-width:540px}
}
@media (min-width:768px) {
.container {max-width:768px}
}
@media (min-width:1023px) {
.container {max-width:960px}
}
@media (min-width:1200px) {
.container {max-width:1440px}
}
.fluid-container { max-width:1600px; }
.container-fluid { width:100%; padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto }
.row { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-right:-15px; margin-left:-15px }
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 { width:100%; min-height:1px; padding-right:15px; padding-left:15px }
@media (min-width:768px) {
.col-md-1 { -webkit-box-flex:0; -ms-flex:0 0 8.333333%; flex:0 0 8.333333%; max-width:8.333333% }
.col-md-2 { -webkit-box-flex:0; -ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667% }
.col-md-3 { -webkit-box-flex:0; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25% }
.col-md-4 { -webkit-box-flex:0; -ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333% }
.col-md-5 { -webkit-box-flex:0; -ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667% }
.col-md-6 { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% }
.col-md-7 { -webkit-box-flex:0; -ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333% }
.col-md-8 { -webkit-box-flex:0; -ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667% }
.col-md-9 { -webkit-box-flex:0; -ms-flex:0 0 75%; flex:0 0 75%; max-width:75% }
.col-md-10 { -webkit-box-flex:0; -ms-flex:0 0 83.333333%; flex:0 0 83.333333%; max-width:83.333333% }
.col-md-11 { -webkit-box-flex:0; -ms-flex:0 0 91.666667%; flex:0 0 91.666667%; max-width:91.666667% }
.col-md-12 { -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% }
}
@media (min-width:992px) {
.col-lg-1 { -webkit-box-flex:0; -ms-flex:0 0 8.333333%; flex:0 0 8.333333%; max-width:8.333333% }
.col-lg-2 { -webkit-box-flex:0; -ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667% }
.col-lg-3 { -webkit-box-flex:0; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25% }
.col-lg-4 { -webkit-box-flex:0; -ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333% }
.col-lg-5 { -webkit-box-flex:0; -ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667% }
.col-lg-6 { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% }
.col-lg-7 { -webkit-box-flex:0; -ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333% }
.col-lg-8 { -webkit-box-flex:0; -ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667% }
.col-lg-9 { -webkit-box-flex:0; -ms-flex:0 0 75%; flex:0 0 75%; max-width:75% }
.col-lg-10 { -webkit-box-flex:0; -ms-flex:0 0 83.333333%; flex:0 0 83.333333%; max-width:83.333333% }
.col-lg-11 { -webkit-box-flex:0; -ms-flex:0 0 91.666667%; flex:0 0 91.666667%; max-width:91.666667% }
.col-lg-12 { -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% }
.offset-lg-1 { margin-left:8.333333% }
.offset-lg-2 { margin-left:16.666667% }
.offset-lg-3 { margin-left:25% }
}
@media (min-width:1200px) {
.col-xl-1 { -webkit-box-flex:0; -ms-flex:0 0 8.333333%; flex:0 0 8.333333%; max-width:8.333333% }
.col-xl-2 { -webkit-box-flex:0; -ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667% }
.col-xl-3 { -webkit-box-flex:0; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25% }
.col-xl-4 { -webkit-box-flex:0; -ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333% }
.col-xl-5 { -webkit-box-flex:0; -ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667% }
.col-xl-6 { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% }
.col-xl-7 { -webkit-box-flex:0; -ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333% }
.col-xl-8 { -webkit-box-flex:0; -ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667% }
.col-xl-9 { -webkit-box-flex:0; -ms-flex:0 0 75%; flex:0 0 75%; max-width:75% }
.col-xl-10 { -webkit-box-flex:0; -ms-flex:0 0 83.333333%; flex:0 0 83.333333%; max-width:83.333333% }
.col-xl-11 { -webkit-box-flex:0; -ms-flex:0 0 91.666667%; flex:0 0 91.666667%; max-width:91.666667% }
.col-xl-12 { -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% }
.offset-xl-1 { margin-left:8.333333% }
.offset-xl-2 { margin-left:16.666667% }
.offset-xl-3 { margin-left:25% }
.offset-xl-4 { margin-left:33.333333% }
.offset-xl-5 { margin-left:41.666667% }
.offset-xl-6 { margin-left:50% }
}
/***
====================================================================
popup css
====================================================================
***/
.modal-body { text-align: center;border: 10px solid #fff;border-radius: 15px; }
.popUpBtn {border: none; padding: 0; margin: 0; cursor: pointer; width: 100%; }
.modal-open { overflow: hidden; padding-right: 17px; }
.modal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(23, 23, 23, 0.85); display: none; z-index: 999; }
.modal-content { position: absolute; top: 50%; left: 50%; padding: 1rem 1rem; width: 720px; background-color: transparent; transform: translate(-50%, -50%) scale(0.5); }
.close { position: absolute; right: -15px; top: -15px; cursor: pointer; font-size: 36px; color: #fff; transition: all ease 0.5s; }
.close:hover { color: #F26522; }
.modal .btn-box { padding: 30px 0 0; display: flex; justify-content: center; }
.transform-in, .transform-out { display: block; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }
.transform-in { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }
.transform-out { -webkit-transform: translate(-50%, -50%) scale(0.5); transform: translate(-50%, -50%) scale(0.5); }
/* 667 */
@media only screen and (max-width: 735px) {
.modal-content {width: 100%;}
.close {right: 10px;top: -30px;}
}
/***
====================================================================
Magnific Popup start
====================================================================
***/
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; }
.mfp-container:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }
.mfp-preloader a { color: #CCC; }
.mfp-preloader a:hover { color: #FFF; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation;opacity: 1; }
button::-moz-focus-inner { padding: 0; border: 0;}
.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; }
.mfp-close:hover, .mfp-close:focus { opacity: 1;color: #F26522; }
.mfp-close:active { top: 1px; }
.mfp-close-btn-in .mfp-close { color: #333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; }
.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }
.mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active { margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; }
.mfp-arrow:before, .mfp-arrow:after { content: ""; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }
.mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
.mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }
.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; }
.mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; }
.mfp-arrow-right { right: 0; }
.mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; }
.mfp-arrow-right:before { border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close { top: -40px; }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }
.mfp-figure { line-height: 0; }
.mfp-figure:after { content: ""; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; }
.mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }
.mfp-figure figure { margin: 0; }
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }
.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
.mfp-img-mobile img.mfp-img { padding: 0; }
.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
.mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
.mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; }
}
@media all and (max-width: 900px) {
.mfp-arrow {-webkit-transform: scale(0.75);transform: scale(0.75);}
.mfp-arrow-left {-webkit-transform-origin: 0;transform-origin: 0;}
.mfp-arrow-right {-webkit-transform-origin: 100%;transform-origin: 100%;}
.mfp-container {padding-left: 6px;padding-right: 6px;}
}
/***
====================================================================
Header start
====================================================================
***/
header.cms-header { background:#fff; padding:21px 0 }
.cms-header .container, .home-banner .container { max-width:1400px; }
header.cms-header .navbar { padding: 0; display: flex; align-items: center; }
header.cms-header .navbar-brand { padding: 0; margin: 0; display: block; }
.mobile-menu { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; }
.mobile-menu li { position: relative; }
.mobile-menu li a { position: relative; padding: 15px 15px; color: #282828; font-size: 16px; font-weight:400; white-space: nowrap; display: flex;letter-spacing: 0.16px; }
.mobile-menu li a:hover, .mobile-menu li.current_page_item > a, .mobile-menu li a:focus { color:#F26522; }
.off-canvas-wrapper .off-canvas-inner { display: flex; align-items: center;justify-content: end;position: relative; }
header.cms-header .header-right { margin-left: 0; position: relative;display: flex; flex-wrap: wrap;align-items: center; }
.header-social-media { margin:0 0 0 13px; padding:0 0 0 23px; list-style:none;display: flex;align-items: center; border-left:1px solid #E0E0E0; }
.header-social-media li { padding: 0 5px; }
.header-social-media li a { width:38px; height:38px; border-radius:50%; background:#f5f5f5;display: flex;align-items: center; justify-content: center;padding: 11px; }
.header-social-media a:hover { background:#f26522; }
.header-social-media svg { width:100%; height:100%; }
.header-social-media svg path { fill:#0D0D0D;transition: all 0.3s ease-in; }
.header-social-media a:hover svg path { fill:#fff; }
.language-dropdown { padding-left:20px; border-left:1px solid rgba(0, 0, 0, 0.2);margin-left: 20px;margin-right: auto;}
.language-dropdown select { border:0; background-color:transparent;padding: 0;width: 45px;height: 20px; text-transform:uppercase; font-size:14px; color:#000; cursor:pointer;}
.menu-logo { display:none; margin-right:auto; margin-bottom:30px;}
.language-dropdown ul { margin:0; padding:0; list-style:none;}
.language-dropdown ul li.current-lang a {opacity: 0.5;color: #000; pointer-events: none;}
/* ================================= submenu style ===================================*/
@media(min-width:1199px) {
.navbar-expand-lg {flex-flow:row nowrap;}
.d-lg-none { display: none !important; }
header.cms-header .off-canvas-wrapper { display: flex; align-items: center; width: calc(100% - 192px); }
header.cms-header .off-canvas-inner-content { width: 100%; }
header.cms-header .mobile-menu ul.sub-menu { opacity: 0; visibility: hidden; position:absolute; left: 15px; top: 150%; background: #fff; border-radius: 10px; padding: 20px 20px 0 20px; min-width: 300px; z-index: 9999; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); transition: all 0.5s ease-in-out; display: block !important;box-shadow: 0 30px 60px #00000014; }
header.cms-header .mobile-menu li.menu-item-has-children:hover > ul.sub-menu { top: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; visibility: visible; }
header.cms-header .mobile-menu li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children:hover ul.sub-menu { left: 100%; top: 0; }
header.cms-header .mobile-menu ul.sub-menu li.menu-item { display: block; border-bottom: solid 1px rgba(0, 0, 0, 0.1); padding: 0; }
header.cms-header .mobile-menu ul.sub-menu li.menu-item:last-child { border-bottom: 0; }
header.cms-header .mobile-menu ul.sub-menu li.menu-item a { display: block; font-size: 16px; color: #0D0D0D; line-height: 1.2; padding:12px 0; margin: 0; }
header.cms-header .mobile-menu ul.sub-menu li.menu-item a:hover { color: #F26522; }
header.cms-header .mobile-menu .menu-expand { position: absolute; right:0px; top: 25px; width: 9px; height: 7px; background-image: url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M7.7275 1.48532L4.24219 4.97063L0.756871 1.48532' stroke='%23D44237' stroke-width='2'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; }
}
/***
====================================================================
mobile menu css
====================================================================
***/
@media only screen and (max-width: 1199px) {
.fix { overflow: hidden; }
.mobile-navigation { overflow: hidden; height: calc(100% - 48px); width: 100%; margin: 0 0 30px 0 !important; }
header.cms-header .header-right { margin-top: 10px; padding-top: 10px; margin-left: 0;justify-content: center; width:100%; }
.off-canvas-wrapper { position: fixed; top: 0; left: 0; height: 100%; width: 100%; visibility: hidden; z-index: 9999999; padding: 20px; max-width: 100%; }
.mobile-navigation nav { height: 100%; }
.off-canvas-wrapper.open { visibility: visible; }
.off-canvas-wrapper.open .off-canvas-inner-content { left: 0px; }
.off-canvas-wrapper .off-canvas-overlay { position: fixed; left: 0; top: 0; width: 0%; height: 100%; z-index: 1; background: rgba(19, 100, 130, 0); transform: translateX(-101%); transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; }
.off-canvas-wrapper.open .off-canvas-overlay { opacity: 1; width: 100%; visibility: visible; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }
.off-canvas-wrapper .off-canvas-inner-content { position: absolute; left: -100%; top: 0px; width: 100%; height: 100%; max-height: 100%; background: #fff;padding:40px; z-index: 5; border-radius: 0px; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; transition-delay: 0s; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; }
.off-canvas-wrapper .btn-close-off-canvas { top: 10px; right: 10px; width: 40px; height: 40px; cursor: pointer; position: absolute; }
.off-canvas-wrapper .btn-close-off-canvas .close-btn { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.off-canvas-wrapper .btn-close-off-canvas span:nth-child(1) { width: 20px; height: 2px; background-color: #bcbcbc; transform: rotate(-45deg); display: block; position: relative; left: 10px;}
.off-canvas-wrapper .btn-close-off-canvas span:nth-child(2) { width: 20px; height: 2px; background-color: #bcbcbc; transform: rotate(45deg); display: block; position: relative; right: 10px;}
.off-canvas-wrapper .off-canvas-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: auto; height: 100%; }
/*---------------------------
- Mobile Menu Css
-----------------------------*/
.mobile-menu-btn .off-canvas-btn { font-size: 17px; cursor: pointer; padding: 10px 10px; line-height: 1; border: 2px solid #fff; }
.mobile-menu-btn .off-canvas-btn a { display: flex; flex-direction: column; grid-row-gap: 5px; }
.mobile-menu-btn .off-canvas-btn a span:nth-child(1) {width: 27px;height: 2px; background-color: #002646;}
.mobile-menu-btn .off-canvas-btn a span:nth-child(2) {width: 17px;height: 2px; background-color: #002646;}
.mobile-menu-btn .off-canvas-btn a span:nth-child(3) {width: 22px;height: 2px;background-color: #002646;}
.mobile-menu { height: 100%; overflow-x: hidden; overflow-y: auto; padding-right: 10px; margin-right: -10px; display: block; }
.mobile-menu li > a { font-size: 16px; color: #000; text-transform: capitalize; line-height: 18px; position: relative; display: inline-block; padding: 19px 0;font-weight: 600; }
.mobile-menu li > a:hover, .mobile-menu li.active > a { color: #F26522; }
.mobile-menu ul li > a:before {width: 17px;height: 8px;position: absolute;top: 15px;left: 0;content: "";background-size: auto;background-size: 100%;}
.mobile-menu li.current_page_item > a:before { display:none; }
.mobile-menu li ul li { border: none;border-top: 1px solid #e8e8e8; }
.mobile-menu li ul li a { font-size: 16px; text-transform: capitalize; padding:19px 0 19px 25px; }
.mobile-menu .menu-item-has-children { position: relative; }
.mobile-menu .menu-item-has-children .menu-expand { line-height: 50; top: -3px; left: 95%; width: 30px; position: absolute; height: 50px; text-align: center; cursor: pointer; }
.mobile-menu .menu-item-has-children .menu-expand i { display: block; position: relative; width: 10px; margin-top: 25px; border-bottom: 2px solid #252525; -webkit-transition: all 250ms ease-out; transition: all 250ms ease-out; }
.mobile-menu .menu-item-has-children .menu-expand i:before { top: 0; width: 100%; content: ""; display: block; position: absolute; -webkit-transform: rotate(90deg); transform: rotate(90deg); border-bottom: 2px solid #252525; -webkit-transition: 0.4s; transition: 0.4s;}
.mobile-menu .menu-item-has-children.active > .menu-expand i:before { -webkit-transform: rotate(0); transform: rotate(0);}
.mobile-menu ul.sub-menu { list-style: none; padding: 0; }
}
/***
====================================================================
banner css
====================================================================
***/
.home-banner { position:relative; padding: 50px 0px;}
.home-slide-wrap { background-repeat:no-repeat; background-position: center center; background-size:cover;padding-top:50px; }
.banner-row {display: flex;flex-wrap: wrap;align-items: center;}
.banner-row .left-col { width:50%; padding-right:25px; }
.banner-row .right-col { width:50%; }
.banner-row .right-col .img-holder { margin-right: -50px; }
.home-banner .main-head { font-weight:400; font-size:70px;color: #FFFFFF; font-family: "Outfit", sans-serif; }
.home-banner .banner-img {margin-bottom: 30px;}
.home-banner .banner-slider-pagination { position:absolute; left:0; bottom:20px; width:100%; height:10px;display: flex; flex-wrap: wrap;z-index:1;justify-content: center; }
.home-banner .banner-slider-pagination .swiper-pagination-bullet { width:10px; height:10px; background:rgba(255, 255, 255, 0.34); border:0; margin:0 10px !important; display:block; cursor:pointer; position:relative;transition: all 0.3s ease-in;}
.home-banner .banner-slider-pagination .swiper-pagination-bullet:before { border:1px solid #fff; content:""; left:-0.8px; top:-0.8px; width:10px; height:10px; border-radius:50%; position:absolute;transform: scale(0);transition: all 0.3s ease-in; }
.home-banner .banner-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #FFFFFF;}
.home-banner .banner-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {transform: scale(1.5);}
.home-banner-img img { width:100%; height:auto; }
.home-banner .home-slide-wrap.first-slide .main-head { font-weight:900; font-size:80px;color: #FFFFFF;letter-spacing: 0.88px;font-family: "Outfit", sans-serif; }
.home-banner .home-slide-wrap h2.main-head.font54 {
font-size: 54px;
line-height: 1.5;
}
.home-banner h2.main-head.font42 {
font-size: 42px;
line-height: 1.5;
font-weight: bold;
}
/***
====================================================================
Home About css
====================================================================
***/
.home-about { padding: 91px 0; }
.tagline { margin-bottom:6px;display: flex; font-size:24px;align-items: center;letter-spacing: 0;color: #ED5D40;font-weight:600;}
.tagline svg { margin-right: 5px; }
.tagline.left-align {background-position: left top;}
.section-header { margin-bottom:40px; }
.section-header p { font-size:22px; font-weight:600;line-height: 1.5; }
.home-about-content { padding-left:90px; }
.home-about-content .button { margin-top:15px; }
/***
====================================================================
Other Activities css
====================================================================
***/
.other-activities { position:relative; padding: 100px 0; }
.other-activities:after { position:absolute; height:100%; width:50%; content:""; top:0; }
.other-activities:before { position:absolute; height:100%; width:50%; content:""; top:0;z-index:2; }
.other-activities1:before { left:0; background:url(assets/images/help-us-left-img.png) no-repeat center center; background-size:cover; }
.other-activities:after { right:0; background:url(assets/images/help-us-right-img.jpg) no-repeat center center; background-size:cover; }
.other-activities:before {
width: 100%;
background-size: contain;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%201040%20586%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23f0954a%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23ee6c42%27%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%27M0%200%20L844%200%20A36%2036%200%200%201%20887.682%2035.171%20L1000.318%20550.829%20A36%2036%200%200%201%20972%20586%20L0%20586%20L0%200%20Z%27%20fill%3D%27url(%23g)%27%2F%3E%3C%2Fsvg%3E");
display: block;
}
.other-activities .container { position:relative; z-index:3; }
.other-activities .tagline, .other-activities .heading { color:#fff; }
.other-activities ul { margin:0; padding:0; list-style:none; }
.other-activities ul li {color: #FFFFFF; margin-bottom:15px; position:relative;padding-left: 30px;}
.other-activities ul li:before { width:17px; height:13px; position:absolute; left:0; top:7px; content:"";background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.926' height='9.989' viewBox='0 0 12.926 9.989'%3E%3Cg id='Group_46333' data-name='Group 46333' transform='translate(1.097 0.847)'%3E%3Cg id='Group_45996' data-name='Group 45996' transform='translate(-1.097 -0.847)'%3E%3Cpath id='Path_41763' data-name='Path 41763' d='M12.926.844l-.939.132a4.518,4.518,0,0,0-2.028.807,1.808,1.808,0,0,1,.053-.667L10.253.3,9.41.417A3.054,3.054,0,0,0,7.5,1.374,9.34,9.34,0,0,0,6.9.521L6.479,0,6.051.518c-.232.281-.44.564-.629.846a3.061,3.061,0,0,0-1.9-.947L2.675.3l.24.817a1.831,1.831,0,0,1,.052.667A4.518,4.518,0,0,0,.94.976L0,.844l.354.88A4.383,4.383,0,0,1,.545,3.555a4.2,4.2,0,0,0,.3,2.127A3,3,0,0,0,2.076,6.9a2.65,2.65,0,0,0-.789.653.73.73,0,0,0-.135.886l.265.337.376-.084a1.342,1.342,0,0,1,1.056.066,2.1,2.1,0,0,0,.947.226l.086,0a1.588,1.588,0,0,0,.989-.313c.06.029.12.057.192.084a1.336,1.336,0,0,1,.885.8.547.547,0,0,0,.506.433h.031a.548.548,0,0,0,.521-.376,1.243,1.243,0,0,1,.784-.7,2.73,2.73,0,0,0,.447-.223A1.859,1.859,0,0,0,9,8.857h.085a2.1,2.1,0,0,0,.946-.226,1.355,1.355,0,0,1,1.056-.066l.433.071.208-.324a.728.728,0,0,0-.135-.886,2.606,2.606,0,0,0-.658-.574A2.96,2.96,0,0,0,12.08,5.682a4.2,4.2,0,0,0,.3-2.125,4.388,4.388,0,0,1,.192-1.832ZM8.08,2.44a1.544,1.544,0,0,1,.766-.726,5.773,5.773,0,0,0,.331,1.553A2.945,2.945,0,0,1,9.336,5.3a1.784,1.784,0,0,1-1.008.98,4.526,4.526,0,0,0-.259-3.849ZM6.458,1.79c.619.947,1.631,2.856.8,4.19a.979.979,0,0,1-.874.541,1.074,1.074,0,0,1-.866-.658c-.4-.817-.329-2.283.943-4.073M4.081,1.713a1.538,1.538,0,0,1,.748.691A4.568,4.568,0,0,0,4.482,6.22a1.723,1.723,0,0,1-.89-.917A2.945,2.945,0,0,1,3.75,3.266a5.782,5.782,0,0,0,.331-1.553M1.643,3.593a8.259,8.259,0,0,0-.026-1.31,3.091,3.091,0,0,1,1.073.693A3.884,3.884,0,0,0,2.567,5.7a2.762,2.762,0,0,0,.163.311,2.017,2.017,0,0,1-.9-.831,3.289,3.289,0,0,1-.184-1.589m2.2,4.293A1.034,1.034,0,0,1,3.3,7.757c-.07-.032-.142-.063-.213-.09a1.866,1.866,0,0,1,.876.013c.075.086.155.158.2.146a.687.687,0,0,1-.323.059m3.545,0a2.7,2.7,0,0,0-.87.537,2.657,2.657,0,0,0-.892-.63,3.376,3.376,0,0,1,.888-.121h.022a2.841,2.841,0,0,1,.953.171l-.1.042m2.4-.347c-.073.029-.143.058-.214.09a1.131,1.131,0,0,1-.542.13A2.256,2.256,0,0,1,8.8,7.737l0-.025c.031-.044.071-.1.119-.158l.02,0a1.9,1.9,0,0,1,.853-.01m1.49-3.947A3.29,3.29,0,0,1,11.1,5.182a2.026,2.026,0,0,1-.9.83,2.658,2.658,0,0,0,.162-.31,3.887,3.887,0,0,0-.122-2.724,3.105,3.105,0,0,1,1.073-.695,8.4,8.4,0,0,0-.027,1.31' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");background-repeat: no-repeat;background-position: 0 0;background-size: 100%;}
/***
====================================================================
Our Journey css
====================================================================
***/
.our-journey { padding: 100px 0; background-color:#F7F9FF; }
.journey-tab, .gallery-tab { margin:0 0 55px 0; padding:0; list-style:none;display: flex;flex-wrap: wrap;justify-content: center; }
.journey-tab li, .gallery-tab li { padding:0 10px; }
.journey-tab li span, .gallery-tab li span { display:block;border: 1px solid #E0E0E0;border-radius: 30px; color:#141414;letter-spacing: 0.18px; font-weight:500; font-size:18px; position:relative; padding:15px 26px 15px 47px;font-family: "Outfit", sans-serif;transition: all 0.3s ease-in; cursor:pointer; }
.journey-tab li span:before { width:11px; height:11px; border-radius:50%; content:""; position:absolute; left:26px; top:23px; background-color:#1A3E9E;transition: all 0.3s ease-in; }
.journey-tab li.current span, .journey-tab li span:hover { background:#F26522; border-color:#F26522; color:#fff; }
.journey-tab li.current span:before, .journey-tab li span:hover:before { background:#fff; }
.gallery-tab-content, .journey-tab-content {display: none;}
.gallery-tab-content.current, .journey-tab-content.current {display: block;}
.journey-row {display: flex;flex-wrap: wrap; background:#fff;box-shadow: 0px 40px 40px #00000005; border-radius: 15px; overflow:hidden;}
.journey-row .left-col, .journey-row .right-col { width:50%; }
.journey-row .left-col .img-holder { height:100%; width:100%; overflow:hidden; }
.journey-row .left-col .img-holder img { width:100%; height:100%; object-fit:cover;}
.journey-row .right-col { padding:55px 50px; }
.journey-row .right-col h3 {color: #0D0D0D;font-family: "Outfit", sans-serif; font-size:25px; font-weight:700; margin-bottom:20px;}
.journey-row .right-col p { line-height:1.7;}
.journey-row .right-col .button { margin-top:12px; }
/***
====================================================================
Our Gallery css
====================================================================
***/
.our-gallery { padding: 100px 0; }
.our-gallery .heading { color:#202020; }
.gallery-tab li span {border: 1px solid rgba(255, 255, 255, 0.33); color:#fff; padding:15px 40px;}
.gallery-tab li span:hover { background:rgba(255, 255, 255, 0.33);border-color: rgba(255, 255, 255, 0);}
.gallery-tab li.current span { background:#F26522;border-color: #F26522;}
.home-photo-list { margin:0 -15px; padding:0; list-style:none;display: flex;flex-flow: column wrap;
align-content: space-between;height: 600px; }
.home-photo-list li { padding: 15px; width:33.333%; }
.home-photo-list .img-holder {border-radius: 25px; overflow:hidden; width:100%;}
.home-photo-list .img-holder img { width:100%; height:100%; object-fit:cover;}
.home-photo-list li:nth-child(1) .img-holder, .home-photo-list li:nth-child(4) .img-holder, .home-photo-list li:nth-child(5) .img-holder { height:202px;}
.home-photo-list li:nth-child(2) .img-holder, .home-photo-list li:nth-child(3) .img-holder, .home-photo-list li:nth-child(6) .img-holder { height:333px;}
.home-video-list, .home-media-list { margin:0 -15px; padding:0; list-style:none;display: flex;flex-wrap: wrap; }
.home-video-list li, .home-media-list li { padding: 15px; width:33.333%; }
.home-video-list .img-holder, .home-media-list .img-holder {border-radius: 25px; overflow:hidden; width:100%;}
.home-video-list .img-holder img, .home-media-list .img-holder img { width:100%; height:100%; object-fit:cover;}
/***
====================================================================
Social Stream css
====================================================================
***/
.social-stream { padding: 100px 0; }
/***
====================================================================
Our Party css
====================================================================
***/
.cta-green-porbandar h2{ color:#fff; }
/***
====================================================================
Our City css
====================================================================
***/
.our-city { background:url(assets/images/our-city-bg.png) no-repeat center center; min-height:368px; margin-top:90px; }
.our-city .heading { font-size:40px; font-weight:700; margin-bottom:7px; }
.our-city p { font-size:18px; font-weight:500; }
.city-content-box{max-width: 500px;margin: 86px 0 0 460px;}
/***
====================================================================
Footer css
====================================================================
***/
.subscribe-us { background:url(assets/images/subscribe-bg.jpg) no-repeat center center; background-size:100%; }
.subscribe-us .heading-img { margin-bottom:30px; }
.subscribe-us .heading { margin-bottom:10px; }
.subscribe-form { max-width:670px; margin: 0 auto; width:100%; }
.subscribe-form .field-row { display:flex; flex-wrap:wrap; }
.subscribe-form .text-field { max-width:447px;box-shadow: 0px 30px 70px #00000014;border: 1px solid #F5F5F5;border-radius: 30px; background:#fff; padding:10px 30px; height:60px; margin-right:23px; color:#0D0D0D; font-size:18px;font-family: "Poppins", sans-serif;width: 100%;}
.subscribe-form .text-field:focus { outline:0 none; }
.footer-contact { margin:0; padding:16px 0px 0px 0px; list-style:none;display: flex;flex-wrap: wrap;justify-content: space-between; }
.footer-contact li:not(:first-child) { }
.footer-contact:before { display:none; }
.footer-contact-box {display: flex;flex-wrap: wrap;align-items: center;margin-bottom: 24px;}
.footer-contact-box .icon { width:64px; height:64px;}
.footer-contact-box .right-col { width: calc(100% - 64px); padding-left:19px; }
.footer-contact-box h2 { color:#0D0D0D; font-size:28px; font-weight:600; margin-bottom:0;}
.footer-contact-box h3 { color:#0D0D0D; font-size:16px; font-weight:600; margin-bottom:5px;}
.footer-contact-box p, .footer-contact-box p a {color:#202020; font-size:16px;}
.footer-contact-box p a:hover { color:#F26522;}
.footer-about{ padding:60px 0px;}
.about-ft-left{ padding-right: 40px; }
.footer-logo { margin-bottom:23px; }
.about-ft-left p {letter-spacing: 0;color: #141414;}
.social-media { margin:0; padding:0; list-style:none;display: flex;align-items: center; }
.social-media li { padding-right: 12px; }
.social-media li a { width:38px; height:38px; border-radius:50%; background:#fff;display: flex;align-items: center; justify-content: center;padding: 11px;border: 1px solid #F26522; }
.social-media a:hover { background:#F26522; }
.social-media svg { width:100%; height:100%; }
.social-media svg path { fill:#000;transition: all 0.3s ease-in; }
.social-media a:hover svg path { fill:#fff; }
.footer-nav-wrap { padding: 0px 30px; }
.hm-footer-contact-info { padding-left: 45px; }
.footer h2 {letter-spacing: 0.4px;color: #202020; font-weight:600; font-size:20px; margin-bottom:0px;}
.footer-nav { margin:0; padding:0; list-style:none; }
.footer-nav li { position:relative; padding-left:20px; }
.footer-nav li:not(:last-child) { margin-bottom:10px; }
.footer-nav li:before { width:7px; height:12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.897' height='12.113' viewBox='0 0 6.897 12.113'%3E%3Cpath id='Path_40972' data-name='Path 40972' d='M0,0,4.483,4.662,0,9.285' transform='translate(1.414 1.414)' fill='none' stroke='%23f26522' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A");background-repeat: no-repeat;background-position: center center;background-size: 100%; content:""; position:absolute; left:0; top:6px;}
.footer-nav li a {letter-spacing: 0.16px;color: #202020; font-size:16px; font-weight:400;}
.footer-nav li a:hover { color:#F26522; }
.footer-nav.col-2 { margin-bottom:23px;display: flex;flex-wrap: wrap; }
.footer-nav.col-2 li { width:50%; }
.copyright-wrap { padding:24px 0 24px 0; border-top: 1px solid #DEDEDE;}
.copyright-wrap p {color: #141414; font-size:15px; font-weight:400;}
.copyright-wrap .design-by { text-align:right; }
.footer-about .row .col-lg-4:not(:last-child){
border-right: 1px solid #DEDEDE;
}
/***
====================================================================
About us css
====================================================================
***/
.inner-banner { background:url(assets/images/inner-banner-bg.jpg) no-repeat left top; background-size:cover; }
.banner-title {letter-spacing: 0.45px;color: #FFFFFF; font-size:64px; font-weight:700; margin-bottom:0; }
.banner-title span { display:block;letter-spacing: 0.25px;color: #1A3E9E; font-weight:600; font-size:25px;margin-bottom: 7px; }
.inner-banner .img-holder {margin-right: -100px;}
.common-section { padding:95px 0; }
.tagline.left-align { background-position: 0 0;}
.about-pbr-wrap { position:relative; }
.about-pbr-wrap:before { position:absolute; left:0; right:0; bottom:-80px; height:1px; content:""; background:rgba(0,0,0,0.1);}
.about-pbr-wrap .row:not(:last-child) { margin-bottom:80px; }
.about-pbr-wrap .row:nth-child(even) .col-md-6:nth-child(1) { order:2;}
.about-pbr-wrap .row:nth-child(even) .col-md-6:nth-child(2) { order:1;}
/***
====================================================================
History of Porbandar css
====================================================================
***/
.our-history { background:#FFF7F3;}
.our-history .section-header { margin-bottom:56px; }
.our-history .history-img { margin-bottom:75px; }
.pbr-history h2 {margin-bottom:24px;}
.pbr-history h2 span { color:#F26522; font-weight:400; }
.pbr-history h3 { margin-bottom:10px; color:#0D0D0D; font-size:20px; font-weight:600;}
.pbr-history-wrap .pbr-history-row:not(:last-child) { margin-bottom:80px; }
.pbr-history-wrap .pbr-history-row:nth-child(odd) .col-md-6:nth-child(1) { order:2;}
.pbr-history-wrap .pbr-history-row:nth-child(odd) .col-md-6:nth-child(2) { order:1;}
.pbr-history-wrap .pbr-history-row:nth-child(even) .img-holder { text-align:right;}
.pbr-old-history h2 { color:#0D0D0D; font-weight:700; font-size:22px; margin-bottom:25px; }
.pbr-old-history-wrap .pbr-old-history-row:not(:last-child) { margin-bottom:80px; }
.pbr-old-history-wrap .pbr-old-history-row:nth-child(even) .col-md-4 { order:1;}
.pbr-old-history-wrap .pbr-old-history-row:nth-child(even) .col-md-8 { order:2;}
.pbr-old-history-row .img-holder { border-radius:15px; overflow:hidden; }
.pbr-old-history-row .img-holder img { width:100%; }
.pbr-old-history-wrap { position:relative; }
.pbr-old-history-wrap:before {position: absolute;left: 0;right: 0;bottom: -100px;height: 1px;content: "";background: rgba(0,0,0,0.1);}
.constituency .row { position:relative; }
.constituency .row:before { position:absolute; left:15px; right:15px; bottom:-16px; content:""; height:26px; background:url(assets/images/constituency-row-bg.png) no-repeat 0 0; background-size:100%; display:block; }
.early-life h2, .political-career h2 {padding-top: 37px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='74.408' height='78.135' viewBox='0 0 74.408 78.135'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%230d0d0d'/%3E%3Cstop offset='0.395' stop-color='%230d0d0d' stop-opacity='0.302'/%3E%3Cstop offset='1' stop-color='%230d0d0d' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Group_46031' data-name='Group 46031' opacity='0.1'%3E%3Cpath id='Path_41789' data-name='Path 41789' d='M71.194,4.14c-7.451.586-11.782,4.14-14.2,7.317.242-5.048,2.3-6.99,2.315-7.01l1.918-1.678H58.682c-8.365,0-12.945,3.973-15.255,7.106a67.227,67.227,0,0,0-5.453-8.83L37.2,0l-.769,1.046a67.493,67.493,0,0,0-5.454,8.826c-2.311-3.132-6.891-7.1-15.256-7.1l-2.457.008,1.82,1.663c.024.022,2.082,1.97,2.322,7.018C15,8.283,10.669,4.726,3.215,4.14L0,3.889,2.555,5.853c.034.024,3.183,2.72,3.183,12.375,0,10.285,2.181,17.369,6.487,21.1-2.254,1.652-5.067,4.989-5.39,11.416l-.121,2.133,1.661-1.33c.093-.068,2.343-1.657,6.81,1.4a11.039,11.039,0,0,0,6.258,1.609A30.788,30.788,0,0,0,30.6,52.881c4.246,3.313,5.4,5.734,5.693,6.641l.006,0v.013c.031,2.606-.12,12.356-3.907,17.034a.958.958,0,1,0,1.489,1.205c4.378-5.409,4.384-16.2,4.33-18.538.429-1.064,1.724-3.341,5.592-6.361a30.783,30.783,0,0,0,9.16,1.674,11.041,11.041,0,0,0,6.258-1.609c4.418-3.023,6.665-1.5,6.8-1.4l1.652,1.321-.106-2.123c-.323-6.431-3.138-9.766-5.392-11.416,4.306-3.729,6.486-10.812,6.486-21.1,0-9.535,3.09-12.291,3.194-12.38l2.547-1.959ZM58.143,51.366c-3.377,2.309-9.5.963-12.583.057.027-.029.054-.054.079-.081.063-.064.123-.127.181-.19s.117-.126.172-.189.11-.128.162-.191.1-.126.154-.189.1-.127.145-.19a7.488,7.488,0,0,0,.713-1.179c.019-.047.041-.093.063-.14.082-.186.156-.375.222-.561.019-.057.037-.117.054-.178l.006-.013c.016-.054.033-.112.046-.167.05-.181.091-.361.121-.539.007-.044.016-.088.022-.132a6.147,6.147,0,0,0,.063-1.152q0-.1-.011-.2c0-.058-.008-.117-.017-.175s-.011-.134-.022-.2c-.011-.088-.022-.175-.039-.26a1.218,1.218,0,0,0-.03-.158,1.064,1.064,0,0,0-.027-.143c-.015-.071-.03-.143-.05-.214-.033-.139-.071-.276-.112-.407,0-.019-.011-.035-.016-.052.085-.017.169-.033.254-.052.351-.069.69-.15,1.024-.238.141-.039.284-.08.424-.12s.282-.082.418-.129l.046-.016c.145-.047.288-.1.43-.149l.011,0c.141-.052.282-.106.421-.162s.283-.115.422-.174.277-.121.411-.186.271-.129.4-.2.285-.151.424-.227c.106-.06.21-.121.312-.184.022-.013.047-.027.069-.041.093-.054.186-.115.276-.172.03-.019.058-.039.086-.056l.054-.037h0c.139,0,.273,0,.411,0,.226,0,.448,0,.67-.013.145,0,.288-.011.43-.022.36-.019.717-.054,1.064-.1.175-.019.345-.047.515-.077h.007c.17-.03.337-.059.5-.1s.334-.071.5-.112.325-.082.487-.128c.137-.039.271-.08.4-.123.342-.106.676-.23,1-.366.147-.06.3-.126.441-.192l.011,0c.147-.069.293-.14.438-.216s.273-.143.407-.219a.427.427,0,0,0,.077-.047c.085-.046.169-.1.251-.145,2.071,1.305,4.37,3.85,4.987,8.8-1.516-.342-4.019-.257-7.387,2.049m-15.093-.32c-.2.151-.392.3-.58.448l-.008.008-.812.624.03.011a21.01,21.01,0,0,0-4.476,4.9,20.884,20.884,0,0,0-4.474-4.9l.03-.011-.816-.626c-.189-.147-.38-.3-.58-.448l-.145-.112a9.95,9.95,0,0,1-.936-.8c-.079-.076-.156-.154-.227-.23s-.163-.175-.241-.262-.131-.156-.191-.236c-.047-.058-.091-.115-.129-.173a1.429,1.429,0,0,1-.1-.139c-.019-.024-.036-.052-.052-.076-.036-.052-.069-.1-.1-.156A.758.758,0,0,0,29.2,48.8l-.093-.167c-.054-.1-.106-.205-.154-.306-.024-.052-.046-.108-.068-.16a.028.028,0,0,1-.006-.016,1.643,1.643,0,0,1-.071-.184.686.686,0,0,1-.027-.08,1.466,1.466,0,0,1-.052-.161c-.006-.017-.008-.03-.015-.044-.016-.058-.03-.115-.044-.173a1.055,1.055,0,0,1-.028-.126c-.013-.065-.024-.132-.035-.2a.853.853,0,0,1-.019-.145,1.21,1.21,0,0,1-.016-.15c-.008-.1-.015-.2-.015-.3,0-.074,0-.147,0-.224a1.732,1.732,0,0,1,.012-.178c0-.06.013-.121.018-.181a1.546,1.546,0,0,1,.028-.18,4.931,4.931,0,0,1,.178-.736c.025-.074.05-.147.077-.225a1.1,1.1,0,0,1,.063-.161c.011-.03.022-.058.035-.088a1.47,1.47,0,0,1,.071-.164c.033-.07.065-.145.1-.215a.274.274,0,0,1,.022-.047c.011-.019.019-.041.033-.06l.011.008c.1.085.205.169.312.251.041.03.08.063.121.091.054.044.109.085.167.123s.111.08.167.117a10.351,10.351,0,0,0,1.94,1.043,14.741,14.741,0,0,0,10.572,0,10.527,10.527,0,0,0,1.945-1.048c.074-.052.147-.1.219-.156.022-.013.041-.03.063-.046.056-.039.11-.08.164-.123l.006,0c.106-.082.208-.167.312-.251l.011-.008.022.041a.073.073,0,0,1,.011.022,4.561,4.561,0,0,1-.509,5.281,4.032,4.032,0,0,1-.279.325,8.758,8.758,0,0,1-1.264,1.136l-.007.008Zm-26.784.32a10.731,10.731,0,0,0-6.016-2.2,6.083,6.083,0,0,0-1.371.149c.618-4.945,2.916-7.49,4.987-8.8.044.025.085.052.128.075.077.048.154.093.231.134.271.152.544.293.826.423.145.066.29.132.438.192s.307.123.461.18.312.112.47.164.317.1.479.145.323.087.487.128.331.077.5.112.325.063.49.093a.2.2,0,0,0,.039.006c.164.027.331.052.5.074s.349.044.528.06.355.033.535.044c.112.008.227.013.342.016s.244.011.366.015.261,0,.392,0,.271,0,.411,0h0a.015.015,0,0,0,.011.007.112.112,0,0,0,.041.028q.383.254.788.479c.221.126.452.244.684.355.06.028.121.058.18.086.091.044.184.085.279.126.028.013.056.024.082.035.126.054.257.11.386.158.277.112.561.216.851.309.162.056.326.1.493.154l.345.1c.372.1.755.191,1.15.267a1208.357,1208.357,0,0,0,.191.039c-.05.154-.093.312-.134.474-.019.082-.039.163-.054.245l-.033.173c-.011.057-.022.117-.03.178-.006.028-.008.058-.013.091v.008c-.008.057-.017.115-.023.174-.011.086-.018.17-.024.257,0,.025,0,.05,0,.074-.006.045-.006.091-.008.138a4.516,4.516,0,0,0,0,.479c0,.059,0,.122.008.186.011.163.03.33.057.5.006.037.011.076.019.115.022.117.044.238.074.358s.06.233.093.351l.006.013c.016.058.035.115.054.173s.05.145.08.219c.019.054.037.106.063.162.046.115.1.232.156.349.024.05.05.1.076.154s.052.1.082.156.058.1.087.154a7.9,7.9,0,0,0,1.059,1.42c.045.046.088.1.134.141s.1.1.154.156c-3.088.909-9.21,2.252-12.583-.057m1.043-36.53a32.326,32.326,0,0,1-.6,3.735c-2.048,9.314-1.5,16.291,1.625,20.734.08.112.162.225.247.334.05.069.1.134.154.2q.2.261.423.511c-.111-.013-.224-.03-.334-.05l-.1-.016a.173.173,0,0,0-.027-.006c-.112-.017-.221-.039-.331-.06-.134-.027-.268-.054-.4-.087a.076.076,0,0,1-.027-.006c-.134-.03-.266-.065-.4-.1-.077-.019-.154-.041-.227-.066-.047-.011-.093-.027-.14-.041-.082-.024-.167-.052-.245-.079-.162-.052-.323-.112-.482-.175s-.314-.126-.468-.195c-.068-.03-.139-.063-.205-.1-.106-.05-.213-.1-.317-.156-.082-.041-.162-.085-.241-.129s-.181-.1-.268-.152l-.178-.108a.045.045,0,0,1-.017-.011c-.109-.068-.219-.137-.325-.21C9.932,35.554,7.653,28.7,7.653,18.228c0-6.293-1.291-9.94-2.4-11.9A16.2,16.2,0,0,1,17.31,14.835m1.934-.106.024-.277,0,0c.388-4.9-.665-7.971-1.611-9.686C24.38,5.32,28.048,8.753,30,11.831c-.033.071-.065.139-.1.21-.106.227-.214.454-.318.682s-.208.454-.308.682c-.2.453-.4.905-.584,1.354-.076.184-.152.366-.226.55q-.165.4-.318.8c-.087.224-.173.446-.257.67s-.164.446-.243.668-.16.442-.236.665-.143.416-.21.62c-.154.457-.3.917-.438,1.371-.063.219-.129.435-.192.652s-.123.438-.184.656-.117.435-.172.654-.11.433-.162.649c-.044.18-.087.358-.126.533-.063.26-.117.52-.172.78-.045.208-.088.416-.129.627s-.076.39-.109.587a.62.62,0,0,0-.015.071c-.076.422-.147.84-.208,1.256-.024.158-.046.32-.068.479q-.189,1.367-.277,2.715c-.013.2-.028.4-.035.607-.006.085-.008.173-.011.26-.015.3-.025.594-.03.89-.011.6-.006,1.2.013,1.793a18.724,18.724,0,0,0,1.278,6.6c.065.158.134.314.205.468a.484.484,0,0,0,.022.044c.052.115.106.227.164.34l.089.178c.053.1.108.2.164.3a.6.6,0,0,0,.05.085c.076.137.158.273.241.4.074.115.147.23.227.345.065.1.134.192.205.288a.335.335,0,0,0,.041.057c.057.08.117.16.18.236.015.019.028.035.041.054l-.013.025c-.091-.015-.181-.03-.271-.047s-.2-.035-.3-.057a14.368,14.368,0,0,1-2.783-.829c-.08-.033-.157-.066-.233-.1-.093-.041-.186-.082-.277-.126s-.208-.1-.308-.154-.227-.117-.34-.18-.221-.123-.329-.189-.213-.132-.317-.2-.205-.137-.307-.2l0,0-.019-.013,0,0A10.091,10.091,0,0,1,19.9,38.2c-2.8-3.987-3.25-10.455-1.324-19.223a33.716,33.716,0,0,0,.667-4.252M31.955,12.2l.227-.463A67.5,67.5,0,0,1,37.2,3.256a67.309,67.309,0,0,1,5.024,8.476c.074.154.15.307.226.463q.805,1.65,1.483,3.278c.181.432.357.864.523,1.293s.331.862.484,1.29A41.623,41.623,0,0,1,47.62,32.182c0,.355,0,.712-.017,1.065a16.9,16.9,0,0,1-1.135,5.923c-.046.11-.093.216-.143.323-.024.06-.052.121-.082.179q-.073.16-.156.312a1.767,1.767,0,0,1-.1.189c-.056.106-.115.21-.178.314-.045.08-.093.158-.145.238s-.112.173-.17.257c-.087.131-.178.257-.271.377s-.167.214-.254.314c-.069.082-.138.162-.208.238l-.056.06a7.924,7.924,0,0,1-1.354,1.171,8.612,8.612,0,0,1-1.59.856,12.838,12.838,0,0,1-9.117,0,8.437,8.437,0,0,1-1.585-.851,8.136,8.136,0,0,1-1.36-1.174l-.167-.183c-.076-.091-.154-.181-.225-.274-.131-.164-.256-.334-.375-.509a2.451,2.451,0,0,1-.15-.221c-.1-.147-.189-.3-.279-.457-.137-.244-.268-.5-.388-.758-.06-.132-.121-.264-.175-.4l0,0a16.882,16.882,0,0,1-1.133-5.921C26.6,26.724,28.328,19.64,31.955,12.2m24.8-7.434c-.944,1.715-2,4.79-1.609,9.686l0,0,.024.277a33.633,33.633,0,0,0,.667,4.252C57.76,27.75,57.314,34.218,54.51,38.2a10.077,10.077,0,0,1-2.4,2.416l-.019.013,0,0q-.274.192-.566.369c-.147.091-.3.178-.452.26-.079.044-.161.088-.243.129s-.169.087-.257.128-.15.074-.227.109l-.131.058c-.077.035-.154.069-.233.1a14.022,14.022,0,0,1-1.932.639l-.312.075c-.15.035-.3.068-.454.1-.134.028-.267.052-.4.076-.085.017-.169.03-.254.045a.085.085,0,0,1-.013-.025c.013-.016.027-.035.04-.052s.041-.052.06-.079c.115-.149.227-.3.334-.457.088-.123.17-.253.253-.381l0-.011c.091-.14.175-.282.257-.429.1-.173.195-.348.282-.528.065-.126.129-.253.186-.381.074-.156.143-.314.21-.476a15.449,15.449,0,0,0,.9-3.036,22.7,22.7,0,0,0,.383-3.562q.02-.6.019-1.215c0-.209,0-.419-.008-.63q-.022-1.068-.108-2.154c-.011-.15-.024-.3-.037-.457s-.028-.306-.044-.459-.034-.306-.05-.462c-.025-.205-.05-.411-.077-.619q-.2-1.563-.535-3.157c-.041-.2-.085-.4-.129-.6-.035-.164-.074-.331-.115-.5s-.085-.365-.131-.545q-.2-.816-.435-1.644c-.052-.184-.106-.367-.162-.554-.044-.15-.089-.3-.137-.451-.082-.268-.167-.539-.254-.81-.045-.134-.091-.268-.134-.4-.06-.18-.123-.364-.186-.546-.077-.222-.154-.444-.236-.665q-.961-2.669-2.254-5.4c-.033-.071-.065-.139-.1-.21,1.957-3.079,5.626-6.512,12.349-7.07m3.231,33.846c-.112.076-.227.15-.342.221a9.452,9.452,0,0,1-1,.545c-.063.033-.128.063-.193.089-.086.039-.173.077-.26.112a.385.385,0,0,1-.045.019c-.117.05-.238.1-.358.14-.1.035-.2.07-.3.1-.08.027-.158.052-.238.076-.06.019-.12.035-.18.054s-.129.039-.195.056c-.134.035-.268.07-.4.1-.112.027-.227.052-.342.074a.3.3,0,0,0-.054.013c-.137.024-.277.052-.416.074-.022,0-.044.008-.066.011q-.163.025-.33.047c.065-.074.131-.151.193-.227.085-.1.17-.205.249-.309.047-.058.091-.115.134-.175.085-.109.164-.219.244-.331C59.2,34.861,59.748,27.886,57.7,18.57c-.057-.257-.109-.514-.158-.766-.013-.068-.028-.134-.039-.2-.03-.15-.057-.3-.085-.455s-.058-.328-.082-.492c-.016-.1-.033-.192-.046-.288-.019-.12-.036-.241-.052-.358s-.036-.249-.05-.37-.028-.216-.039-.323-.024-.2-.033-.3c0-.048-.013-.1-.017-.141a.285.285,0,0,0,0-.047A16.208,16.208,0,0,1,69.153,6.327c-1.1,1.962-2.4,5.609-2.4,11.9,0,10.468-2.276,17.325-6.769,20.379' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A");background-repeat: no-repeat;background-position: 0 0;background-size: 74px;font-weight: 700;margin-bottom: 25px;}
.early-life .img-holder { margin-top:116px; text-align:center; }
.early-life { padding-top:0 !important;}
.political-career { background:#F7F9FF;}
.political-career .img-holder { margin-top:40px; }
.mission-city { background:url(assets/images/mission-city-bg.jpg) no-repeat center top; background-size:cover; }
.mission-city .row { margin-left:-48px; margin-right:-48px; }
.mission-city .row:not(:last-child) { margin-bottom:75px; }
.mission-city .row [class*="col-"] { padding-left:48px; padding-right:48px; }
.social-stream .row {
max-width: 800px;
margin: 0 auto;
width: 100%;
}
section.social-stream {
text-align: center;
}
/***
====================================================================
Media Coverage css
====================================================================
***/
.page-filter { margin-bottom:54px; }
.page-filter label { color:#474747; font-weight:700; font-size:15px; display:block; padding-bottom:8px; }
.page-filter .search-field { width:100%; height:57px;border: 1px solid #E0E0E0;border-radius: 8px; background-color:#fff; color:#000; font-size:15px; font-weight:400; padding:10px 50px 10px 17px;font-family: "Poppins", sans-serif;background-image: url("data:image/svg+xml,%3Csvg id='search' xmlns='http://www.w3.org/2000/svg' width='19.609' height='19.609' viewBox='0 0 19.609 19.609'%3E%3Cpath id='Union_1' data-name='Union 1' d='M18.248,19.375l-4.1-4.1a8.645,8.645,0,1,1,1.127-1.127l4.1,4.1a.8.8,0,1,1-1.127,1.127ZM1.594,8.635A7.041,7.041,0,1,0,8.635,1.594,7.049,7.049,0,0,0,1.594,8.635Z' fill='%23b8b8b8'/%3E%3C/svg%3E%0A");background-repeat: no-repeat;background-position: right 15px center;background-size: 19px; }
.page-filter .search-field:focus { outline:0 none; }
.media-list { margin:0 -15px; padding:0; list-style:none;display: flex; flex-wrap: wrap; }
.media-list li { width:33.333%; padding:15px; }
.popUpBtn { margin:0; padding:0; background:none; border:0; border-radius:0;}
.media-list .video-img { width:100%; height:218px; overflow:hidden; position:relative; border-radius:15px; }
.media-list .video-img:before { position:absolute; left:0; top:0; height:100%; width:100%; content:""; background:rgba(13, 13, 13, 0.4); z-index:1;}
.media-list .video-img img { width:100%; height:100%;object-fit: cover;object-position: center top; }
.media-list .video-icon { width:50px; height:50px; position:absolute; left:50%; top:50%; border-radius:50%; background:rgba(255, 255, 255, 0.6);transform: translate(-50%,-50%);display: flex;align-items: center;justify-content: center; z-index:2;}
.media-list .video-icon svg { width:12px; height:auto;}
.media-list .video-img img, .media-list .video-img:before, .media-list .video-icon, .media-list .video-icon svg, .media-list .video-icon svg path, .media-list .video-title {transition: all .4s ease-in-out;}
.media-list .video-box:hover .video-img img { transform: scale(1.1) ;}
.media-list .video-box:hover .video-icon { background:rgba(242, 101, 34, 1);}
.media-list .video-box:hover .video-icon svg path { fill:#fff;}
.media-list .video-title {color: #141414; font-weight:700; font-size:16px; margin-top:15px; text-align:left;font-family: "Poppins", sans-serif;}
.media-list .video-box:hover .video-title {color: #F26522;}
/***
====================================================================
Gallery css
====================================================================
***/
.main-gallery { background:#FFF7F3; margin-bottom:67px;}
.main-gallery .gallery-tab li span {border: 1px solid #F26522; color:#0D0D0D; padding:13px 40px;}
.main-gallery .gallery-tab li.current span, .main-gallery .gallery-tab li span:hover { color:#fff;background: #F26522; border-color:#F26522; }
.photo-list li { width:25%; }
.photo-list .photo-img { width:100%; height:204px; overflow:hidden; position:relative; border-radius:15px; cursor:pointer;display: flex; }
.photo-list .photo-img img { width:100%; height:100%;object-fit: cover;object-position: center top;transition: all .4s ease-in-out; }
.photo-list .photo-img:hover img { transform: scale(1.1) ;}
.home-video-list .video-img, .home-media-list .video-img { height:280px; }
.home-media-list .video-title { color:#fff; }
.contact-wrap {background: #FCFCFC;border: 1px solid #F1F1F1;border-radius: 15px; padding:40px 0;}
.contact-wrap .contact-col { width:50%; padding: 0 60px; }
.contact-wrap .contact-col:first-child { border-right:1px solid #D9D9D9; }
.contact-list { margin:0; padding:0; list-style:none;}
.contact-list li:not(:last-child) { margin-bottom:20px;}
.contact-list .contact-title { color:#F26522; font-size:15px; font-weight:600; margin-bottom:0;}
.contact-list p { color:#141414; font-size:17px; font-weight:600;}
.contact-list p a { color:#141414;}
.contact-list p a:hover { color:#F26522;}
.get-in-touch {border-radius: 20px; background:#FFF7F3; padding:60px; margin-top:46px;}
.contact-widget { position:relative; padding-left:71px; min-height:56px;padding-top: 3px; }
.contact-widget .icon { position:absolute; left:0; top:0; width:56px; height:56px; }
.contact-list li:first-child .contact-widget { padding-top:0;}
.contact-list li:first-child .contact-title { font-size:25px; font-weight:700;}
.pbr-profile-box { text-align:center; background:url(assets/images/ind-profile-bg.png) no-repeat 0 0; width:100%; min-height:388px;padding: 70px 100px; display: flex; flex-wrap: wrap; align-content: center; justify-content: center;background-size: cover; }
.pbr-profile-box .heading { width:100%; font-weight:700; color:#fff; }
.pbr-profile-box .heading span { font-weight:400; color:#F26522;}
.our-infrastructure { padding:96px 0 0 0; }
.our-infrastructure .section-header p { font-size:16px; font-weight:400;}
.our-infrastructure .section-header h2 { margin-bottom:15px; }
.infrastructure-box {box-shadow: 0px 25px 99px #F265221F;border-radius: 25px; padding:38px 38px 0 38px;}
.infrastructure-box .img-holder {border-radius: 20px; overflow:hidden; margin-bottom:15px;}
.infrastructure-box h3 { color:#0D0D0D; font-size:25px; font-weight:700;letter-spacing: 0.25px; margin-bottom:10px; }
.infrastructure-box p { margin-bottom:37px; }
.contact-us.common-section { padding-bottom:0;}
.cms-header button.sub-menu-toggle {display: none;}
.wp-admin .editor-styles-wrapper .wp-block { max-width: 1080px;}
input[type=email], input[type=number], input[type=password], .page input[type=search], input[type=tel], .page input[type=text],.page input[type=url], .page select, .page textarea, input[type=date], .form-control, select.form-control:not([size]):not([multiple]) {width: 100%;color: #000;height:56px;padding: 0 20px;font-size: 16px;line-height: normal;font-family: poppins, sans-serif;background-color: #fff;border: 1px solid #d8e4e6;border-radius:50px;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.common-form .form-group {margin-bottom: 26px;}
.common-form .label {font-size: 15px;color: #000;padding-bottom: 5px;display: block;font-family: poppins, sans-serif;font-weight: 500;}
textarea.form-control {border-radius: 15px;height: 125px;resize: none;padding: 15px;}
.blog-pagination, .pagination {display: flex;align-items: center;
justify-content: center;margin-top: 40px;}
.page-numbers { min-width:42px; min-height:42px; border-radius:50%;border: 1px solid rgba(13, 13, 13, 0.2); font-size:15px; color:#141414; font-weight:500; margin: 0 5px;display: flex;align-items: center;justify-content: center;}
.page-numbers.current, .page-numbers:hover { background:#F26522; border-color:#F26522; color:#fff !important; }
.next.page-numbers, .prev.page-numbers { border:0; min-width:1px; min-height:1px; border-radius:0;}
.next.page-numbers:hover, .prev.page-numbers:hover{ background:#F26522; color:#fff; }
.wpcf7 form.sent .wpcf7-response-output {margin: 0;border: 0;color: #46b450;}
.subscribe-form .wpcf7-not-valid-tip {position: absolute;left: 30px;margin-top: 10px;}
.wpcf7 form.invalid .wpcf7-response-output { display:none; }
.political-career ul, .bullet-text { margin:0; padding:0; list-style:none; }
.political-career ul li, .bullet-text li { position:relative; margin-bottom:15px;padding-left: 22px;font-weight: 500; }
.political-career ul li:before, .bullet-text li:before { width: 13px;height: 10px;position: absolute;top: 8px;left: 0;content: "";background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.926' height='9.989' viewBox='0 0 12.926 9.989'%3E%3Cg id='Group_46333' data-name='Group 46333' transform='translate(1.097 0.847)'%3E%3Cg id='Group_45996' data-name='Group 45996' transform='translate(-1.097 -0.847)'%3E%3Cpath id='Path_41763' data-name='Path 41763' d='M12.926.844l-.939.132a4.518,4.518,0,0,0-2.028.807,1.808,1.808,0,0,1,.053-.667L10.253.3,9.41.417A3.054,3.054,0,0,0,7.5,1.374,9.34,9.34,0,0,0,6.9.521L6.479,0,6.051.518c-.232.281-.44.564-.629.846a3.061,3.061,0,0,0-1.9-.947L2.675.3l.24.817a1.831,1.831,0,0,1,.052.667A4.518,4.518,0,0,0,.94.976L0,.844l.354.88A4.383,4.383,0,0,1,.545,3.555a4.2,4.2,0,0,0,.3,2.127A3,3,0,0,0,2.076,6.9a2.65,2.65,0,0,0-.789.653.73.73,0,0,0-.135.886l.265.337.376-.084a1.342,1.342,0,0,1,1.056.066,2.1,2.1,0,0,0,.947.226l.086,0a1.588,1.588,0,0,0,.989-.313c.06.029.12.057.192.084a1.336,1.336,0,0,1,.885.8.547.547,0,0,0,.506.433h.031a.548.548,0,0,0,.521-.376,1.243,1.243,0,0,1,.784-.7,2.73,2.73,0,0,0,.447-.223A1.859,1.859,0,0,0,9,8.857h.085a2.1,2.1,0,0,0,.946-.226,1.355,1.355,0,0,1,1.056-.066l.433.071.208-.324a.728.728,0,0,0-.135-.886,2.606,2.606,0,0,0-.658-.574A2.96,2.96,0,0,0,12.08,5.682a4.2,4.2,0,0,0,.3-2.125,4.388,4.388,0,0,1,.192-1.832ZM8.08,2.44a1.544,1.544,0,0,1,.766-.726,5.773,5.773,0,0,0,.331,1.553A2.945,2.945,0,0,1,9.336,5.3a1.784,1.784,0,0,1-1.008.98,4.526,4.526,0,0,0-.259-3.849ZM6.458,1.79c.619.947,1.631,2.856.8,4.19a.979.979,0,0,1-.874.541,1.074,1.074,0,0,1-.866-.658c-.4-.817-.329-2.283.943-4.073M4.081,1.713a1.538,1.538,0,0,1,.748.691A4.568,4.568,0,0,0,4.482,6.22a1.723,1.723,0,0,1-.89-.917A2.945,2.945,0,0,1,3.75,3.266a5.782,5.782,0,0,0,.331-1.553M1.643,3.593a8.259,8.259,0,0,0-.026-1.31,3.091,3.091,0,0,1,1.073.693A3.884,3.884,0,0,0,2.567,5.7a2.762,2.762,0,0,0,.163.311,2.017,2.017,0,0,1-.9-.831,3.289,3.289,0,0,1-.184-1.589m2.2,4.293A1.034,1.034,0,0,1,3.3,7.757c-.07-.032-.142-.063-.213-.09a1.866,1.866,0,0,1,.876.013c.075.086.155.158.2.146a.687.687,0,0,1-.323.059m3.545,0a2.7,2.7,0,0,0-.87.537,2.657,2.657,0,0,0-.892-.63,3.376,3.376,0,0,1,.888-.121h.022a2.841,2.841,0,0,1,.953.171l-.1.042m2.4-.347c-.073.029-.143.058-.214.09a1.131,1.131,0,0,1-.542.13A2.256,2.256,0,0,1,8.8,7.737l0-.025c.031-.044.071-.1.119-.158l.02,0a1.9,1.9,0,0,1,.853-.01m1.49-3.947A3.29,3.29,0,0,1,11.1,5.182a2.026,2.026,0,0,1-.9.83,2.658,2.658,0,0,0,.162-.31,3.887,3.887,0,0,0-.122-2.724,3.105,3.105,0,0,1,1.073-.695,8.4,8.4,0,0,0-.027,1.31' fill='%23f26522'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");background-repeat: no-repeat;background-position: center center; background-size: 100%;}
/***
====================================================================
Media Single css
====================================================================
***/
.media-detail { padding-bottom:76px; }
.media-single-box {border-radius: 20px; background:#FFF7F3; padding: 0 110px 80px 110px; overflow:hidden;}
.media-single-box .media-thumb { margin:0 -110px 50px -110px; }
.media-single-box .media-thumb img { width:100%; height:auto; }
.media-single-box .heading { font-size:30px; font-weight:700; margin-bottom:16px;}
.media-single-box .media-date { color:#0D0D0D; font-size:14px; margin-bottom:32px; }
.media-detail .video-box {margin-bottom:32px;}
.media-detail .video-img { width:100%; height:auto;overflow:hidden; position:relative;border-radius:15px; }
.media-detail .video-img:before { position:absolute; left:0; top:0; height:100%; width:100%; content:""; background:rgba(13, 13, 13, 0.4); z-index:1;}
.media-detail .video-img img { width:100%; height:100%;object-fit: cover;object-position: center top; }
.media-detail .video-icon { width:50px; height:50px; position:absolute; left:50%; top:50%; border-radius:50%; background:rgba(255, 255, 255, 0.6);transform: translate(-50%,-50%);display: flex;align-items: center;justify-content: center; z-index:2;}
.media-detail .video-icon svg { width:12px; height:auto;}
.media-detail .video-img img, .media-detail .video-img:before, .media-detail .video-icon, .media-detail .video-icon svg, .media-detail .video-icon svg path, .media-detail .video-title {transition: all .4s ease-in-out;}
.media-detail .video-box:hover .video-img img { transform: scale(1.1) ;}
.media-detail .video-box:hover .video-icon { background:rgba(242, 101, 34, 1);}
.media-detail .video-box:hover .video-icon svg path { fill:#fff;}
.media-detail .video-title {color: #141414; font-weight:700; font-size:16px; margin-top:15px; text-align:left;font-family: "Poppins", sans-serif;}
.media-detail .video-box:hover .video-title {color: #F26522;}
.gallery-tab-content iframe {
width: 100%;
height: 420px;
border: none;
}
body.error404 .btn-box {
margin-top: 20px;
}
/** Heact **/
.mobile-menu li.contact-us a {
background: linear-gradient(90deg, #F0984B 0%, #ED5D40 100%);
color: #fff;
border-radius: 40px;
font-weight: 700;
font-size: 16px;
line-height: 24px;
text-align: center;
text-transform: uppercase;
padding: 16px 40px;
letter-spacing: 1px;
font-family: "Outfit", sans-serif;
}
.home-banner p {
font-size: 20px;
font-weight: 400;
color: #fff;
line-height: 1.5;
}
.mainhead {
color: #FFF;
font-size:64px;
text-transform: uppercase;
margin-bottom: 24px;
}
.social-stream iframe {
border: 1px solid rgb(207, 217, 222) !important;
border-radius: 15px;
height: 450px !important;
width: 100% !important;
}
.tagline.text-center {
justify-content: center;
}
.help-us-content h2.heading {font-size: 64px;line-height: 1;}
.help-us-content p {
font-size: 18px;
color: #fff;
}
.our-impact-sec { background-color:#D44237; position:relative; padding: 100px 0 60px; }
.our-impact-sec .tagline, .our-impact-sec .heading, .our-impact-sec p, .our-impact-sec .tagline .dot-wrap { color:#fff; }
.our-impact-sec .tagline { padding-bottom: 30px; }
.our-impact-sec .img-holder img {width: 100%; object-fit: cover;object-position: top center;}
.our-impact-sec .our-impact-right-col { padding: 0; }
.our-impact-sec .img-holder {
top: 80px;
bottom: 0;
right: 0;
position: absolute;
max-width: 735px;
width: 100%;
}
ul.our-impact {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
display: grid;
gap:40px;
grid-template-columns: repeat(2, 1fr);
}
ul.our-impact:before {
display: none;
}
.oi-title {
color: #F0984B;
font-size: 80px;
font-weight: bold;
font-family: "Outfit", sans-serif;
line-height: 1.1;
}
.oi-sub-heading {
font-family: "Poppins", sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 1.3;
color: #fff;
margin-bottom: 6px;
}
ul.our-impact p {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.3;
color: #ccc;
margin-bottom:0px;
}
.sec-our-fields-col {
max-width: 1216px;
margin: 0 auto;
width: 100%;
}
.sec-our-fields-col .col-md-3 {
text-align: center;
}
.sec-our-fields-col .col-md-3:hover .our-field-content{
background: #fff;
box-shadow: 0px 4px 40px 10px #FFDBD466;
border-radius:24px;
}
.sec-our-fields-col .our-field-content {
padding: 32px;
}
.sec-our-fields-col .col-md-3:hover h3 {
color:#202020;
}
.sec-our-fields-col h3 {
color: #7B7F89;
font-family: "Poppins", sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 1.2;
text-align: center;
margin: 24px 0px 0px;
}
section.section-our-fields {
padding: 100px 0px 0px;
}
.new-box .img-holder {
margin-bottom: 15px;
border-radius: 20px;
overflow: hidden;
}
a.button.btn-transparent {
background: transparent;
border: 1px solid #ED5D40;
color: #202020;
padding: 18px 38px;
}
a.button.btn-transparent:hover {
background: linear-gradient(90deg, #F0984B 0%, #ED5D40 100%);
color: #fff;
}
.our-new {
padding:100px 0 ;
}
section.home-banner {
background-repeat: no-repeat;
background-size: cover;
}
.our-new {
background:url(assets/images/our-news.jpg) no-repeat 0 0;
background-size: cover;
}
section.our-new h3 {
font-size: 24px;
color: #202020;
font-weight: 600;
line-height: 1.2;
margin-bottom: 10px;
}
section.our-new p {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
color: #7B7F89;
margin-bottom: 10px;
}
.new-link{
color:#ED5D40;
}
a.button.btn-black {
background: #202020;
}
a.button.btn-black:hover{
background: linear-gradient(90deg, #F0984B 0%, #ED5D40 100%);
}
.mobile-menu li.contact-us a:hover,
.button:hover{
background: #202020;
text-decoration: none !important;
}
a.button:hover, a.button:visited {
text-decoration: none !important;
}
.our-impact-sec .img-holder img {
border-top-left-radius: 360px;
border-bottom-left-radius: 360px;
border-width: 14px;
border: 14px solid #F0984B;
border-right: 0px;
}
.gallery-grid {
display: flex;
flex-direction: column;
gap: 24px;
}
.gallery-row1 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.gallery-row2 {
display: grid;
grid-template-columns:1fr 2fr 1fr;
gap: 24px;
}
.gallery-item .img-holder {
height: 276px;
border-radius: 25px;
overflow: hidden;
width: 100%;
}
.gallery-item .img-holder img {
border-radius: 25px;
width: 100%;
height: 100%;
object-fit: cover;
}
.inner-banner {
min-height:320px;
background-position: center center;
background-repeat:no-repeat;
background-size:cover;
position:relative;
display: flex;
align-items: center;
}
section.inner-banner h1.banner-title {
margin: 0;
text-transform: uppercase;
}
.menu-terms-and-condition-container,
.menu-quick-links-container{
padding: 16px 0 0px 0;
}
.footer-contact-box {
overflow-wrap: break-word;
}
.donation-way { position:relative; padding: 100px 0; }
.donation-way .tagline, .donation-way .heading, .donation-way p { color:#fff; }
.donation-way p:not(:last-child) { margin-bottom:35px; }
.donation-way .img-holder {width: 50%;top: 0;bottom: 0;right: 0;position: absolute;}
.donation-way .img-holder img {width: 100%;height: 100%;object-fit: cover;object-position: top center;}
.donation-way .donation-way-right-col { padding: 0 100px 0 0; }
.donation-way-right-col.help-us-content{
position: relative;
z-index:2;
}
.donation-way .col-lg-6.left-col::before {
content: "";
position: absolute;
display: block;
width: 65%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
background-color: #f1ae44;
-webkit-transform-origin: bottom left;
-webkit-transform: skew(-12deg, 0deg);
-moz-transform: skew(-12deg,0deg);
-ms-transform: skew(-12deg,0deg);
-o-transform: skew(-12deg,0deg);
transform: skew(15deg, 0deg);
border-top-right-radius:24px;
border-bottom-right-radius:40px;
background: linear-gradient(90deg, #F0984B 0%, #ED5D40 100%);
}
.photo-list .photo-img{
height: 240px;
}
.main-gallery .gallery-tab li span {
border: 1px solid #7B7F89;
padding: 13px 40px;
font-family: Outfit;
font-weight: 700;
font-size: 16px;
line-height: 24px;
text-align: center;
text-transform: uppercase;
color: #7B7F89;
}
.main-gallery .gallery-tab li.current span,
.main-gallery .gallery-tab li span:hover {
color: #202020;
background: transparent;
border-color: #F26522;
}
.heact-gallery{
background:#fff;
margin: 0px;
padding-bottom: 0;
}
.about-us-charit .row [class*="col-"] {
padding-left: 48px;
padding-right: 48px;
}
.our-mission-vision, .our-key-initiative { position:relative; }
.our-key-initiative ul.services-list,
.our-mission-vision ul.services-list {
display: flex;
justify-content: center;
}
.our-key-initiative ul.services-list::before,
.our-mission-vision ul.services-list::before {
display: none;
}
.services-list { margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap;row-gap: 30px; column-gap: 30px;}
.services-list li { width: calc(50% - 20px);}
.services-box { display:flex; width:100%; padding:10px 40px 10px 20px;border: 1px solid #E0E0E0;border-radius: 15px;background: linear-gradient(to right, rgba(225,225,225,1) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 100%);align-items: center;color: #141414; font-size:19px; font-weight:700;background-size: 300% 100%; position:relative; line-height:25px;}
.services-box .icon-holder { width: 100%; height: 100px; min-width: 100px; max-width: 100px; }
.services-box .icon-holder svg { width:100%; height:100%; }
.services-box .services-title{ margin-bottom:16px;font-family: "Poppins", sans-serif; }
.all-service-list .services-box {
display: block;
border: 0;
background: #fff;
padding: 35px;
height: 100%;
box-shadow: 0px 4px 40px 0px #0000001A;
}
.all-service-list .services-box p {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #7B7F89;
}
.our-mission-vision .services-box .services-title{ margin-bottom:24px; }
section.our-mission-vision {
background: url('assets/images/redcross_event_bg.jpg') no-repeat left top;background-size: cover;
}
section.visionary-leadership {
background: url('assets/images/aboutus_profile_bg.jpg') no-repeat left top;background-size: cover;
padding-bottom: 0;
}
.visionary-leadership h2 {
text-transform: capitalize;
margin-bottom: 24px;
}
section.our-mission-vision ul.services-list {
row-gap: 0;
}
.our-key-initiative .services-box{
background: linear-gradient(270deg, #29855E 36.5%, rgba(58, 78, 70, 0.9) 100%);
display: flex;
row-gap: 30px;
column-gap: 30px;
align-items: flex-start;
}
.our-key-initiative .section-header{
max-width:100%
}
.quote-box {
position: relative;
max-width: 1170px;
width: 100%;
margin: 0 auto;
padding: 20px 20px 60px;
text-align: center;
font-size: 40px;
font-weight: 700;
color: #202020;
text-transform: uppercase;
font-family: "Outfit", sans-serif;
line-height: 1.2;
}
.quote-box::before,
.quote-box::after {
content: "";
position: absolute;
width: 48px; /* adjust size */
height: 48px;
background-size: contain;
background-repeat: no-repeat;
}
.quote-box::before {
top:10px;
left:0;
background-image: url('data:image/svg+xml,');
}
.quote-box::after {
bottom:30px;
right: 0;
background-image:url('data:image/svg+xml,');
}
.empowering-content {
max-width: 1160px;
margin: 0 auto;
width: 100%;
}
blockquote.quote-box p {
position: relative;
z-index: 2;
}
ul.services-list:after,
section.our-key-initiative .container:before,
section.our-key-initiative .container:after {
content: none;
}
.contact-info-block ul:before {
content: none;
}
.contact-info-block .services-list li {
width: calc(33.33% - 20px);
}
.contact-info-block .services-box {
display: flex;
row-gap: 30px;
column-gap: 20px;
align-items: flex-start;
}
.services-contact-details a {
color: #7B7F89;
}
.services-contact-details {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #7B7F89;
word-break: break-word;
}
.contact-info-block h3.services-title {
font-weight: 600;
font-size: 24px;
line-height: 1;
margin-bottom: 5px;
}
.mobile-menu li.donation a {
color: #fff;
padding: 15px 25px;
width: 100%;
font-family: "Outfit", sans-serif;
text-transform:uppercase;
font-weight:700;
letter-spacing:1px;
min-width: 170px !important;
}
.mobile-menu li.donation a:hover{
background: #202020;
text-decoration: none !important;
}
div#wcdp {
max-width: 720px;
width: 100%;
margin: 60px auto 0px;
padding: 0px 20px;
}
button#wcdp-ajax-button {
margin: 0 auto;
text-align: center;
display: block;
float: none;
}
.woocommerce form .form-row .input-text, .woocommerce form .form-row select {
font-family: Poppins;
font-weight: 400;
font-size: 16px;
line-height: 26px;
border: 1px solid #C4C4C4;
border-radius: 25px;
height: 50px;
padding: 15px;
}
textarea#order_comments {
height: auto;
}
div#wcdp-step-3 > h3 ,
.woocommerce-billing-fields > h3 ,
label.wcdp-variation-heading {
font-family: Outfit;
font-weight: 600;
font-size: 30px;
line-height: 40px;
text-transform: uppercase;
color: #000000;
text-align: center;
margin: 30px auto 30px;
display: block;
}
ul#wcdp_1_wcdp_amount:before {content: none;}
.wcdp_amount {
grid-template-columns: 1fr 1fr;
grid-gap: 35px;
}
ul.wcdp_options>li>input:hover:not(:disabled):not(:checked)+label{
background-color: #29855E;
color:#fff;
}
.wcdp_options>li>label {
background: transparent;
border: 1px solid #C4C4C4;
border-radius: 100px;
padding: 16px 20px;
line-height: 1.5;
}
ul.wcdp_options>li>input:checked+label {
background: #29855E;
}
.wcdp_amount > li:last-child {
grid-column: 1 / -1; /* spans across all columns */
}
.select2-container .select2-selection--single .select2-selection__rendered {line-height: 1.5;padding: 12px 15px;}
.select2-container .select2-dropdown, .select2-container .select2-selection {
border: 1px solid #C4C4C4;
border-radius: 25px;
height: 50px;
line-height: 1.5;
}
.wcdp-body input.wcdp-donation-amount {border-radius: 50px;}
.wcdp-header>.wcdp-step {
font-size: 22px;
font-weight: 600;
}
.wcdp-header>.wcdp-step {
color: #C4C4C4;
}
.get-in-touch.common-form .frm-get-in-touch {
background: #fff;
border: 1px solid #c4c4c4;
border-radius: 40px;
max-width: 560px;
padding: 60px 40px;
position: absolute;
top: 70px;
right: 70px;
}
.get-in-touch.common-form {
position: relative;
padding: 0px;
margin: 80px 0px 200px;
background: #fff;
}
.get-in-touch.common-form .img-holder {
border-radius: 24px;
overflow: hidden;
}
.frm-trust-contact {
background: #fdf5f4;
border-radius: 20px;
padding: 60px;
max-width: 1200px;
margin: 0 auto;
width: 100%;
}
.frm-trust-contact h2,
.frm-trust-contact .form-desc {
text-align: center;
margin-bottom:15px;
}
.frm-trust-contact .form-desc {
margin-bottom: 35px;
}
/* General table styling */
.woocommerce-checkout-review-order-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
font-size: 16px;
}
/* Product name */
.woocommerce-checkout-review-order-table tbody .product-name {
padding: 12px 15px;
font-weight: 500;
color: #333;
}
/* Product total */
.woocommerce-checkout-review-order-table tbody .product-total {
padding: 12px 15px;
text-align: right;
color: #555;
}
/* Table footer (totals) */
.woocommerce-checkout-review-order-table tfoot tr.order-total {
font-weight: 700;
border-top: 2px solid #ed6141;
background: #fbf6f3;
}
/* Footer text */
.woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout-review-order-table tfoot td {
padding: 12px 15px;
text-align: right;
color: #202020;
}
/* Footer th left-align (optional) */
.woocommerce-checkout-review-order-table tfoot th {
text-align: left;
}
/* Highlight donation row */
.woocommerce-checkout-review-order-table tbody .cart_item {
background-color: #fbf6f3;
}
/* Currency symbol styling */
.woocommerce-Price-currencySymbol {
color: #222;
font-weight: 600;
}
.woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p {
font-size: 16px;
font-weight: 400;
line-height: 1.5;
color: #7B7F89;
}
.woocommerce-info {
border-top-color: #ed6141;
}
ul#wcdp-invalid-fields button.button.wcdp-left {
margin-top: 35px;
}
.woocommerce-Price-currencySymbol{
margin-right:2px;
}
ul.wcdp_options>li>input:checked+label span.woocommerce-Price-currencySymbol {
color: #fff;
}
section.woocommerce-order-details {
max-width: 550px;
margin: 0 auto;
border: 1px solid #C4C4C4;
width: 100%;
border-radius: 15px;
padding: 20px;
}
.woocommerce-order-pay .woocommerce,
.woocommerce-order {
margin: 0 auto;
max-width: 550px;
width: 100%;
}
section.woocommerce-order-details table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
width: 100%;
margin-bottom: 0px;
}
section.woocommerce-order-details table tr {
height: auto;
}
section.woocommerce-order-details table.shop_table th {
color: #000 !important;
}
section.woocommerce-order-details h2.woocommerce-order-details__title {
font-family: "Outfit", sans-serif;
font-weight: 600;
font-size: 30px;
line-height: 40px;
text-align: center;
text-transform: uppercase;
margin-bottom: 20px;
}
section.woocommerce-order-details table.shop_table td,
section.woocommerce-order-details table.shop_table th,
section.woocommerce-order-details table.shop_table td,
section.woocommerce-order-details table.shop_table th {
padding: 10px;
}
.woocommerce-page header.cms-header {
box-shadow: 0px 4px 20px 0px #0000001A;
}
.heact-order-info {
margin: 0 auto;
text-align: center;
}
.heact-order-info .img-holder {
margin-bottom: 30px;
}
.woocommerce-order section.woocommerce-customer-details {
display: none;
}
/* ===== WooCommerce Order Details (Razorpay Payment Page) ===== */
.woocommerce-order-pay .woocommerce{
background: #fff;
padding: 30px;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
font-family: "Inter", "Segoe UI", Arial, sans-serif;
}
.woocommerce ul.order_details {
list-style: none;
padding: 0;
margin: 0 0 20px;
border: 1px solid #C4C4C4;
border-radius: 8px;
overflow: hidden;
}
.woocommerce ul.order_details li {
display: flex;
justify-content: space-between;
padding: 12px 18px;
border-bottom: 1px solid #C4C4C4;
font-size: 15px;
color: #333;
}
.woocommerce ul.order_details li:last-child {
border-bottom: none;
}
.woocommerce ul.order_details strong {
color: #111;
font-weight: 600;
}
.woocommerce p {
margin-bottom: 20px;
font-size: 15px;
color: #444;
}
.woocommerce-info {
background-color: rgba(0, 128, 255, 0.1);
border-top: 2px solid #0073aa;
border-radius: 8px;
padding: 1rem 1.5rem;
margin-bottom: 20px;
color: #333;
}
body.page-id-287 .container.common-section {
padding: 0;
width: 100%;
max-width: 100%;
}
/* Buttons */
#btn-razorpay,
#btn-razorpay-cancel {
font-family: "Poppins", sans-serif;
font-size: 16px;
font-weight: 600;
color: #FFF;
border-radius: 30px;
border: 0;
position: relative;
cursor: pointer;
line-height: 1.2;
display: inline-flex;
align-items: center;
justify-content: center;
z-index: 1;
white-space: nowrap;
text-transform: uppercase;
padding: 19px 38px;
letter-spacing: 1.6px;
background-size: 300% 100%;
transition: all .4s ease-in-out;
background: linear-gradient(90deg, #F0984B 0%, #ED5D40 100%);
}
#btn-razorpay-cancel {
background: #ccc;
color: #fff;
}
#btn-razorpay:hover {
background:#202020;
}
#btn-razorpay-cancel:hover {
background: #202020;
}
.woocommerce-notice--success {
background: #e6f9ec;
border-left: 4px solid #2abf57;
padding: 15px 20px;
border-radius: 6px;
color: #1d7b3a;
font-size: 16px;
margin-bottom: 25px;
}
/* Match table style with woocommerce-order-overview */
.woocommerce-table--order-details {
width: 100%;
border: 1px solid #eee;
border-radius: 8px;
overflow: hidden;
border-collapse: collapse;
font-size: 15px;
}
/* Common table cell styling */
.woocommerce-table--order-details th,
.woocommerce-table--order-details td {
padding: 12px 18px;
border-bottom: 1px solid #eee;
color: #333;
}
.woocommerce-table--order-details tr:last-child th,
.woocommerce-table--order-details tr:last-child td {
border-bottom: none;
}
/* Header text */
.woocommerce-table--order-details th {
font-weight: 500;
text-align: left;
}
/* Total (right side) */
.woocommerce-table__product-total,
.woocommerce-table--order-details td:last-child {
text-align: right;
font-weight: 600;
color: #111;
}
/* Product name (left side, same alignment as overview) */
.woocommerce-table__product-name {
text-align: left !important;
font-weight: 500;
color: #111;
}
/* Remove link styling */
.woocommerce-table__line-item a {
color: inherit;
text-decoration: none;
}
.woocommerce-order-received .container.common-section {
padding: 55px 0 95px;
}
.error404 .mainhead {
color:#202020;
}
.error404 .common-section {
border-bottom: 1px solid #DEDEDE;
}
.error404 h1 {
margin-bottom:10px;
}
.error404 h2 {
margin-bottom:20px;
}
/*Single Post Page*/
body.single.single-post header.cms-header ,
body.error404 header.cms-header {
box-shadow: 0px 4px 20px 0px #0000001A;
}
body.single.single-post .container {
max-width: 1200px;
}
body.single.single-post .media-single-box {
padding: 0;
overflow: hidden;
}
body.single.single-post .media-single-box .entry-content{
padding: 20px 50px 50px 50px;
overflow: hidden;
}
.single-back-page {
margin-bottom: 50px;
}
body.single.single-post h1.entry-title.heading {
text-align: center;
font-size: 32px;
margin-bottom: 10px;
}
body.single.single-post section.media-detail.common-section {
padding-top: 50px;
}
.media-date{
font-size: 14px;
margin-bottom:20px;
text-align: center;
}
.our-new .nav-links {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin: 2rem 0;
flex-wrap: wrap;
}
.our-new .page-numbers.next,
.our-new .page-numbers.prev {
display: flex;
align-items: center;
gap: 6px;
font-weight: 500;
}
.our-new .page-numbers {
display: inline-block;
padding: 9px 17px;
border: 1px solid #F26522;
border-radius: 50px;
color: #333;
text-decoration: none;
font-size: 15px;
transition: all 0.3s ease;
text-align: center;
line-height: 1.5;
}
body.blog .our-new h2.heading {
text-align: center;
}
body.blog .our-new .section-header {
display: block;
}
.trust-contact-form .get-in-touch.common-form .frm-get-in-touch{
position:relative;
}
/**/
.itlp-donors-wrap {
max-width: 900px;
margin: 0 auto;
}
.itlp-donors-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 12px;
}
.itlp-donor-card {
background: #fff;
border: 1px solid #e6eaf0;
border-radius: 12px;
padding: 12px;
box-shadow: 0 6px 18px rgba(19,24,31,0.04);
display: flex;
align-items: center;
gap: 12px;
transition: transform .16s,box-shadow .16s;
}
.itlp-donor-card:hover {
transform: translateY(-4px);
box-shadow: 0 10px 22px rgba(19,24,31,0.06);
}
.itlp-avatar {
flex: 0 0 48px;
width: 48px;
height: 48px;
border-radius: 50%;
background: linear-gradient(135deg,#f3f7ff,#eef6f8);
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
color: #2b3a67;
font-size: 14px;
}
.itlp-donor-meta {
flex: 1;
min-width: 0;
}
.itlp-donor-name {
font-weight: 600;
font-size: 15px;
margin: 0 0 4px;
color: #0f1724;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.itlp-donor-amount {
font-weight: 700;
font-size: 14px;
color: #046c4c;
}
.itlp-donor-date {
display: block;
font-size: 12px;
color: #6b7280;
margin-top: 4px;
}
.itlp-donor-empty {
text-align: center;
color: #6b7280;
padding: 20px;
border-radius: 8px;
background: #fafafa;
border: 1px dashed #eee;
}
ul.wcdp_options>li>input:hover:not(:disabled):not(:checked)+label span {
color: #fff;
}
.new-box .img-holder{
height:300px;
}
.new-box .img-holder img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease-in;
}
/*
label#wcdp_1_label_custom_amount {
padding: 0;
border: 0;
}
label#wcdp_1_label_custom_amount:hover {
background: transparent;
}
label#wcdp_1_label_custom_amount:hover span.woocommerce-Price-currencySymbol {
color: #000;
}
.wcdp-body input.wcdp-donation-amount1 {
height:56px;
}
.wcdp_cu_field1 , .wcdp_value_other:not(:checked)~.wcdp_label_custom_amount>.wcdp_cu_field1 {
display: block;
}
div#wcdp_other1 {
display: none;
}*/
form#wcdp-ajax-send button {
max-width: 250px;
width: 100%;
padding: 22px 18px;
}
#wcdp-invalid-fields p.wcdp-button {
color: #fff;
}
.journey-tab li, .gallery-tab li {
padding: 8px;
}
@media only screen and (min-width:768px) {
.wcdp-header {
height: 130px;
padding: 0;
}
.wcdp-header>.wcdp-step::before {
width: 64px;
height: 64px;
line-height: 64px;
font-size: 24px;
font-weight: 600;
}
.wcdp-progress-bar,
.wcdp-progress-bar-background {
top: 2.3em;
}
}
@media (min-width: 1200px) and (max-width: 1400px) {
.our-impact-sec .img-holder {
max-width: 630px;
}
}
@media (min-width: 1350px){
header.cms-header .container-fluid {
padding-right: 40px;
padding-left: 40px;
}
}
@media only screen and (max-width: 1360px) {
.get-in-touch.common-form .frm-get-in-touch {
top:20px;
}
ul.our-impact{
gap: 20px;
}
.our-impact-sec .img-holder {
max-width: 600px;
}
.oi-title{
font-size: 54px;
}
.our-impact-sec .tagline {
padding-bottom:10px;
}
.home-about-content {
padding-left: 20px;
}
.hm-footer-contact-info{
padding-left:25px;
}
.about-ft-left{
padding-right:20px;
}
.footer-nav-wrap {
padding: 0px 15px;
}
}
@media only screen and (max-width: 1199px) {
ul#menu-terms-and-condition {
margin-bottom: 23px;
}
.mobile-menu li:last-child {
margin-top: 30px;
text-align: center;
border: 0;
}
.get-in-touch.common-form {
display: grid;
margin: 50px 0px 0px;
}
.get-in-touch.common-form .frm-get-in-touch {
order: 1;
position: static;
margin-bottom: 50px;
max-width: 100%;
padding: 40px;
}
.get-in-touch.common-form .img-holder {
order: 2;
}
.donation-way .donation-way-right-col {
padding: 0;
}
.help-us-content h2.heading {
font-size: 48px;
}
.our-impact-sec .img-holder {
max-width:520px;
}
h1, .mainhead {
font-size: 50px;
}
.mainhead {
margin-bottom:14px;
}
.heading{
margin-bottom: 15px;
}
.home-banner p{
font-size:18px;
}
.tagline {
font-size: 18px;
}
.tagline svg {
width: 24px;
height: 24px;
}
.our-impact-sec .our-impact-right-col {
padding: 0;
}
.our-impact-sec { padding: 60px 0; }
.mobile-menu li.contact-us {
border: 0;
padding: 20px 0px;
}
.about-ft-left,.footer-nav-wrap,.hm-footer-contact-info{
padding:0px;
}
.about-us-charit .row [class*="col-"] {
padding-left: 20px;
padding-right:20px;
}
.quote-box {
font-size: 28px;
padding-bottom: 30px;
}
.contact-info-block .services-box .icon-holder {
width: 100%;
height: 64px;
min-width: 64px;
max-width: 64px;
}
.contact-info-block .services-box{
padding: 20px;
}
}
@media only screen and (max-width: 1023px) {
.new-box .img-holder{
height:220px;
}
.our-impact-sec .img-holder{ position:static; width:auto; margin: 0 auto;}
.our-impact-sec .our-impact-right-col { padding:0px 0px 20px; }
a.button.btn-transparent,
.button { font-size:15px; padding:13px 20px 13px 20px; line-height: 1;}
section.our-impact-sec .col-lg-6 {
width: 100%;
flex: 0 0 100%;
max-width: 100%;
}
.our-impact-sec .img-holder{
max-width: inherit;
}
.our-impact-sec .img-holder img {
border: 5px solid #F0984B;
border-radius:25px;
}
.oi-title {
font-size: 42px;
}
.oi-sub-heading{
font-size:20px;
}
section.section-our-fields {
padding:60px 0px 0px;
}
.our-new{
padding: 60px 0;
}
.about-ft-left {
margin-bottom: 33px;
}
.donation-way .col-lg-6.left-col::before{
width: 70%;
}
.donation-way-right-col.help-us-content {
max-width:400px;
width: 100%;
}
.contact-info-block ul.services-list {
display: flex;
justify-content: center;
flex-direction: column;
}
.contact-info-block ul.services-list li {
width: 100%;
}
}
@media only screen and (max-width: 991px) {
.footer-about .row .col-lg-4:not(:last-child){
border-right:0px;
}
section.our-new h3 {
font-size: 20px;
line-height: 1.2;
}
.insta-feed, .fb-feed {
max-width: 345px;
margin: 0 auto 30px;
width: 100%;
}
.insta-feed {
margin-bottom: 0;
}
section.social-stream h3 {
margin-bottom: 10px;
}
section.about-us-charit .col-lg-7 {
margin-bottom: 30px;
}
.home-about-content {
padding: 30px 0px 60px;
}
.services-box .icon-holder {
width: 100%;
height: 64px;
min-width:64px;
max-width: 64px;
}
.our-mission-vision .services-box .services-title, .services-box .services-title{ margin-bottom:15px; }
.our-mission-vision ul.services-list li { width: 100%; margin-bottom:25px; }
.our-mission-vision ul.services-list li:last-child { margin: 0; }
.our-key-initiative ul.services-list {
row-gap: 20px;
column-gap: 20px;
}
.our-key-initiative .services-box {
column-gap: 20px;
padding: 25px;
}
}
@media only screen and (max-width: 767px) {
section.our-new .col-lg-4 {
margin-bottom: 30px;
}
.new-box .img-holder{
height:280px;
}
.our-gallery .gallery-grid .gallery-item:last-child {
display: none;
}
.our-gallery .gallery-row1, .our-gallery .gallery-row2 {
grid-template-columns: 1fr 1fr;
}
.our-gallery .gallery-item .img-holder {
height: 200px;
}
.wcdp-header {
height: auto;
}
.itlp-donor-card {
padding:10px;
gap: 10px
}
.itlp-avatar {
width: 42px;
height: 42px;
font-size: 13px
}
.wcdp-header>.wcdp-step {
font-size: 20px;
font-weight: 500;
}
.wcdp-header>.wcdp-step::before {
font-size: 18px !important;
}
body.single.single-post h1.entry-title.heading{
font-size:26px;
}
body.single.single-post .media-single-box .entry-content{
padding: 20px 25px 50px 25px;
}
h1, .mainhead {
font-size: 35px;
}
.sec-our-fields-col .col-md-3:hover .our-field-content {
box-shadow: none;
}
.sec-our-fields-col .col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.sec-our-fields-col .our-field-content {
padding: 20px;
}
.sec-our-fields-col .our-field-content img {
width: 100px;
}
.sec-our-fields-col h3 {
font-size: 20px;
margin-top: 15px;
}
.new-box .col-md-4 {
margin-bottom:25px;
}
.our-new .section-header {
display: block;
}
.footer-contact-box {
margin: 0;
align-items: flex-start;
}
.gallery-row1, .gallery-row2{
grid-template-columns: 1fr;
gap:15px;
}
.inner-banner {min-height: 200px;}
.donation-way .img-holder {
position: relative;
z-index: 9;
}
.donation-way .col-lg-6.left-col::before {
width: 100%;
height: 100%;
}
.donation-way-right-col.help-us-content {
max-width: 100%;
margin-bottom:30px;
}
.donation-way .img-holder {
width: 100%;
border-radius: 20px;
overflow: hidden;
}
.donation-way .col-lg-6.left-col::before {
content: none;
}
section.donation-way {
background: linear-gradient(90deg, #F0984B 0%, #ED5D40 100%);
padding: 50px 10px;
}
.donation-way p:not(:last-child) {
margin-bottom: 15px;
}
.help-us-content h2.heading{
font-size:32px;
margin-bottom: 10px;
}
.contact-info-block ul.services-list ,
.our-key-initiative ul.services-list {
display: flex;
justify-content: center;
flex-direction: column;
}
.contact-info-block ul.services-list li,
.our-key-initiative ul.services-list li {
width: 100%;
}
.quote-box {
font-size: 22px;
}
.quote-box::after {
bottom: 5px;
}
.our-mission-vision .services-box .services-title, .services-box .services-title {
margin-bottom: 5px;
font-size: 22px;
}
.services-box .icon-holder {
height: 48px;
min-width: 48px;
max-width: 48px;
}
.contact-info-block .services-box .icon-holder {
height:48px;
min-width: 48px;
max-width: 48px;
}
.contact-info-block h3.services-title{
font-size: 20px;
}
}
#itlp-donor-rotator {
box-sizing: border-box !important;
position: fixed !important;
left: 12px !important;
bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
z-index: 2147483647 !important; /* very high to avoid being hidden */
display: flex !important;
align-items: center !important;
gap: 10px !important;
background:linear-gradient(90deg, #F0984B 0%, #ED5D40 100%) !important;
box-shadow: 0 8px 22px rgba(2,6,23,0.08) !important;
padding: 8px 12px !important;
border-radius: 999px !important; /* pill shape */
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial !important;
min-width: 140px !important;
max-width: 360px !important;
width: auto !important;
line-height: 1.1 !important;
overflow: visible !important;
}
/* hidden state */
#itlp-donor-rotator[aria-hidden="true"] {
opacity: 0 !important;
transform: translateY(6px) scale(.98) !important;
pointer-events: none !important;
}
/* avatar circle */
#itlp-donor-rotator .itlp-rotator-avatar {
box-sizing: border-box !important;
width: 44px !important;
height: 44px !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: linear-gradient(135deg,#f3f7ff,#eef6f8) !important;
color: #15325a !important;
font-weight: 700 !important;
font-size: 14px !important;
flex: 0 0 44px !important;
margin: 0 !important;
}
/* content (name + amount) stacked */
#itlp-donor-rotator .itlp-rotator-content {
box-sizing: border-box !important;
min-width: 0 !important;
overflow: hidden !important;
display: flex !important;
flex-direction: column !important;
padding: 0 !important;
}
/* name */
#itlp-donor-rotator .itlp-rotator-name {
display: block !important;
font-weight: 600 !important;
font-size: 14px !important;
color: #fff !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
margin: 0 !important;
line-height: 1.05 !important;
}
/* amount — render wc_price HTML safely (JS uses innerHTML) */
#itlp-donor-rotator .itlp-rotator-amount .woocommerce-Price-currencySymbol{
color:#fff;
}
#itlp-donor-rotator .itlp-rotator-amount {
display: block !important;
font-weight: 700 !important;
font-size: 13px !important;
color: #fff !important;
margin-top: 2px !important;
line-height: 1 !important;
text-decoration: none !important;
}
/* close button — small circular x */
#itlp-donor-rotator .itlp-rotator-close {
box-sizing: border-box !important;
background: transparent !important;
border: 0 !important;
width: 30px !important;
height: 30px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
color: #6b7280 !important;
font-size: 16px !important;
line-height: 1 !important;
padding: 0 !important;
margin-left: 8px !important;
cursor: pointer !important;
}
/* mobile: keep it centered if too narrow, but still pill-shaped */
@media (max-width: 420px) {
#itlp-donor-rotator {
left: 50% !important;
transform: translateX(-50%) !important;
max-width: 92% !important;
min-width: unset !important;
bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
padding: 8px 10px !important;
}
#itlp-donor-rotator .itlp-rotator-avatar { width:36px;height:36px;font-size:13px;flex:0 0 36px !important; }
#itlp-donor-rotator .itlp-rotator-name { font-size:13px !important; }
#itlp-donor-rotator .itlp-rotator-amount { font-size:12px !important; }
#itlp-donor-rotator .itlp-rotator-close { width:26px;height:26px;font-size:14px;margin-left:6px; }
}
/* reduced motion */
@media (prefers-reduced-motion: reduce) {
#itlp-donor-rotator, #itlp-donor-rotator * { transition: none !important; animation: none !important; }
}