:root{
	--white_clr: #fff;
	--black_clr: #000;
	--heading_clr: #333;
	--text_clr: #212121;
    --text_clr_light: #999;
    --text_blue_light: #dfe9e8;
	--primary_clr: #dd3d2d;
	--secondary_clr: #dd3d2d;
	--light_clr: #f9f9f9;
	--bdr_clr: #cbcbcb;
	--primary_font_family: "Lexend Deca", sans-serif;
}
/*color: var(--white_clr);*/
/*site-preloader END*/
.trans{
    -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
}
.animate{
    transform: translateY(50px); opacity: 0;
    transition: transform .8s .2s, opacity 1s .2s;
}
.animate.animated{
    transform: translateY(0); opacity: 1;
}
.trans_1{
    transition: transform .4s .2s, opacity 1s .2s;
}
.trans_2{
    transition: transform .6s .2s, opacity 1s .2s;
}
.trans_3{
    transition: transform .7s .2s, opacity 1s .2s;
}
/*Slick Slider Css Start*/
.slick-slider{position:relative;display:block; -webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y; touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0; min-width: 100%;}
.slick-list.dragging{cursor: pointer;}
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.slick-track{position:relative; top:0; left: 0; min-width: 100%; display:flex;display:-webkit-flex;}
.slick-track:before, .slick-track:after{display:table; content:"";}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; min-height:1px; flex-grow: 1; flex: inherit;}
.slick-slide > div{height: 100%;}
.slick-initialized .slick-slide{display: block; list-style:none;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border:1px solid transparent;}
.slick-arrow{
	display:flex; align-items: center; justify-content: center; position:absolute; top:50%; margin-top:-16px; z-index:2;
	padding:0; width:32px; height:32px; text-align:center; font-size:0; border:0;
	color: var(--primary_clr); cursor:pointer; opacity:1; background: #f2e7d3;
	-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
	-moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; box-shadow: 0 0 10px rgba(0,0,0,0);
}
.slick-arrow:before{
	display: block; content: "\f104"; font-family: 'Line Awesome Free'; font-weight: 900; font-size: 14px;
}
.slick-arrow.slick-next:before{
	content: "\f105";
}
.slick-arrow.slick-prev{left:0;}
.slick-arrow.slick-next{right:0;}
.slick-arrow:hover{
	color: var(--white_clr); background: var(--secondary_clr);
}
.slick-arrow.slick-disabled{
	background: var(--bdr_clr); color: var(--secondary_clr); cursor: inherit;
}
.slick-dots{
	display:flex;display:-webkit-flex; gap: 8px; align-items: center; justify-content: center;
	position:absolute; left:0; right:0; margin:0 auto; padding:0; bottom: 0; text-align:center;
}
.slick-dots li{
	margin:0; padding:0; list-style:none; display:inline-block; vertical-align:top;
}
.slick-dots li button{
	display:block; width:10px; height:10px; font-size:0; padding: 0; background: #ddd; border:none;cursor:pointer; position: relative;
	-moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; border-radius:50%;
}
.slick-dots li.slick-active button{
	background: var(--primary_clr);
}
/*=========== Mobile Menu STYLE Start ========*/
body.mobile-menu-open{
    overflow:hidden;
}
.menu-open-overlay{
	display:none; position:fixed; top:0; left:0; bottom:0; z-index:12;
	width:100%; background:var(--black_clr); opacity:0.5;
}
.mobile-menu-open .menu-open-overlay{display:block;}
.mobile-menu-block{
	background:var(--white_clr); bottom:0; color: var(--black_clr);
	position:fixed; top:0; left:-400px; width:380px; z-index:-4; font-size:16px;
	-moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
}
.mobile-menu-open .mobile-menu-block{left: 0; z-index:20;}
.mobile-menu-inner{height:calc(100% - 150px); overflow:auto; padding:10px 20px; position: relative; z-index: 3;}
.mobi-logo {height: 82px; padding: 0 20px; border-bottom: 1px solid #eee;}
.mobi-logo a, .mobi-logo img{display: block; width: 190px;}
.mobile-nav ul{margin:0; padding: 0; list-style: none;}
.mobile-nav li{
	margin: 0; padding: 10px 0; font-size:16px; line-height:22px; color:var(--text_clr);
	font-weight:500; text-transform:none; position:relative;
}
.mobile-nav ul li a{
	display:block; color:var(--text_clr); font-weight:400; font-family:var(--primary_font_family); 
	font-size:16px; line-height:22px; text-transform: none; letter-spacing:-0.32px; padding:0 40px 0 0;
}
.mobile-nav > ul > li.current_page_item > a,
.mobile-nav > ul > li.current-menu-ancestor > a,
.mobile-nav > ul > li.current-page-ancestor > a{
	color:var(--primary_clr); font-weight: 700;
}
.mobile-nav li li{border:none; padding:5px 0;}
.mobile-nav li li a{font-size:16px; text-transform:none; font-weight:400; padding:0 40px 0 0;}
.mobile-nav li li.current_page_item a{color:var(--primary_clr);}
.mobile-nav li li li a{padding-left:0;}
.mobile-nav ul.sub-menu{margin:0; padding:10px 10px 0;}
.hitarea{
	display:flex; align-items: center; justify-content: center; width:40px; height:42px;
	text-align:center; position:absolute; right:0; top:0;
}
.hitarea:before{
	display:block; content:"\f107"; font-family:'FontAwesome'; font-size: 18px; font-weight: 400;
	width:15px; height:15px; position:absolute; left:0; right:0; top:10px; z-index:3; margin:0 auto;
	-moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;
}
.collapsable-hitarea.hitarea:before{transform:rotate(-180deg);}
.mobile-nav .collapsable-hitarea + a{color:var(--primary_clr);}
.mobi-bottom-inner{padding: 15px 20px;}
.mobi-bottom-inner .btn{ padding:12px 20px;font-weight: 400; }
/*========== Mobile Menu STYLE End==============*/
/*Mobile Menu Css Start*/
.mobi-iconbox{
	display:none; width:44px; height:44px; border: 1px solid #d9d2c7;
	transition:all 0.4s ease; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
}
.menuicon{display: block; width: 20px; height: 18px; flex-direction: column; align-items: center; justify-content: center; margin: auto;}
.icon-bar{display:flex;display:-webkit-flex; align-items: center; min-width: 100%; height: 18px; position: relative; cursor: pointer;}
.icon-bar:before,
.icon-bar:after{
	display: block; content: ""; width: 80%; height: 2px; background: #dd3d2d; position: absolute; right: 0; top: 0;
	-moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; -webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;
}
.icon-bar:after{
	top: auto; bottom: 0; width: 50%
}
.icon-bar .line{
	display: block; width: 100%; height: 2px; background: #dd3d2d; position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0;
	-moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; -webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;
}
.icon-bar.active .line{width: 1px; opacity: 0;}
.icon-bar.active:before{transform: rotate(45deg); top: 9px; width: 100%;}
.icon-bar.active:after{transform: rotate(-45deg); bottom: 7px; width: 100%}
/*Mobile Menu Css End*/
/* ===== RESET ================================================== */
abbr, acronym, address, applet, article, aside, audio,b, blockquote,big, body, button, center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, embed,fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html,i, iframe, img, ins,kbd, keygen,label, legend, li, meter,nav,object, ol, output,p, pre, progress,q, s, samp, section, small, source, strike, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt, var{background:transparent; border:0 none; margin:0; padding:0; line-height:normal; vertical-align:baseline; outline:none; font-size:100%; font-family:inherit; font-weight:400; font-style:normal;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} blockquote,q{quotes:none;} blockquote:before,q:before{content:'';content:none;} blockquote:after,q:after{content:'';content:none;} ins {text-decoration:none;} abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;} table {border-collapse:collapse; border-spacing:0;} hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}input, select {vertical-align:middle; margin:0;} ol, ul, li {list-style:none;}
html{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} *, *:before, *:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-tap-highlight-color:rgba(255,255,255,0);}
/* ===== GLOBAL ================================================== */
body{margin:0; padding:0; background: var(--white_clr); font-family:var(--primary_font_family); font-size:16px; color:#111; line-height:24px; font-weight:400; overflow-x:hidden;}
:focus, button:focus{outline:none;}
a{text-decoration:none; color: var(--text_clr); -moz-transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;}
a:hover{text-decoration:none; color:var(--primary_clr);}

::-webkit-input-placeholder{color:var(--text_clr); opacity:0.3;}
:-moz-placeholder{color:var(--text_clr); opacity:0.3;} /* Firefox 18- */
::-moz-placeholder{color:var(--text_clr); opacity:0.3;} /* Firefox 19+ */
:-ms-input-placeholder{color:var(--text_clr); opacity:0.3;}

.clear{width: 100%; clear: both;}
img{max-width:100%; height:auto; border:none; outline:none;}
b, strong{font-weight:700;}

/* Ul Li & Ol Li CSS */
ul, ol{margin:0 0 20px; padding:0;}
ul ul, ol ol, ul ol, ol ul{margin-top:15px;}
ul li, ol li{margin:0; padding:0; font-size: 18px; line-height: 1.6; color:var(--text_clr); font-weight: 400; letter-spacing:0;}
.entry-content ul{padding:0; margin:0 0 20px;}
.entry-content ol{padding:0; margin:0 0 20px; list-style: none; counter-reset: my-awesome-counter;}
.entry-content ul li{position:relative; padding:0 0 0 20px; margin:0 0 15px;}
.entry-content ul li:before{
	content:""; position:absolute; left: 2px; top: 11px; width: 6px; height: 6px;
	background: var(--text_clr); outline-offset: 3px;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
}
.entry-content ul li li{list-style:disc;}
.entry-content ol li{counter-increment: my-awesome-counter; margin:0 0 8px;}
.entry-content ol li:before{content: counter(my-awesome-counter) ". "; font-weight:400;}

/* Heading CSS */
h1, .h1, h2, .h2, h3, h4, h5, h6{
	color: var(--heading_clr); line-height:1.2; font-weight: 500; letter-spacing: -0.5px;
	font-family:var(--primary_font_family); margin:0 0 15px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color: var(--heading_clr);}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{color:var(--primary_clr);}
h1, .h1{font-size: 54px; line-height: 1.1; margin:0 0 20px;font-weight:600; }
h2, .h2{font-size: 38px; line-height: 1.1; margin:0 0 20px;}
h3{font-size: 36px;}
h4{font-size: 28px;}
h5{font-size: 22px;}
h6{font-size: 20px;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong{
	font-weight: 600;
}
/* Paragraph CSS */
p{font-size: 18px; line-height: 1.6; color:var(--text_clr); font-weight: 400; letter-spacing:0; margin:0 0 20px;}
hr{border:none; margin: 20px 0; background: var(--bdr_clr); height:1px; width:100%; clear:both; opacity: 1;}
body .wp-block-separator{border: 0;}
blockquote{border-left:5px solid #eee;font-size:16px; margin:0 0 20px; padding:10px 20px;}
/*table structure*/
table, .entry-content table{border-right:1px solid #eee; border-top:1px solid #eee;}
table th, table td, .entry-content th, .entry-content table th, .entry-content td, .entry-content table td {background:var(--white_clr); border-left:1px solid #eee; border-bottom: 1px solid #eee; text-align:left; font-size:16px; color:#333; font-weight:400; padding:12px 20px; vertical-align:middle;}
table th{color:#111; font-weight:400; background:#d4d5d6;}
.table-striped th, .table-striped td{position:relative;}
.table-striped tbody tr:nth-of-type(even) td{background:#d4d5d6;}
/*Form Input Field*/
input, textarea, select{background:var(--white_clr); border:1px solid var(--line); width:100%; padding:2px 20px; margin:0; font-size:16px; color:var(--text_clr); font-weight:400; line-height:normal; letter-spacing:0; font-family:var(--primary_font_family); height: 50px; outline:none; -webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;}
input[type="button"], input[type="submit"] {cursor:pointer; width:auto; height:auto;}
input[type="checkbox"], input[type="radio"] {border:none; width:auto; height:auto;}
textarea {display: block; height:100px; padding:15px 20px; min-height:100px; resize: none;}
input[type="button"], input[type="submit"], input[type="image"], input[type="file"], input[type="search"] {-webkit-appearance:none;}
input#addressSubmit {-webkit-appearance:none !important ; }
input[type="radio"], input[type="checkbox"]{-webkit-appearance:normal;}
.checkbox, .radiobox{display: inline-block; position: relative; padding-left: 24px; font-size: 14px; line-height: 14px; color: #676767;}
.checkbox input, .radiobox input{position: absolute; left: 0; top: 0; opacity: 0;}
.checkbox .checkmark{display: block; width: 13px; height: 13px; border: 1px solid #111; position: absolute; left: 0; top: 0;}
.checkmark:before{display:block; content:"\f00c"; font-family:'FontAwesome'; position:absolute; left:0; right:0; top:0; text-align:center; font-size:10px; color:var(--white_clr); line-height:10px; padding-left:1px; opacity:0;}
.checkbox input:checked ~ .checkmark{background:#111; border-color:#111;}
.checkbox input:checked ~ .checkmark:before{opacity:1;}
.radiobox .checkmark{display: block; width: 16px; height: 16px; background: var(--white_clr); border: 1px solid #111; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; position: absolute; left: 0; top: 1px;}
.radiobox .checkmark:before{display: none;}
.radiobox .checkmark:after{display: block; content: ""; background: #111; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; position: absolute; left: 2px; right: 2px; top: 2px; bottom: 2px; opacity: 0;}
.radiobox input:checked ~ .checkmark:after{opacity: 1;}
.selectbox{position: relative;background:var(--white_clr);border:1px solid var(--line); -webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;}
.selectbox select{background: none;border: 0;font-size: 16px;line-height: 20px;font-weight: 400;color: var(--text_clr); padding:0 40px 0 15px; width: 100%; height: 50px; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; z-index: 1; text-overflow: ellipsis;}
.selectbox:after{position:absolute; top:0; right:0; content:"\f107"; font-family:'FontAwesome'; font-size: 24px; color: var(--text_clr); z-index:0; width: 40px; height: 50px; line-height: 50px; text-align: center; display: flex; align-items: center; justify-content: center; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.selectbox.reversed:after{content:"\f0ec"; transform: rotate(90deg); font-size: 14px;}
/* Button styling */
.main-wrapper{overflow:hidden; transform: translateY(0) !important;}
.container{margin:0 auto; width:100%; max-width: 1320px; padding:0 20px;}
.container.relative{z-index: 2;}
.max-container{margin:0 auto; width:100%; max-width:1920px; padding:0 40px;}
section{position: relative;}
section *:last-child{margin-bottom:0;}
.row{
    displayʚ:flex;display:-webkit-flex; flex-wrap: wrap;
    margin-left: -15px; margin-right: -15px;
}
.row > div{
    padding-left: 15px; padding-right: 15px; flex-grow: 1;
}
.row-20{
    margin-left: -10px; margin-right: -10px;
}
.row-20 > div{
    padding-left: 10px; padding-right: 10px;
}
.row-40{
    margin-left: -20px; margin-right: -20px;
}
.row-40 > div{
    padding-left: 20px; padding-right: 20px;
}
.col-12{
    -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;
}
.col-10{
    -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;
}
.col-9{
    -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;
}
.col-8{
    -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;
}
.col-7{
    -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;
}
.col-6{
    -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;
}
.col-5{
    -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;
}
.col-4{
    -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;
}
.col-3{
    -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;
}
.col-2{
    -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;
}
.hide{display:none;}
.d-flex{
    displayʚ:flex;display:-webkit-flex;
}
.v-center{
    align-items: center;
}
.j-center{
    flex-direction: column; justify-content: center;
}
.justify-content-center {
    -ms-flex-pack: center!important; justify-content: center!important;
}
.mt-auto{
	margin-top: auto !important;
}
.ml-auto{
	margin-left: auto !important;
}
.mr-auto{
	margin-right: auto !important;
}
.mt-0{
	margin-top: 0 !important;
}
.mb-0{
	margin-bottom: 0 !important;
}
.pt-0{
	padding-top: 0 !important;
}
.pb-0{
	padding-bottom: 0 !important;
}
.w-100 {
    width: 100%;
}
.h-100 {
    height: 100%;
}
.ptb-100{padding:100px 0;}
.ptb-90{padding:90px 0;}
.ptb-80{padding:80px 0;}
.ptb-70{padding:70px 0;}
.ptb-60{padding:60px 0;}
.ptb-40{padding:40px 0;}
.ptb-30{padding:30px 0;}
.ptb-20{padding:20px 0;}
.ptb-10{padding:10px 0;}
.bg1{background: var(--primary_clr);}
.bg2{background: var(--secondary_clr);}
.bg3{background: #ebedfd;}
.grd-bg{background: linear-gradient(230deg, rgb(33 225 215), rgb(10 149 170) 20%, var(--primary_clr));}
.relative{position: relative;}
.text-white{
	color: var(--white_clr) !important;
}
.text-left{
	text-align: left;
}
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}
/*============= GLOBAL CSS END ================*/
/*Header & Banner Section*/
.nav-main{
	position:relative; z-index:4;
}
.nav-main ul{
	margin:0; padding:0; display:flex;display:-webkit-flex; gap: 0 30px;
}
.nav-main nav ul > li{
	margin:0; padding:0; list-style:none; position:relative; color:var(--black_clr);
	font-size:16px; font-weight:400; line-height:24px;
}
.nav-main nav ul > li a{
    text-decoration: none; font-size: 16px; font-weight: 680; color: #373836;
}
.nav-main nav ul > li.current_page_item > a, 
.nav-main nav ul > li:hover > a,
.nav-main nav ul > li a:hover,
.nav-main nav ul > li a:focus{
	text-shadow: 0.5px 0 0 currentColor; color: var(--primary_clr);
}
/*Fixed Header Css*/
/*Sticy header*/
.navbar_fixed.header{
	background: var(--white_clr); box-shadow: 0 2px 20px rgba(0,0,0,0.1);
}
.navbar_fixed .header-inner{
    height: 90px;
}
.header:not(.navbar_fixed) .nav-main nav > ul > li > a{
	color: var(--white_clr);
}

/*Midlle Section css*/
.middle-section{position:relative;}
img.alignleft{float:left; margin:0 30px 30px 0; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
img.alignright{float:right; margin:0 0 30px 30px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
img.alignnone{margin:0 0 30px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
iframe.alignleft{float:left; margin:0 30px 30px 0;}
iframe.alignright{float:right;margin:0 0 30px 30px;}
iframe.iframe-embed.alignright{max-width:500px;height:315px !important;}
.bg-img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; background-size: cover !important;}
.bg-img:before{display: block; content: ""; background: var(--text_clr); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; opacity: 0.5;}
.bg-img img {display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.bg-img.before-none:before{display: none;}
.bg-img.fixed{background-attachment: fixed !important;}
.bg-img.bg-auto{background-size: auto !important;}
.no-img.d-flex{align-items: center;justify-content: center;font-size: 24px;line-height: normal; color: #999; background: #ddd;}
.square-bg{opacity: 0.05;}
.bg-img video,
.bg-img iframe{display: block; width:100%; height:100%; object-fit: cover; object-position: center;}
.btnbox{padding: 20px 0 0; gap: 10px;}
.block-title{position:relative; margin: 0 0 35px;}
.block-title.text-white *{color: var(--white_clr);}
.bg1 .block-title p,
.grd-bg .block-title p{color: var(--text_blue_light);}
.more-link{font-size: 16px; color: var(--primary_clr); font-weight: 600;}
.more-link i{margin-left: 5px; font-size: 18px;}
.more-link:hover{opacity: 1;}
.card-link{display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 3;}
.small-title {
    font-size: 16px; line-height: 1.2; font-weight: 500; letter-spacing: 0.02em; margin-bottom: 20px;
}




/*==========================================
===============:: MEDIA CSS ::==============
============================================*/
@media screen and (max-width:1499px){
.ptb-80 {padding: 60px 0; }
.max-container{max-width: 100%; padding: 0 20px;}
.container{max-width: 1240px;}
.service-block .box-pattern{
	right: -20px;
}

}
@media screen and (max-width:1365px){
.container{max-width: 1140px;}
}
/* iPad 1024px View */
@media screen and (max-width:1199px){
.max-container,
.container{width:100%; max-width:100%;}
.btnbox{padding: 20px 0 0;}
.ptb-100, .ptb-90,
.ptb-80, .ptb-70, .ptb-60{padding: 60px 0;}
h1, .h1, h2, .h2, h3, h4, h5, h6{margin-bottom: 15px;}
h1, .h1{font-size: 2.5rem;}
h2, .h2{font-size: 2.25rem;}
h3 {font-size: 1.7rem;}
h4 {font-size: 1.3rem;}
p{font-size: 16px;}
ul li, ol li{font-size: 16px;line-height: 24px;}
.entry-content ul li:before{top: 10px;}
.block-title p br{display: none;}
.block-title p{font-size: 18px;}
/*Header and banner*/
.header-inner,
.navbar_fixed .header-inner,
.navbar_fixed + .header-blank,
.header-blank{
    height: 100px;
}

}
/* iPad 768px view*/
@media screen and (max-width:991px){
h1, .h1{font-size: 36px; line-height: 1.2;}
h2, .h2{font-size: 32px;}
.ptb-100, .ptb-90,
.ptb-80, .ptb-70, .ptb-60{padding: 60px 0;}
/*Header and banner*/
.mobi-iconbox{
	display:flex; align-items: center; justify-content: center;
}
.nav-main {
    display: none;
}



}
/* iPhone-6 plus 736 (Landscape) view */
@media screen and (max-width:767px){
body{-webkit-text-size-adjust:none;}
h2, .h2{font-size: 2.25rem;}
h3 {font-size: 1.5rem;}
p{margin:0 0 15px;}
.ptb-120, .ptb-100, .ptb-80,
.ptb-90, .ptb-60, .ptb-50{padding: 40px 0;}
img.alignleft, img.alignright, img.alignnone,
iframe, iframe.alignleft, iframe.alignright, iframe.iframe-embed.alignright{
    float: none; max-width: 100%; margin: 0 0 20px;
}
.row > div{
	-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;
}
.block-title p br{
	display: none;
}
/*Header and banner*/
.mobile-menu-block{
	width: 82%; left: -105%;
}
.mobi-iconbox{
	right: 15px;
}




}/*767 End*/



/* ========================================= */
/* PROMORE GROUP SITE CUSTOM STYLE OVERRIDES */
/* ========================================= */
:root {
  --primary_clr:#e13b2e;
  --secondary_clr:#333333;
  --black_clr:#000;
  --ink:#171817; --muted:#666864; --paper:#f7f6f2; --white:#ffffff;
  --line:#e3e0d9; --accent:#e13b2e; --accent2:#ff5a1f; --soft:#f1ede6;
  --shadow:0 18px 50px rgb(225 59 46 / 10%);
}
/* Common Heading Style */
*{
    box-sizing:border-box;
}
 html{
    scroll-behavior:smooth;
}
 body{
    margin:0;
    color:var(--ink);
    background:var(--paper);
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
    line-height:1.6;
}
 a{
    color:inherit;
}
 img{
    max-width:100%;
    display:block;
}
h1,
h2,
h3 {
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 500;
    letter-spacing: -0.04em;
    line-height: 1.1;
    color: #171817;
}
h1 {
    font-size: 72px; 
}
h2 {
    font-size: 48px;
    line-height: 1.2;
}
h3 {
    font-size: 32px;
    line-height: 1.2;
    margin-bottom: 15px;
}
p {
    font-size: 1.12rem;
    line-height: 1.7;
    color: #494a49;
    margin: 0 0 20px;
}
.hero p {
    font-size: 1.16rem;
}
.biz p {
    color: #666864;
}
.panel p {
    color: #c3c5c1;
}
.leader-card p {
    font-size: 0.87rem;
    color: #666864;
}
.location p {
    color: #666864;
}
.contact p,
.contact .lead {
    color: #bfc1bd;
}
.footer p {
    color:var(--white);
    font-size: 0.88rem;
}
.container{
    width:min(1440px,calc(100% - 0));
    margin:auto;
}
 .eyebrow {
    font-size: 14px;
    letter-spacing: 0.6px;
    font-weight: 600;
    color: var(--primary_clr);
    margin-bottom: 15px;
    background: rgb(225 59 46 / 5%);
    display: inline-block;
    padding: 7px 20px;
    border-radius: 47px;
    border: 1px solid var(--primary_clr);
}
 .display{
    font-family:Georgia,"Times New Roman",serif;
    font-weight:500;
    letter-spacing:-.045em;
    line-height:1.02;
    margin:0;
}
 .lead{
    font-size:1.12rem;
    color:var(--muted);
    max-width:720px;
}
 .button, .btn{
   display:inline-flex; align-items:center; justify-content:center; padding: 15px 25px; background: var(--white); border: 1px solid var(--primary_clr); color:var(--primary_clr);
   font-size: 16px; font-weight: 600; cursor:pointer; letter-spacing:0; text-align:center; position:relative; min-width:160px; line-height:20px; gap: 5px;
   -moz-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;
   -webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px; overflow:hidden;
   text-decoration: none;
}
.button:hover, .btn:hover{
	background: var(--primary_clr); color: var(--white_clr); border-color: var(--primary_clr);
}
.btn.primary:hover,
.btn.primary:focus {
    color: var(--white);
}
.btn.secondary:hover,
.btn.secondary:focus {
    color: var(--ink);
}
 .btn.primary{
    background:var(--primary_clr);
    color:white;
}
 .btn.primary:hover{
    transform:translateY(-2px);
    background:var(--white);
    background:var(--primary_clr);
}
 .btn.secondary{
    border-color:var(--secondary_clr);
    background:var(--secondary_clr);
    color: var(--white_clr);
}
 .btn.secondary:hover{
   transform:translateY(-2px);
   color: var(--white_clr);
   background:var(--primary_clr);
   border-color:var(--primary_clr);
}
 .link{
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    color:var(--ink);
    text-decoration:none;
    font-weight:750;
}
 .link:after{
    content:'→';
    transition:.2s;
}
 .link:hover:after{
    transform:translateX(5px);
}
 .topline{
    background:#151515;
    color:#eee;
    font-size:.78rem;
}
 .topline .container{
    height:34px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
}
 .topline span:last-child{
    color:#bbb;
}
 .header{
    position:sticky;
    top:0;
    z-index:15;
    background:rgba(247,246,242,.88);
    backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(227,224,217,.85);
    -webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;
}
 .nav{
    height:82px;
    display:flex;
    align-items:center;
    gap:30px;
}
.brand{
	margin-right: auto;
}
 .brand img{
    width:225px;
    height:auto;
}
 .navlinks{
    display:flex;
    align-items:center;
    gap:25px;
}
 .navlinks a{
    text-decoration:none;
    font-size:16px;
    font-weight:680;
    color:#373836;
}
 .navlinks a:hover{
    color:var(--accent)
}
 .menu-btn{
    display:none;
    border:0;
    background:transparent;
    font-size:1.5rem;
}
.head-btn .btn {
    background: linear-gradient(135deg,var(--accent2),var(--accent));
    color: var(--white_clr);
    padding: 15px 30px;
    min-width: 120px;
    line-height: 13px;
}
.head-btn .btn:hover {
    background: linear-gradient(135deg,var(--accent),var(--accent2));
}
 .hero{
    position:relative;
    overflow:hidden;
    background:radial-gradient(circle at 78% 18%,rgba(255,93,31,.12),transparent 32%),linear-gradient(180deg,#fbfaf7,#f3f0e9);
}
 .hero:before{
    content:'';
    position:absolute;
    inset:auto -120px -280px auto;
    width:650px;
    height:650px;
    border:1px solid rgba(225,59,46,.12);
    border-radius:50%;
}
 .hero-grid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    align-items:center;
    gap:64px;
    min-height:560px;
}
 .hero h1{
    font-size: 72px; margin-bottom: 20px;
}
 .hero .lead{
    font-size:1.16rem;
    margin:28px 0 30px;
}
 .actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-top: 30px;
}
 .hero-note{
    margin-top:28px;
    display:flex;
    align-items:center;
    gap:12px;
    color:#5e605d;
    font-size:.9rem;
}
 .dotline{
    display:flex;
    gap:4px;
}
 .dotline i{
    display:block;
    width:9px;
    height:9px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--accent2),var(--accent));
}
 .ecosystem{
    position:relative;
    min-height:510px;
    display:grid;
    place-items:center;
}
 .eco-center{
    width:230px;
    height:230px;
    border-radius:50%;
    background:#fff;
    box-shadow:var(--shadow);
    display:grid;
    place-items:center;
    position:relative;
    z-index:2;
    border:1px solid rgba(255,255,255,.9);
}
 .eco-center img{
    width:175px;
}
 .orbit{
    position:absolute;
    border:1px solid rgba(23,24,23,.14);
    border-radius:50%;
}
 .orbit.o1{
    width:390px;
    height:390px;
}
 .orbit.o2{
    width:500px;
    height:500px;
    border-style:dashed;
    animation:spin 28s linear infinite;
}
 @keyframes spin{
    to{
        transform:rotate(360deg);
    }
}
 .node{
    position:absolute;
    background:white;
    border:1px solid var(--line);
    box-shadow:0 12px 35px rgba(22,22,18,.08);
    border-radius:18px;
    padding:12px 16px;
    font-size:.78rem;
    font-weight:700;
    letter-spacing:.04em;
    z-index:3;
    -webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;
}
 .node:before{
    content:'';
    width:9px;
    height:9px;
    background:linear-gradient(135deg,var(--accent2),var(--accent));
    display:inline-block;
    border-radius:50%;
    margin-right:8px;
}
.node:hover {
    box-shadow: 0 0 40px rgb(225 59 46 / 20%);
    background: linear-gradient(135deg,var(--accent2),var(--accent));
    color: var(--white);
}
.node:hover:before{
	background: var(--white);
}
.n1 {
    top: -10px;
    left: 40%;
}
 .n2 {
    top: 30%;
    right: 17px;
}
.n3 {
    bottom: 26%;
    right: 0;
}
 .n4 {
    bottom: -10px;
    left: 40%;
}
 .n5{
    top:30%;
    left:0;
}
 .n6{
    bottom:26%;
    left:0;
}
 .stats{
    background:#fff;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    text-align: center;
}
 .stats-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
}
.stat {
    padding: 30px 28px;
    border-right: 1px solid var(--line);
    display: flex;
    flex-direction: column;
}
 .stat:last-child{
    border-right:0;
}
 .stat b,
 .stat b .timer{
    display:inline-block;
    font-family:Georgia,serif;
    font-size:2rem;
    font-weight:500;
    line-height:1.1;
    color: var(--black_clr);
    margin-bottom: 2px;
}
 .stat span{
    font-size:.82rem;
    color:var(--muted);
}
 .section{
    padding:70px 0;
}
 .section-head{
    display:grid;
    grid-template-columns:7fr 5fr;
    gap:80px;
    align-items:start;
    margin-bottom:40px;
}
 .section-head h2{
    font-size: 48px;
}
 .section-head .lead{
    margin-top:5px;
}
 .about-grid{
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:50px;
    align-items:start;
}
 .about-copy{
    font-size:1.08rem;
    color:#4d4f4b;
}
 .about-card{
    background:var(--secondary_clr);
    color:#fff;
    padding:38px;
    border-radius:20px;
    position:sticky;
    top:120px;
    overflow:hidden;
}
 .about-card:after{
    content:'';
    position:absolute;
    width:180px;
    height:180px;
    border-radius:50%;
    background:radial-gradient(circle at 30% 30%,var(--accent2),var(--accent));
    right:-70px;
    bottom:-70px;
    opacity:0.5;
}
 .about-card h3{
    font-family:Georgia,serif;
    font-weight:500;
    font-size:2rem;
    margin:10px 0 16px;
    color:var(--white);
}
 .about-card p{
    color:var(--white);
    position:relative;
    z-index:1;
    font-size: 1.12rem;
}
 .about-card .eyebrow {
    color: #dfdfdf;
}
 .businesses{
    background:#fff
}
 .business-grid{
    display:grid;
    grid-template-columns:repeat(12,1fr);
    gap:30px;
}
 .biz{
    background:var(--paper);
    border:1px solid var(--line);
    border-radius:24px;
    padding:30px;
    min-height:330px;
    display:flex;
    flex-direction:column;
    position:relative;
    overflow:hidden;
    transition:.28s ease;
}
 .biz:hover{
    transform:translateY(-5px);
    box-shadow:var(--shadow);
    border-color:#d1ccc2;
}
 .biz.large{
    grid-column:span 7;
}
 .biz.small{
    grid-column:span 5;
}
.biz.third {
    grid-column: span 4;
    position: relative;
    overflow: hidden;
}
.business-box {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.business-box-hover {
    position: absolute;
    left: 0;
    bottom: -600px;
    transition: all ease 0.6s;
    background: var(--paper);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px 30px;
    z-index: 1;
}
.biz.third:hover .business-box-hover {
    bottom: 0;
    top: 0;
    margin: auto 0;
}
 .biz .num{
    position:absolute;
    right:24px;
    top:18px;
    font-family:Georgia,serif;
    font-size:3.8rem;
    color:#e1ddd4;
}
 .biz-logo{
 	max-width: 160px;
    height:60px;
    display:flex;
    align-items:center;
    margin-bottom:28px;
    position:relative;
    z-index:1
}
 .biz-logo img {
    display: block;
}
 .text-lockup{
    font-family:Georgia,serif;
    font-size:1.55rem;
    letter-spacing:.02em;
}
 .text-lockup span{
    font-family:Inter,system-ui,sans-serif;
    font-size:.78rem;
    display:block;
    letter-spacing:.24em;
    margin-top:4px;
}
 .biz h3{
    font-family:Georgia,serif;
    font-weight:500;
    font-size:1.75rem;
    line-height:1.12;
    margin:0 0 15px;
}
 .biz p{
    color:var(--muted);
    max-width:560px;
    font-weight: 400;
}
 .biz .link{
    margin-top:auto;
}
 .badge{
    display:inline-flex;
    align-self:flex-start;
    padding:.38rem .65rem;
    border-radius:999px;
    background:#fff0eb;
    color:#b22c20;
    font-size:.72rem;
    font-weight:800;
    margin-bottom:14px;
}
 .serve{
    background:var(--secondary_clr);
    color:white;
    overflow:hidden;
    position:relative;
}
 .serve:before{
    content:'';
    position:absolute;
    width:500px;
    height:500px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:50%;
    right:-150px;
    top:-120px;
}
 .serve .eyebrow{
    color:#ff7254;
}
 .serve .lead{
    color:#b9bbb7;
}
 .serve-grid{
    display:grid;
    grid-template-columns:360px 1fr;
    gap:56px;
}
 .tabs{
    display:flex;
    flex-direction:column;
    gap:8px;
}
 .tab{
    text-align:left;
    border:1px solid #9e9e9e;
    background:transparent;
    color:#aeb0ac;
    padding:18px 20px;
    border-radius:14px;
    font-size:1.12rem;
    cursor:pointer;
    transition:.2s;
}
 .tab.active,.tab:hover{
    background:#fff;
    color:#171817;
    border-color:#fff;
}
 .panel{
    display:none;
    background:#fff;
    border:1px solid #353735;
    border-radius:24px;
    padding:42px;
}
.panel .btnbox {
    flex-wrap: wrap;
}
.panel .btnbox .btn {
    padding: 12px 20px;
    font-size: 15px;
}
.panel p{
  color: #000 !important;
}
 .panel.active{
    display:block;
    animation:fade .3s ease;
}
}
 @keyframes fade{
    from{
        opacity:0;
        transform:translateY(8px);
    }
    to{
        opacity:1;
        transform:none;
    }
}
 .panel h3{
    font-family:Georgia,serif;
    font-size:2.5rem;
    font-weight:500;
    margin:0 0 14px;
    color: #000;
}
 .panel p{
    color:#000;
    font-size:1.05rem;
}
 .panel-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:25px;
}
 .panel-tags span{
    border:1px solid var(--primary_clr);
    border-radius:999px;
    padding:.55rem .9rem;
    font-size:.9rem;
    color:var(--primary_clr);
}
 .values-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    border-top:1px solid var(--line);
    border-left:1px solid var(--line);
}
 .value{
    padding:28px 22px;
    border-right:1px solid var(--line);
    border-bottom:1px solid var(--line);
    min-height:235px;
    -webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;
}
.value:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow);
    border-color: #d1ccc2;
}
 .value i{
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    border-radius:50%;
    background:#fff0eb;
    color:var(--accent);
    font-style:normal;
    font-weight:800;
    margin-bottom:45px;
}
 .value h3{
    font-family:Georgia,serif;
    font-weight:500;
    font-size:1.5rem;
    margin:0 0 9px;
}
 .value p{
    font-size:.9rem;
    color:var(--muted);
}
.leaders{
    background:#fff;
}
 .leader-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:14px;
}
 .leader-card {
    border: 1px solid var(--line);
    border-radius: 20px;
    padding: 24px;
    transition: .25s;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.leaders-btn {
    margin-top: auto;
}
 .leader-card:hover{
    transform:translateY(-4px);
    box-shadow: var(--shadow);
}
 .monogram {
    width: 100%;
     height: 240px;
     border-radius: 10px;
     margin-bottom: 22px;
     overflow: hidden;
}
 .monogram img{
    display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .leaders .section-head h2 {
    font-size: 46px !important;
}
 .leader-card h3{
    font-size: 26px;
}
 .role {
    font-size: 14px;
     font-weight: 500;
     color: var(--primary_clr);
     margin-bottom: 12px;
}
 .locations-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px
}
 .location{
    background:#fff;
    border:1px solid var(--line);
    border-radius:24px;
    padding:32px;
    display:grid;
    grid-template-columns:auto 1fr;
    gap:20px;
    -webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;
}
.location:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow);
    border-color: #d1ccc2;
}
.location_two .location-items + .location-items {
	margin-top: 15px; padding-top: 15px; border-top:1px solid var(--line);
}

 .pin{
    width:50px;
    height:50px;
    border-radius:50%;
    background:#fff0eb;
    display:grid;
    place-items:center;
    color:var(--accent);
    font-size:1.3rem;
}
 .location h3{
    font-family:Georgia,serif;
    font-size:1.65rem;
    font-weight:500;
    margin:0 0 8px;
}
 .location p{
    margin:0;
    color:var(--muted)
}
.form-inner{
	flex-wrap: wrap; margin: 0 -15px; gap: 30px 0;
}
.input-field{
	padding: 0 15px; min-width: 50%; max-width: 50%;
}
.input-field.full-width{
	min-width: 100%; max-width: 100%;
}
 .contact{
    padding:70px 0;
    background:var(--white);
}
 .contact-grid{
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    gap:70px;
    align-items:start
}
.contact-grid .reveal p a {
    color: #000 !important;
    display: block;
}
.contact-grid .reveal p a:hover{
   color: var(--primary_clr) !important;
}
 .contact-box{
    background:#f7f6f2;
    color:var(--ink);
    border-radius:26px;
    padding:45px;
}
 .form-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px
}
 .field{
    display:flex;
    flex-direction:column;
    gap:7px
}
 .field.full{
    grid-column:1/-1
}
 .label,
 label{
 	display: block;
    font-size:.78rem;
    font-weight:800;
    color:#555;
    margin-bottom:12px;
}
 input,select,textarea{
    width:100%;
    border:1px solid #d9d5cc;
    border-radius:12px;
    padding:13px 14px;
    background:#faf9f6;
    font:inherit;
    color:var(--ink)
}
 textarea{
    min-height:120px;
    resize:vertical
}
 input:focus,select:focus,textarea:focus{
    outline:2px solid rgba(225,59,46,.22);
    border-color:var(--accent)
}
.form-btn .btn {
    justify-content: center;
}
 .form-note{
    font-size:.75rem;
    color:#777;
    margin:10px 0 0;
}
 .footer{
    background:var(--secondary_clr);
    color:#d5d6d3;
    padding:52px 0 26px;
}
 .footer-grid{
    display:grid;
    grid-template-columns:1.2fr .8fr .8fr;
    gap:45px;
}
 .footer img{
    width:220px;
    filter:brightness(0) invert(1);
    opacity:.92
}
.footer p {
    color: #e7e7e7;
    font-size: .88rem;
    margin: 30px 0 0;
}
 .footer h4{
    font-size:.83rem;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:#fff;
}
 .footer a{
    display:block;
    text-decoration:none;
    color:#e7e7e7;
    margin:7px 0;
    font-size:.88rem;
    -webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;
}
 .footer a:hover{
    color:var(--primary_clr);
}
 .subfooter{
    border-top:1px solid #9999;
    margin-top:38px;
    padding-top:20px;
    display:flex;
    justify-content:space-between;
    gap:20px;
    color:#e7e7e7;
    font-size:.76rem;
}
 .reveal{
    opacity:0;
    transform:translateY(18px);
    transition:.7s cubic-bezier(.2,.7,.2,1);
}
 .reveal.show{
    opacity:1;
    transform:none
}
 .serve h2, .serve p {
     color:var(--white);
}
.contact-grid p{
   color: var(--black_clr);
}
.section-head p {
    padding-top: 48px;
}
.about-section{
	background: var(--white);
}
/* ===================================
   TIMELINE
=================================== */
.timeline-wrapper{
    position:relative;
}
.timeline {
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 40px;
}
.timeline-line{
    position:absolute;
    top:60px;
    left:0;
    width:100%;
    height:2px;
    background:#d8d8d8;
    z-index:1;
}
.timeline-slider{
    position:relative;
    z-index:2;
    margin: 0 -15px;
}
.timeline-item {
    position: relative;
    z-index: 2;
    flex: 1;
    text-align: center;
    padding: 0 15px;
}
.timeline-item::before {
    content: "";
    width: 18px;
    height: 18px;
    background: #d75a3a;
    border-radius: 50%;
    display: block;
    margin: 50px auto 35px;
    box-shadow: 0 0 0 10px #f7f5f2;
}
.year {
    font-size: 42px;
    font-weight: 500;
    color: #d75a3a;
    margin-bottom: 25px;
    font-family: serif;
}
.content {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 22px;
    padding: 40px;
    min-height: 214px;
    -webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;
}
.content:hover {
    transform: translateY(-7px);
    box-shadow: 0 0px 20px rgb(225 59 46 / 10%);
}
.content h4 {
    font-size: 26px;
    margin-bottom: 15px;
    color: #111;
}
.custom-popup{
    position: fixed;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    z-index: 9999;
}

.custom-popup.active{
    opacity: 1;
    visibility: visible;
}
.popup-overlay{
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.7);
}
.popup-content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(700px, 90%);
    background: #fff;
    padding: 40px;
    border-radius: 16px;
}
.read-more-btn {
    cursor: pointer;
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 4px;
    -webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;
}
.read-more-btn:hover{
	color: var(--primary_clr);
}
.popup-close{
    position: absolute;
    top: 15px;
    right: 20px;
    border: none;
    background: none;
    font-size: 28px;
    cursor: pointer;
}
.counter-block{
	display: none;
}

/* ===================================
   RESPONSIVE
=================================== */
@media(max-width:1199px){
h1 {
    font-size: 48px;
}
h2 {
    font-size: 40px;;
}
.section {
	padding: 60px 0;
}
.section-head h2 {
    font-size: 40px;
}
.section-head p {
    font-size: 1.06rem;
}
.orbit.o1 {
    width: 340px;
    height: 340px;
}
.orbit.o2 {
    width: 420px;
    height: 420px;
}
.n1 {
    top: 11%;
    left: 38%;
}
.n2 {
    top: 31%;
    right: -10px;
}
.n3 {
    bottom: 30%;
    right: -20px;
}
.n4 {
    bottom: 11%;
    left: 37%;
}
.n5 {
    top: 30%;
    left: -14px;
}
.n6 {
    bottom: 30%;
    left: -30px;
}
.hero h1 {
    font-size: 60px;
}
.hero-grid {
    min-height: 510px;
}
.stat {
    padding: 20px 18px;
}
.biz.third {
    grid-column: span 6;
}
.panel h3 {
    font-size: 32px;
}
.serve-grid {
    grid-template-columns: 300px 1fr;
    gap: 40px;
}
.tab {
    padding: 15px 20px;
    font-size: 16px;
}
.year {
    font-size: 50px;
}
.content {
    padding: 30px;
}
.content h4 {
    font-size: 24px;
}
.leader-grid {
    grid-template-columns: repeat(4,1fr);
    gap: 20px;
}
.leaders .section-head h2 {
    font-size: 40px !important;
}
.contact-grid {
    grid-template-columns: 1.0fr 1.3fr;
    gap: 40px;
}


}

@media(max-width:991px){
.section-head p {
	padding-top: 0;
}
.hero {
    padding: 50px 0 70px;
    background: radial-gradient(circle at 78% 18%,transparent 32%,rgba(255,93,31,.12)),linear-gradient(180deg,#f3f0e9,#fbfaf7);
}
.hero-grid .ecosystem {
    max-width: 540px;
    margin: 0 auto;
    min-width: 540px;
}
.orbit.o1 {
    width: 390px;
    height: 390px;
}
.orbit.o2 {
    width: 480px;
    height: 480px;
}
.n1 {
    top: 0;
    left: 40%;
}
.n2 {
    top: 30%;
    right: 0;
}
.n3 {
    bottom: 25%;
    right: 0;
}
.n4 {
    bottom: 0;
    left: 40%;
}
.n5 {
    top: 30%;
    left: 0;
}
.n6 {
    bottom: 25%;
    left: 0;
}
.hero-caption {
    text-align: center;
}
.hero-caption .actions,
.hero-caption .hero-note {
    justify-content: center;
    width: 100%;
}
.about-header {
    grid-template-columns: 1fr;
    gap: 50px;
    margin-bottom: 100px;
}
.purpose-card {
    padding: 40px;
}
.purpose-card h3 {
    font-size: 34px;
}
.timeline {
    flex-direction: column;
    gap: 30px;
    padding-bottom: 30px;
}
.timeline-item {
    text-align: left;
}
.timeline-item::before {
    margin: 0 0 20px;
}
.year {
    font-size: 48px;
    margin-bottom: 15px;
}
.contact {
    padding: 60px 0;
}
.journey-wrapper .journey-heading {
    margin-bottom: 40px;
}
.timeline-line {
    top: 8px;
}
.year {
    font-size: 40px;
}
.leader-grid {
    grid-template-columns: repeat(3,1fr);
}
.stats {
    border-bottom: 0;
    padding: 20px 0 0;
}
.biz h3 {
    font-size: 26px;
}
.biz p {
    font-size: 16px;
}
.locations-grid {
    grid-template-columns: 1fr;
}

}

@media(max-width:767px){
.container {
	margin: 0; width: 100%; max-width: 100%;
}
h2 {
	font-size: 30px;
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 20px;
}
p {
    font-size: 16px;
    line-height: 1.5;
}
.input-field {
    min-width: 100%;
    max-width: 100%;
}
.head-btn {
    display: none;
}
.section{
	padding:40px 0;
}
.section-head h2 {
    font-size: 30px;
}
.eyebrow {
    font-size: 12px;
}
.brand img {
    width: 200px;
}
.hero {
    padding: 50px 0 10px;
}
.hero-grid {
    gap: 0;
}
.hero-grid .ecosystem {
    max-width: 100%;
    min-width: 100%;
}
.hero:before {
    width: 460px;
    height: 460px;
}
.orbit.o2 {
    width: 340px;
    height: 340px;
}
.orbit.o1 {
    width: 280px;
    height: 280px;
}
.node {
    padding: 10px 15px;
    font-size: 10px;
}
.n1 {
    top: 40px;
    left: 33%;
}
.n2 {
    top: 25%;
    right: -20px;
}
.n3 {
    bottom: 21%;
    right: -20px;
}
.n4 {
    bottom: 40px;
    left: 33%;
}
.n5 {
    top: 25%;
    left: -20px;
}
.n6 {
    bottom: 21%;
    left: -20px;
}
.hero-grid {
    gap: 0;
}
.hero-grid {
    gap: 0; padding: 0 40px;
}
.hero h1 {
    font-size: 44px;
}
.contact {
    padding: 60px 0;
}
.section-head {
    gap: 10px;    
    margin-bottom: 30px;
}
.about-redesign {
    padding: 80px 0;
}

.left-content h2 {
    font-size: 42px;
}

.journey-heading h2 {
    font-size: 36px;
}

.content {
    padding: 25px;
}

.content h4 {
    font-size: 22px;
}

.purpose-card {
    border-radius: 24px;
}
.stats-grid {
    grid-template-columns: repeat(2,1fr);
    padding: 0;
}
.stat b {
    font-size: 30px;
}
.contact {
    padding: 40px 0;
}
.biz h3 {
    font-size: 24px;
}
.biz-logo {
    max-width: 140px;
}
.biz .num {
    font-size: 54px;
}
.panel h3 {
    font-size: 24px;
}
.about-grid {
    gap: 30px;
}
.about-card {
    padding: 30px;
}
.about-card p {
    font-size: 16px;
}
.leader-grid {
    grid-template-columns: 1fr;
}
.monogram {
    height: 350px;
}
.contact-box {
    padding: 30px;
}



}

@media(max-width:980px){
.navlinks{
  display:none;
  position:absolute;
  left:20px;
  right:20px;
  top:76px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:18px;
  box-shadow:var(--shadow);
  flex-direction:column;
  align-items:flex-start;
}
.navlinks.open{
  display:flex;
}
.menu-btn{
  display:block;
}
.hero-grid,.about-grid,.section-head,.contact-grid{
  grid-template-columns:1fr;
}
.ecosystem{
  min-height:430px;
}
.section-head{
  gap:22px;
}
.stats-grid{
  grid-template-columns:1fr 1fr;
}
.stat:nth-child(2),.stat:nth-child(4){
  border-right:0;
}
.stat:nth-child(-n+4){
  border-bottom:1px solid var(--line);
}
.serve-grid{
  grid-template-columns:1fr;
}
.tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
}
.values-grid{
  grid-template-columns:repeat(2,1fr);
}


}


 @media(max-width:650px){
.topline span:last-child{
    display:none;
}
 .nav{
    height:70px;
}
.hero-grid{
    min-height:auto;
}
 .ecosystem{
    transform:scale(.78);
    margin:-30px 0 -40px;
}
.business-grid{
    display:block;
}
 .biz{
    margin-bottom:14px;
    min-height:310px;
}
 .tabs{
    grid-template-columns:1fr;
}
 .panel{
    padding:28px;
}
 .values-grid,.journey-grid,.locations-grid,.footer-grid{
    grid-template-columns:1fr;
}
 .form-grid{
    grid-template-columns:1fr;
}
 .location{
    grid-template-columns:1fr;
}
 .subfooter{
    flex-direction:column;
}
 .display{
    letter-spacing:-.035em;
}


}