@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
/*!
 * Them v1.0.0
*/

:root {
  --default:#D51815;
  --dark: #141414;
  --white: #fff;
  --border-radius: 8px;
  --line-height:1.8;
  --line-height-heading:1.1;
  --font-16: 16px;
  --font-family: "Raleway", sans-serif;
  --padding-top-120:120px;
  --padding-bottom-120:120px;
  --section-bg: #F1FAFB;
  --light-border: #8DDFE3;
  --box-circle: 50%;
  --animation: all 0.3s ease-in;
  --rounded-image: 15px;
  --footer-background: #111C25;
}
 
html, body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { font-size: var(--font-16); font-weight: 400; line-height: var(--line-height); color:var(--dark); padding: 0; margin: 0; text-size-adjust: none; -webkit-text-size-adjust: none; font-family: var(--font-family); overflow-x:hidden;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
a { color: var(--default); text-decoration: none;transition: var(--animation); }
a:hover, a:focus { color: var(--dark); text-decoration: none; }
p { margin-top: 0; margin-bottom:30px; }
p:last-child { margin-bottom:0; }
strong { font-weight:700; }
img { max-width: 100%; height: auto; vertical-align: middle; }
.cta, .comments-area .comment-body .comment-reply-link, ul.comment-list .comment-respond .comment-reply-title small a, p.form-submit input#submit { outline: none; font-family: var(--font-family); font-size: var(--font-16); font-weight: 600; color: var(--white); border-radius: var(--border-radius); position: relative; cursor:pointer; line-height:var(--line-height); display: inline-flex; z-index: 1; white-space: nowrap; padding: 16px 30px; transition: var(--animation); border:0; background: var(--default); border:2px solid var(--default);min-width: 160px; justify-content: center; }
.cta:hover, .cta:focus, .comments-area .comment-body .comment-reply-link:hover, ul.comment-list .comment-respond .comment-reply-title small a:hover, .comments-area .comment-body .comment-reply-link:focus, ul.comment-list .comment-respond .comment-reply-title small a:focus, p.form-submit input#submit:hover, p.form-submit input#submit:focus { background: var(--dark); color:var(--white); outline:0 none; border-color:var(--dark); }
.border-cta { background:transparent; color:var(--default);}
.border-cta:hover, .border-cta:focus{ background:var(--default); color:var(--white);border-color:var(--default);}

.dark-btn {background: var(--dark);border-color: var(--dark);}
.dark-btn:hover {background: var(--default);border-color: var(--default);}

.common-space { padding-top: var(--padding-top-120); padding-bottom: var(--padding-bottom-120); }
.color-default { color:var(--default);}
.font-30 { font-size:30px; }
.font-normal { font-weight:400; }
.bullet-text, .single-post .classic-editor ul { margin:0 0 35px 0; padding:0; list-style:none; }
.bullet-text li, .single-post .classic-editor ul li { position:relative; padding-left:20px; font-weight:600; margin-bottom:15px; }
.bullet-text li:before, .single-post .classic-editor ul li:before { width:10px; height:10px; border-radius:50%; position:absolute; left:0; top:7px; content:""; background:var(--default);}
section.classic-editor ul { margin: 0 0 35px 0; padding: 0;  list-style: none;}
section.classic-editor li { position: relative;  padding-left: 20px; font-weight: 600; margin-bottom: 15px; }
section.classic-editor li:before{ width:10px; height:10px; border-radius:50%; position:absolute; left:0; top:7px; content:""; background:var(--default);}

.check-list { margin:0 0 35px 0; padding:0; list-style:none; }
.check-list li { position:relative; padding-left:26px; font-weight:600; margin-bottom:15px; }
.check-list li:before{ width:13px; height:13px; position:absolute; left:0; top:7px; content:""; background:url(../../images/impact-theme/check-icon.svg) no-repeat 0 0; background-size:100%;}

.mt-25 { margin-top:25px; }
.mb-35 { margin-bottom:35px; }
.pt-0 { padding-top: 0 !important;}
.pb-0 { padding-bottom: 0 !important;}
.pr-0 { padding-right: 0 !important;}
.pl-0 { padding-left: 0 !important;}
.full-width { width: 100%;}
.small-title { font-size: 32px;}
/*** 

====================================================================
  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: var(--white) !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:15px; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 25px 0; font-weight:700; line-height:var(--line-height-heading); color:var(--dark); }
h1 { font-size:60px; }
h2 { font-size:42px; }
h3 { font-size:25px; }
h4 { font-size:21px; }
h5 { font-size:19px; }
h6 { font-size:17px; }
.mb-0 { margin-bottom:0 !important;}
.container { width:100%; padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto }
@media (min-width:576px) {
.container, .user-registration-page .woocommerce {max-width:540px}
}
@media (min-width:768px) {
.container, .user-registration-page .woocommerce {max-width:768px}
}
@media (min-width:1023px) {
.container, .user-registration-page .woocommerce {max-width:960px}
}
@media (min-width:1200px) {
.container, .user-registration-page .woocommerce {max-width:1200px}
.small-container {max-width:990px}
}

.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 }
.gutter-50 { margin-left:-50px; margin-right:-50px; }
.gutter-50 [class*="col-"] { padding-left:50px; padding-right:50px; }

@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
====================================================================

***/
.popUpBtn { background: transparent; 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: var(--white); transition: all ease 0.5s; }
.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: 15px;}
}
/*** 

====================================================================
  Header start 
====================================================================

***/
.cms-header { background:var(--white);}
.header-top { background:var(--dark); padding:12px 0; color:var(--white);font-size:14px;}
.contact-info { margin:0; padding:0; list-style:none; }
.contact-info li { position:relative;}
.contact-info li:not(:last-child){padding-right:24px;}
.contact-info li a { color:var(--white); font-size:14px;}
.contact-info li a:hover { color:var(--default);}
.header-top strong { font-weight:600; padding-right:5px; }
.social-media { margin:0; padding:0; list-style:none; }
.social-media li { padding: 0 6px; }
.social-media li a img {transition: all 0.3s ease-in;}
.social-media li a:hover img { opacity:0.7;}
.header-row { padding: 20px 0; }
.cms-header .navbar { padding: 0; display: flex; align-items: center; }
.cms-header .navbar-brand { padding: 0; margin: 0; display: block; }
.cms-header .mobile-navigation { line-height: var(--line-height); }
.cms-header .header-right { margin-left:25px; }
.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: var(--dark); display: flex;font-weight: 600; }
.mobile-menu li a:hover, .mobile-menu li.current_page_item > a .mobile-menu li a:focus { color:var(--default); }
.off-canvas-wrapper .off-canvas-inner { display: flex; align-items: center; justify-content: end; }
.mobile-menu li.current-menu-item:after { position: absolute; left: 15px; right: 15px; height: 2px; content: ""; background: var(--default); bottom: 8px;}

/*** 

====================================================================
  header-top-2 
====================================================================

***/
.header-top-2 a { text-decoration:underline; }
.header-top-2 a:hover { color:#fff; }

/*** 

====================================================================
  header-row-2 
====================================================================

***/
.header-row-2 .off-canvas-wrapper .off-canvas-inner {justify-content: center;}

/* ================================= submenu style ===================================*/
@media(min-width:1199px) {
.navbar-expand-lg { flex-flow:row nowrap; }
.d-lg-none { display: none !important; }
.cms-header .off-canvas-wrapper { display: flex; align-items: center; width: calc(100% - 112px); }
.cms-header .off-canvas-inner-content { width: 100%; }
.cms-header .mobile-menu ul.sub-menu { opacity: 0; visibility: hidden; position:absolute; left: 12px; top: 150%; background: #fff; box-shadow: 0 10px 60px #0000001A; border-radius: 0; padding: 5px 15px; min-width: 250px; z-index: 9999; transition: all 0.5s ease-in-out; display: block !important; }
.cms-header .mobile-menu li.menu-item-has-children:hover > ul.sub-menu { top: 100%; opacity: 1; visibility: visible; }
.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; }
.cms-header .mobile-menu ul.sub-menu li.menu-item { display: block; border-bottom: solid 1px rgba(0, 0, 0, 0.1); padding: 0; }
.cms-header .mobile-menu ul.sub-menu li.menu-item:last-child { border-bottom: 0; }
.cms-header .mobile-menu ul.sub-menu li.menu-item a { display: block; color: #000; line-height: var(--line-height); padding: 13px 0; margin: 0; text-transform: uppercase; }
.cms-header .mobile-menu ul.sub-menu li.menu-item a:hover { color: var(--default);}
.cms-header .mobile-menu .menu-expand { position: absolute; right: -10px; top: 26px; width: 19px; 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='%23374B5C' stroke-width='2'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; }
.cms-header .mobile-menu ul.sub-menu .sub-menu { left:100%; }
}

/*** 

====================================================================
  mobile menu css
====================================================================

***/

@media only screen and (max-width: 1199px) {
.fix { overflow: hidden; }
.fix .mobile-menu-btn .off-canvas-btn a span:nth-child(2) {visibility:hidden;opacity:0;}
.fix .mobile-menu-btn .off-canvas-btn a span:nth-child(1) {transform:rotate(45deg) translate(9px, 9px);}
.fix .mobile-menu-btn .off-canvas-btn a span:nth-child(3) {transform:rotate(-45deg) translate(5px, -4px);}
.mobile-navigation { overflow: hidden; height: calc(100% - 93px); width: 100%; margin: 0 !important; }
.cms-header .header-right { padding-top: 10px; margin-bottom:50px; margin-left: 0; justify-content: center; width:100%; opacity:0; visibility:hidden; transition: all 0.4s ease-in; }
.fix header.cms-header .header-right { opacity:1; visibility:visible; }
.cms-header .header-right .cta { ext-align:center; justify-content: center; }
.off-canvas-wrapper { position: fixed; top: 69px; left: 0; height: calc(100% - 69px); 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 { height:100%; }
.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: 0; top: 0; width: 100%; height: 0; max-height: 100%; background: #fff; padding: 0; z-index: 1; 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;border-top: 1px solid rgba(0, 0, 0, 0.1); }
.off-canvas-wrapper .btn-close-off-canvas { top: 0; left: 100%; width: 40px; height: 40px; background-color: #FB7023; 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: #fff;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: #fff;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%; padding:0 30px; }
/*---------------------------
    - Mobile Menu Css
-----------------------------*/
.mobile-menu-btn .off-canvas-btn a { display: flex; grid-row-gap: 0; width: 29px; height: 29px; flex-wrap: wrap; position:relative; }
.mobile-menu-btn .off-canvas-btn a span { width: 100%; height: 2px; background-color: var(--dark); border-radius:2px; transition: all 0.3s ease-in; }
.mobile-menu { height: 100%; overflow-x: hidden; overflow-y: auto; padding-right: 10px; margin-right: -10px; display: block; margin-top: 0; padding-bottom: 10px; }
.mobile-menu li > a { font-size: 20px; color: var(--dark); line-height: var(--line-height); position: relative; display: inline-block; padding: 12px 0; }
.mobile-menu li > a:hover { color: var(--default); }
.mobile-menu li ul li { border: none; }
.mobile-menu li ul li a { font-size: 20px; text-transform: capitalize; padding: 10px 0 10px; }
.mobile-menu .menu-item-has-children { position: relative; }
.mobile-menu .menu-item-has-children .menu-expand { line-height: 50; top: 1px; right: 0; width: 30px; position: absolute; height: 60px; text-align: center; cursor: pointer; font-size: 50px; }
.mobile-menu .menu-item-has-children .menu-expand i { display: block; position: relative; width: 16px; margin-top: 25px; border-bottom: 2px solid var(--default); -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 var(--default); -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 0 0; padding-left: 0; }
.mobile-menu li { padding-right: 40px;border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.mobile-menu ul.sub-menu li { padding-left:20px; }
.mobile-navigation {
  overflow-x: hidden;
  overflow-y: auto;
}
}

/*** 

====================================================================
  Home banner css
====================================================================

***/
.cms-banner .banner-item { position:relative; background-repeat:no-repeat; background-position:center right; background-size:cover; min-height:650px; }
.banner-content { position:absolute; left:0; top:50%; width:100%;transform: translateY(-50%); }
.banner-content .content-card { background:rgba(255, 255, 255, 0.8); padding:35px; max-width:550px;}
.banner-content .content-card .banner-tagline { font-size:40px; font-weight:500; color:var(--default); }
.banner-content .content-card p { margin-bottom:35px; }
.grid-22 {display: inline-flex;gap: 22px;}
.owl-carousel .owl-dots { position:absolute; left:0; bottom:0; width:100%; text-align:center; padding-bottom:15px; }
.owl-carousel .owl-dots .owl-dot { width:15px; height:15px; border-radius:50%; margin: 0 4px; border:2px solid var(--default); }
.owl-carousel .owl-dots .owl-dot.active { background:var(--default);}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { width:40px; height:40px; border-radius:50%; position:absolute; top:50%;transform: translateY(-50%);border:2px solid var(--default)  !important;color:var(--default) !important;transition: all 0.3s ease-in; }
.owl-carousel .owl-nav button.owl-next { right:15px; }
.owl-carousel .owl-nav button.owl-prev { left:15px; }
.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span {font-size: 40px;
line-height: 20px;}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover { background:var(--default); color:var(--white) !important; }

/*** 

====================================================================
  Home banner 1 css
====================================================================

***/
.slider-1 { background-color:#f7f7f7; }
.slider-1 .owl-nav { display:none; }
.slider-1 .banner-right-col { position:absolute; right:0; top:0; width:50%; height:100%; }
.slider-1 .banner-right-col img { width:100%; height:100%; object-fit:cover;object-position: center top; }
.slider-1 .banner-item {display: flex; align-items: center;}
.slider-1 .banner-left-col { max-width:490px; padding:50px 0; }
.slider-1 .owl-dots { right:0; left:50%; width:auto; text-align:left;margin-left: -584px; }

/*** 

====================================================================
  Home banner 2 css
====================================================================

***/
.slider-2 .banner-item { position:relative; }
.slider-2 .banner-item:before { position:absolute; width:100%; height:100%; left:0; bottom:0; content:"";background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); }
.slider-2 .banner-content { top:auto; bottom:0;transform: translateY(0); padding:70px 0; text-align:center;}
.slider-2 .banner-tagline, .slider-2 h1, .slider-2 p { color:#fff; }
.slider-2 .banner-tagline { font-size:35px; }
.slider-2 .container { max-width:910px; }
.slider-2 .owl-dots { display:none; }
/*** 

====================================================================
  Our Services css
====================================================================

***/
.section-bg { background: var(--section-bg);}
.section-header { margin-bottom: 45px; }
.services-box { display:block;border: 1px solid var(--light-border);border-radius: 25px; padding: 50px; text-align:center; transition: var(--animation);margin-bottom: 30px; }
.services-box .service-icon { width:93px; height:93px; margin:0 auto 40px auto; background: var(--default); padding: 25px; border-radius: var(--box-circle); }
.services-box .service-icon img { width:100%; height:100%; }
.services-box .service-title { color: var(--dark); font-size:25px; margin-bottom:20px; }
.services-box .service-title a{ color: var(--dark);}
.services-box p {color: var(--dark); font-size:17px; margin-bottom:20px; }
.read-more { display:inline-block; text-decoration:underline;letter-spacing: 0.48px; font-weight:600; transition: var(--animation);color: var(--default); }
.services-box:hover { background: var(--white);box-shadow: 0px 30px 60px #34B8C01A; border-color: var(--white);}

/*** 

====================================================================
  Our Services style 1 css
====================================================================

***/
.style-1 .services-box {border: 1px solid #EEEEEE;text-align: left;}
.style-1 .services-box .service-icon { margin: 0 0 20px 0; }
.style-1 .services-box .service-title, .style-1 .services-box p { margin-bottom: 14px; }
.style-1 .services-box:hover {background: #F1FAFB; box-shadow: 0 0 0 #fff; border-color:#F1FAFB;}

/*** 

====================================================================
  Our Services style 2 css
====================================================================

***/
.style-2 .services-box {display: flex;flex-wrap: wrap; padding:0; border:0; text-align:left;}
.style-2 .services-box:hover {box-shadow: 0 0 0 #fff;}
.style-2 .services-box .service-img { width:40%; overflow:hidden; height: 135px; }
.style-2 .services-box .service-img img { width: 100%;height: 100%; object-fit: cover;}
.style-2 .services-box .services-card { width:60%; padding-left:30px;padding-right:30px; }
.style-2 .services-box:hover .service-title a { color: var(--default);}

/*** 

====================================================================
  Our Services style 3 css
====================================================================

***/
.style-3 .services-box {display: flex;flex-wrap: wrap; padding:0; border:0; text-align:left;}
.style-3 .services-box:hover {box-shadow: 0 0 0 #fff;}
.style-3 .services-box .service-img { width:40%; overflow:hidden; }
.style-3 .services-box .service-img img { width: 100%;}
.style-3 .services-box .services-card { width:60%; padding-left:0;padding-right:30px; }
.style-3 .services-box:hover .service-title a { color: var(--default);}

/*** 

====================================================================
  Our Services style 4 css
====================================================================

***/
.style-4 .services-box {display: flex;flex-wrap: wrap; padding:0; border:0; text-align:left; background:#374B5C; border-radius:0;align-items: center; margin-bottom:0;}
.style-4 .services-box:hover {box-shadow: 0 0 0 #fff;}
.style-4 .services-box .service-img { width:50%; overflow:hidden; min-height:350px; height:100%; }
.style-4 .services-box .service-img img { width:100%; height:100%;object-fit: cover; }
.style-4 .services-box .services-card { width:50%; padding:40px; text-align:center; }
.style-4 .services-box .service-title, .style-4 .services-box .service-title a { color: var(--default);}
.style-4 .services-box:hover .service-title a { color: var(--white);}
.style-4 .services-box p { color: var(--white);}
.style-4 .services-box .read-more { width:44px; height:44px; border-radius:50%;border:1px solid var(--default); text-indent:-9999px; display:inline-block; background:url(../../images/impact-theme/right-angle-arrow.svg) no-repeat center center; }
.style-4 .services-box:hover .read-more { background-color:var(--default);}
.style-4 .services-box:nth-child(even) {flex-direction: row-reverse;}
/*** 

====================================================================
  How it works css
====================================================================

***/
.how-it-works{border-bottom: 2px solid #EEEEEE;}
.how-it-works-box { display:block; text-align:center; }
.how-it-works-icon{ width:140px; height:140px; margin:0 auto 40px auto; background: var(--section-bg); padding: 40px; border-radius: var(--box-circle); position:relative; }
.how-it-works-icon:before { position:absolute; left:-7px; top:-7px;  bottom:-7px; right:-7px; content:"";border: 1px dashed var(--default);border-radius: var(--box-circle); }
.how-it-works-title { margin-bottom:0; font-size:25px;color: var(--dark);  }
.how-it-works-title span { display:block; margin-bottom:2px; font-size:17px; font-weight:400; }

/*** 

====================================================================
  Why Choose Us css
====================================================================

***/
.rounded-img, .rounded-img img { border-radius: var(--rounded-image); }
.why-choose-us-box { margin-bottom:40px; min-height:120px; display: flex;flex-wrap: wrap;align-items: center;padding-right: 60px; }
.why-choose-us-box .img-holder { width:120px; height:120px; overflow:hidden; }
.why-choose-us-box .img-holder img { width:100%; height:100%; object-fit:cover;object-position: center center; }
.why-choose-us-box .choose-us-content { width: calc(100% - 120px); padding-left:24px; }
.why-choose-us-box h3 { font-size:25px; margin-bottom:11px; }

/*** 

====================================================================
  Our Team css
====================================================================

***/
.left-section-header { padding-right:200px; }
.column-3-slider .item { padding: 15px; }
.team-box { border-radius: var(--rounded-image);box-shadow: 0 0 15px #34B8C01A; overflow:hidden; transition: var(--animation);}
.team-box .img-holder { width:100%; height:364px; overflow:hidden; }
.team-box .img-holder img { width:100%; height:100%; object-fit:cover;object-position: top center;transition: var(--animation); }
.team-bottom-card { background: var(--white); padding: 25px 10px; text-align:center; }
.team-bottom-card .member-name { font-size:22px; font-weight:700; margin-bottom:4px;transition: var(--animation); }
.team-bottom-card .member-name, .team-bottom-card .member-name  a { color: var(--dark); }
.team-bottom-card .member-role { font-size:17px; color: var(--default); }
.team-bottom-card .social-media {display: flex;align-items: center;justify-content: center; margin-top:30px;}
.team-bottom-card .social-media li { margin: 0 5px; }
.team-box:hover .img-holder img { transform: scale(1.1);}

.team-box:hover .team-bottom-card .member-name, .team-box:hover .team-bottom-card .member-name  a{color: var(--default); }
.column-3-slider, .column-1-slider { padding-bottom:60px; }
.column-3-slider .owl-dots, .column-1-slider .owl-dots { padding:0; }
.team-list .team-box { margin-bottom: 45px;}
.team-list .team-box:hover {box-shadow: 0px 30px 60px #34B8C01A;}

/*** 

====================================================================
  Our Team style 1 css
====================================================================

***/
.style-1 .item { padding: 15px; }
.style-1 .team-box { border-radius:0;box-shadow: inherit; }
.style-1 .team-box .img-holder { height:293px; }
.style-1 .team-bottom-card { text-align:left;transition: var(--animation); padding: 25px 18px; position:relative; }
.style-1 .team-bottom-card:before { top:50%; right:18px; width:48px; height:48px; content:"";transform: translateY(-50%); position:absolute;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg id='Group_39949' data-name='Group 39949' transform='translate(0.359)'%3E%3Cg id='Ellipse_54' data-name='Ellipse 54' transform='translate(-0.359 0)' fill='none' stroke='%23e0e0e0' stroke-width='1'%3E%3Ccircle cx='24' cy='24' r='24' stroke='none'/%3E%3Ccircle cx='24' cy='24' r='23.5' fill='none'/%3E%3C/g%3E%3Cg id='surface1' transform='translate(21.015 30.468) rotate(-90)'%3E%3Cpath id='Path_36768' data-name='Path 36768' d='M1.338,0,0,1.309,6.253,7.562l6.253-6.253L11.168,0,6.253,4.889Z' fill='%2334b8c0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
background-repeat: no-repeat;background-position: 0 0;background-size: 100%;transition: var(--animation); }
.style-1 .team-bottom-card .member-name { font-size:18px; font-weight:600; margin-bottom:0; }
.style-1 .team-bottom-card .member-role { font-size:16px; color:#799DB9;transition: var(--animation); }
.style-1 .team-box:hover .team-bottom-card { background: var(--default); }
.style-1 .team-box:hover .team-bottom-card .member-name, .style-1 .team-box:hover .team-bottom-card .member-role, .style-1 .team-box:hover .team-bottom-card .member-name a { color:#fff; }
.style-1 .team-box:hover .team-bottom-card:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg id='Group_39949' data-name='Group 39949' transform='translate(0.359)'%3E%3Cg id='Ellipse_54' data-name='Ellipse 54' transform='translate(-0.359 0)' fill='%2334b8c0' stroke='%23fff' stroke-width='1'%3E%3Ccircle cx='24' cy='24' r='24' stroke='none'/%3E%3Ccircle cx='24' cy='24' r='23.5' fill='none'/%3E%3C/g%3E%3Cg id='surface1' transform='translate(21.015 30.468) rotate(-90)'%3E%3Cpath id='Path_36768' data-name='Path 36768' d='M1.338,0,0,1.309,6.253,7.562l6.253-6.253L11.168,0,6.253,4.889Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");background-repeat: no-repeat;background-position: 0 0;background-size: 100%;}
.column-4-slider { padding-bottom:50px; }
/*** 

====================================================================
  Our Blog css
====================================================================

***/
.blog-box { border-radius: var(--rounded-image);overflow:hidden;border: 1px solid #E5F7F8;transition: var(--animation);display: block;margin-bottom: 30px; }
.blog-box .img-holder { width:100%; height:215px; overflow:hidden; }
.blog-box .img-holder img { width:100%; height:100%; object-fit:cover;object-position: top center;transition: var(--animation); }
.blog-bottom-card { background: var(--white); padding: 25px; }
.blog-bottom-card .blog-title { font-size:22px; font-weight:700; margin-bottom:23px;transition: var(--animation);color: var(--dark); }
.blog-bottom-card .blog-date { font-size:15px; margin-bottom:9px; color: var(--dark); opacity:0.7; }
.blog-box:hover .img-holder img { transform: scale(1.1);}
.blog-box:hover {box-shadow: 0px 30px 60px #19AB8D1A;}

/*** 

====================================================================
  Our Blog Style 1 css
====================================================================

***/
.style-1 .blog-box { position:relative; overflow:hidden; }
.style-1 .blog-box:before {position: absolute;width: 100%;height: 100%;left: 0;bottom: 0;content: "";background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); z-index:1;}
.style-1 .blog-box .img-holder {height: 280px;}
.style-1 .blog-box .blog-bottom-card { background:none; position:absolute; left:0; bottom:0; width:100%; padding: 25px; z-index:2;transition: var(--animation); }
.style-1 .blog-box .blog-title { font-size:20px; color:#fff; margin-bottom:0; }
.style-1 .blog-box .blog-author { font-size:15px; color:#fff; background:url(../../images/impact-theme/author-icon.svg) no-repeat left center; padding-left:17px; margin-bottom:9px;background-size: 12px; margin-right:12px;}
.style-1 .blog-box .blog-date { font-size:15px; color:#fff; background:url(../../images/impact-theme/clock-icon.svg) no-repeat left center; padding-left:17px; margin-bottom:9px;background-size: 12px;opacity: 1;}
.style-1 .blog-box:hover .blog-bottom-card { bottom:8px; }

/*** 

====================================================================
  Our Blog Style 2 css
====================================================================

***/
.style-2 .blog-box { border-width:0;border-radius: 0; }
.style-2 .blog-box .img-holder { height:280px;border-radius: var(--rounded-image); }
.style-2 .blog-bottom-card { padding: 25px 0 25px 83px; position:relative; }
.style-2 .blog-box .blog-date { position:absolute; left:0; top:15px;font-size:14px; color:rgba(0, 0, 0, 0.9); text-align:center; }
.style-2 .blog-box .blog-date .day { font-size:54px; color:rgba(0, 0, 0, 0.9); font-weight:300;border-bottom: 2px solid var(--default); display:block;line-height: 1.1;margin-bottom: 5px;}
.style-2 .blog-box .blog-title { font-size:20px; margin-bottom:5px; }
.style-2 .blog-box .blog-category { font-size:14px; color:var(--default); margin-bottom:16px;}
.style-2 .blog-box p { color:#000; font-size:16px; margin-bottom:16px; }
.style-2 .blog-box:hover {box-shadow: 0 0 0 #fff;}
.style-2 .blog-box:hover .blog-title { color:var(--default);}
.style-2 .blog-box:hover .read-more { color:#000;}
/*** 

====================================================================
  Testimonials css
====================================================================

***/
.testimonials { max-width:750px; margin: 0 auto; width:100%; text-align:center; }
.testimonials-content { position:relative; padding: 30px 50px; font-size:19px; }
.testimonials-content:before, .testimonials-content:after { width:42px; height:39px; content:""; position:absolute;background-image: url("data:image/svg+xml,%3Csvg id='surface1' xmlns='http://www.w3.org/2000/svg' width='42.53' height='39' viewBox='0 0 42.53 39'%3E%3Cpath id='Path_36603' data-name='Path 36603' d='M56.27,63.033a1.777,1.777,0,0,0-1.108.367,22.693,22.693,0,0,0-7.794,17.367V98.489a3.542,3.542,0,0,0,3.545,3.544H61.544a3.542,3.542,0,0,0,3.544-3.544V84.312a3.542,3.542,0,0,0-3.544-3.545H54.386c-.049-3.157.263-9.905,3.3-14.931a1.77,1.77,0,0,0-1.412-2.8Zm24.809,0a1.741,1.741,0,0,0-1.1.367,22.686,22.686,0,0,0-7.8,17.367V98.489a3.542,3.542,0,0,0,3.544,3.544H86.353A3.542,3.542,0,0,0,89.9,98.489V84.312a3.542,3.542,0,0,0-3.544-3.545H79.189c-.042-3.157.27-9.905,3.309-14.931a1.775,1.775,0,0,0-1.419-2.8Z' transform='translate(-47.367 -63.033)' fill='%23afedf0'/%3E%3C/svg%3E%0A");background-repeat: no-repeat;background-position: center center;background-size: 100%; }
.testimonials-content:before { top:0; left:0; }
.testimonials-content:after { bottom:0; right:0;transform: rotate(180deg); }
.testimonials-author { font-size:20px; font-weight:700; padding-top:50px; position:relative;}
.testimonials-author .testimonials-author-role { font-size:15px; font-weight:400; color: var(--default); margin-left:10px;}
.testimonials-author:before { position:absolute; height:30px; width:2px; left:50%; top:0; margin-left:-1px; content:""; background:var(--default); }

/*** 

====================================================================
  Testimonials style 1 css
====================================================================

***/
.style-1.testimonials { max-width:100%; }
.style-1 .testimonials-content::before { opacity:0.3; }
.style-1 .testimonials-content::after, .style-1 .testimonials-author:before { display:none; }
.style-1 .testimonials-box { text-align:left;}
.style-1 .testimonials-author { padding:0 50px; color:var(--default);}
.style-1 .testimonials-author .testimonials-author-role {color: var(--dark); display:block; margin:0;}
.style-1 .column-2-slider { padding-bottom:100px; }

/*** 

====================================================================
  Testimonials style 2 css
====================================================================

***/
.style-2.testimonials { max-width:100%; } 
.style-2 .testimonials-box {box-shadow: 0 0 20px #0000000D;padding: 35px;}
.style-2 .testimonials-content { font-size: 16px; padding: 76px 0 0 0; text-align:left; margin-bottom:20px; }
.style-2 .testimonials-content:before { width:64px; height:48px; background:url(../../images/impact-theme/testimonials-quote.svg) no-repeat 0 0;background-size: 100%;}
.style-2 .testimonials-content:after { display:none; }
.style-2 .testimonials-author { display: flex;align-items: center; text-align:left;font-size:18px; font-weight:600; padding:0;}
.style-2 .testimonials-author:before { display:none; }
.style-2 .author-photo { width:50px; height:50px; border-radius:50%; overflow:hidden;border: 1px solid #E0E0E0; }
.style-2 .author-photo img { width:100%; height:auto; }
.style-2 .autor-right { width: calc(100% -50px); padding-left:12px;  }
.style-2 .testimonials-author-role { display:block; color:#799DB9; font-size:14px; margin:0; }


/*** 

====================================================================
  Footer css
====================================================================

***/
.footer { background: var(--footer-background); }
.footer-row { padding: 75px 0; }
.footer-top { margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid rgba(255, 255, 255, 0.1); }
.footer-logo { margin-bottom:20px; }
.footer-nav { margin:0 -20px; padding:0; list-style:none;display: flex;flex-wrap: wrap;align-items: center; }
.footer-nav li { padding: 0 10px; position:relative; }
.footer-nav li:not(:last-child):before { width:1px; height:14px; position:absolute; right:0; top:50%; background:rgba(255, 255, 255, 0.1); content:"";transform: translateY(-50%); }
.footer-nav li a {letter-spacing: 0.32px; color: var(--white); font-size:16px;}
.footer-nav li a:hover { color: var(--default);}
.subscribe-newsletter h2 { font-weight:600; color: var(--white); font-size:22px; margin-bottom:10px; }
.newsletter-form form { margin:0; padding:0; width:100%; }
.newsletter-form { position:relative; padding-right:120px; }
.newsletter-form .form-control { border:1px solid #E2E2E2; background:var(--white); color:var(--dark); height:55px; padding: 5px 15px; width:100%; font-size:16px; font-weight:400;}
.newsletter-form .form-control:focus { outline:0 none; }
.newsletter-form .cta { width:110px; min-width:110px; height:55px; text-align:center; position:absolute; right:0; top:0; border-radius:0;padding-left: 10px;padding-right: 10px;}
.footer-bottom h2 { font-size:18px; font-weight:700; margin-bottom:18px; color: var(--default);}
.footer-bottom p { color: var(--white); margin-bottom:8px;}
.footer .icon-list { margin:0; padding:0; list-style:none; }
.footer .icon-list li { position:relative; padding-left:30px; margin-bottom:15px; }
.footer .icon-list li .icon { width:15px; height:15px; position:absolute; left:0; top:0; }
.footer .icon-list li, .footer .icon-list li a { font-size:16px;color: var(--white); font-weight:400; }
.footer .icon-list li a:hover { color: var(--default);}
.footer .social-media li { margin-right:10px; }

.copyright-row { padding: 20px 0; border-top: 1px solid rgba(255, 255, 255, 0.1);}
.copyright-text { color: var(--white);font-size: 15px;font-weight: 400;margin-bottom:0; }

.copyright-nav { margin:0; padding:0; list-style:none;display: flex;flex-wrap: wrap;align-items: center;justify-content: end; }
.copyright-nav li { padding:0 22px;position:relative; }
.copyright-nav li:last-child { padding-right:0; }
.copyright-nav li:not(:last-child):before { width:1px; height:14px; position:absolute; right:0; top:50%; background:rgba(255, 255, 255, 0.1); content:"";transform: translateY(-50%); }
.copyright-nav li a {color: var(--white);font-size: 15px;font-weight: 400;}
.copyright-nav li a:hover { color: var(--default);}
.footer .newsletter-form p { margin-bottom:0; }
.footer .newsletter-form .wpcf7-spinner, .footer .newsletter-form .wpcf7-response-output { display:none; }

/*** 

====================================================================
  Footer style 1 css
====================================================================

***/
.footer.style-1 { text-align: center;}
.footer.style-1 .footer-nav, .footer.style-1 .social-media, .footer.style-1 .copyright-nav {justify-content: center;}
.footer.style-1 .icon-list {display: flex;align-items: center;justify-content: center;}
.footer.style-1 .footer-nav { margin: 0 0 30px 0;}
.footer.style-1 .footer-top { padding: 0; margin: 0; border: 0;}
.footer.style-1 .icon-list li { margin-left: 10px; margin-right: 10px;}
.footer.style-1 .social-media { margin-top: 15px;}
.footer.style-1 .copyright-nav { margin-top: 65px;}
.footer.style-1 .copyright-text { margin-top: 25px;}

/*** 

====================================================================
  Footer style 2 css
====================================================================

***/
.footer.style-2 .footer-top { padding: 0; margin: 0; border: 0;}
.footer.style-2 .social-media { margin-top: 30px;}
.footer.style-2 .copyright-row { border-top-width: 0; background: #23303A;}

/*** 

====================================================================
  Number of Facts css
====================================================================

***/
.facts-list {display: flex;flex-wrap: wrap;justify-content: center; margin:0; padding:0; list-style:none;}
.facts-list li { padding: 15px; width:20%; }
.facts-list li:not(:last-child) { border-right:1px solid #E2E2E2; }
.facts-list .facts-box {display: flex;flex-wrap: wrap;justify-content: center; height:100%; text-align:center;}
.facts-box .icon { width:55px; height:55px; margin-bottom:20px; }
.facts-box .icon img { width:100%; height:100%; }
.facts-box .facts-number { color:#000; font-size:64px; font-weight:600;margin-bottom:20px; width:100%; line-height:1; }
.facts-box .facts-label { color:#000; font-size:18px; font-weight:700; width:100%;}
.facts-box .facts-label span { display:block;color: var(--default); font-size:16px; font-weight:400; width:100%; }

/*** 

====================================================================
  Number of Facts style 1 css
====================================================================

***/
.style-1 .facts-box {border: 1px solid #E2E2E2;border-radius: 12px; padding: 25px; text-align:left;justify-content: start;}
.style-1.facts-list li:not(:last-child) { border-width:0; }
.style-1 .facts-box .facts-content { font-size:14px; }
.style-1 .facts-box .facts-label { margin-bottom: 13px; }
.style-1 .facts-box .facts-number { font-size:50px; font-weight:700; min-height:75px; }

/*** 

====================================================================
  FAQs css
====================================================================

***/
.accordion-row {border: 1px solid #E0E0E0;border-radius: 5px;transition: var(--animation); margin-bottom:20px;}
.accordion-row.active {box-shadow: 0px 20px 80px #00000014; border-color:rgba(0, 0, 0, 0);}
.accTrigger { font-size:18px; font-weight:600; color:#141414; padding:17px 50px 17px 22px; position:relative; cursor:pointer;}
.accTrigger:before { position:absolute; right:0; top:0; height:60px; width:60px; content:""; background:url(../../images/impact-theme/accordion-arrow.svg) no-repeat center center;transition: var(--animation);}
.accTrigger.active:before{transform: rotate(180deg);}
.accordDetail { padding: 0 22px; }
.accordDetail, .accordDetail p { font-size:16px; color:#24272E; }
.accordDetail p {margin-bottom:20px;}
/*** 

====================================================================
  FAQs style 1 css
====================================================================

***/

.accordion.style-1 { max-width:860px; margin:0 auto; width:100%; }
.style-1 .accTrigger:before { width:12px; height:2px;background:#141414; right:19px; top:29px;transform: rotate(0deg); }
.style-1 .accTrigger:after { width:2px; height:12px;background:#141414; right:24px; top:24px; content:""; position:absolute;transition: var(--animation); }
.style-1 .accTrigger.active:before {transform: rotate(0deg);}
.style-1 .accTrigger.active:after { opacity:0;} 

/*** 

====================================================================
  Call to Action css
====================================================================

***/
.call-to-action-box { border-radius:20px; background:#F7F7F7; padding:60px 30px; margin: 0; }
.call-to-action h2 { font-size:32px; margin-bottom:10px; }
.call-to-action p { font-size:20px; color:#6F8597; }

/*** 

====================================================================
  Call to Action style 1 css
====================================================================

***/
.style-1.call-to-action {background:#F7F7F7; padding: 60px 0;} 
.style-1 .call-to-action-box { background:none; padding:0;}

/*** 

====================================================================
  Call to Action style 2 css
====================================================================

***/
.style-2.call-to-action {background:#F7F7F7; padding: 60px 0; text-align:center;} 
.style-2 .call-to-action-box { background:none; padding:0;}
.style-2.call-to-action h2 { font-size:48px; }
.style-2.call-to-action p { margin-bottom:50px; }

/*** 

====================================================================
  Contact css
====================================================================

***/
.contact-us {background: #F7F7F7; position: relative;}
.contact-us .contact-map { width: 50%; height: 100%; position: absolute; right: 0; top: 0;}
.contact-left-block { width: 50%; padding-right: 100px;}
.form-group { margin-bottom: 30px;}
.form-control { width: 100%; height: 58px; padding: 15px; background-color: #fff; font-size: 15px; font-weight: 400; color: #474747;border: 1px solid #eee; font-family: var(--font-family);}
textarea.form-control { resize:none; height: 142px;}
.form-control:focus { outline: 0 none;}
.control-lable { padding-bottom: 8px; color: #474747; font-weight: 400; font-size: 15px; display: block;}
.remember-me .wpcf7-form-control-wrap { position:static; }
.remember-me .wpcf7-list-item { margin:0;}
/*** 

====================================================================
  Contact style 1 css
====================================================================

***/
.style-1.contact-us { background: none;}
.style-1 .contact-map{ width: 100%; height: 382px; position: static;}
.style-1 .contact-map iframe { width: 100%; height: 100%;}
.contact-right-col {background: #F7F7F7; padding: 55px 45px;}
.contact-right-col .form-group { margin-bottom: 20px;}
.contact-right-col textarea.form-control { height: 94px;}
.remember-me, .comment-form-cookies-consent { position: relative;padding-left: 28px;}
.remember-me input, .comment-form-cookies-consent input { position: absolute; left: 0; top: 3px;cursor: pointer;}
.remember-me label, .comment-form-cookies-consent label { font-size: 14px;}
.contact-left-col .icon-list { margin:0 0 50px 0; padding:0; list-style:none; }
.contact-left-col .icon-list li { position:relative; padding-left:50px; margin-bottom:25px; }
.contact-left-col .icon-list li .icon { width:30px; height:30px; position:absolute; left:0; top:0; }
.contact-left-col .icon-list li, .contact-left-col .icon-list li a , .contact-left-col p { font-size:20px;font-weight:400; color:#2E2E2E;}
.contact-left-col .icon-list li a:hover { color: var(--default);}
.contact-left-col .social-media li { margin-right:10px; }



/*** 

====================================================================
  Inner Banner css
====================================================================

***/
.inner-banner { background-position: center center; background-size: cover; background-repeat: no-repeat; min-height: 400px;display: flex;align-items: center;}
.page-title {font-weight:700; line-height:var(--line-height-heading); color:var(--dark); font-size: 55px; margin: 0; padding: 10px 25px; background: rgba(255, 255, 255, 0.8); display: inline-block;}

/*** 

====================================================================
  Breadcrumb css
====================================================================

***/
.breadcrumb-wrap { padding: 16px 0;}
.breadcrumb { display: flex; align-content: center; margin: 0; padding: 0; list-style: none;}
.breadcrumb li { position: relative; font-size: 15px; color: #374B5C; font-weight: 400;}
.breadcrumb li a {color: #374B5C;}
.breadcrumb li a:hover {color: var(--default);}
.breadcrumb li:not(:last-child) { padding-right: 20px;}
.breadcrumb li:not(:last-child):before { position: absolute; right: 7px; top: 1px;color: var(--default); content: "/";}

/*** 

====================================================================
  Medical Care css
====================================================================

***/
.medical-care {background: url(../../images/impact-theme/medical-care-bg.jpg) no-repeat center left; background-size: cover;}
.medical-care-widget { max-width: 470px; width: 100%; padding: 40px; background: rgba(55, 75, 92, 0.8);}
.medical-care-widget h2 { color: #fff; margin-bottom: 20px;}
.medical-care-widget p { color: #fff; margin-bottom: 30px; font-size: 17px;}
.medical-care-widget .medical-call-link { font-size: 30px; font-weight: 700; color: #fff;}
.medical-care-widget .medical-call-link .icon { margin-right: 10px;}
.medical-care-widget .medical-call-link:hover { color: var(--default);}

.call-to-action-box.dark { background: var(--dark);}
.call-to-action.dark h2, .call-to-action.dark p { color:#fff; }
.call-to-action-box.dark .cta { border:0; }
.call-to-action-box.dark .cta:hover { background:#fff; color:var(--default); }
.home-about .row { margin-bottom:55px; }
.home-about .call-to-action-box.dark { margin-top:55px; }
.home-about .call-to-action-box.dark .row { margin-bottom:0;}

/*** 

====================================================================
  Pagination css
====================================================================

***/
.pagination { width:100%; margin: 25px 0 0 0; }
.pagination .nav-links {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.pagination .page-numbers { min-height:38px; min-width:38px; border-radius:50%;display: flex;align-items: center;justify-content: center;border: 1px solid #E8E8E8; color: var(--dark); font-size:16px; font-weight:600; background: var(--white); margin: 0 5px; transition: var(--animation);}
.pagination .page-numbers.current, .pagination .page-numbers:hover { background: var(--default);color: var(--white);}
.pagination .next, .pagination .prev { min-height:38px; min-width:38px;display: flex;align-items: center;justify-content: center;border: 0;}
.pagination .next span, .pagination .prev span { display:none; }
.pagination .next svg, .pagination .prev svg { width:28px !important; height:28px !important; }


/*** 

====================================================================
  Blog Detail css
====================================================================

***/
.blog-detail { padding-bottom: var(--padding-bottom-120);}
.single-post .blog-summery { font-size:15px; color:#6F8597; margin-bottom:20px;}
.single-post .img-holder { margin:25px 0; }
.single-post .img-holder img { max-width:100%; height:auto; width:auto; }
.single-post .classic-editor { margin-bottom:50px; }
.single-post .classic-editor .container { padding:0;}
ul.comment-list { margin:0; padding:0; list-style:none;}
ul.comment-list li { padding:30px 0 0 0;}
ul.comment-list li:last-child { margin-bottom:32px;}
ul.comment-list ul {padding: 0;margin: 0 0 0 70px;list-style: none;}
ul.comment-list ul li, ul.comment-list ul li:last-child { border:0;}
ul.comment-list ul li:last-child { padding-bottom:0; margin-bottom:0;}
ul.comment-list .comment-respond { margin-top:20px;margin-left: 100px; }
ul.comment-list .comment-respond .comment-reply-title { font-size:20px;display: flex;align-items: center;  justify-content: space-between; }
.comments-area .comment-body { padding-left:70px; }
.comments-area .comment-body .comment-author .avatar { width:60px; height:60px; border-radius:50%;margin-left: -70px;
  margin-right: 13px; }
.comments-area .comment-body .comment-author {font-weight:700; color:var(--dark);letter-spacing: 1.4px;font-size: 14px;}
.comments-area .comment-body .comment-author .says {font-weight: 300;}
.comments-area .comment-body .comment-author a, .comments-area .comment-body .commentmetadata a {color:var(--dark);font-style: normal;}
.comments-area .comment-body .comment-author a:hover{ color: var(--default);}
.comments-area .comment-body .commentmetadata {font-weight: 300;color:var(--dark);letter-spacing: 1.4px;font-size: 14px; margin-bottom:12px;}
.comments-area .comment-body .comment-content {color: var(--dark);font-size: 18px;font-weight: 300;line-height: 1.4;margin-bottom:12px;}
.comments-area .comment-body .comment-content p {margin-bottom:12px;}
.comments-area .comment-body .comment-reply-link, ul.comment-list .comment-respond .comment-reply-title small a { padding:10px 20px; font-size:14px;min-width: 1px;}
.comment-respond  #stars-rating-review { margin-bottom:12px; }
.comment-respond .comment-form label {display: block; padding-bottom: 0;}
.comment-form-cookies-consent input { top:0;}
.comment-respond .comment-form input:focus, .comment-respond .comment-form textarea:focus { outline:0 none; }
.comment-respond .comment-form textarea { resize:none; }
.customer-reviews .title-header .title-star .rating-text { display:none; }
.comment-respond { background: var(--section-bg); padding: 50px; max-width:800px; }
.required {color: #f00;}
.comment-respond p { margin-bottom:15px; }
input#author, input#url, textarea#comment, input#email {border-radius: 4px;padding: 16px 20px;font-size: 16px;line-height: 1.2; border: 0;width: 100%;font-family: var(--font-family);}
.post-navigation { margin-top:50px; padding-top:50px; border-top: 1px solid #ccc; }
.post-navigation .nav-links {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.post-navigation .nav-links .nav-previous, 
.post-navigation .nav-links .nav-next { width:45%; }
.post-navigation .nav-links .nav-previous a, 
.post-navigation .nav-links .nav-next a {background: #FAFAFA; display:block; padding:30px;}
.post-navigation .nav-links .nav-previous a:hover,
.post-navigation .nav-links .nav-next a:hover { background: var(--section-bg);}
.post-navigation .meta-nav{display: flex;align-items: center;}
.post-navigation .meta-nav .wp-post-image { width:auto; height:100px; margin: 0 25px; }
.post-navigation .meta-nav .meta-summery { font-size:20px; font-weight:700; color: var(--dark); }
.post-navigation .nav-links .nav-next .meta-summery { text-align:right; }
.post-navigation .nav-links .nav-previous svg, 
.post-navigation .nav-links .nav-next svg { width: 80px !important; }
.post-navigation .nav-links .nav-previous svg { order:1; }
.post-navigation .nav-links .nav-previous img { order:2; }
.post-navigation .nav-links .nav-previous .meta-summery { order:3; }


.style-5 .services-box  { border:0; border-radius:0; padding:0;}
.style-5 .services-box .service-img img { width:100%; }
.style-5 .services-box .service-title { margin:0; min-height:80px; padding:5px 15px; background:var(--white);display: flex; align-items: center; justify-content: center; font-weight:600; font-size:20px;transition: var(--animation);}
.style-5 .services-box:hover .service-title { background: var(--default); color: var(--white)}


.inner-banner{ height:352px; overflow:hidden; min-height:352px;}
.woocommerce-account.woocommerce-page .inner-banner{
	background: linear-gradient(180deg, #404040 0%, #000000 100%) 0% 0% !important;
}
.inner-banner .page-title  { background:none; color:#fff;font-weight: 500; font-size:50px; padding:0; margin:0;font-family: "Open Sans", sans-serif; }

.user-registration-page .woocommerce { padding:70px 0 109px 0;font-family: "Open Sans", sans-serif;width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
.woocommerce .woocommerce-form.woocommerce-form-login { margin:0 auto; max-width:594px; width:100%; padding:70px;background: #FBFBFB;border: 1px solid #E0E0E0;border-radius: 15px; }
.woocommerce  .woocommerce-notices-wrapper + h2, .heading { color:#080A0D; font-weight:700; font-size:35px; text-align:center; margin-bottom:27px; }
.woocommerce form .form-row label, .woocommerce .woocommerce-form.woocommerce-form-login label, .woocommerce .woocommerce-form.woocommerce-form-login .lost_password, .register-wrap .ur-frontend-form .ur-form-row .ur-form-grid label { font-size:16px; color: #000 !important; font-weight:500; margin:0 !important;font-family: "Open Sans", sans-serif; }
.woocommerce .woocommerce-form.woocommerce-form-login label { display:block; }
.woocommerce .woocommerce-form.woocommerce-form-login .woocommerce-Input, .register-wrap .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid .ur-frontend-field, .woocommerce .woocommerce-MyAccount-content form .woocommerce-Input, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {border: 1px solid #E2E2E2;border-radius: 10px; background:#fff; height:56px;font-size:16px; color:#000;font-weight:500; padding:0 15px;}
.woocommerce .woocommerce-form.woocommerce-form-login p { padding:0; margin: 0 0 23px 0; position:relative; 
}
.woocommerce .woocommerce-form.woocommerce-form-login .button, .register-wrap .user-registration.ur-frontend-form form .ur-button-container .ur-submit-button, .woocommerce-account .woocommerce-MyAccount-content form .button {background: #D51815;border-radius: 8px; height:56px; width:170px; text-align:center; color:#fff;letter-spacing: 0.16px; font-size:16px; font-weight:600; position:absolute; right:0; top:0;transition: var(--animation);margin: 0; border:0;}
.woocommerce .woocommerce-form.woocommerce-form-login .button:hover, .woocommerce .woocommerce-form.woocommerce-form-login .button:focus, .register-wrap .user-registration.ur-frontend-form form .ur-button-container .ur-submit-button:hover, .register-wrap .user-registration.ur-frontend-form form .ur-button-container .ur-submit-button:focus, .woocommerce-account .woocommerce-MyAccount-content form .button:hover, .woocommerce-account .woocommerce-MyAccount-content form .button:focus { background:#000; color:#fff; }
.woocommerce .woocommerce-form.woocommerce-form-login .woocommerce-form-login__rememberme {height: 56px;
  display: flex;
  align-items: center;
  padding: 0;}
.woocommerce .woocommerce-form.woocommerce-form-login .lost_password { text-align:center; padding:0; margin:0; }
.woocommerce .woocommerce-form.woocommerce-form-login .lost_password a { color:#000;}
.woocommerce .woocommerce-form.woocommerce-form-login .lost_password a:hover { color:#D51815;}
.breadcrumb li {font-family: "Open Sans", sans-serif;  font-size:16px; font-weight:600; color:#000000;}
.breadcrumb li a {color:#000000;}
.breadcrumb li a:hover {color:#D51815;}
.user-registration.ur-frontend-form {background: #FBFBFB;border: 1px solid #E0E0E0;border-radius: 15px; padding:70px; }
.register-wrap { padding:70px 0; }
.register-wrap .user-registration.ur-frontend-form form .ur-button-container .ur-submit-button { position:static; margin: 0 auto; }
.ur-frontend-form .ur-form-row .ur-form-grid {display: flex;flex-wrap: wrap;column-gap: 29px;padding: 0;}
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item { width:calc(50% - 15px); }
.ur-frontend-form .ur-button-container { margin-top:25px; padding:0;}
.elegance-login-link p {font-family: "Open Sans", sans-serif; color:#000000; font-size:16px; font-weight:500; text-align:center;}
.woocommerce-account.woocommerce-page .woocommerce {display: flex;flex-wrap: wrap;padding: 20px 0 100px 0;}
.woocommerce-account.woocommerce-page .woocommerce-MyAccount-navigation { float:none; width:210px; }
.woocommerce-account .woocommerce-MyAccount-navigation ul { margin:0; padding:23px 20px; list-style:none;border: 1px solid #EAEAEA;border-radius: 10px;background: #FBFBFB; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a { display:block; color:#080A0D; font-size:17px; font-weight:500; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li:not(:last-child) { margin-bottom:10px; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover { color:#D51815;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a { color:#D51815; border-bottom:1px solid #D51815;}
.woocommerce-account.woocommerce-page .woocommerce-MyAccount-content { width: calc(100% - 242px); float:none;border: 1px solid #EAEAEA;border-radius: 10px; padding:15px;margin-left: 32px; }
.woocommerce-account.woocommerce-page .woocommerce-MyAccount-content p { margin-bottom:15px; }

.woocommerce-account .woocommerce table.my_account_orders td, .woocommerce-account .woocommerce table.my_account_orders th {padding: 10px 12px;}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {font-size: 16px; padding: 10px 14px; font-weight: 600; border-radius: 8px; color: #141414; background-color: #E0E0E0;}
.woocommerce-account .woocommerce table.my_account_orders {
  font-size: 15px;
}
.download-remaining, .download-expires, .download-file { text-align:center !important; }
.woocommerce-account .woocommerce-table .woocommerce-MyAccount-downloads-file.button.alt {background: #D51815;border-radius: 8px; background:#D51815; color:#fff; font-size:16px; font-weight:500; padding:12px 17px;}
.woocommerce-account .woocommerce-table .woocommerce-MyAccount-downloads-file.button.alt:hover { background:#000;}

.woocommerce-account .addresses .woocommerce-Address {border: 1px solid #EAEAEA;border-radius: 10px; overflow:hidden;}
.woocommerce-account .addresses .woocommerce-Address address { padding:25px; font-size:16px; font-weight:400; color:#000; font-style:normal; }
.woocommerce-account .addresses .woocommerce-Address-title { background:#141414; color:#fff; padding:16px 24px; font-size:16px; font-weight:600; }
.woocommerce-account .addresses .woocommerce-Address-title h3 { color:#fff; margin:0;font-size:16px; font-weight:600; }
.woocommerce-account .addresses .title .edit { line-height:1; color:#fff; text-decoration:underline !important;}
.woocommerce-account .addresses .title .edit:hover { color:#D51815; }
.woocommerce-EditAccountForm.edit-account {border: 1px solid #E0E0E0;border-radius: 10px;background: #FBFBFB; padding:30px;margin: -15px;}
.woocommerce-account.woocommerce-page .woocommerce-MyAccount-content p span em {letter-spacing: 0.28px;
color: #B9B9B9; font-style:normal;}
.woocommerce form .form-row-first, .woocommerce-page form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-last {
  float: none !important;
  width: 100% !important;
}
.woocommerce-account .woocommerce-MyAccount-content fieldset { border:0;border-top: 1px solid #E0E0E0;padding: 40px 0 0 0;margin: 40px 0 20px 0;}
.woocommerce-account .woocommerce-MyAccount-content fieldset legend { margin:0 auto;color: #8F8F8F; font-size:20px; font-weight:400;}
.woocommerce-account .woocommerce-MyAccount-content form .button { position:static; }

.select2-container--default .select2-selection--single{border: 1px solid #E2E2E2 !important;border-radius: 10px !important; background:#fff !important; height:56px !important;font-size:16px !important; color:#000 !important;font-weight:500 !important; padding:0 15px !important;}
.select2-container .select2-selection--single .select2-selection__rendered { padding-top:14px;padding-left: 0 !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow { top:16px !important; }
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
  background-color: #000 !important;
  color: #fff;
}
body.woocommerce-checkout form.woocommerce-form.woocommerce-form-login.login {
    margin-bottom: 45px;
} 
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background: #d51815;
} 
.woocommerce-account:not(.logged-in) .woocommerce {
    flex-direction: column;
} 
form.woocommerce-form.woocommerce-form-login.login .show-password-input::after {
	line-height: 2.2 !important;
}.cms-header .mobile-menu ul.sub-menu li.menu-item.current-menu-item a,
.current-menu-ancestor.current-menu-parent a {
    color: #d51815;
} 

@media (max-width:768px) {
  .form-group.api-generate {
    margin-top: 30px;
  }
 
}

.form-group.api-generate .cta {
  margin-top: 30px;
}

.token {
  margin-bottom: 30px;
}