/*!
Theme Name: Wbradford
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wbradford
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Wbradford is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
	1. Clean Base
	2. Base Typography
	3. Images
	4. Links
	5. Forms
	6. Tables
	7. Framework 
*/

/* 1. Clean Base
------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video 
{margin:0 auto; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; list-style:none; outline:none; -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color:rgba(0,0,0,0);}
	
html,body { -webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased; height: 100%;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
img{border:none;}

input[type="text"], input[type="submit"], input[type="button"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea {-webkit-appearance: none; outline: none;}
textarea:focus, input:focus, a, div, img { outline: none; }
 
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block;}

/* 2. Base Typography
------------------------------------------------------------------------------*/
body{ color:#ffffff; font-size:24px; font-family: 'Matter-Light'; line-height: 1.5; background: #000; }

h1, h2, h3, h4, h5, h6{ margin-bottom:20px; font-weight:normal; line-height: 0.99; color: #fff; letter-spacing: -1.5px;  }
h1{ font-size:135px; line-height: 0.99; font-family: 'Matter-Regular'; }
h2{ font-size:65px; line-height: 0.99; font-family: 'Matter-Regular'; }
h3{ font-size:30px; line-height: 0.99; }
h4{ font-size:25px; line-height: 0.99; }
h5{ font-size:20px; line-height: 0.99; }
h6{ font-size:18px; line-height: 0.99; } 

p{ color:#ffffff; font-size:24px; font-weight:400; line-height: 1.5; margin-bottom:20px; }

ul{ margin:20px 20px; padding:0;}
ul li{ font-size:24px;  color:#ffffff; font-weight:400; line-height: 1.5; padding:0 0 0 0; list-style: none; }

ol{ margin:20px 20px; padding:0;}
ol li{ font-size:24px;  color:#ffffff; font-weight:400; line-height: 1.5; padding:0 0 0 0; list-style: decimal; margin-left:20px; }

blockquote{ display:block; text-align:left; margin-bottom:20px; position:relative; background:#ffffff; border: 1px solid #000000; border-radius: 16px; overflow: hidden; }
.blog-details-sec blockquote h3{ font-size: 40px; line-height:0.99; display:block; width:100%; font-family: 'Matter-Regular' !important; color:#ffffff; background:#EE4A3C; margin-top:0; margin-bottom: 22px; padding: 15px 30px 15px 30px; box-sizing:border-box; }
blockquote p{ font-size:24px; font-weight:400; line-height: 1.5; margin-bottom:0; position:relative;  padding: 0 30px 30px 30px; box-sizing:border-box }
.blog-details-sec blockquote{ margin-bottom: 80px; }

hr{ border:0 #ffff solid; border-top-width:1px; clear:both; height:0; }

.white-bullet-list, .timelin-inn-box ul{ margin-top:0; margin-left:0; margin-right:0; }
.white-bullet-list li, .content-with-image-section ul li, .two-col-section ul li, .timelin-inn-box ul li{ position:relative; padding-left: 30px; }
.white-bullet-list li:before, .content-with-image-section ul li:before, .two-col-section ul li:before, .timelin-inn-box ul li:before{ content:''; display:block; position:absolute; left:10px; top: 16px; width: 8px; height:8px; background: #ffffff; border-radius:50%; }

.black-bullet-list, .circle-square.white-box ul{ margin-top:0; margin-left:0; margin-right:0; }
.black-bullet-list li, .circle-square.white-box ul li{ position:relative; padding-left: 30px; }
.black-bullet-list li:before, .circle-square.white-box li:before{ content:''; display:block; position:absolute; left:10px; top: 16px; width: 8px; height:8px; background: #000000; border-radius:50%; }
.mb-0{ margin-bottom:0 !important; }
.mb-100{ margin-bottom:100px; }
.mb-50{ margin-bottom:50px; }
.pt-0{ padding-top:0 !important; }
.pb-0{ padding-bottom:0 !important; }
.pb-100{ padding-bottom:100px; }
.pt-100{ padding-top:100px; }
.two-col-section.pt-100{ padding-top:100px; }
.box-sec.pt-90, .pt-90{ padding-top:90px; }

/* 3. Images
------------------------------------------------------------------------------*/
img{ border:none; border-style: none; }

/* 4. Link
------------------------------------------------------------------------------*/
a{ color:#EE4A3C; transition: all 0.3s ease-in-out; }
a:hover{ color:#EE4A3C; text-decoration: underline; }
a:active, a.current{ color: #e8941a; }
a:focus{ outline: none; }

/*green btn regular*/
/*start*/
.green-btn{ display:inline-block; font-size: 20px; line-height:1.3; letter-spacing: 2px; font-family: 'MatterSQ-Regular'; padding: 11px 31px;box-sizing: border-box; border-radius: 10px; color: #fff; background:#29A94A; }
.green-btn:hover{ color: #fff; background:#289b45; text-decoration: none; }
/*end*/

/*animated btn green*/
/*start*/
.animated-btn{ display:inline-block; position:relative; }
.animated-btn:after{ content:''; display:block; position:absolute; right:0; top: 51%; border-radius: 10px; height:55px; width: 55px; background:#29A94A; transform: translateY(-50%); transition: all .45s cubic-bezier(.65, 0, 0.76,1); }
.animated-btn:hover:after{ width: 100% !important; }
.animated-btn:before{ content: ''; display: block; position: absolute; right: 19px; top: 34px; width: 17px; height: 17px; background: url(assets/images/btn-white-arrow.svg) no-repeat; background-size: cover; z-index: 1; }
.animated-btn .btn-text{ align-items: center; color: #000000; font-size: 40px; line-height:0.9; font-family: 'MatterSQ-Regular'; display:inline-flex; padding: 22px 80px 22px 22px; position:relative; z-index:1; transition: all 0.3s ease-in-out; }
.animated-btn .btn-text span{ color:#29A94A; margin:0 5px; transition: all 0.3s ease-in-out; }
.animated-btn .btn-text:hover, .animated-btn .btn-text:hover span{ color: #ffffff; }
.text-white .btn-text{ color: #ffffff; }

/*small btn*/
.animated-btn.small-btn:after{ width: 37px; height:38px; }
.animated-btn.small-btn:before{ width:10px; height:10px; right: 13px; top: 15px; }
.animated-btn.small-btn .btn-text{ line-height: 0.9; font-family: 'Matter-Light'; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; padding: 0 44px 0 15px; opacity: 0; color:#fff; }
.animated-btn.small-btn:hover .btn-text{ opacity:1; }
/*end*/

.bdr-btn{ display:inline-block; font-size: 20px; line-height:0.9; letter-spacing: 1px; color:#ffffff; border: 1px solid #ffffff; border-radius: 50px; padding: 18px 32px; box-sizing:border-box; }
.bdr-btn:hover, .bdr-btn.active{ text-decoration: none; background:#29A94A; border-color:#29A94A; color:#ffffff; }


p .pink-text{ color:#F8B7B1; font-family: 'MatterSQ-Bold'; }
p .blue-text{ color:#2675BF; font-family: 'MatterSQ-Bold'; }
p .red-text{ color:#EE4A3C; font-family: 'MatterSQ-Bold'; }
p .yellow-text{ color:#FABC16; font-family: 'MatterSQ-Bold'; }
.blue-text{ color:#2675BF; }
.red-text{ color:#EE4A3C; }
.yellow-text{ color:#FABC16; }

.two-col-section .pink-text{ color:#F8B7B1; }
.two-col-section .blue-text{ color:#2675BF; }
.two-col-section .red-text{ color:#EE4A3C; }
.two-col-section .yellow-text{ color:#FABC16; }

/*blur animation*/
[data-aos="blur-up"]{
  opacity: 0;
  filter: blur(8px);
  transform: translateY(40px);
  transition: all 0.8s ease;
}

[data-aos="blur-up"].aos-animate{
  opacity: 1;
  filter: blur(0);
  transform: translateY(0);
}
/*end*/

/* 5. Forms
------------------------------------------------------------------------------*/
form{ display:block; width: 100%; }
.fieldset{ display:block; width:100%; margin-bottom:12px; }
.fieldset .submit-btn{ cursor:pointer; }
.submit-btn-cell{ display:inline-block; position:relative; }
.submit-btn-cell input{ position:absolute; left:0; top:0; width:100%; height:100% !important; opacity:0; z-index:1; }
.fieldset .submit-btn .btn-text{ color:#ffffff; opacity:1; text-transform: capitalize; letter-spacing:normal; padding-right:55px; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="date"]{ border:1px solid #ffffff; padding:0 25px; box-sizing: border-box; color:#ffffff; font-size:24px; height:60px; background: rgba(255, 255, 255, 0.12); font-family: 'MatterSQ-Regular'; width: 100%; border-radius: 13px; }
textarea{ border:1px solid #ffffff; padding:20px 25px; box-sizing: border-box; color:#ffffff; font-size:24px; height: 160px; background: rgba(255, 255, 255, 0.12); font-family: 'MatterSQ-Regular'; width: 100%; border-radius: 13px; }
input::placeholder, textarea::placeholder{ color:#ffffff; font-size:24px; height:60px; font-family: 'MatterSQ-Regular'; }

input[type="submit"], input[type="button"], input[type="reset"]{ background:#666; cursor:pointer; color:#fff; border:none; height:30px; line-height:28px; display:block; font-size:15px;}
input[type="submit"]:hover, input[type="button"]:hover{ background:#666; color:#fff;}

/* 6. Tables
------------------------------------------------------------------------------*/
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}

/* 7. Layout Framework
------------------------------------------------------------------------------*/
/* main container */
#wrapper{ width:100%; min-height:100%; min-height: 100%; height: auto !important; height: 100%; }
.container{ max-width:1300px; width:100%; }

.footer, .push{ height: 22px; }

/* header */
header{ width:100%; height:auto; padding-top:36px; }
header .container{ display:flex; align-items: center; justify-content: space-between; }
.logo{ display:inline-block; width: 61px; margin: 0; }
.logo figure{ display:block; width: 100%; }
.logo figure img{ display:block; width: 100%; }
.header-right{ width: auto; margin: 0; display: inline-flex; align-items: center; gap: 32px; }
.menu-button{ display:flex; flex-wrap: wrap; width: 50px; gap:16px; cursor: pointer; transition: all 0.3s ease-in-out; }	
.menu-button:hover{  transform: scale(0.95); }
.menu-button span{ display: block; width: 100%; height: 2px; background: #F9C929; } 

/* Menu Overlayer */
.menu{ display:block; width: 100%; position: absolute; inset: 0; background: rgba(255,255,255,1); backdrop-filter: blur(10px); transform: translateY(-100%); transition: transform 0.6s cubic-bezier(0.77,0,0.175,1); z-index: 999; height: 950px; }
.menu.active{ transform: translateY(60px); }
.menu-outer-area{ margin: auto; height: 100%; }
.menu.no-cookie.active{ transform: translateY(0px); }

/* menu left */ 
.menu-left{ width: 985px; margin-left:0; } 

/* menu list */ 
.menu-list{ list-style: none; padding: 0; margin: 0; } 
.menu-list > li{ font-size: 65px; color: #000; opacity: 0; transform: translateY(60px); position: relative; font-family: 'Matter-Regular'; border-bottom: 1px solid #000000; padding-left: 77px; box-sizing: border-box; } 
.menu-list > li > a{ color:#000; }
.menu-list > li > a:hover{ text-decoration: none; color:#29A94A; }

/* Animation Active */ 
.menu.active li{ animation: fadeUp 0.8s forwards; }
.menu.active li:nth-child(1){ animation-delay:0.3s; }
.menu.active li:nth-child(2){ animation-delay:0.6s; }
.menu.active li:nth-child(3){ animation-delay:0.9s; }
.menu.active li:nth-child(4){ animation-delay:1.2s; }
.menu.active li:nth-child(5){ animation-delay:1.5s; }
.menu .full-cell{ opacity: 0; transform: translateY(60px); position: relative }
.menu.active .full-cell{  animation: fadeUp 0.8s forwards; animation-delay:1.5s; }

/* menu right */ 
.menu-right{ width: 245px; color: #aaa; font-size: 16px; line-height: 1.6; opacity: 0; transform: translateY(40px); margin-top: 45px; margin: 0; } 
.menu.active .menu-right{ animation: fadeUp 1s forwards; animation-delay: 0.5s; }

@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/*Main menu box design*/
.menu-outer-area{ display:block; width: 100%; }
.pre-circle > ul{ display: block; margin: 0; margin-bottom: 45px; margin-top: 7px; }
.pre-circle > ul > li{ margin-bottom: 20px; display: flex; align-items: start; padding-left: 47px; box-sizing:border-box; position:relative; }
.pre-circle .cell-title{ font-size: 30px; line-height: 0.9; color: #000; letter-spacing: -1.5px; margin:0; min-width: 140px; position:relative; } 
.pre-circle .menu-link-grp, .pre-circle .menu-link-grp ul{ margin:0; }
.red-list .menu-link{ border-color:#EE4A3C; } 
.blue-list .menu-link{ border-color:#2675BF; } 
.yellow-list:before{ content:''; display:block; position:absolute; left:0; top:0; width:31px; height: 30px; background:url(assets/images/yellow-brutalist.svg) no-repeat; background-size: cover; } 
.red-list:before{ content:''; display:block; position:absolute; left:3px; top:0; width:25px; height: 26px; background:url(assets/images/red-brutalist.svg) no-repeat; background-size: cover; } 
.blue-list:before{ content:''; display:block; position:absolute; left:3px; top:0; width:25px; height: 27px; background:url(assets/images/blue-brutalist.svg) no-repeat; background-size: cover; } 

.menu-link{ display: inline-block; font-size: 20px; line-height: 0.9; letter-spacing: 2px; text-transform: uppercase; border: 1px solid #FABC16; padding: 7px 28px; box-sizing: border-box; border-radius: 50px; margin: 0; margin-right: 16px; cursor: pointer; color: #000; }
.menu-link:hover{ text-decoration: none; background:#FABC16; color:#ffffff; border-color:#FABC16; }
.red-list .menu-link:hover{ background:#EE4A3C; color:#ffffff; border-color:#EE4A3C; }
.blue-list .menu-link:hover{ background:#2675BF; color:#ffffff; border-color:#2675BF; }

.menu-link-grp{ display: flex; flex-wrap: wrap; align-items: center; }
.menu-link-grp .menu-link:last-child{ margin-right:0; }
.pre-circle{ position:relative; }
.pre-circle:before{ content:''; display:block; position:absolute; left: 0; top: 24px; width: 50px; height:50px; border-radius: 50%; background:#EE4A3C; }
.yellow-circle:before{ background:#FABC16; }
.blue-circle:before{ background:#2675BF; }
.pink-circle:before{ background:#F8B7B1; }
.menu-box{ display:block; width:100%; margin-bottom:35px; }
.menu-box ul{ margin: 0; }
.menu-box ul li{ font-size:30px; line-height:1.3; font-family: 'Matter-Regular'; color:#000000; margin-bottom: 5px; display:block; }
.menu-box a.link-cell:hover{ background: transparent; }
.menu-box ul li a{ color:#000000; text-decoration: none; }
.menu-box ul li a:hover{ color:#29A94A; text-decoration: none; }
.menu-box .title-cell{ font-size:26px; line-height:0.9; color:#000000; font-family: 'Matter-Bold'; text-transform: uppercase; display:block; margin-bottom: 20px; letter-spacing: 3px;  }
.link-cell{ font-size:20px; line-height: 1.3; color:#000000; font-family: 'Matter-Regular'; }
.link-cell:hover{ color:#29A94A; text-decoration: none; }
.social-link{ display:block; width:100%; }
.social-link-cell{ display:block; width:100%; }
.link-arrow{ display: inline-block; position: relative; font-size: 18px; line-height: 0.9; color: #29A94A; margin-bottom: 28px; padding-right: 19px; box-sizing: border-box; letter-spacing: 2px; font-family: 'Matter-Regular'; }
.link-arrow:after{ content:''; display:block; position:absolute; right: 0; top: 3px; width: 12px; height:12px; background: url(assets/images/link-arrow.svg) no-repeat; background-size: cover; transition: all 0.3s ease-in-out; }
.link-arrow:hover:after{ right: -5px; }
.link-arrow:hover{ color: #29A94A; text-decoration:none; }
.menu-box.mb-10{ margin-bottom: 60px; }
.menu-top{ display:flex; align-items: center; justify-content: space-between; width:100%; padding-top: 36px; }
.menu-logo{ width:61px; margin:0; } 
.menu-logo figure{ display:block; width:100%; }
.menu-logo figure img{ display:block; width:100%; }
.tp-menu-right{ display: flex; align-items: center; margin: 0; margin-right: 0; flex-wrap: wrap; gap: 40px; }
.green-btn{ margin: 0; }
.close{ position: relative; cursor: pointer; width: 36px; } 
.close figure{ display:block; width:100%; }
.close figure img{ display:block; width:100%; }
.menu-outer-area .two-col{ margin: auto; height: 100%; display: flex; align-items: start; justify-content: space-between; padding-top: 65px; }
.full-cell{ display:block; width:100%; padding-top: 40px; box-sizing:border-box; }
.menu-right-part{ margin: 0; display: inline-flex; align-items: center; gap: 40px; }
.white-header{ background: #ffffff; }
.red-header{ position:absolute; }


/* nav */
nav{ width:100%; height:auto; }
nav ul{}
nav ul li{}
nav ul li a{}
nav ul li a:hover, nav .active{}

/* footer */
footer{ width:100%; height:auto; background:#000000; padding-top: 147px; padding-bottom: 100px; position:relative; }
.glass-img{ display:inline-block; width: 302px; position:absolute; left: 0; top: -250px; }
.glass-img figure{ display:block; width:100%; }
.glass-img figure img{ display:block; width:100%; }
.footer-full-img{ display:block; width: 100%; margin-bottom:62px; }
.footer-full-img figure{ display:block; width:100%; }
.footer-full-img figure img{ display:block; width:100%; }
.footer-tp{ display:block; width:100%; margin-bottom:56px; }
.footer-tp .two-col{ display:flex; justify-content: space-between; align-items: start; }
.footer-tp .two-col .col-left{ display: inline-block; width:20%; margin-left:0; }
.footer-tp .two-col .col-right{ display: inline-flex; width: 80%; margin-right: 0; justify-content: end; gap: 40px; }
.footer-tp .two-col .col-left p{ font-size: 16px; line-height: 1.5; margin-bottom:30px; font-family: 'Matter-Light'; }
.footer-logo-cell{ display:block; width:155px; margin-left:0; }
.footer-logo-cell figure{ display:block; width:100%; }
.footer-logo-cell figure img{ display:block; width:100%; }
.footer-tp .two-col .col-right ul{ margin:0; width:460px; display:flex; flex-wrap: wrap; align-content: flex-start; }
.footer-tp .two-col .col-right ul li{ font-size: 20px; line-height:1.5; color: #ffffff; font-family: 'MatterSQ-Regular'; padding-bottom:0; margin-bottom:5px; width: 50%; margin-left:0; letter-spacing: normal; }

.footer-tp .two-col .col-right ul li:nth-child(odd){ width: 50%; padding-right: 20px; box-sizing: border-box; }
.footer-tp .two-col .col-right ul li:nth-child(even){ width: 50%; }

.footer-tp .two-col .col-right ul li a{ color: #ffffff; }
.footer-tp .two-col .col-right ul li a:hover{ text-decoration: none; color: #EE4A3C; }
.footer-btm{ display:flex; margin-bottom:36px; }
.footer-btm h4{ font-size: 26px; line-height:0.9; color:#ffffff; font-family: 'MatterSQ-Bold'; text-transform: uppercase; display:inline-block; margin-bottom:0; margin-right:30px; margin-left:0; letter-spacing: 2px; }
.f-link-grp{ display:inline-flex; align-items:center; margin:0; }
.f-link-grp a{ margin-right: 65px; margin-bottom:0 !important; }
.copy-right-cell{ display:block; width: 100%; }
.copy-right-cell p{ font-size:16px; line-height:1.5; color:#ffffff; font-family: 'Matter-Light'; margin-bottom:0; }

/*package plan*/
.package-plan{ display:block; width:100%; background:#EE4A3C; padding: 12px 0; }
.package-plan .two-col{ display:flex; align-items:center; justify-content: space-between; }
.package-plan .two-col .col-left{ margin:0; width: 70%; }
.package-plan .two-col .col-right{ margin:0; width: 30%; text-align: right; }
.plan-text{ font-size: 18px; line-height:1.3; color:#fff; font-family: 'MatterSQ-Regular'; }
.plan-text p{ font-size: 18px; line-height:1.3; color:#fff; font-family: 'MatterSQ-Regular'; margin-bottom:0; }
.package-plan .close-btn{ width:14px; display:inline-block; margin-right:0; cursor:pointer; }
.package-plan .close-btn figure{ display:block; width:100%; }
.package-plan .close-btn figure img{ display:block; width:100%; }

/*--------- home page ------------*/
/* banner part */
.banner{ display:block; width:100%; padding-top: 170px; box-sizing:border-box; }
.heading-line-img{ display:block; width:100%; margin-bottom: 40px; }
.heading-line-img figure{ display:block; width:100%; }
.heading-line-img figure img{ display:block; width:100%; }
.banner-desc{ display:block; width:100%; text-align: center; margin-bottom: 60px; max-width: 840px; }
.big-title{ display:block; width: 100%; font-size: 45px; line-height:0.9; font-family: 'Matter-Regular'; color: #fff; margin-bottom: 16px; }
.big-title span{ color:#2675BF; display:block; width: 100%; text-align:center; }
.big-title.yellow-text{ color:#FABC16; }

/*banner gallery*/
.banner-gallery{ display: flex; gap: 10px; margin-bottom:85px; }
.banner-gallery .banner-img{ display:block; width:100%; position: relative; width: 20%; border-radius: 50%; }
.banner-gallery .banner-img figure{ display:block; width:100%; }
.banner-gallery .banner-img figure img{ display:block; width:100%; }
.rotate-cell ~ figure{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 107px !important; display: inline-block !important; transition: all 0.3s ease-in-out; }
.ambi-cell .rotate-cell ~ figure{ width: 66px !important; }
.lets-start-cell ~ figure{ width: 140px !important; }
.rotate-cell img{ animation: spin 12s linear infinite; }
.banner .center-text{ display:block; width:100%; text-align: center; /*margin-bottom: 123px;*/ }
.link-cell:hover{ background:#29A94A; }

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


/*Animated Border*/
/*start*/
.animated-border{ width: 100%; height: 1px; position: relative; overflow: hidden; }
.animated-border::after{ content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 0%; background: #ffffff; transition: width 1.2s ease; }
.animated-border.active::after{ width: 100%; }
.border-under-info{ display:flex; align-items:center; justify-content: space-between; padding: 19px 0; }
.border-under-info .animated-btn{ margin-right:0; }
.border-under-info .section-title{ display:inline-block; margin: 0; margin-left:0; font-size: 18px; line-height: 0.9; font-family: 'Matter-Regular'; }
/*end*/

/*two column section*/
/*start*/
.two-col-section{ display:block; width:100%; padding-top:60px; }
.two-col-section .two-col{ display:flex; align-items: start; }
.two-col-section .two-col .col-left{ display: inline-block; width:55%; margin-left:0; padding-right: 20px; box-sizing:border-box; }
.two-col-section .two-col .col-left figure{ display:block; width:100%; }
.two-col-section .two-col .col-left figure img{ display:block; width:100%; margin-bottom: -1px; }
.two-col-section .two-col .col-right{ display: inline-block; width:45%; margin-left:0; padding-left: 110px; box-sizing:border-box; }
.two-col-section .two-col .col-right ul{ margin-left: 0; margin-right: 0; margin-top: 0; }
.content-with-image-section .two-col .col-right ul{ margin-left: 0; margin-right: 0; margin-top: 0; }
.two-col-section h2 span, .two-col-section h2 strong{ color:#EE4A3C; }
.two-col-section.pb-100{ padding-bottom:100px; }
.two-col-section h2{ margin-bottom:0; }
.ambi-logo{ max-width: 73px; margin-bottom: 24px; margin-left:0; }
.ambi-logo figure{ display:block; width:100%; }
.ambi-logo figure img{ display:block; width:100%; }
.two-col-section .two-col .col-right h2{ margin-bottom:45px; }
.two-col-section.left-img-right-content .two-col .col-right{ padding-top:90px; }
/*end*/

/*before after section*/
/*start*/
.compare-section{ display:block; width:100%; }
#before_after{ position: relative; }
.custom-label{ position: absolute; padding: 3px 17px; background: #F8B7B1; color: #000; z-index: 999; border-radius: 5px; font-size: 20px; line-height: 1.5; font-family: 'MatterSQ-Regular'; box-sizing: border-box; }
.custom-label strong{ font-family: 'MatterSQ-Bold'; }
.before-text{ left: 70px; bottom:  25px; }
.after-text{ left: 52%; bottom:  25px; color: #fff; background: #EE4A3C; }

.twentytwenty-overlay{ display:none; }
.twentytwenty-before-label, .twentytwenty-after-label{ display: none !important; }
.twentytwenty-before{ overflow: hidden !important; }
.twentytwenty-container img{ width:100%; }

.beer-slider{ max-width: 100%; margin: auto; float:left; width:100%;}
.beer-slider img { width: 100%; display: block; }
.beer-reveal{ margin:0; }
.beer-handle{ background: #fff; margin-left:-2px; opacity:1 !important; }
.beer-reveal{ border-right: 3px solid #ffffff; }
.beer-reveal[data-beer-label]:after{ padding: 3px 17px; background: #F8B7B1; color: #000; z-index: 999; border-radius: 5px; font-size: 20px; line-height: 1.5; font-family: 'MatterSQ-Regular'; box-sizing: border-box; top: auto; left: 70px; bottom: 25px; width: 165px; text-align: center; }
.beer-slider[data-beer-label]:after{ left: 52%; bottom: 25px; color: #fff; top: auto; padding: 3px 17px; background: #EE4A3C; border-radius: 5px; font-size: 20px; line-height: 1.5; font-family: 'MatterSQ-Regular'; box-sizing: border-box; right: auto; }
.beer-label{ font-weight: normal; }
.beer-range:focus~.beer-handle{ background: #ffffff; box-shadow: none; }
.beer-slider[data-beer-label]:after, 
.beer-reveal[data-beer-label]:after {
  font-weight: bold !important;
}

/*end*/

/*box sec section*/
/*start*/
.box-sec{ display:block; width:100%; /*padding-top: 125px;*/ }
.white-box{ background: #fff; }
.white-box .animated-border::after{ background: #000000; }
.white-box .section-title{ color:#000000; }
.white-box h2{ color:#000; }
.white-box p{ color:#000; }

.transparent-box{ background: transparent; }
.transparent-box .animated-border::after{ background: #000000; }
.transparent-box .section-title{ color:#000000; }
.transparent-box h2{ color:#000; }
.transparent-box p{ color:#000; }
/*end*/

/*full image section*/
/*start*/
.full-img-sec{ display:block; width:100%; }
.full-img-sec figure{ display:block; width:100%; }
.full-img-sec figure img{ display:block; width:100%; }
/*end*/

/*three box flip*/
/*start*/
.three-box-flip-section{ display:block; width:100%; margin-bottom: 18px; }
.card-grp{ display: block; }
.card{ width: 433px; height: 433px; perspective: 2000px; transition: all 0.8s ease; float:left; }
.card-inner{ width: 100%; height: 100%; position: relative; border-radius: 50%; transform-style: preserve-3d; transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1); transform-style: preserve-3d; will-change: transform; transform: translateZ(0); transform: rotateY(0.0001deg); transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1); }
.card:hover .card-inner{ transform: rotateY(180deg); }
.card-front, .card-back{ position: absolute; width: 100%; height: 100%; border-radius: 50%; overflow: hidden; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: translateZ(0); }
.card-front{ display: flex; align-items: center; justify-content: center; text-align: center; padding: 20px; box-sizing: border-box; color: #fff; }
.card-front .bg-img{ position:absolute; left:50%; top: 50%; width: 287px; transform: translate(-50%, -50%); }
.card-front.blue .bg-img{ width: 230px; }
.card-front.red .bg-img{ width: 238px; }
.card-front .bg-img figure{ display:block; width:100%; }
.card-front .bg-img figure img{ display:block; width:100%; }
.card-front .bg-img ~ div{ position:relative; }
.card-back{ transform: rotateY(180deg); }
.card-back img{ width: 100%; height: 100%; object-fit: cover; }
.yellow{ background: #FFB31B; }
.blue{ background: #026AB6; }
.red{ background: #F53E35; }
.card .title{ font-size: 65px; line-height: 0.9; text-transform: uppercase; }
.card .subtitle{ font-size: 16px; margin-top: 10px; line-height: 1.4; }
.card-front p{ margin-bottom:0; }
/*end*/

/*video section*/
/*start*/
.video-section{ display: block; width: 100%; height: 575px; position: relative; overflow: hidden; }
.video-part{ display: block; width: 100%; position: relative; height: 100%; background-size: cover !important; background-position: center center !important; }
.video-cell{ display: block; width: 100%; height: 100%; object-fit: cover; }
/*end*/

/* client project section */
/*start*/
.client-project-section{ display:block; width:100%; }
.project-grp{ display:flex; flex-wrap: wrap; gap: 32px; }
.project-cell{ display:block; width: calc(33.3% - 23px); margin:0; margin-bottom: 15px; }
.project-img{ display: block; width: 100%; height: 443px; margin-bottom: 25px; position:relative; }
.project-img .overlayer-box{ display:flex; align-items: center; justify-content: center; width:100%; height:100%; position:absolute; left:0; top: 0; height:100%; }
.project-img .center-desc{ display:inline-block; width: 60%; text-align: center; position:relative;  opacity:0; visibility:hidden; margin-top:-30px; transition: all 0.3s ease-in-out; }
.project-img:hover .center-desc{ margin-top:0; opacity:1; visibility: visible; }
.project-img figure{ display:inline-block; margin:0; max-width: 60px; margin-bottom: 10px; }
.project-img figure img{ display:block; width:100%; }
.project-img .project-title{ display:block; width: 100%; font-size: 32px; line-height: 1.1; color:#000000; font-family: 'Matter-Regular'; color:#fff; }
.projec-desc{ display:block; width:100%; position:relative;}
.projec-desc h5{ color:#EE4A3C; letter-spacing: 3px; margin-bottom:10px; font-weight: 700; }
.projec-desc p{ font-size: 30px; line-height: 0.9; color:#000000; font-family: 'Matter-Light'; margin-bottom:0; }
.overlayer-box:before{ content:''; display: block; position: absolute; width:100%; height:0; top: 0; left:0; background:#FABC16; transition: all 0.3s ease-in-out; }
.project-img:hover .overlayer-box:before{ height:100%; }
.yellow-overlayer:before{ background:#FABC16; }
.blue-overlayer:before{ background:#2675BF; }
.green-overlayer:before{ background:#29A94A; }
.red-overlayer:before{ background:#F53E35; }
.pink-overlayer:before{ background:#F8B7B1; }
.no-overlayer:before{ background: none; }
/*end*/

/*company logo section*/
/*start*/
.company-logo-section{ display:block; width: 100%; padding-bottom: 106px; padding-top: 20px; }
.company-logo-grp{ display: flex; flex-wrap: wrap; gap: 25px; }
.company-logo{ display:flex; align-items: center; justify-content: center; width: 306px; aspect-ratio: 1 / 1; border: 1px solid #000000; border-radius: 50%; padding: 43px; box-sizing:border-box; margin:0; }
.company-logo figure{ display:block; margin:0; max-width:100%; }
.company-logo figure img{ display:block; width: 100%; }
/*end*/

/*get started section*/
/*start*/
.get-started-section{ display:block; width:100%; padding-top:67px; padding-bottom:50px; }
/*end*/

.section{ transition: background 0.2s linear; }
.white-text .projec-desc p{ color:#ffffff; }
.client-project-section.pt-170{ padding-top:170px; } 
.client-project-section.pb-250{ padding-bottom:250px; }
.inner-banner{ display:block; width:100%; padding-top:65px; text-align:center; }
.inner-banner h1{ margin-bottom: 60px; max-width: 1300px; }
.category-grp{ display:flex; align-items: center; flex-wrap: wrap; width:100%; max-width: 950px; gap:30px; justify-content:center; }
.category-cell{ display:inline-block; margin:0; }
.text-mb-0 .col-right p{ margin-bottom:0; }
.inner-banner.pt-150{ padding-top:150px; }
/*.inner-banner .banner-gallery{ margin-bottom:150px; }*/

/*absolute banner*/
.absolute-banner{ position:relative; display:block; width:100%; }
.absolute-banner .container{ position:relative; }
.absolute-banner .first-img{ position:absolute; left:30px; bottom: 42px; width: auto; border-radius: 0; }
.absolute-banner .first-img figure{ display:inline-block; }
.absolute-banner .banner-gallery .first-img img{ display:block; width:253px; height:318px; object-fit:cover; object-position: center; border-radius: 20px; overflow: hidden; }
.absolute-banner .second-img{ position:absolute; right:251px; bottom: -67px; border-radius: 20px; overflow: hidden; z-index: 1; width: auto; border-radius: 0; }
.absolute-banner .second-img figure{ display:inline-block; }
.absolute-banner .banner-gallery .second-img img{ display:block; width:333px; height:198px; object-fit:cover; object-position: center; border-radius: 20px; overflow: hidden; }
.absolute-banner .third-img{ position:absolute; right:55px; bottom: 170px; border-radius: 20px; overflow: hidden; width: auto; border-radius: 0; }
.absolute-banner .third-img figure{ display:inline-block; }
.absolute-banner .banner-gallery .third-img img{ display:block; width:217px; height:198px; object-fit:cover; object-position: center; border-radius: 20px; overflow: hidden; }
.absolute-banner .center-img{ display:block; margin:0 auto; width:260px; z-index:2; }
.absolute-banner h1{ margin-bottom: 170px; }
.absolute-banner-subtitle{ position:relative; }
.center-title{ display:block; max-width: 468px; position:absolute; bottom: 114%; left: 50%; width:100%; transform: translate(-50%, 0%); }
.center-title p{ margin-bottom:0; }

/*timeline*/
/*start*/
.timeline{ padding: 80px 40px; }
.timeline.dark{ background: #000; color: #fff; }
.timeline.light{ background: #ffffff; color: #111; overflow: hidden; }
.timeline-row{ display: flex; justify-content: space-between; position: relative; }
.timeline-row::before{ content: ""; position: absolute; top: 30px; left: 0; width: calc( 100% - 260px); height: 1px; background: #ffffff; opacity: 1; }
.timeline-item{ width: 100%; max-width: 250px; position: relative; margin-left: 0; }
.circle{ width: 65px; height: 65px; border-radius: 50%; border: 1px solid #ffffff; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; background: transparent; margin-left: 0; font-family: 'MatterSQ-Regular'; font-size: 24px; }
.text{ font-size: 24px; line-height: 1.5; max-width: 240px; margin-left: 0; font-family: 'MatterSQ-Regular'; }
.timeline-row{ gap: 40px; }

.timeline.light .circle{ border-color: #000000; background:#ffffff; }
.timeline.light .timeline-row::before{ background: #000000; }
.timeline.light .timeline-row::before{ width: calc( 100% - 20%) }
.timeline.light.full-border .timeline-row::before{ width: 125%; }
.timeline.light .text{ max-width: 100%; }
.timeline.light .timeline-item{ max-width: 100%; }
.timeline.light.three-item .timeline-row{ gap: 180px; }
.timeline-cell-title{ font-size: 35px; line-height: 0.99; color:#000000; }
/*end*/

/* Colored version */
/*start*/
.timeline.colored .circle:nth-child(1) { background: #FABC16; color:#fff; }
.timeline.colored .timeline-item:nth-child(2) .circle { background: #EE4A3C; color:#fff; }
.timeline.colored .timeline-item:nth-child(3) .circle { background: #2675BF; color:#fff; }
.timeline.colored .timeline-item:nth-child(4) .circle { background: #29A94A; color:#fff; }
.timeline.mb-100{ margin-bottom:100px; padding-top:0; }
/*end*/

/* moving section */
/*start*/
.moveing-sec{ display:block; width:100%; background:#fff; }
.moveing-section{ position: relative; padding-top: 200px; padding-bottom: 450px; display: flex; align-items: center; justify-content: center; background: #fff; overflow:hidden; }
.content{ text-align: center; z-index: 2; }
.moveing-section h1{ color:#000000; margin-bottom:30px; }
.moveing-section p{ font-size: 45px; line-height: 0.9; color:#000000; }
.red-cell { color: #EE4A3C; }
.float{ position: absolute; animation: float 5s ease-in-out infinite; }
.float-inner{ width: 100%; height: 100%; }
.float img{ width: 100%; height: 100%; object-fit: cover; filter: grayscale(100%); }

.i1{ top: 5%; left: -3%; width: 150px; height: 150px; }
.i2{ top: 5%; left: 19%; width: 218px; height: 212px; }
.i3{ top: 3%; right: 45%;width: 126px; height: 126px; }
.i4{ top: 12%; right: 15%; width: 230px; height: 173px; }
.i5{ top: 7%; right: -3%; width: 148px; height: 230px; }

.i6{ top: 30%; left: -1%; width: 268px; height: 406px; }
.i7{ top: 38%; right: 3%; width: 205px; height: 170px; }

.i8{ top: 76%; left: 12%; width: 228px; height: 228px; }
.i9{ bottom: 0%; right: 41%; width: 284px; height: 370px; }
.i10{ bottom: 17%; right: 10%; width: 245px; height: 203px; }

/* FLOAT */
@keyframes float {
    0% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
    100% { transform: translateY(0); }
}
/*end*/

.border-icon{ width: 40px; margin:0; }
.border-icon figure{ display:block; width:100%; }
.border-icon figure img{ display:block; width:100%; }

/*content with image section*/
/*start*/
.content-with-image-section{ display:block; width:100%; /*padding: 100px 0 100px 0;*/ box-sizing:border-box; }
.content-with-image-section .two-col{ display:flex; gap: 82px; }
.content-with-image-section .two-col .col-left{ display:block; width:50%; margin-left:0; }
.content-with-image-section .two-col .col-left figure{ display:block; width:100%; }
.content-with-image-section .two-col .col-left figure img{ display:block; width:100%; }
.content-with-image-section .two-col .col-right{ display:block; width:50%; margin-right:0; padding-top: 160px; }
.content-with-image-section h2{ margin-bottom: 50px; }
.content-with-image-section p, .content-with-image-section ul{ margin-bottom: 40px; }
.content-with-image-section .white-bullet-list li:before, .content-with-image-section ul li:before, .two-col-section ul li:before, .timelin-inn-box ul li:before{ top: 14px; }
.content-with-image-section.white-box{ padding: 80px 0 80px 0; }
/*end*/

/*tab section*/
/*start*/
.tab-section{ display:block; width:100%; padding: 50px 0 95px 0; box-sizing:border-box; }
.tab-section .container{ max-width: 1290px; }
.tabs{ position: relative; display: flex; overflow: hidden; background: transparent; border: 1px solid #fff; }
.tab{ font-size: 18px; line-height: 0.9; font-family: 'Matter-Regular'; padding: 27px 30px; cursor: pointer; color: #aaa; position: relative; z-index: 1; transition: 0.3s; text-transform: uppercase; color:#ffffff; margin:0; display: inline-flex; align-items: center; justify-content: center; text-align: center;     flex-grow: 1;
    flex-basis: auto;
    min-width: 0; }
.tab:before{ content:''; display:block; position:absolute; left:0; top:0; width: 1px; height: 100%; background: #ffffff; }
.tabs .tab:first-child:before{ display:none; }
.tab.active{ color: #fff; }
.highlight{ position: absolute; bottom: 0; left: 0; height: 100%; background: #EE4A3C; transition: all 0.4s ease; }
.tab-content{ display: none; }
.tab-content.active{ display: block; }
.tab-content figure{ display:block; width:100%; }
.tab-content figure img{ display:block; width:100%; height: 514px; object-fit:cover; object-position:center; }
.yellow-tab-btn .highlight{ background:#FABC16; }
.blue-tab-btn .highlight{ background:#2675BF; }
.tab-bottom{ display:block; width:100%; border: 1px solid #ffffff; box-sizing: border-box; }
.tab-bottom .two-col{ display:flex; align-items:center; justify-content:space-between; }
.tab-bottom .two-col .col-left{ display:inline-flex; align-items:center; padding: 19px 30px 19px 25px; box-sizing:border-box; width: calc( 100% - 225px); margin: 0; }
.tab-bottom .two-col .col-left p{ margin:0; font-family: 'MatterSQ-Regular'; font-size: 20px; }
.tab-bottom .two-col .col-right{ display:inline-block; width: 225px; }
.reach-out-btn{ display: inline-flex; align-items: center; padding: 28px 68px 28px 26px; box-sizing: border-box; background: #29A94A; color: #ffffff; font-size: 20px; line-height: 0.9; position: relative; width: 100%; letter-spacing: 2px; border-left: 1px solid #ffffff; }
.reach-out-btn:hover{ color:#ffffff; text-decoration: none; }
.reach-out-btn:after{ content:''; display:block; position:absolute; right: 18px; top: 18px; width: 38px; height: 38px; background: url(assets/images/reach-out-arrow.svg) no-repeat; background-size: cover; transition: all 0.3s ease-in-out; }
.reach-out-btn:hover:after{ transform:scale(0.9); }
.white-box ul li{ color:#000000; }
.content-with-image-section.white-box .two-col .col-right{ padding-top: 30px; }
.absolute-banner .banner-gallery{ margin-bottom:40px; }

.tab-text-grp{ display:block; width:100%; }
.tab-text-grp .tab-text{ display:none; }
.tab-text-grp .tab-text.active{ display:block; }
/*end*/

/*full img slider section*/
/*start*/
.full-img-slider-section{ display:block; width:100%; padding: 28px 0 67px 0; box-sizing:border-box; }
.full-img-slider-section .container{ position:relative; }
.full-img-slider{ display:block; width:100%; }
.full-img-slider .item{ display:block; width:100%; padding:0; float:left; }
.full-img-slider .item figure{ display:block; width:100%; float:left; }
.full-img-slider .item figure img{ display:block; width:100%; height: 438px; object-fit: cover; object-position:center; float:left; }
.full-img-slider-arrow{ position:absolute; right: 30px; top: 375px; display:flex; gap: 12px; width: 89px; }
.full-img-slider-section.full-img p{ margin-bottom:10px; }
/*.full-img-slider-section.full-img .full-img-slider-arrow{ bottom: 102px; }*/
.full-img-slider-arrow .left-arrow{ display:block; width:37px; cursor:pointer; }
.full-img-slider-arrow .left-arrow figure{ display:block; width:100%; }
.full-img-slider-arrow .left-arrow figure img{ display:block; width:100%; }
.full-img-slider-arrow .right-arrow{ display:block; width:37px; cursor:pointer; }
.full-img-slider-arrow .right-arrow figure{ display:block; width:100%; }
.full-img-slider-arrow .right-arrow figure img{ display:block; width:100%; }
/*end*/

.mt-60{ margin-top: 60px; }

/*split-60-40*/
/*start*/
.two-col-section.split-60-40{ padding: 55px 0; box-sizing:border-box; overflow:hidden; }
.two-col-section.split-60-40 .col-left{ width: 60%; margin-left:0; max-width: 685px; padding-right:0; } 
.two-col-section.split-60-40 .col-right{ width: 40%; padding-left: 0; box-sizing:border-box; max-width: 442px; margin-right:0; } 
.two-col-section.split-60-40 h1{ margin-bottom: 50px; }
.two-col-section.split-60-40 h2{ margin-bottom:28px; }
.two-col-section.split-60-40 h4{ text-transform: uppercase; margin-bottom:28px; letter-spacing: 4px; }
.two-col-section.split-60-40 h3{ font-size: 45px; line-height: 0.99; margin-bottom:28px; }
.split-services{ display:block; width:100%; position:relative; }
.split-cell{ display:block; width:100%; border-bottom: 1px solid #ffffff; padding: 28px 0 25px 0; box-sizing:border-box; }
.split-cell:before{ content:''; display:block; position:absolute; left:0; top: 0; width:200%; height: 1px; background: #ffffff; }
.split-cell h5{ color:#FABC16; letter-spacing: 4px; text-transform: uppercase; }
.split-cell p{ margin-bottom:0; font-size: 32px; line-height:1.18; font-family: 'MatterSQ-Regular'; }
.border-under-info .section-title.uppercase-title{ text-transform: uppercase; font-size:25px; line-height: 0.9; letter-spacing: 4px; }
/*end*/

/*four box section*/
/*start*/
.four-box-section{ display:block; width:100%; margin-bottom: 75px; }
.two-col-box{ display:flex; flex-wrap:wrap; gap: 40px 45px; }
.two-col-box .box-img{ display:block; width: calc( 50% - 23px ); margin:0; }
.two-col-box .box-img figure{ display:block; width:100%; }
.two-col-box .box-img figure img{ display:block; width:100%; /*aspect-ratio: 1 / 1; */}
/*end*/

/*three round box section*/
/*start*/
.three-round-box-section{ display:block; width: 100%; }    
.round-box-cell-grp{ display:flex; gap: 25px; }
.round-box-cell{ width: 33%; border: 1px solid #ffffff; border-radius: 50%; aspect-ratio: 1 / 1; display:flex; align-items:center; justify-content:center; padding: 20px; box-sizing:border-box; }
.center-text{ font-size: 57px; line-height: 0.99; font-family: 'Matter-Regular'; font-weight: 300; text-align:center; }
/*end*/

/*three box img section*/
/*start*/
.three-box-img{ display:block; width:100%; }
.three-box-grp{ display: flex; gap: 35px; }
.img-box{ display:block; width: calc( 33% - 35px); aspect-ratio: 1 / 1; } 
.img-box figure{ display:block; width:100%; }
.img-box figure img{ display:block; width:100%; }
/*end*/

/*ambi section*/
/*start*/
.ambi-section{ padding-top:20px; padding-bottom: 100px; }
.ambi-section p{ margin-bottom: 40px; }
.ambi-section p:last-child{ margin-bottom:0; }
.list-big-text, .ambi-section ul{ display:block; width:100%; margin:0; margin-top:90px; }
.list-big-text li, .ambi-section ul li{ font-size: 35px; line-height: 0.9; padding: 22px 0 22px 0; box-sizing:border-box; color:#FFFFFF; font-family: 'Matter-Light'; font-weight: 400; border-bottom: 1px solid #ffffff; }
.list-big-text li:first-child, .ambi-section ul li:first-child{ border-top: 1px solid #ffffff; }
/*end*/

/*full img*/
/*start*/
.full-img{ display:block; width:100%; padding-bottom:80px; }
.full-img figure{ display:block; width:100%; }
.full-img figure img{ display:block; width:100%; }
.full-img h5{ color:#F8B7B1; letter-spacing: 4px; margin-bottom:10px; margin-top: 20px; font-weight: bold; font-family: 'Matter-Bold'; }
.full-img p{ font-size:30px; line-height: 0.9; margin-bottom:0; }
.box-sec.pt-100{ padding-top: 100px; }
.two-box-img-cell{ display:block; width:100%; position:relative; min-height: 650px; margin-top: 90px; }
.two-box-img-cell .box-img-1{ display:inline-block; position:absolute; left:0; top: }
.two-box-img-cell .box-img-1 figure{ display:inline-block; }
.two-col-section .two-col .two-box-img-cell .box-img-1 figure img{ width: 318px; height:370px; border-radius: 10px; overflow:hidden; object-fit: cover; object-position: center; }

.two-box-img-cell .box-img-2{ display:inline-block; position:absolute; right:0; bottom:0; }
.two-box-img-cell .box-img-2 figure{ display:inline-block; }
.two-col-section .two-col .two-box-img-cell .box-img-2 figure img{ width: 280px; height:475px; border-radius: 10px; overflow:hidden; object-fit: cover; object-position: center; }
/*end*/
/*.box-sec.pt-128{ padding-top: 128px; }*/

.authority-banner{ padding-bottom: 165px; }

/*split-50-50*/
/*start*/
.split-50-50.two-col-section .two-col .col-left{  width: 50%; }
.split-50-50.two-col-section .two-col .col-right{  width: 50%; padding-left:60px; box-sizing:border-box; }
.split-50-50.two-col-section .two-col .col-left figure img{ margin-bottom: -115px; }
/*end*/

/*list-big-two-cell*/
/*start*/
.list-big-two-cell, .why_this_matters_sec ul{ display:block; width:100%; margin:0; list-style: none; padding: 0; counter-reset: item; }
.list-big-two-cell li, .why_this_matters_sec ul li{ counter-increment: item; display:block; width:100%; position:relative; padding: 18px 40px 18px 32px; box-sizing: border-box; border-bottom: 1px solid #ffffff; font-size: 24px; line-height: 1.5; color: #ffffff; font-family: 'MatterSQ-Regular'; }
.list-big-two-cell li:after, .why_this_matters_sec ul li:after{ content: counter(item, decimal-leading-zero); position: absolute; font-size: 24px; color: rgba(255, 255, 255, 0.6); font-family: 'MatterSQ-Regular'; right:0; top: 18px; }
.col-grp{ display:block; width:100%; margin-bottom:130px; }
.desc-text p{ font-size: 35px; line-height: 1.23; color: #ffffff; font-family: 'Matter-Regular'; max-width: 700px; margin-left:0; }
.green-text{ color: #29A94A; }
/*end*/

/*split-40-70*/
/*start*/
.split-40-60.two-col-section .two-col .col-left{ width: 40%; }
.split-40-60.two-col-section .two-col .col-right{ width: 60%; padding-left:30px; box-sizing:border-box; }
/*end*/

/*authority form*/
/*start*/
.authority-form{ padding-bottom: 265px; }
.authority-form h2{ max-width: 502px; margin-left:0; margin-bottom: 35px; }
.authority-form p{ max-width: 585px; margin-left:0; }
.authority-form ul{ max-width: 570px; margin-left:0; }
.date-cell{ position:relative; }
.date-cell:after{ content:''; display:block; position:absolute; right: 18px; top: 12px; width: 34px; height:34px; background: url(../images/calender.svg) no-repeat; background-size: cover; pointer-events: none; }
/*end*/

/*circle square section*/
/*start*/
.circle-square{ display:block; width:100%; overflow: hidden; }
.common-section{ position: relative; padding: 100px 20px; display: flex; justify-content: center; align-items: center; gap: 34px; overflow: hidden; width: 1600px; left: 50%; transform: translateX(-50%); }
.half-circle{ position: relative; width: 370px; height: 370px; border: 1px solid #ffffff; border-radius: 50%; aspect-ratio: 1 / 1; margin:0; }
.common-box{ width: 370px; height: 370px; border: 1px solid #ffffff; border-radius: 25px; padding: 30px; color: #000; margin: 0;  box-sizing: border-box; aspect-ratio: 1 / 1; }
.common-box h3{ margin-top: 0; }
.common-circle {width: 374px; height: 374px; border-radius: 50%; border: 1px solid #999; display: flex; align-items: center; justify-content: center; text-align: center; padding: 20px; /*font-size: 35px; line-height: 1.23;*/ color: #ffffff; aspect-ratio: 1 / 1; }
.banner .common-circle{ background: #EE4A3C; color: #fff; border: none; margin: 0; padding: 0; }
.light{ background: #e9e9e9; }
/*end*/
.mobile-size-video{ max-width: 400px; /*aspect-ratio: 9 / 16;*/ overflow: hidden; }
.circle-square.white-box .common-box, .circle-square.white-box .half-circle{ border-color:#000000; }
.circle-square.white-box .common-circle{ background:transparent; border: 1px solid #999; }
.common-heading, .common-box h1{ font-size:35px; line-height:0.99; color:#000000; margin: 0; margin-bottom: 30px; }
.circle-square.white-box .black-bullet-list, .circle-square.white-box ul{ margin:0; }
.circle-square.white-box .common-box{ display:flex; flex-wrap:wrap; justify-content:space-between; flex-direction: column; }
.circle-square.white-box ul li{ margin-bottom: 10px; }
.circle-square.white-box ul li:last-child{ margin-bottom:0; }
.two-col-section.split-40-60 h2 span.green-text{ color: #29A94A; }

/*onboarding page*/
/*start*/
.top-section{ position: sticky; top: 0; display: flex; align-items: center; justify-content: center; padding-bottom: 60px; }
.animation-section{ height: 300vh; }
.pin{ position: sticky; top: 0; height: 100vh; overflow: hidden; }
.text-wrap{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; gap: 20px; font-weight: bold; z-index: 3; width: 810px; }
.image-box{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); width: 600px; max-width: 80vw; aspect-ratio: 16/9; overflow: hidden; }
.image-box img{ width: 100%; height: 100%; object-fit: cover; }
.next{ position: relative; z-index: 5; padding: 100px 0; background: #000000; }
.onboard-timeline{ position: relative; width: 100%; margin: auto; }
.onboard-line, .onboard-progress{ position: absolute; left: 42%; width: 1px; transform: translateX(-50%); }
.onboard-line{ height: 100%; background: #545454; }
.onboard-progress{ height: 0; background: #29A94A; }
.onboard-row{ display: flex; justify-content: space-between; align-items: center; padding: 70px 0; position: relative; }
.box{ width: 45%; padding: 25px; transition: 0.3s; }
.dot{ position: absolute; left: 42%; bottom: 0; width: 22px; height: 22px; background: #545454; border-radius: 50%; transform: translate(-50%, 0%); }
.dot:before{ content:''; display:block; position:absolute; left:0; top:-5px; width: 100%; height: 5px; background:#000000; }
.dot:after{ content:''; display:block; position:absolute; left:0; bottom:-5px; width: 100%; height: 5px; background:#000000; }
.dot.active{ background: #29A94A; }
.bottom-text{ width: 80%; margin: 100px auto; line-height: 1.7; }
.left-text{ font-size: 100px; line-height: 0.99; font-family: 'Matter-Regular'; color:#ffffff; margin:0; }
.right-text{ font-size: 100px; line-height: 0.99; font-family: 'Matter-Regular'; color:#ffffff; margin:0; }
.top-section ~ #content-area{ position:relative; background:#000000; }
.onboard-timeline-section{ display:block; width:100%; padding: 100px 0 80px 0; box-sizing:border-box; position:relative; }
.onboard-timeline-section h2{ display:block; text-align:center; margin-bottom:60px; }
.box{ opacity: 0.3; margin:0; width: 50%; padding: 0; }
.box.active{ opacity:1; }
.dot ~ .box{ padding: 0; box-sizing:border-box; width: 50%; }
.timeline-title{ font-size: 35px; line-height:0.99; color:#ffffff; max-width: 390px; margin-left: 106px;; box-sizing:border-box; }
.timelin-inn-box{ max-width: 565px; margin-left:0; }
.box.active.timeline-title{ color: #29A94A; }
.timelin-inn-box h6{ color:#29A94A; letter-spacing: 3px; }
.onboard-timeline-section:before{ content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height: 390px; background:#ffffff; }
.last-box p{ color:#000000; }
.last-box .dot:before, .last-box .dot:after{ background:#ffffff; }
.last-box .dot{ background:#000000; }
.last-box .dot.active{ background:#29A94A; }
.last-box{ padding-bottom:0; padding-top: 100px; }
.hide{ opacity:0; }
/*end*/

/*moving slider section*/
.moving-slider-section{ display:block; width:100%; }
.move-slider{ height: 500px; position: relative; overflow: hidden; padding: 0; box-sizing: border-box; }
.move-slider-inner{ display: flex; width: 100%; height: 100%; }
.move-slider .left{ width: 55%; position: relative; }
.move-slider .left img{ width: calc(50% - 5px); object-fit: cover; position: absolute; transition: opacity 0.5s ease; opacity: 1; }
.top-left { height: 192px; }
.top-right { height: 250px; }
.bottom-left{ height: 308px; top: calc(192px + 10px); }
.bottom-right{ height: 250px; top: calc(250px + 10px); }
.top-left, .bottom-left { left: 0; }
.top-right, .bottom-right { left: calc(50% + 5px); }
.move-slider .right{ width: 45%; padding: 0px 0 0 45px; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; text-align: left; font-size: 18px; opacity: 1; transform: translateY(30px); transition: opacity 0.5s ease, transform 0.5s ease; }
.move-slider .right.show{ opacity: 1; transform: translateY(0); }
.right.hide{ opacity: 0; transform: translateY(30px); }
.move-slider .title{ margin: 0; margin-bottom: 35px; color: #000000; letter-spacing: 2px; }
.move-slider-arrow{ position: absolute; top: 0; left: 734px; display: flex; gap: 10px; z-index: 10; }
.move-slider .arrow{ cursor: pointer; width: 36px; height: 36px; padding: 0; background: transparent; border: 0; }
.move-slider .arrow img{ display:block; width:100%; }
.move-slider .text{ color: #000000; max-width: 100%; font-size: 36px; line-height: 1.10; font-weight: 400; font-family: 'Matter-Regular'; letter-spacing: -1.5px; }
.inner-banner-gallery{ margin-bottom: 20px; }
.content-with-image-section.white-box p{ margin-bottom: 0px; }
.content-with-image-section.white-box ul{ margin-top: 0; margin-left: 0; margin-right: 0; }
.content-with-image-section.white-box ul li:before{ background: #000000; }
.bdr-btn{ text-transform: uppercase; }
.ambi-section li:before, ul.list-big-two-cell li:before, .why_this_matters_sec li:before{ width: 0px !important; }
.common-circle p{ font-size: 35px; line-height: 1.23; margin-bottom: 0px; }
.full-img-slider-section.full-img figure{ margin-bottom:20px; }
.full-img-slider-section.full-img .full-img-slider-arrow figure{ margin-bottom:0; }
.forminator-field .forminator-button{ position: absolute !important; left: 0; top: 0; width: 100% !important; height: 100% !important; opacity: 0; z-index: 1; }
.forminator-field .animated-btn.small-btn .btn-text{ opacity:1; text-transform: capitalize; letter-spacing: 0; padding-right: 55px; }
.forminator-field.get-started-btn-wrap{ margin-top: 25px !important; }
.content_sec{ background: #ffffff; overflow: hidden; }
.content_sec h2, .content_sec p{ color: #111; }
/*.tab-less-space .tab{ padding:27px 20px; }*/

.video-section .video-part figure img{ width: 100%; }
.full_img_sec:before{ content: none; background: none; }
.video-part figure, .video-part figure img{ display:block; width: 100%; }
.forminator-field-date{ position:relative; }
.forminator-field-date:after{ content: ''; display: block; position: absolute; right: 18px; top: 12px; width: 34px; height: 34px; background: url(assets//images/calender.svg) no-repeat; background-size: cover; pointer-events: none; }
.forminator-icon-calendar{ opacity:0; visibility:hidden; }
.four-box-section .video-cell{ aspect-ratio: 16 / 9; }

/*blog page*/
.blog-banner h1{ margin-bottom: 130px; }
.blog-cell-area{ display:flex; flex-wrap:wrap; gap: 75px 45px; }
.blog-cell-area .blog-cell{ width: calc( 50% - 23px); margin:0; }
.blog-cell-img{ display:block; width:100%; margin-bottom: 23px; } 
.blog-cell-img img{ display:block; width:100%; height: auto; } 
.blog-cell .section-title{ color: #F8B7B1; font-size: 20px; line-height:0.99; letter-spacing: 3px; font-weight: 300; font-family: 'Matter-Light'; }
.blog-cell h5{ font-size: 30px; line-height: 0.9; font-weight: 300; font-family: 'Matter-Light'; color: #ffffff; text-transform: capitalize; margin-bottom: 0; padding-top: 20px; }
.blog-cell h5 a{ color:#ffffff; }
.blog-cell h5 a:hover{ color:#EE4A3C; text-decoration: none; }
.blog_sec{ display:block; width:100%; padding-bottom: 150px; }
.blog_wrapper .center-cell{ display:block; width:100%; padding-top: 80px; box-sizing:border-box; text-align: center; }
.blog_wrapper .center-cell .load-more-btn{ font-size: 25px; line-height:0.99; letter-spacing: 3px; color:#29A94A; text-decoration: underline; text-transform: uppercase; text-underline-offset: 6px; font-family: 'Matter-Light'; }
.blog_wrapper .center-cell .load-more-btn:hover{ color:#EE4A3C; text-decoration: none; } 
.blog-cell .border-under-info .animated-btn{ text-decoration: none !important; text-underline-offset: 0; }

/*blog details page*/
.blog-details-sec, .default_content{ display:block; width:100%; background: #ffffff; padding-top:55px; padding-bottom: 165px; }
.blog-details-sec h1, .blog-details-sec p, .blog-details-sec h2, .blog-details-sec h3, .blog-details-sec h4, .blog-details-sec h5, .blog-details-sec h6, 
.default_content h1, .default_content p, .default_content h2, .default_content h3, .default_content h4, .default_content h5, .default_content h6{ color:#000000; }
.blog-details-sec h3, .default_content h3{ font-size: 27px; font-family: 'MatterSQ-Bold'; margin-bottom: 35px;  margin-top: 40px; }
.blog-details-sec h4, .default_content h4{ font-size: 24px; font-family: 'MatterSQ-Bold'; margin-bottom: 10px;  margin-top: 40px; }
.blog-details-sec h5, .default_content h5{ font-family: 'Matter-Light'; margin-bottom: 10px; font-size: 24px; }

.blog-detail-info-area h1, .default_content h1{ font-size: 60px; line-height:0.99; letter-spacing: -1px; font-family: 'Matter-Regular'; margin-bottom: 20px; }
.blog-detail-info-area h2, .default_content h2{ font-size: 48px; line-height:0.99; letter-spacing: -1px; font-family: 'MatterSQ-Bold'; margin-bottom: 20px; margin-top: 40px; }
.blog-detail-info-area h3, .default_content h3{ font-size: 36px; line-height:0.99; letter-spacing: -1px; font-family: 'MatterSQ-Bold'; margin-bottom: 20px; margin-top: 40px; }
.blog-detail-info-area h4, .default_content h4{ font-size: 30px; line-height:0.99; letter-spacing: -1px; font-family: 'MatterSQ-Bold'; margin-bottom: 20px; margin-top: 40px; }
.blog-detail-info-area h5, .default_content h5{ font-size: 27px; line-height:0.99; letter-spacing: -1px; font-family: 'MatterSQ-Bold'; margin-bottom: 20px; margin-top: 40px; }
.blog-detail-info-area h6, .default_content h6{ font-size: 24px; line-height:0.99; letter-spacing: -1px; font-family: 'MatterSQ-Bold'; margin-bottom: 20px; margin-top: 40px; }

.blog-main-img{ display:block; width:100%; height: 595px; background-size: cover !important;
    background-position: center center !important; margin-bottom: 52px; }
.blog-featured-img{ display:block; width:100%; margin-bottom:40px; }
.blog-featured-img figure{ display:block; width:100%; }
.blog-featured-img img{ display:block; width:100%; }

/*.blog-detail-info-area ul{ margin:0; }*/
.blog-detail-info-area ul li, .default_content ul li{ position:relative; display:block; padding-left: 24px; box-sizing:border-box; padding-bottom: 0; margin-bottom: 8px; color:#000000; }
.blog-detail-info-area ul li:before, .default_content ul li:before{ content: ''; display: block; position: absolute; left: 0; top: 12px; width: 10px; height: 10px; background: #000000; border-radius: 50%; }
.blog-detail-info-area ul li p{ margin-bottom:0; }
.bottom-btn-wrap{ display:block; width:100%; }
.bottom-btn-wrap .animated-btn{ display: inline-block; font-size: 20px; line-height: 1.3; letter-spacing: 3px; font-family: 'MatterSQ-Regular'; padding: 11px 40px; box-sizing: border-box; border-radius: 10px; color: #fff; background: #29A94A; }
.bottom-btn-wrap .animated-btn:hover{ color: #fff; background: #289b45; text-decoration: none; }
.bottom-btn-wrap .animated-btn:before{ display:none;  }
.bottom-btn-wrap .animated-btn:after{ width:100%; display:none; }
.bottom-btn-wrap .animated-btn .btn-text{ color:#ffffff; padding: 0 25px 0 25px; opacity:1; }

.play-icon{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90px; height: 90px; display: flex; align-items: center; justify-content: center; pointer-events: none; }
.play-icon img{ width: 100%; height: auto; display: block; }
.authority_sec .col-left{ position: sticky; top: 50px; }

/*about team section*/
/*start*/
.about-team-section{ display:block; width:100%; }
.team-grp{ display:flex; flex-wrap:wrap; gap: 32px; }
.team-cell{ display: block; width: calc(33.3% - 23px); margin: 0; margin-bottom: 15px; }
.team-img{ display: block; width: 100%; margin-bottom: 25px; position: relative; }
.team-img figure{ display:block; width:100%; }
.team-img figure img{ display:block; width:100%; height: 443px; object-fit: cover; object-position: center top; filter: grayscale(100%); }
.team-info{ display: block; width: 100%; position: relative; }
.team-title{ color: #ffffff; font-weight: 300; font-size:30px; line-height: 0.99; margin-bottom: 15px; transition: all 0.3s ease-in-out; }
.team-position{ font-size: 20px; line-height:0.99; font-family: 'MatterSQ-Bold'; color:#F8B7B1; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 10px; }
.team-info > a{ display:inline-block; transition: all 0.3s ease-in-out; }
.team-info > a:hover{ text-decoration: none; }
.team-info > a:hover .team-title{ color:#EE4A3C; }
/*end*/

/*team details section*/
/*start*/
.team-details-sec{ display:block; width:100%; background: #ffffff; }
.team-wrapper{ display:block; width:100%; }
.team_info{ display:flex; gap: 100px; }
.team-detail-info-area{ display:block; width:calc(100% - 600px); margin-left:0; }
.team-main-img{ display:block; width:500px; margin-right:0; margin-bottom:95px; }
.team-main-img figure{ display:block; width:100%; }
.team-main-img figure img{ display:block; width:100%; width:500px; height:650px; object-fit: cover; object-position: center center; margin-right: 0; filter: grayscale(100%); }
.team-details-sec h3{ color:#000000; }
.team-single-title{ display:block; color:#000000; font-size: 80px; line-height:0.99; font-family: 'Matter-Regular'; margin-bottom:45px; }
.team-info-grp{ display:block; width:100%; margin-bottom:95px; }
.team-info-grp .team-info-cell{ display:block; width:100%; padding: 17px 0 17px 0; box-sizing:border-box; border-bottom: 1px solid #000000; }
.team-content{ display:block; }
.team-content p{ font-size: 32px; line-height: 1.5; font-family: 'MatterSQ-Regular'; }
.team-bottom-info{ display:block; max-width: 1132px; margin-left:0; }
.team-bottom-info p{ margin-bottom: 40px; }
.team-info-cell h3{ font-size: 18px; line-height:1.5; letter-spacing: 1px; font-family: 'MatterSQ-Bold'; color: #EE4A3C; margin-bottom:5px; text-transform: uppercase; }
.team-info-cell p{ font-size: 24px; line-height: 1.5; font-family: 'MatterSQ-Regular'; max-width: 613px; margin: 0; }
/*end*/

.nolink{ pointer-events: none; }

.youtube-section{ display:block; width:100%; }
.youtube-video{ position:relative; width:100%; overflow:hidden; aspect-ratio:16 / 9; }
.youtube-video iframe{ width:100%; height:100%; position:absolute; inset:0; border:0; }

.blog-detail-info-area ol li, .default_content ol li{ color:#000000; }