@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap')
/*** var ***/
/*** button ***/
a.cta_button { box-sizing: border-box !important; }
.btn-group > div { display: inline-block; margin: 0 6px; vertical-align: middle; }
.btn-group > div:first-child { margin-left: 0; margin-bottom: 5px; }
.btn-group > div:last-child { margin-right: 0; margin-bottom: 5px; }
[class*="button-"] a { border: solid 1px; padding: 16px 18px; display: inline-block; font-size: 15px; line-height: 20px; font-weight: 700; text-align: left; border-radius: 6px; letter-spacing: 1px; min-width: 360px; text-transform: uppercase; font-family: Clash Display , sans-serif; }
[class*="button-"] a span:after { content: ''; margin-left: 15px; width: 19px; height: 16px; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center center; display: inline-block; vertical-align: middle; }
[class*=button-] a span { display: flex; align-items: center; width: 100%; justify-content: space-between; }
.button-1 a { background-color: #4DEBBC; color: #031545; border-color: #4DEBBC; }
.button-1 a:hover { background-color: #4DEBBC; border-color: #4DEBBC; color: #031545; }
.button-2 a { background-color: #E53913; color: #FFFFFF; border-color: #E53913; }
.button-2 a:hover { background-color: #cb310f; border-color: #cb310f; color: #FFFFFF; }
.button-2.no-border a { border: none; }
.button-3 a { background-color:
rgba(0, 0, 0, 0.0)
; color: #FFFFFF; border-color: #FFFFFF; }
.button-3 a:hover { background-color: #E53913; border-color: #E53913; color: #FFFFFF; }
.button-3.no-border a { border: none; }
.button-4 a { background-color:
rgba(229, 57, 19, 0.0)
; color: #E53913; border-color: #E53913; }
.button-4 a:hover { background-color: #E53913; border-color: #E53913; color: #FFFFFF; }
.button-4 a span:after { background-image: url('data:image/svg+xml,'); }
.button-4 a:hover span:after { background-image: url('data:image/svg+xml,'); }
.button-5 a { background-color:
rgba(3, 21, 69, 0.0)
; color: #031545; border-color: #031545; }
.button-5 a:hover { background-color: #031545; border-color: #031545; color: #FFFFFF; }
.button-5 a span:after { background-image: url('data:image/svg+xml,'); }
.button-5 a:hover span:after { background-image: url('data:image/svg+xml,'); }
.link-style a { display: flex; align-items: center; color: #fff; font-weight: 700; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; }
.link-style a:after { content: ''; margin-left: 15px; margin-top: -1px; width: 19px; height: 16px; position: relative; left: 0; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center center; display: inline-block; vertical-align: middle; transition:400ms; }
.link-style a:hover { color: #fff; }
.link-style a:hover:after { left: 3px; }
.link-style.orange a { display: flex; align-items: center; color: #E53913; font-weight: 700; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; }
.link-style.orange a:after { content: ''; margin-left: 15px; margin-top: -1px; width: 19px; height: 16px; position: relative; left: 0; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center center; display: inline-block; vertical-align: middle; transition:400ms; }
.link-style.orange a:hover:after { left: 3px; }
[class*="button-"] a:focus-visible { outline: none; border-color: transparent; }
@media(max-width: 991px) {
[class*=button-] a { font-size: 14px; }
}
@media(max-width: 1300px) {
.hero-banner .left [class*="button-"] a {min-width: 322px;}
.hero-banner .buttons > div {margin-right:15px!important;}
}
@media(max-width: 500px) {
[class*=button-] a { min-width: 300px; }
input[type=submit], button { min-width: 280px; }
}
/*** form ***/
input , button , textarea, select , input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { outline:none; border: none; background: transparent; height:54px; padding:0 20px; font-size:16px; line-height: 26px; font-weight: 500; width:100%; font-family: Red Hat Display , sans-serif; border: 1px solid #031545; border-radius: 10px; color:#031545; }
input[type=checkbox] , input[type=radio] { width:auto; height:auto; }
textarea { padding:15px 20px; height:107px; font-family: Red Hat Display , sans-serif; background: #FFF; }
select { background: url('data:image/svg+xml,') no-repeat center right 20px; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
input[type=submit] , button { border: solid 2px; padding: 12px 22px; display: inline-block; width: auto; font-size: 15px; line-height: 24px; font-weight: 700; border-radius: 6px; letter-spacing: 1.5px; font-family: Clash Display , sans-serif; min-width: 362px; background: #4DEBBC url('data:image/svg+xml,') no-repeat center right 20px; color: #031545; border-color: #4DEBBC; cursor: pointer; transition:400ms; text-transform: uppercase; text-align: left; }
input[type=submit]:hover , button:hover { background-color: #4DEBBC; border-color: #4DEBBC; color: #031545; }
.hs_error_rollup { display: none; }
ul.hs-error-msgs { margin:0; padding:0; list-style:none; float:left; width:100%; }
.hs-form .input { margin: 0 !important; }
.hs-form .hs-form-field { padding:0 0 18px; }
.hs-form fieldset.form-columns-2 .input , .quizcontact-form .hs-form fieldset.form-columns-1 .input { margin-right:0 }
.hs-form fieldset.form-columns-2 .field { padding:0 0 18px 10px }
.hs-form fieldset.form-columns-2 .field:first-child { padding:0 10px 18px 0; }
.hs-form fieldset.form-columns-3 .field { padding:0 0 10px 10px }
.hs-form fieldset.form-columns-3 .field:first-child { padding:0 10px 18px 0; }
.hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 5px 18px; }
.hs-form fieldset .hs-input { width:100% !important; }
.hs-form fieldset { max-width:none; max-width: 100% !important; }
.hs-form fieldset input[type="checkbox"], .hs-form fieldset input[type="radio"] { width:auto !important; }
ul.inputs-list { margin:0; padding:5px 0; list-style:none; }
.inputs-list .hs-form-checkbox-display , .inputs-list .hs-form-booleancheckbox , .inputs-list li.hs-form-radio { display:block; padding:0 0 8px 25px; position:relative; }
.inputs-list input[type="checkbox"] , .inputs-list input[type="radio"] { position:absolute; left:0; margin:0; top:0; opacity: 0; width: 20px; height: 20px; }
.inputs-list input[type="checkbox"] + span , .inputs-list input[type="radio"] + span { line-height: 22px; position:relative; display: block; }
.inputs-list input[type="checkbox"] + span:before , .inputs-list input[type="radio"] + span:before { position:absolute; left:-32px; top:0; content:''; width:20px; height:20px; border:1px solid rgba(3, 21, 69, 0.7); color:#031545; border-radius: 2px; }
.inputs-list input[type="checkbox"]:checked + span:after , .inputs-list input[type="radio"]:checked + span:after { position:absolute; left:-32px; top:0; content: "\f00c"; font-family:'FontAwesome'; width: 20px; line-height: 20px; text-align:center; color: #031545; font-weight: 300; font-size: 12px; }
/* .inputs-list input[type="radio"] + span:before { position:absolute; left:-2px; top:2px; content:''; width:20px; height:20px; border:1px solid #031545; border-radius:100%; }
.inputs-list input[type="radio"]:checked + span:after { position:absolute; left:2px; top:6px; content:''; width:12px; height:12px; border-color:#333; background:#3333; border-radius:100%; } */
.hs-error-msgs { font-size: 14px; line-height: normal; color: red; }
.hs-form .hs-form-field > label { font-weight: 700; font-size: 16px; }
.hs-form .hs-form-field > legend { font-size: 16px; }
.hs-fieldtype-checkbox .inputs-list { display: flex; flex-wrap: wrap; margin: 0 -8px; }
.hs-fieldtype-checkbox .inputs-list li { width: 50%; margin: 2px 0; padding: 8px; }
.hs-fieldtype-checkbox .inputs-list li > label { min-height: 72px; display: flex; align-items: center; padding: 5px 8px 5px 48px; border: 1px solid #031545; border-radius: 5px; font-size: 16px; line-height: 27px; font-weight: 500; background: #fff; cursor: pointer; }
.hs-fieldtype-radio .inputs-list { display: flex; flex-wrap: wrap; margin: 0 -8px; }
.hs-fieldtype-radio .inputs-list li { width: 50%; margin: 2px 0; padding: 8px; }
.hs-fieldtype-radio .inputs-list li > label { min-height: 88px; display: flex; align-items: center; padding: 5px 8px 5px 48px; font-size: 16px; line-height: 27px; font-weight: 500; cursor: pointer; border-radius: 5px; border: 0.5px solid rgba(255, 255, 255, 0.20); background: rgba(255, 255, 255, 0.20); }
.hs-input::-webkit-input-placeholder { color:#031545; opacity:1; }
.hs-input::-moz-placeholder { color: #031545; opacity:1; }
.hs-input:-ms-input-placeholder { color: #031545; opacity:1; }
.hs-input:-moz-placeholder { color: #031545; opacity:1; }
.submitted-message { text-align: center; }
@media(max-width: 991px) {
.hs-fieldtype-radio .inputs-list li > label { min-height: 72px; }
}
@media (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) {
.hs-form fieldset.form-columns-2 .field { padding:0 0 10px 0 }
.hs-form fieldset.form-columns-2 .field:first-child { padding:0 0 10px 0 }
.hs-form fieldset.form-columns-3 .field { padding:0 0 10px }
.hs-form fieldset.form-columns-3 .field:first-child { padding:0 0 10px 0; }
.hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 0 10px; }
}
@media(max-width: 500px) {
.hs-fieldtype-checkbox .inputs-list { margin: 0; }
.hs-fieldtype-checkbox .inputs-list li { width: 100%; padding: 8px 0; }
input[type=submit], button { min-width: 296px; }
.hs-fieldtype-radio .inputs-list { margin: 0; }
.hs-fieldtype-radio .inputs-list li { padding: 8px 0; width: 100%; }
}
header.header { padding: 30px 30px 30px 70px; position: fixed; top: 0; left: 0; width: 100%; z-index: 99; display: none; transition:400ms; }
header.header .logo { width: 250px; line-height: 0; }
header.header .logo img { max-width: 250px; }
header.header .right-part { width: calc(100% - 250px); padding: 0 0 0 45px; }
header.header.fixed { background: #00071D; padding: 15px 30px 15px 70px; }
.mainmenu ul { margin: 0; padding: 0; list-style-type: none; }
.mainmenu ul li.hs-menu-item { margin: 0; padding: 0; display: inline-block; }
.mainmenu ul li.hs-menu-item a { font-size: 14px; line-height: 18px; padding: 9px 15px; display: inline-block; text-transform: uppercase; color: #FFFFFF; position: relative; font-family: Clash Display , sans-serif; font-weight: 500; border-radius: 0; }
.mainmenu ul li.hs-item-has-children { position: relative; }
.clone-btn a { padding: 0; max-width: 275px; overflow: hidden; display: flex; }
.clone-btn a:after { display: none; }
.clone-btn a span { padding: 16px 18px; display: flex; align-items: center; justify-content: space-between; }
/* .clone-btn a span { padding: 16px 18px; min-width: 325px; will-change: transform; transform: translateX(-650px); white-space: nowrap; -webkit-animation: marquee 10s linear infinite; animation: marquee 10s linear infinite; display: flex; align-items: center; justify-content: space-between; } */
.clone-btn a span:after { content: ''; margin-left: 15px; margin-top: -2px; min-width: 19px; height: 16px; background-image: url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/arrow-right.svg'); background-repeat: no-repeat; background-position: center center; display: inline-block; vertical-align: middle; }
.clone-btn a:hover { background: #fff; border-color: #fff; }
header.header .right-part .button-1.clone-btn span:after { display: none; }
header.header .right-part .button-1.clone-btn a { font-size: 13px; min-width: 100%; }
/* @-webkit-keyframes marquee {
0% { transform: translateX(-100%); }
100% { transform: translateX(0); }
}
@keyframes marquee {
0% { transform: translateX(-100%); }
100% { transform: translateX(0); }
} */
.mainmenu ul .mega_menu .menu-case a { padding: 0; position: relative; min-height: 330px; border-radius: 10px; overflow: hidden; display: flex; align-items: flex-end; }
.mainmenu ul .mega_menu .menu-case .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.mainmenu ul .mega_menu .menu-case .image img { width: 100%; height: 100% !important; object-fit: cover; }
.mainmenu ul .mega_menu .menu-case .text { position: relative; padding: 20px; max-width: 284px; width: 100%; background: rgba(2, 14, 45, 0.5); border-radius: 0 10px 10px 0; }
.mainmenu ul .mega_menu .menu-case .text .sub { margin: 0 0 14px; font-size: 12px; color: #E53913; letter-spacing: 2px; font-family: ; position: relative; padding: 0 0 0 12px; }
.mainmenu ul .mega_menu .menu-case .text .sub:before { content: ''; width: 5px; height: 5px; position: absolute; top: 7px; left: 0; background: #E53913; border-radius: 10px; }
.mainmenu ul .mega_menu .menu-case .text .title { font-size: 14px; font-family: Red Hat Display , sans-serif; text-transform: none; font-weight: 700; letter-spacing: 0.5px; }
.mainmenu ul .mega_menu .menu-case .text:after { content: ''; margin: 15px 0 0; width: 19px; height: 16px; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center center; display: block; }
.mainmenu ul .mega_menu .link-style a { padding: 0; color: #4DEBBC; font-weight: 700; font-size: 15px; }
.mainmenu ul .mega_menu .link-style a:after { background-image: url('data:image/svg+xml,'); }
.mainmenu ul .mega_menu .link-style a:hover { color: #E53913; }
.mainmenu ul .mega_menu .link-style a:hover:after { background-image: url('data:image/svg+xml,'); }
.mainmenu ul .mega_menu .services-box { font-size: 16px; line-height: 26px; font-weight: 500; display: flex; flex-flow: column; justify-content: center; }
.mainmenu ul .mega_menu .menu-box { display: flex; flex-flow: column; justify-content: center; }
.mainmenu ul .mega_menu .services-box .main_title { font-family: Tanker, sans-serif; font-style: normal; font-weight: 400; text-decoration: none; font-size: 70px; color: #fff; line-height: 1.1; margin-bottom: 8px; }
@media(min-width: 1029px) {
.mainmenu ul li.hs-menu-item a span { color: #4DEBBC; }
.mainmenu ul li.hs-item-has-children.megamenu { position: initial; }
.mainmenu .hs-menu-flow-horizontal > ul > li.hs-menu-item > a { letter-spacing: .5px; }
.mainmenu .hs-menu-wrapper > ul { display: flex; }
.mainmenu .hs-menu-wrapper > ul > li:hover > a { background: rgba(255,255,255,0.5); border-radius: 40px; }
.mainmenu .hs-menu-wrapper > ul > li > a:after { content: ''; width: 100%; height: 15px; position: absolute; top: 100%; left: 0; }
.mainmenu .hs-menu-wrapper > ul > li.active-branch > a { background: rgba(255,255,255,0.5); border-radius: 40px; }
.mainmenu .hs-menu-wrapper ul li ul { width:256px; padding: 20px; margin: 0px; position: absolute; top: calc(100% + 15px); left:0; background: #031545; visibility: hidden; opacity: 0; transition: .2s; pointer-events: none; border-radius: 20px; }
.mainmenu .hs-menu-wrapper ul li ul li { padding: 0px; margin: 0px; display: inline-block; float: none; text-transform: none; position: inherit; width: 100%; position: initial; }
.mainmenu .hs-menu-wrapper ul li ul li a { padding: 6px 0; color: #FFFFFF; width:100%; font-size: 16px; line-height: 26px; text-transform: none; }
.mainmenu .hs-menu-wrapper ul li ul li a:hover { color:#4DEBBC; }
.mainmenu ul li.hs-item-has-children.megamenu { position: initial; }
.mainmenu ul .mega_menu { position: absolute; top: 0; left: 0; width: 100%; padding: 100px 30px 42px 70px; background: #031545; border-radius: 0 0 50px 50px; z-index: -1; opacity: 0; visibility: hidden; transition: .2s; pointer-events: none; display: none; }
.mainmenu ul .mega_menu .menu-box ul { position: inherit; top: 0; opacity: 1; visibility: visible; width: 100%; padding: 0; pointer-events: auto; display: block; }
.mainmenu ul .mega_menu .menu-box ul li a { padding: 18px 0; font-size: 16px; line-height: 22px; font-family: Red Hat Display , sans-serif; border-top: 1px solid #5F8FA6; background: transparent; border-radius: 0; letter-spacing: 0; }
.mainmenu ul .mega_menu .menu-box ul li a:after { content: ''; width: 7px; height: 13px; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center center; position: absolute; top: 22px; right: 0; left: auto; }
/* .mainmenu ul .mega_menu .menu-box ul li:last-child a { border-bottom: 1px solid #5F8FA6; } */
.mainmenu ul .mega_menu .cover { margin: 0 -20px; }
.mainmenu ul .mega_menu .cover > div { width: 33.33%; padding: 20px; position: relative; }
.mainmenu .hs-menu-wrapper ul > li.hs-item-has-children:hover > ul.hs-menu-children-wrapper , .mainmenu .hs-menu-wrapper ul > li.hs-item-has-children:hover .hs-menu-children-wrapper.mega_menu { visibility: visible; opacity: 1; pointer-events: inherit; display: block; }
.mainmenu .hs-menu-wrapper ul > li.hs-item-has-children:hover .hs-menu-children-wrapper.mega_menu { top: 0; display: block; }
.mainmenu .hs-menu-wrapper ul > li.hs-item-has-children:hover > ul.hs-menu-children-wrapper .box ul { pointer-events: inherit; }
.mainmenu ul .mega_menu .menu-box ul ul li a { border-top: none; padding: 12px 0; }
.mainmenu ul .mega_menu .menu-box ul ul li a::after { display: none; }
.mainmenu ul .mega_menu .menu-box ul ul li:last-child a { border-bottom: none; }
.mainmenu ul .mega_menu .menu-box ul ul { position: absolute; top: 0; left: calc(100% + 20px); z-index: 2; width: calc(100% - 40px); height: 100%; padding: 50px 30px; background: #00071D; opacity: 0; visibility: hidden; }
.mainmenu ul .mega_menu .menu-box ul ul:before { content: ''; width: 40px; height: 100%; position: absolute; top: 0; left: -40px; }
}
@media(max-width: 1800px) {
.mainmenu ul li.hs-menu-item a { padding: 9px 10px; }
}
@media(max-width: 1500px) {
.mainmenu ul li.hs-menu-item a { padding: 9px 10px; }
header.header { padding: 30px; }
header.header.fixed { padding: 15px 30px 15px; }
header.header .right-part { padding: 0 0 0 15px; }
header.header .logo { width: 199px; }
header.header .logo img { max-width: 199px; }
header.header .right-part { width: calc(100% - 199px); }
.clone-btn a { width: 300px; min-width: auto; }
.clone-btn a span { width: auto; min-width: auto; }
.mainmenu ul .mega_menu { padding: 145px 30px 42px; }
}
@media(max-width: 1300px) {
.mainmenu ul li.hs-menu-item a { padding: 9px 9px; }
.clone-btn a { width: 200px; min-width: auto; }
.clone-btn a span { width: auto; min-width: auto; }
}
@media(max-width: 1200px) {
header.header { padding: 30px 15px; }
header.header.fixed { padding: 15px; }
.clone-btn a { font-size: 12px; width: 142px; }
.mainmenu ul li.hs-menu-item a { padding: 5px 6px; font-size: 13px; }
.mainmenu ul .mega_menu .services-box .main_title { font-size: 60px; }
}
@media (max-width:1028px){
header.header { display: none; padding: 12px 15px; }
header.header.fixed { padding: 12px 15px; }
.header.header .buttons { display: none; }
.mainmenu .hs-menu-wrapper > ul { width: 100%; }
.mainmenu .hs-menu-wrapper ul { transition: none; }
.mainmenu .hs-menu-wrapper > ul > li > a { width: 100%; padding: 15px 20px; font-size: 16px; line-height: 26px; }
.mainmenu, .mainmenu li, .mainmenu li a { display:block; float:none; position:static; top:auto; right:auto; left:auto; bottom:auto; padding:0px; margin:0px; background-image:none; background-color:transparent; border:0px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; max-width:none; width:100%; height:auto; line-height:1; font-weight:normal; text-decoration:none; text-indent:0px; text-align:left; }
a.mobile-trigger { display:inline-block !important; cursor:pointer; position:absolute; top: 22px; right: 15px; width: 50px; height: 33px; text-align:center; background:transparent; padding: 0; -webkit-transition:background-color 0.2s linear; font-size:16px; font-weight:normal; text-transform:uppercase; border-radius:0; -webkit-transition:color .2s ease-in; -moz-transition:color .2s ease-in; transition:color .2s ease-in; line-height:30px; text-align:left; }
a.mobile-trigger:hover { text-decoration:none; }
a.mobile-trigger span { display:inline; }
a.mobile-trigger span:before { position:absolute; content:'Menu'; }
a.mobile-trigger span:after { position:relative; right:2px; content:'Close'; opacity:0; transition:opacity .4s ease-in-out; -moz-transition:opacity .4s ease-in-out; -webkit-transition:opacity .4s ease-in-out; }
.mobile_menu_toggle .mobile-trigger { top:2px; }
.mobile-open a.mobile-trigger { -webkit-transition:background-color 0.2s linear; -moz-transition:background-color 0.2s linear; transition:background-color 0.2s linear; background:transparent; }
.mobile-open a.mobile-trigger span:after { opacity:1; }
.mobile-open .mobile_menu_toggle a.mobile-trigger { display: block !important; }
a.mobile-trigger i { margin-left: 13px; display:inline; position:relative; top:-2px; -webkit-transition-duration:0s; -webkit-transition-delay:.2s; -moz-transition-duration:0s; -moz-transition-delay:.2s; transition-duration:0s; transition-delay:.2s; }
a.mobile-trigger i:before, a.mobile-trigger i:after { position:absolute; content: ''; }
a.mobile-trigger i, a.mobile-trigger i:before, a.mobile-trigger i:after { width: 37px; height: 3px; display:inline-block; background: #FFFFFF; }
a.mobile-trigger i:before { margin-top:-10px; margin-left: -13px; width: 50px; -webkit-transition-property:margin, -webkit-transform; -webkit-transition-duration:.2s; -webkit-transition-delay:.2s, 0; }
a.mobile-trigger i:after { margin-top:10px; margin-left: -13px; width: 50px; -webkit-transition-property:margin, -webkit-transform; -webkit-transition-duration:.2s; -webkit-transition-delay:.2s, 0; }
span.child-triggerm { display:block !important; cursor:pointer; position:absolute; top:0px; right:0; width:56px; height: 56px; padding:0; }
span.child-triggerm span { position:absolute; height:100%; width:100%; left:50%; top:0; transition:all ease .5s; transform:translateX(-50%); }
span.child-triggerm span:before { position:absolute; content:""; height:14px; width:2px; left:50%; top:50%; background: #fff; transform:translateX(-50%) translateY(-50%); }
span.child-triggerm span:after { position:absolute; content:""; height:2px; width:14px; left:50%; top:50%; background: #fff; transform:translateX(-50%) translateY(-50%); }
span.child-triggerm.child-open span { transform:translateX(-50%) rotate(45deg); }
.mainmenu.js-enabled .hs-menu-children-wrapper { display:none; }
.mainmenu ul.hs-menu-children-wrapper { visibility:visible !important; opacity:1 !important; position:static !important; display:none; }
.mainmenu.js-enabled .hs-menu-flow-horizontal { position:absolute; height:auto; top: 0; left: 0; width: 100%; max-width:100%; padding:0px; z-index:8888; display: none; background:
rgba(3, 21, 69, 1.0)
; z-index: -1; border-radius: 0 0 30px 30px; padding: 120px 15px 30px; }
.mainmenu .hs-menu-flow-horizontal > ul > li { border-bottom:1px solid rgba(255,255,255,0.3); position:relative; }
.mainmenu ul .mega_menu { padding: 0; }
.mainmenu ul ul li.hs-menu-item a { font-size: 16px; line-height: 26px; padding: 15px 20px; text-transform: none; }
.mainmenu ul ul { padding: 0 0 20px; }
.mainmenu ul .mega_menu .services-box { display: none; }
.mainmenu ul .mega_menu .menu-case { display: none; }
.mainmenu ul .mega_menu .menu-box .hs-menu-flow-horizontal { position: relative; background: transparent; padding: 0; display: block; border-radius: 0; z-index: 1; }
.mainmenu ul .mega_menu .cover { width: 100%; display: block; }
.mainmenu ul .mega_menu ul li { border-bottom: none; }
}
.text-13 { font-size: 13px; }
.d-block {
display:block;
}
.d-inline-block {
display:inline-block;
}
.d-flex {
display:flex;
}
.d-inline-flex {
display:inline-flex;
}
.d-none {
display:none;
}
.align-center {
align-items:center;
}
.align-flex-start {
align-items:flex-start;
}
.align-flex-end {
align-items:flex-end;
}
.align-normal {
align-items:normal;
}
.justify-center {
justify-content:center;
}
.justify-flex-end {
justify-content:flex-end;
}
.justify-flex-start {
justify-content:flex-start;
}
.justify-space-around {
justify-content:space-around;
}
.justify-space-between {
justify-content:space-between;
}
.text-left {
text-align:left;
}
.text-right {
text-align:right;
}
.text-center {
text-align:center;
}
.direction-column {
flex-direction:column;
}
.direction-column-reverse {
flex-direction:column-reverse;
}
.direction-row {
flex-direction:row;
}
.direction-row-reverse {
flex-direction:row-reverse;
}
.p--0 { padding:0px !important; }
.p-0 { padding:0px; }
.pt-0 { padding-top:0px; }
.pb-0 { padding-bottom:0px; }
.pl-0 { padding-left:0px; }
.pr-0 { padding-right:0px; }
.m-0 { margin:0px; }
.mt-0 { margin-top:0px; }
.mb-0 { margin-bottom:0px; }
.ml-0 { margin-left:0px; }
.mr-0 { margin-right:0px; }
.mt--0 { margin-top:-0px; }
.mb--0 { margin-bottom:-0px; }
.max--0 { max-width:0%; }
.mt---0 { margin-top:-0%; }
.mb---0 { margin-bottom:-0%; }
.p--5 { padding:5px !important; }
.p-5 { padding:5px; }
.pt-5 { padding-top:5px; }
.pb-5 { padding-bottom:5px; }
.pl-5 { padding-left:5px; }
.pr-5 { padding-right:5px; }
.m-5 { margin:5px; }
.mt-5 { margin-top:5px; }
.mb-5 { margin-bottom:5px; }
.ml-5 { margin-left:5px; }
.mr-5 { margin-right:5px; }
.mt--5 { margin-top:-5px; }
.mb--5 { margin-bottom:-5px; }
.max--5 { max-width:5%; }
.mt---5 { margin-top:-5%; }
.mb---5 { margin-bottom:-5%; }
.p--10 { padding:10px !important; }
.p-10 { padding:10px; }
.pt-10 { padding-top:10px; }
.pb-10 { padding-bottom:10px; }
.pl-10 { padding-left:10px; }
.pr-10 { padding-right:10px; }
.m-10 { margin:10px; }
.mt-10 { margin-top:10px; }
.mb-10 { margin-bottom:10px; }
.ml-10 { margin-left:10px; }
.mr-10 { margin-right:10px; }
.mt--10 { margin-top:-10px; }
.mb--10 { margin-bottom:-10px; }
.max--10 { max-width:10%; }
.mt---10 { margin-top:-10%; }
.mb---10 { margin-bottom:-10%; }
.p--15 { padding:15px !important; }
.p-15 { padding:15px; }
.pt-15 { padding-top:15px; }
.pb-15 { padding-bottom:15px; }
.pl-15 { padding-left:15px; }
.pr-15 { padding-right:15px; }
.m-15 { margin:15px; }
.mt-15 { margin-top:15px; }
.mb-15 { margin-bottom:15px; }
.ml-15 { margin-left:15px; }
.mr-15 { margin-right:15px; }
.mt--15 { margin-top:-15px; }
.mb--15 { margin-bottom:-15px; }
.max--15 { max-width:15%; }
.mt---15 { margin-top:-15%; }
.mb---15 { margin-bottom:-15%; }
.p--20 { padding:20px !important; }
.p-20 { padding:20px; }
.pt-20 { padding-top:20px; }
.pb-20 { padding-bottom:20px; }
.pl-20 { padding-left:20px; }
.pr-20 { padding-right:20px; }
.m-20 { margin:20px; }
.mt-20 { margin-top:20px; }
.mb-20 { margin-bottom:20px; }
.ml-20 { margin-left:20px; }
.mr-20 { margin-right:20px; }
.mt--20 { margin-top:-20px; }
.mb--20 { margin-bottom:-20px; }
.max--20 { max-width:20%; }
.mt---20 { margin-top:-20%; }
.mb---20 { margin-bottom:-20%; }
.p--25 { padding:25px !important; }
.p-25 { padding:25px; }
.pt-25 { padding-top:25px; }
.pb-25 { padding-bottom:25px; }
.pl-25 { padding-left:25px; }
.pr-25 { padding-right:25px; }
.m-25 { margin:25px; }
.mt-25 { margin-top:25px; }
.mb-25 { margin-bottom:25px; }
.ml-25 { margin-left:25px; }
.mr-25 { margin-right:25px; }
.mt--25 { margin-top:-25px; }
.mb--25 { margin-bottom:-25px; }
.max--25 { max-width:25%; }
.mt---25 { margin-top:-25%; }
.mb---25 { margin-bottom:-25%; }
.p--30 { padding:30px !important; }
.p-30 { padding:30px; }
.pt-30 { padding-top:30px; }
.pb-30 { padding-bottom:30px; }
.pl-30 { padding-left:30px; }
.pr-30 { padding-right:30px; }
.m-30 { margin:30px; }
.mt-30 { margin-top:30px; }
.mb-30 { margin-bottom:30px; }
.ml-30 { margin-left:30px; }
.mr-30 { margin-right:30px; }
.mt--30 { margin-top:-30px; }
.mb--30 { margin-bottom:-30px; }
.max--30 { max-width:30%; }
.mt---30 { margin-top:-30%; }
.mb---30 { margin-bottom:-30%; }
.p--35 { padding:35px !important; }
.p-35 { padding:35px; }
.pt-35 { padding-top:35px; }
.pb-35 { padding-bottom:35px; }
.pl-35 { padding-left:35px; }
.pr-35 { padding-right:35px; }
.m-35 { margin:35px; }
.mt-35 { margin-top:35px; }
.mb-35 { margin-bottom:35px; }
.ml-35 { margin-left:35px; }
.mr-35 { margin-right:35px; }
.mt--35 { margin-top:-35px; }
.mb--35 { margin-bottom:-35px; }
.max--35 { max-width:35%; }
.mt---35 { margin-top:-35%; }
.mb---35 { margin-bottom:-35%; }
.p--40 { padding:40px !important; }
.p-40 { padding:40px; }
.pt-40 { padding-top:40px; }
.pb-40 { padding-bottom:40px; }
.pl-40 { padding-left:40px; }
.pr-40 { padding-right:40px; }
.m-40 { margin:40px; }
.mt-40 { margin-top:40px; }
.mb-40 { margin-bottom:40px; }
.ml-40 { margin-left:40px; }
.mr-40 { margin-right:40px; }
.mt--40 { margin-top:-40px; }
.mb--40 { margin-bottom:-40px; }
.max--40 { max-width:40%; }
.mt---40 { margin-top:-40%; }
.mb---40 { margin-bottom:-40%; }
.p--45 { padding:45px !important; }
.p-45 { padding:45px; }
.pt-45 { padding-top:45px; }
.pb-45 { padding-bottom:45px; }
.pl-45 { padding-left:45px; }
.pr-45 { padding-right:45px; }
.m-45 { margin:45px; }
.mt-45 { margin-top:45px; }
.mb-45 { margin-bottom:45px; }
.ml-45 { margin-left:45px; }
.mr-45 { margin-right:45px; }
.mt--45 { margin-top:-45px; }
.mb--45 { margin-bottom:-45px; }
.max--45 { max-width:45%; }
.mt---45 { margin-top:-45%; }
.mb---45 { margin-bottom:-45%; }
.p--50 { padding:50px !important; }
.p-50 { padding:50px; }
.pt-50 { padding-top:50px; }
.pb-50 { padding-bottom:50px; }
.pl-50 { padding-left:50px; }
.pr-50 { padding-right:50px; }
.m-50 { margin:50px; }
.mt-50 { margin-top:50px; }
.mb-50 { margin-bottom:50px; }
.ml-50 { margin-left:50px; }
.mr-50 { margin-right:50px; }
.mt--50 { margin-top:-50px; }
.mb--50 { margin-bottom:-50px; }
.max--50 { max-width:50%; }
.mt---50 { margin-top:-50%; }
.mb---50 { margin-bottom:-50%; }
.p--55 { padding:55px !important; }
.p-55 { padding:55px; }
.pt-55 { padding-top:55px; }
.pb-55 { padding-bottom:55px; }
.pl-55 { padding-left:55px; }
.pr-55 { padding-right:55px; }
.m-55 { margin:55px; }
.mt-55 { margin-top:55px; }
.mb-55 { margin-bottom:55px; }
.ml-55 { margin-left:55px; }
.mr-55 { margin-right:55px; }
.mt--55 { margin-top:-55px; }
.mb--55 { margin-bottom:-55px; }
.max--55 { max-width:55%; }
.mt---55 { margin-top:-55%; }
.mb---55 { margin-bottom:-55%; }
.p--60 { padding:60px !important; }
.p-60 { padding:60px; }
.pt-60 { padding-top:60px; }
.pb-60 { padding-bottom:60px; }
.pl-60 { padding-left:60px; }
.pr-60 { padding-right:60px; }
.m-60 { margin:60px; }
.mt-60 { margin-top:60px; }
.mb-60 { margin-bottom:60px; }
.ml-60 { margin-left:60px; }
.mr-60 { margin-right:60px; }
.mt--60 { margin-top:-60px; }
.mb--60 { margin-bottom:-60px; }
.max--60 { max-width:60%; }
.mt---60 { margin-top:-60%; }
.mb---60 { margin-bottom:-60%; }
.p--65 { padding:65px !important; }
.p-65 { padding:65px; }
.pt-65 { padding-top:65px; }
.pb-65 { padding-bottom:65px; }
.pl-65 { padding-left:65px; }
.pr-65 { padding-right:65px; }
.m-65 { margin:65px; }
.mt-65 { margin-top:65px; }
.mb-65 { margin-bottom:65px; }
.ml-65 { margin-left:65px; }
.mr-65 { margin-right:65px; }
.mt--65 { margin-top:-65px; }
.mb--65 { margin-bottom:-65px; }
.max--65 { max-width:65%; }
.mt---65 { margin-top:-65%; }
.mb---65 { margin-bottom:-65%; }
.p--70 { padding:70px !important; }
.p-70 { padding:70px; }
.pt-70 { padding-top:70px; }
.pb-70 { padding-bottom:70px; }
.pl-70 { padding-left:70px; }
.pr-70 { padding-right:70px; }
.m-70 { margin:70px; }
.mt-70 { margin-top:70px; }
.mb-70 { margin-bottom:70px; }
.ml-70 { margin-left:70px; }
.mr-70 { margin-right:70px; }
.mt--70 { margin-top:-70px; }
.mb--70 { margin-bottom:-70px; }
.max--70 { max-width:70%; }
.mt---70 { margin-top:-70%; }
.mb---70 { margin-bottom:-70%; }
.p--75 { padding:75px !important; }
.p-75 { padding:75px; }
.pt-75 { padding-top:75px; }
.pb-75 { padding-bottom:75px; }
.pl-75 { padding-left:75px; }
.pr-75 { padding-right:75px; }
.m-75 { margin:75px; }
.mt-75 { margin-top:75px; }
.mb-75 { margin-bottom:75px; }
.ml-75 { margin-left:75px; }
.mr-75 { margin-right:75px; }
.mt--75 { margin-top:-75px; }
.mb--75 { margin-bottom:-75px; }
.max--75 { max-width:75%; }
.mt---75 { margin-top:-75%; }
.mb---75 { margin-bottom:-75%; }
.p--80 { padding:80px !important; }
.p-80 { padding:80px; }
.pt-80 { padding-top:80px; }
.pb-80 { padding-bottom:80px; }
.pl-80 { padding-left:80px; }
.pr-80 { padding-right:80px; }
.m-80 { margin:80px; }
.mt-80 { margin-top:80px; }
.mb-80 { margin-bottom:80px; }
.ml-80 { margin-left:80px; }
.mr-80 { margin-right:80px; }
.mt--80 { margin-top:-80px; }
.mb--80 { margin-bottom:-80px; }
.max--80 { max-width:80%; }
.mt---80 { margin-top:-80%; }
.mb---80 { margin-bottom:-80%; }
.p--85 { padding:85px !important; }
.p-85 { padding:85px; }
.pt-85 { padding-top:85px; }
.pb-85 { padding-bottom:85px; }
.pl-85 { padding-left:85px; }
.pr-85 { padding-right:85px; }
.m-85 { margin:85px; }
.mt-85 { margin-top:85px; }
.mb-85 { margin-bottom:85px; }
.ml-85 { margin-left:85px; }
.mr-85 { margin-right:85px; }
.mt--85 { margin-top:-85px; }
.mb--85 { margin-bottom:-85px; }
.max--85 { max-width:85%; }
.mt---85 { margin-top:-85%; }
.mb---85 { margin-bottom:-85%; }
.p--90 { padding:90px !important; }
.p-90 { padding:90px; }
.pt-90 { padding-top:90px; }
.pb-90 { padding-bottom:90px; }
.pl-90 { padding-left:90px; }
.pr-90 { padding-right:90px; }
.m-90 { margin:90px; }
.mt-90 { margin-top:90px; }
.mb-90 { margin-bottom:90px; }
.ml-90 { margin-left:90px; }
.mr-90 { margin-right:90px; }
.mt--90 { margin-top:-90px; }
.mb--90 { margin-bottom:-90px; }
.max--90 { max-width:90%; }
.mt---90 { margin-top:-90%; }
.mb---90 { margin-bottom:-90%; }
.p--95 { padding:95px !important; }
.p-95 { padding:95px; }
.pt-95 { padding-top:95px; }
.pb-95 { padding-bottom:95px; }
.pl-95 { padding-left:95px; }
.pr-95 { padding-right:95px; }
.m-95 { margin:95px; }
.mt-95 { margin-top:95px; }
.mb-95 { margin-bottom:95px; }
.ml-95 { margin-left:95px; }
.mr-95 { margin-right:95px; }
.mt--95 { margin-top:-95px; }
.mb--95 { margin-bottom:-95px; }
.max--95 { max-width:95%; }
.mt---95 { margin-top:-95%; }
.mb---95 { margin-bottom:-95%; }
.p--100 { padding:100px !important; }
.p-100 { padding:100px; }
.pt-100 { padding-top:100px; }
.pb-100 { padding-bottom:100px; }
.pl-100 { padding-left:100px; }
.pr-100 { padding-right:100px; }
.m-100 { margin:100px; }
.mt-100 { margin-top:100px; }
.mb-100 { margin-bottom:100px; }
.ml-100 { margin-left:100px; }
.mr-100 { margin-right:100px; }
.mt--100 { margin-top:-100px; }
.mb--100 { margin-bottom:-100px; }
.max--100 { max-width:100%; }
.mt---100 { margin-top:-100%; }
.mb---100 { margin-bottom:-100%; }
.p--105 { padding:105px !important; }
.p-105 { padding:105px; }
.pt-105 { padding-top:105px; }
.pb-105 { padding-bottom:105px; }
.pl-105 { padding-left:105px; }
.pr-105 { padding-right:105px; }
.m-105 { margin:105px; }
.mt-105 { margin-top:105px; }
.mb-105 { margin-bottom:105px; }
.ml-105 { margin-left:105px; }
.mr-105 { margin-right:105px; }
.mt--105 { margin-top:-105px; }
.mb--105 { margin-bottom:-105px; }
.p--110 { padding:110px !important; }
.p-110 { padding:110px; }
.pt-110 { padding-top:110px; }
.pb-110 { padding-bottom:110px; }
.pl-110 { padding-left:110px; }
.pr-110 { padding-right:110px; }
.m-110 { margin:110px; }
.mt-110 { margin-top:110px; }
.mb-110 { margin-bottom:110px; }
.ml-110 { margin-left:110px; }
.mr-110 { margin-right:110px; }
.mt--110 { margin-top:-110px; }
.mb--110 { margin-bottom:-110px; }
.p--115 { padding:115px !important; }
.p-115 { padding:115px; }
.pt-115 { padding-top:115px; }
.pb-115 { padding-bottom:115px; }
.pl-115 { padding-left:115px; }
.pr-115 { padding-right:115px; }
.m-115 { margin:115px; }
.mt-115 { margin-top:115px; }
.mb-115 { margin-bottom:115px; }
.ml-115 { margin-left:115px; }
.mr-115 { margin-right:115px; }
.mt--115 { margin-top:-115px; }
.mb--115 { margin-bottom:-115px; }
.p--120 { padding:120px !important; }
.p-120 { padding:120px; }
.pt-120 { padding-top:120px; }
.pb-120 { padding-bottom:120px; }
.pl-120 { padding-left:120px; }
.pr-120 { padding-right:120px; }
.m-120 { margin:120px; }
.mt-120 { margin-top:120px; }
.mb-120 { margin-bottom:120px; }
.ml-120 { margin-left:120px; }
.mr-120 { margin-right:120px; }
.mt--120 { margin-top:-120px; }
.mb--120 { margin-bottom:-120px; }
.p--125 { padding:125px !important; }
.p-125 { padding:125px; }
.pt-125 { padding-top:125px; }
.pb-125 { padding-bottom:125px; }
.pl-125 { padding-left:125px; }
.pr-125 { padding-right:125px; }
.m-125 { margin:125px; }
.mt-125 { margin-top:125px; }
.mb-125 { margin-bottom:125px; }
.ml-125 { margin-left:125px; }
.mr-125 { margin-right:125px; }
.mt--125 { margin-top:-125px; }
.mb--125 { margin-bottom:-125px; }
.p--130 { padding:130px !important; }
.p-130 { padding:130px; }
.pt-130 { padding-top:130px; }
.pb-130 { padding-bottom:130px; }
.pl-130 { padding-left:130px; }
.pr-130 { padding-right:130px; }
.m-130 { margin:130px; }
.mt-130 { margin-top:130px; }
.mb-130 { margin-bottom:130px; }
.ml-130 { margin-left:130px; }
.mr-130 { margin-right:130px; }
.mt--130 { margin-top:-130px; }
.mb--130 { margin-bottom:-130px; }
.p--135 { padding:135px !important; }
.p-135 { padding:135px; }
.pt-135 { padding-top:135px; }
.pb-135 { padding-bottom:135px; }
.pl-135 { padding-left:135px; }
.pr-135 { padding-right:135px; }
.m-135 { margin:135px; }
.mt-135 { margin-top:135px; }
.mb-135 { margin-bottom:135px; }
.ml-135 { margin-left:135px; }
.mr-135 { margin-right:135px; }
.mt--135 { margin-top:-135px; }
.mb--135 { margin-bottom:-135px; }
.p--140 { padding:140px !important; }
.p-140 { padding:140px; }
.pt-140 { padding-top:140px; }
.pb-140 { padding-bottom:140px; }
.pl-140 { padding-left:140px; }
.pr-140 { padding-right:140px; }
.m-140 { margin:140px; }
.mt-140 { margin-top:140px; }
.mb-140 { margin-bottom:140px; }
.ml-140 { margin-left:140px; }
.mr-140 { margin-right:140px; }
.mt--140 { margin-top:-140px; }
.mb--140 { margin-bottom:-140px; }
.p--145 { padding:145px !important; }
.p-145 { padding:145px; }
.pt-145 { padding-top:145px; }
.pb-145 { padding-bottom:145px; }
.pl-145 { padding-left:145px; }
.pr-145 { padding-right:145px; }
.m-145 { margin:145px; }
.mt-145 { margin-top:145px; }
.mb-145 { margin-bottom:145px; }
.ml-145 { margin-left:145px; }
.mr-145 { margin-right:145px; }
.mt--145 { margin-top:-145px; }
.mb--145 { margin-bottom:-145px; }
.p--150 { padding:150px !important; }
.p-150 { padding:150px; }
.pt-150 { padding-top:150px; }
.pb-150 { padding-bottom:150px; }
.pl-150 { padding-left:150px; }
.pr-150 { padding-right:150px; }
.m-150 { margin:150px; }
.mt-150 { margin-top:150px; }
.mb-150 { margin-bottom:150px; }
.ml-150 { margin-left:150px; }
.mr-150 { margin-right:150px; }
.mt--150 { margin-top:-150px; }
.mb--150 { margin-bottom:-150px; }
.max-auto { max-width:100%; }
/* div[class*=row-0-padding] > div {padding: 0 !important;} */
div[class*=full-width-section] > div {
padding: 0 !important;
}
div[class*=full-width-section] > div > div {
padding: 0 !important;
}
.ml-auto{ margin-left:auto; }
.mr-auto{ margin-right:auto; }
.vh-100{ height:100vh; }
.vh-auto{ height:auto; }
.col-1 { max-width:8.333%; flex:0 0 8.333%; }
.col-2 { max-width:16.666%; flex:0 0 16.666%; }
.col-3 { max-width:24.999000000000002%; flex:0 0 24.999000000000002%; }
.col-4 { max-width:33.332%; flex:0 0 33.332%; }
.col-5 { max-width:41.665%; flex:0 0 41.665%; }
.col-6 { max-width:49.998000000000005%; flex:0 0 49.998000000000005%; }
.col-7 { max-width:58.331%; flex:0 0 58.331%; }
.col-8 { max-width:66.664%; flex:0 0 66.664%; }
.col-9 { max-width:74.997%; flex:0 0 74.997%; }
.col-10 { max-width:83.33%; flex:0 0 83.33%; }
.col-11 { max-width:91.663%; flex:0 0 91.663%; }
.col-12 { max-width:99.99600000000001%; flex:0 0 99.99600000000001%; }
.max-50 { max-width:50px; }
.text-2{ font-size:2px; }
.max-100 { max-width:100px; }
.text-4{ font-size:4px; }
.max-150 { max-width:150px; }
.text-6{ font-size:6px; }
.max-200 { max-width:200px; }
.text-8{ font-size:8px; }
.max-250 { max-width:250px; }
.text-10{ font-size:10px; }
.max-300 { max-width:300px; }
.text-12{ font-size:12px; }
.max-350 { max-width:350px; }
.text-14{ font-size:14px; }
.max-400 { max-width:400px; }
.text-16{ font-size:16px; }
.max-450 { max-width:450px; }
.text-18{ font-size:18px; }
.max-500 { max-width:500px; }
.text-20{ font-size:20px; }
.max-550 { max-width:550px; }
.text-22{ font-size:22px; }
.max-600 { max-width:600px; }
.text-24{ font-size:24px; }
.max-650 { max-width:650px; }
.text-26{ font-size:26px; }
.max-700 { max-width:700px; }
.text-28{ font-size:28px; }
.max-750 { max-width:750px; }
.text-30{ font-size:30px; }
.max-800 { max-width:800px; }
.text-32{ font-size:32px; }
.max-850 { max-width:850px; }
.text-34{ font-size:34px; }
.max-900 { max-width:900px; }
.text-36{ font-size:36px; }
.max-950 { max-width:950px; }
.text-38{ font-size:38px; }
.max-1000 { max-width:1000px; }
.text-40{ font-size:40px; }
.max-1050 { max-width:1050px; }
.text-42{ font-size:42px; }
.max-1100 { max-width:1100px; }
.text-44{ font-size:44px; }
.max-1150 { max-width:1150px; }
.text-46{ font-size:46px; }
.max-1200 { max-width:1200px; }
.text-48{ font-size:48px; }
.max-1250 { max-width:1250px; }
.text-50{ font-size:50px; }
.max-1300 { max-width:1300px; }
.text-52{ font-size:52px; }
.max-1350 { max-width:1350px; }
.text-54{ font-size:54px; }
.max-1400 { max-width:1400px; }
.text-56{ font-size:56px; }
.max-1450 { max-width:1450px; }
.text-58{ font-size:58px; }
@media(min-width:768px){
.sm\:d-block {
display:block;
}
.sm\:d-inline-block {
display:inline-block;
}
.sm\:d-flex {
display:flex;
}
.sm\:d-inline-flex {
display:inline-flex;
}
.sm\:d-none {
display:none;
}
.sm\:align-center {
align-items:center;
}
.sm\:align-flex-start {
align-items:flex-start;
}
.sm\:align-flex-end {
align-items:flex-end;
}
.sm\:align-normal {
align-items:normal;
}
.sm\:justify-center {
justify-content:center;
}
.sm\:justify-flex-end {
justify-content:flex-end;
}
.sm\:justify-flex-start {
justify-content:flex-start;
}
.sm\:justify-space-around {
justify-content:space-around;
}
.sm\:justify-space-between {
justify-content:space-between;
}
.sm\:text-left {
text-align:left;
}
.sm\:text-right {
text-align:right;
}
.sm\:text-center {
text-align:center;
}
.sm\:direction-column {
flex-direction:column;
}
.sm\:direction-column-reverse {
flex-direction:column-reverse;
}
.sm\:direction-row {
flex-direction:row;
}
.sm\:direction-row-reverse {
flex-direction:row-reverse;
}
.sm\:p--0 { padding:0px !important; }
.sm\:p-0 { padding:0px; }
.sm\:pt-0 { padding-top:0px; }
.sm\:pb-0 { padding-bottom:0px; }
.sm\:pl-0 { padding-left:0px; }
.sm\:pr-0 { padding-right:0px; }
.sm\:m-0 { margin:0px; }
.sm\:mt-0 { margin-top:0px; }
.sm\:mb-0 { margin-bottom:0px; }
.sm\:ml-0 { margin-left:0px; }
.sm\:mr-0 { margin-right:0px; }
.sm\:ml--0 { margin-left:-0px; }
.sm\:mr--0 { margin-right:-0px; }
.sm\:mt--0 { margin-top:-0px; }
.sm\:mb--0 { margin-bottom:-0px; }
.sm\:max--0 { max-width:0%; }
.sm\:mt---0 { margin-top:-0%; }
.sm\:mb---0 { margin-bottom:-0%; }
.sm\:p--5 { padding:5px !important; }
.sm\:p-5 { padding:5px; }
.sm\:pt-5 { padding-top:5px; }
.sm\:pb-5 { padding-bottom:5px; }
.sm\:pl-5 { padding-left:5px; }
.sm\:pr-5 { padding-right:5px; }
.sm\:m-5 { margin:5px; }
.sm\:mt-5 { margin-top:5px; }
.sm\:mb-5 { margin-bottom:5px; }
.sm\:ml-5 { margin-left:5px; }
.sm\:mr-5 { margin-right:5px; }
.sm\:ml--5 { margin-left:-5px; }
.sm\:mr--5 { margin-right:-5px; }
.sm\:mt--5 { margin-top:-5px; }
.sm\:mb--5 { margin-bottom:-5px; }
.sm\:max--5 { max-width:5%; }
.sm\:mt---5 { margin-top:-5%; }
.sm\:mb---5 { margin-bottom:-5%; }
.sm\:p--10 { padding:10px !important; }
.sm\:p-10 { padding:10px; }
.sm\:pt-10 { padding-top:10px; }
.sm\:pb-10 { padding-bottom:10px; }
.sm\:pl-10 { padding-left:10px; }
.sm\:pr-10 { padding-right:10px; }
.sm\:m-10 { margin:10px; }
.sm\:mt-10 { margin-top:10px; }
.sm\:mb-10 { margin-bottom:10px; }
.sm\:ml-10 { margin-left:10px; }
.sm\:mr-10 { margin-right:10px; }
.sm\:ml--10 { margin-left:-10px; }
.sm\:mr--10 { margin-right:-10px; }
.sm\:mt--10 { margin-top:-10px; }
.sm\:mb--10 { margin-bottom:-10px; }
.sm\:max--10 { max-width:10%; }
.sm\:mt---10 { margin-top:-10%; }
.sm\:mb---10 { margin-bottom:-10%; }
.sm\:p--15 { padding:15px !important; }
.sm\:p-15 { padding:15px; }
.sm\:pt-15 { padding-top:15px; }
.sm\:pb-15 { padding-bottom:15px; }
.sm\:pl-15 { padding-left:15px; }
.sm\:pr-15 { padding-right:15px; }
.sm\:m-15 { margin:15px; }
.sm\:mt-15 { margin-top:15px; }
.sm\:mb-15 { margin-bottom:15px; }
.sm\:ml-15 { margin-left:15px; }
.sm\:mr-15 { margin-right:15px; }
.sm\:ml--15 { margin-left:-15px; }
.sm\:mr--15 { margin-right:-15px; }
.sm\:mt--15 { margin-top:-15px; }
.sm\:mb--15 { margin-bottom:-15px; }
.sm\:max--15 { max-width:15%; }
.sm\:mt---15 { margin-top:-15%; }
.sm\:mb---15 { margin-bottom:-15%; }
.sm\:p--20 { padding:20px !important; }
.sm\:p-20 { padding:20px; }
.sm\:pt-20 { padding-top:20px; }
.sm\:pb-20 { padding-bottom:20px; }
.sm\:pl-20 { padding-left:20px; }
.sm\:pr-20 { padding-right:20px; }
.sm\:m-20 { margin:20px; }
.sm\:mt-20 { margin-top:20px; }
.sm\:mb-20 { margin-bottom:20px; }
.sm\:ml-20 { margin-left:20px; }
.sm\:mr-20 { margin-right:20px; }
.sm\:ml--20 { margin-left:-20px; }
.sm\:mr--20 { margin-right:-20px; }
.sm\:mt--20 { margin-top:-20px; }
.sm\:mb--20 { margin-bottom:-20px; }
.sm\:max--20 { max-width:20%; }
.sm\:mt---20 { margin-top:-20%; }
.sm\:mb---20 { margin-bottom:-20%; }
.sm\:p--25 { padding:25px !important; }
.sm\:p-25 { padding:25px; }
.sm\:pt-25 { padding-top:25px; }
.sm\:pb-25 { padding-bottom:25px; }
.sm\:pl-25 { padding-left:25px; }
.sm\:pr-25 { padding-right:25px; }
.sm\:m-25 { margin:25px; }
.sm\:mt-25 { margin-top:25px; }
.sm\:mb-25 { margin-bottom:25px; }
.sm\:ml-25 { margin-left:25px; }
.sm\:mr-25 { margin-right:25px; }
.sm\:ml--25 { margin-left:-25px; }
.sm\:mr--25 { margin-right:-25px; }
.sm\:mt--25 { margin-top:-25px; }
.sm\:mb--25 { margin-bottom:-25px; }
.sm\:max--25 { max-width:25%; }
.sm\:mt---25 { margin-top:-25%; }
.sm\:mb---25 { margin-bottom:-25%; }
.sm\:p--30 { padding:30px !important; }
.sm\:p-30 { padding:30px; }
.sm\:pt-30 { padding-top:30px; }
.sm\:pb-30 { padding-bottom:30px; }
.sm\:pl-30 { padding-left:30px; }
.sm\:pr-30 { padding-right:30px; }
.sm\:m-30 { margin:30px; }
.sm\:mt-30 { margin-top:30px; }
.sm\:mb-30 { margin-bottom:30px; }
.sm\:ml-30 { margin-left:30px; }
.sm\:mr-30 { margin-right:30px; }
.sm\:ml--30 { margin-left:-30px; }
.sm\:mr--30 { margin-right:-30px; }
.sm\:mt--30 { margin-top:-30px; }
.sm\:mb--30 { margin-bottom:-30px; }
.sm\:max--30 { max-width:30%; }
.sm\:mt---30 { margin-top:-30%; }
.sm\:mb---30 { margin-bottom:-30%; }
.sm\:p--35 { padding:35px !important; }
.sm\:p-35 { padding:35px; }
.sm\:pt-35 { padding-top:35px; }
.sm\:pb-35 { padding-bottom:35px; }
.sm\:pl-35 { padding-left:35px; }
.sm\:pr-35 { padding-right:35px; }
.sm\:m-35 { margin:35px; }
.sm\:mt-35 { margin-top:35px; }
.sm\:mb-35 { margin-bottom:35px; }
.sm\:ml-35 { margin-left:35px; }
.sm\:mr-35 { margin-right:35px; }
.sm\:ml--35 { margin-left:-35px; }
.sm\:mr--35 { margin-right:-35px; }
.sm\:mt--35 { margin-top:-35px; }
.sm\:mb--35 { margin-bottom:-35px; }
.sm\:max--35 { max-width:35%; }
.sm\:mt---35 { margin-top:-35%; }
.sm\:mb---35 { margin-bottom:-35%; }
.sm\:p--40 { padding:40px !important; }
.sm\:p-40 { padding:40px; }
.sm\:pt-40 { padding-top:40px; }
.sm\:pb-40 { padding-bottom:40px; }
.sm\:pl-40 { padding-left:40px; }
.sm\:pr-40 { padding-right:40px; }
.sm\:m-40 { margin:40px; }
.sm\:mt-40 { margin-top:40px; }
.sm\:mb-40 { margin-bottom:40px; }
.sm\:ml-40 { margin-left:40px; }
.sm\:mr-40 { margin-right:40px; }
.sm\:ml--40 { margin-left:-40px; }
.sm\:mr--40 { margin-right:-40px; }
.sm\:mt--40 { margin-top:-40px; }
.sm\:mb--40 { margin-bottom:-40px; }
.sm\:max--40 { max-width:40%; }
.sm\:mt---40 { margin-top:-40%; }
.sm\:mb---40 { margin-bottom:-40%; }
.sm\:p--45 { padding:45px !important; }
.sm\:p-45 { padding:45px; }
.sm\:pt-45 { padding-top:45px; }
.sm\:pb-45 { padding-bottom:45px; }
.sm\:pl-45 { padding-left:45px; }
.sm\:pr-45 { padding-right:45px; }
.sm\:m-45 { margin:45px; }
.sm\:mt-45 { margin-top:45px; }
.sm\:mb-45 { margin-bottom:45px; }
.sm\:ml-45 { margin-left:45px; }
.sm\:mr-45 { margin-right:45px; }
.sm\:ml--45 { margin-left:-45px; }
.sm\:mr--45 { margin-right:-45px; }
.sm\:mt--45 { margin-top:-45px; }
.sm\:mb--45 { margin-bottom:-45px; }
.sm\:max--45 { max-width:45%; }
.sm\:mt---45 { margin-top:-45%; }
.sm\:mb---45 { margin-bottom:-45%; }
.sm\:p--50 { padding:50px !important; }
.sm\:p-50 { padding:50px; }
.sm\:pt-50 { padding-top:50px; }
.sm\:pb-50 { padding-bottom:50px; }
.sm\:pl-50 { padding-left:50px; }
.sm\:pr-50 { padding-right:50px; }
.sm\:m-50 { margin:50px; }
.sm\:mt-50 { margin-top:50px; }
.sm\:mb-50 { margin-bottom:50px; }
.sm\:ml-50 { margin-left:50px; }
.sm\:mr-50 { margin-right:50px; }
.sm\:ml--50 { margin-left:-50px; }
.sm\:mr--50 { margin-right:-50px; }
.sm\:mt--50 { margin-top:-50px; }
.sm\:mb--50 { margin-bottom:-50px; }
.sm\:max--50 { max-width:50%; }
.sm\:mt---50 { margin-top:-50%; }
.sm\:mb---50 { margin-bottom:-50%; }
.sm\:p--55 { padding:55px !important; }
.sm\:p-55 { padding:55px; }
.sm\:pt-55 { padding-top:55px; }
.sm\:pb-55 { padding-bottom:55px; }
.sm\:pl-55 { padding-left:55px; }
.sm\:pr-55 { padding-right:55px; }
.sm\:m-55 { margin:55px; }
.sm\:mt-55 { margin-top:55px; }
.sm\:mb-55 { margin-bottom:55px; }
.sm\:ml-55 { margin-left:55px; }
.sm\:mr-55 { margin-right:55px; }
.sm\:ml--55 { margin-left:-55px; }
.sm\:mr--55 { margin-right:-55px; }
.sm\:mt--55 { margin-top:-55px; }
.sm\:mb--55 { margin-bottom:-55px; }
.sm\:max--55 { max-width:55%; }
.sm\:mt---55 { margin-top:-55%; }
.sm\:mb---55 { margin-bottom:-55%; }
.sm\:p--60 { padding:60px !important; }
.sm\:p-60 { padding:60px; }
.sm\:pt-60 { padding-top:60px; }
.sm\:pb-60 { padding-bottom:60px; }
.sm\:pl-60 { padding-left:60px; }
.sm\:pr-60 { padding-right:60px; }
.sm\:m-60 { margin:60px; }
.sm\:mt-60 { margin-top:60px; }
.sm\:mb-60 { margin-bottom:60px; }
.sm\:ml-60 { margin-left:60px; }
.sm\:mr-60 { margin-right:60px; }
.sm\:ml--60 { margin-left:-60px; }
.sm\:mr--60 { margin-right:-60px; }
.sm\:mt--60 { margin-top:-60px; }
.sm\:mb--60 { margin-bottom:-60px; }
.sm\:max--60 { max-width:60%; }
.sm\:mt---60 { margin-top:-60%; }
.sm\:mb---60 { margin-bottom:-60%; }
.sm\:p--65 { padding:65px !important; }
.sm\:p-65 { padding:65px; }
.sm\:pt-65 { padding-top:65px; }
.sm\:pb-65 { padding-bottom:65px; }
.sm\:pl-65 { padding-left:65px; }
.sm\:pr-65 { padding-right:65px; }
.sm\:m-65 { margin:65px; }
.sm\:mt-65 { margin-top:65px; }
.sm\:mb-65 { margin-bottom:65px; }
.sm\:ml-65 { margin-left:65px; }
.sm\:mr-65 { margin-right:65px; }
.sm\:ml--65 { margin-left:-65px; }
.sm\:mr--65 { margin-right:-65px; }
.sm\:mt--65 { margin-top:-65px; }
.sm\:mb--65 { margin-bottom:-65px; }
.sm\:max--65 { max-width:65%; }
.sm\:mt---65 { margin-top:-65%; }
.sm\:mb---65 { margin-bottom:-65%; }
.sm\:p--70 { padding:70px !important; }
.sm\:p-70 { padding:70px; }
.sm\:pt-70 { padding-top:70px; }
.sm\:pb-70 { padding-bottom:70px; }
.sm\:pl-70 { padding-left:70px; }
.sm\:pr-70 { padding-right:70px; }
.sm\:m-70 { margin:70px; }
.sm\:mt-70 { margin-top:70px; }
.sm\:mb-70 { margin-bottom:70px; }
.sm\:ml-70 { margin-left:70px; }
.sm\:mr-70 { margin-right:70px; }
.sm\:ml--70 { margin-left:-70px; }
.sm\:mr--70 { margin-right:-70px; }
.sm\:mt--70 { margin-top:-70px; }
.sm\:mb--70 { margin-bottom:-70px; }
.sm\:max--70 { max-width:70%; }
.sm\:mt---70 { margin-top:-70%; }
.sm\:mb---70 { margin-bottom:-70%; }
.sm\:p--75 { padding:75px !important; }
.sm\:p-75 { padding:75px; }
.sm\:pt-75 { padding-top:75px; }
.sm\:pb-75 { padding-bottom:75px; }
.sm\:pl-75 { padding-left:75px; }
.sm\:pr-75 { padding-right:75px; }
.sm\:m-75 { margin:75px; }
.sm\:mt-75 { margin-top:75px; }
.sm\:mb-75 { margin-bottom:75px; }
.sm\:ml-75 { margin-left:75px; }
.sm\:mr-75 { margin-right:75px; }
.sm\:ml--75 { margin-left:-75px; }
.sm\:mr--75 { margin-right:-75px; }
.sm\:mt--75 { margin-top:-75px; }
.sm\:mb--75 { margin-bottom:-75px; }
.sm\:max--75 { max-width:75%; }
.sm\:mt---75 { margin-top:-75%; }
.sm\:mb---75 { margin-bottom:-75%; }
.sm\:p--80 { padding:80px !important; }
.sm\:p-80 { padding:80px; }
.sm\:pt-80 { padding-top:80px; }
.sm\:pb-80 { padding-bottom:80px; }
.sm\:pl-80 { padding-left:80px; }
.sm\:pr-80 { padding-right:80px; }
.sm\:m-80 { margin:80px; }
.sm\:mt-80 { margin-top:80px; }
.sm\:mb-80 { margin-bottom:80px; }
.sm\:ml-80 { margin-left:80px; }
.sm\:mr-80 { margin-right:80px; }
.sm\:ml--80 { margin-left:-80px; }
.sm\:mr--80 { margin-right:-80px; }
.sm\:mt--80 { margin-top:-80px; }
.sm\:mb--80 { margin-bottom:-80px; }
.sm\:max--80 { max-width:80%; }
.sm\:mt---80 { margin-top:-80%; }
.sm\:mb---80 { margin-bottom:-80%; }
.sm\:p--85 { padding:85px !important; }
.sm\:p-85 { padding:85px; }
.sm\:pt-85 { padding-top:85px; }
.sm\:pb-85 { padding-bottom:85px; }
.sm\:pl-85 { padding-left:85px; }
.sm\:pr-85 { padding-right:85px; }
.sm\:m-85 { margin:85px; }
.sm\:mt-85 { margin-top:85px; }
.sm\:mb-85 { margin-bottom:85px; }
.sm\:ml-85 { margin-left:85px; }
.sm\:mr-85 { margin-right:85px; }
.sm\:ml--85 { margin-left:-85px; }
.sm\:mr--85 { margin-right:-85px; }
.sm\:mt--85 { margin-top:-85px; }
.sm\:mb--85 { margin-bottom:-85px; }
.sm\:max--85 { max-width:85%; }
.sm\:mt---85 { margin-top:-85%; }
.sm\:mb---85 { margin-bottom:-85%; }
.sm\:p--90 { padding:90px !important; }
.sm\:p-90 { padding:90px; }
.sm\:pt-90 { padding-top:90px; }
.sm\:pb-90 { padding-bottom:90px; }
.sm\:pl-90 { padding-left:90px; }
.sm\:pr-90 { padding-right:90px; }
.sm\:m-90 { margin:90px; }
.sm\:mt-90 { margin-top:90px; }
.sm\:mb-90 { margin-bottom:90px; }
.sm\:ml-90 { margin-left:90px; }
.sm\:mr-90 { margin-right:90px; }
.sm\:ml--90 { margin-left:-90px; }
.sm\:mr--90 { margin-right:-90px; }
.sm\:mt--90 { margin-top:-90px; }
.sm\:mb--90 { margin-bottom:-90px; }
.sm\:max--90 { max-width:90%; }
.sm\:mt---90 { margin-top:-90%; }
.sm\:mb---90 { margin-bottom:-90%; }
.sm\:p--95 { padding:95px !important; }
.sm\:p-95 { padding:95px; }
.sm\:pt-95 { padding-top:95px; }
.sm\:pb-95 { padding-bottom:95px; }
.sm\:pl-95 { padding-left:95px; }
.sm\:pr-95 { padding-right:95px; }
.sm\:m-95 { margin:95px; }
.sm\:mt-95 { margin-top:95px; }
.sm\:mb-95 { margin-bottom:95px; }
.sm\:ml-95 { margin-left:95px; }
.sm\:mr-95 { margin-right:95px; }
.sm\:ml--95 { margin-left:-95px; }
.sm\:mr--95 { margin-right:-95px; }
.sm\:mt--95 { margin-top:-95px; }
.sm\:mb--95 { margin-bottom:-95px; }
.sm\:max--95 { max-width:95%; }
.sm\:mt---95 { margin-top:-95%; }
.sm\:mb---95 { margin-bottom:-95%; }
.sm\:p--100 { padding:100px !important; }
.sm\:p-100 { padding:100px; }
.sm\:pt-100 { padding-top:100px; }
.sm\:pb-100 { padding-bottom:100px; }
.sm\:pl-100 { padding-left:100px; }
.sm\:pr-100 { padding-right:100px; }
.sm\:m-100 { margin:100px; }
.sm\:mt-100 { margin-top:100px; }
.sm\:mb-100 { margin-bottom:100px; }
.sm\:ml-100 { margin-left:100px; }
.sm\:mr-100 { margin-right:100px; }
.sm\:ml--100 { margin-left:-100px; }
.sm\:mr--100 { margin-right:-100px; }
.sm\:mt--100 { margin-top:-100px; }
.sm\:mb--100 { margin-bottom:-100px; }
.sm\:max--100 { max-width:100%; }
.sm\:mt---100 { margin-top:-100%; }
.sm\:mb---100 { margin-bottom:-100%; }
.sm\:p--105 { padding:105px !important; }
.sm\:p-105 { padding:105px; }
.sm\:pt-105 { padding-top:105px; }
.sm\:pb-105 { padding-bottom:105px; }
.sm\:pl-105 { padding-left:105px; }
.sm\:pr-105 { padding-right:105px; }
.sm\:m-105 { margin:105px; }
.sm\:mt-105 { margin-top:105px; }
.sm\:mb-105 { margin-bottom:105px; }
.sm\:ml-105 { margin-left:105px; }
.sm\:mr-105 { margin-right:105px; }
.sm\:ml--105 { margin-left:-105px; }
.sm\:mr--105 { margin-right:-105px; }
.sm\:mt--105 { margin-top:-105px; }
.sm\:mb--105 { margin-bottom:-105px; }
.sm\:max--105 { max-width:105%; }
.sm\:mt---105 { margin-top:-105%; }
.sm\:mb---105 { margin-bottom:-105%; }
.sm\:p--110 { padding:110px !important; }
.sm\:p-110 { padding:110px; }
.sm\:pt-110 { padding-top:110px; }
.sm\:pb-110 { padding-bottom:110px; }
.sm\:pl-110 { padding-left:110px; }
.sm\:pr-110 { padding-right:110px; }
.sm\:m-110 { margin:110px; }
.sm\:mt-110 { margin-top:110px; }
.sm\:mb-110 { margin-bottom:110px; }
.sm\:ml-110 { margin-left:110px; }
.sm\:mr-110 { margin-right:110px; }
.sm\:ml--110 { margin-left:-110px; }
.sm\:mr--110 { margin-right:-110px; }
.sm\:mt--110 { margin-top:-110px; }
.sm\:mb--110 { margin-bottom:-110px; }
.sm\:max--110 { max-width:110%; }
.sm\:mt---110 { margin-top:-110%; }
.sm\:mb---110 { margin-bottom:-110%; }
.sm\:p--115 { padding:115px !important; }
.sm\:p-115 { padding:115px; }
.sm\:pt-115 { padding-top:115px; }
.sm\:pb-115 { padding-bottom:115px; }
.sm\:pl-115 { padding-left:115px; }
.sm\:pr-115 { padding-right:115px; }
.sm\:m-115 { margin:115px; }
.sm\:mt-115 { margin-top:115px; }
.sm\:mb-115 { margin-bottom:115px; }
.sm\:ml-115 { margin-left:115px; }
.sm\:mr-115 { margin-right:115px; }
.sm\:ml--115 { margin-left:-115px; }
.sm\:mr--115 { margin-right:-115px; }
.sm\:mt--115 { margin-top:-115px; }
.sm\:mb--115 { margin-bottom:-115px; }
.sm\:max--115 { max-width:115%; }
.sm\:mt---115 { margin-top:-115%; }
.sm\:mb---115 { margin-bottom:-115%; }
.sm\:p--120 { padding:120px !important; }
.sm\:p-120 { padding:120px; }
.sm\:pt-120 { padding-top:120px; }
.sm\:pb-120 { padding-bottom:120px; }
.sm\:pl-120 { padding-left:120px; }
.sm\:pr-120 { padding-right:120px; }
.sm\:m-120 { margin:120px; }
.sm\:mt-120 { margin-top:120px; }
.sm\:mb-120 { margin-bottom:120px; }
.sm\:ml-120 { margin-left:120px; }
.sm\:mr-120 { margin-right:120px; }
.sm\:ml--120 { margin-left:-120px; }
.sm\:mr--120 { margin-right:-120px; }
.sm\:mt--120 { margin-top:-120px; }
.sm\:mb--120 { margin-bottom:-120px; }
.sm\:max--120 { max-width:120%; }
.sm\:mt---120 { margin-top:-120%; }
.sm\:mb---120 { margin-bottom:-120%; }
.sm\:p--125 { padding:125px !important; }
.sm\:p-125 { padding:125px; }
.sm\:pt-125 { padding-top:125px; }
.sm\:pb-125 { padding-bottom:125px; }
.sm\:pl-125 { padding-left:125px; }
.sm\:pr-125 { padding-right:125px; }
.sm\:m-125 { margin:125px; }
.sm\:mt-125 { margin-top:125px; }
.sm\:mb-125 { margin-bottom:125px; }
.sm\:ml-125 { margin-left:125px; }
.sm\:mr-125 { margin-right:125px; }
.sm\:ml--125 { margin-left:-125px; }
.sm\:mr--125 { margin-right:-125px; }
.sm\:mt--125 { margin-top:-125px; }
.sm\:mb--125 { margin-bottom:-125px; }
.sm\:max--125 { max-width:125%; }
.sm\:mt---125 { margin-top:-125%; }
.sm\:mb---125 { margin-bottom:-125%; }
.sm\:p--130 { padding:130px !important; }
.sm\:p-130 { padding:130px; }
.sm\:pt-130 { padding-top:130px; }
.sm\:pb-130 { padding-bottom:130px; }
.sm\:pl-130 { padding-left:130px; }
.sm\:pr-130 { padding-right:130px; }
.sm\:m-130 { margin:130px; }
.sm\:mt-130 { margin-top:130px; }
.sm\:mb-130 { margin-bottom:130px; }
.sm\:ml-130 { margin-left:130px; }
.sm\:mr-130 { margin-right:130px; }
.sm\:ml--130 { margin-left:-130px; }
.sm\:mr--130 { margin-right:-130px; }
.sm\:mt--130 { margin-top:-130px; }
.sm\:mb--130 { margin-bottom:-130px; }
.sm\:max--130 { max-width:130%; }
.sm\:mt---130 { margin-top:-130%; }
.sm\:mb---130 { margin-bottom:-130%; }
.sm\:p--135 { padding:135px !important; }
.sm\:p-135 { padding:135px; }
.sm\:pt-135 { padding-top:135px; }
.sm\:pb-135 { padding-bottom:135px; }
.sm\:pl-135 { padding-left:135px; }
.sm\:pr-135 { padding-right:135px; }
.sm\:m-135 { margin:135px; }
.sm\:mt-135 { margin-top:135px; }
.sm\:mb-135 { margin-bottom:135px; }
.sm\:ml-135 { margin-left:135px; }
.sm\:mr-135 { margin-right:135px; }
.sm\:ml--135 { margin-left:-135px; }
.sm\:mr--135 { margin-right:-135px; }
.sm\:mt--135 { margin-top:-135px; }
.sm\:mb--135 { margin-bottom:-135px; }
.sm\:max--135 { max-width:135%; }
.sm\:mt---135 { margin-top:-135%; }
.sm\:mb---135 { margin-bottom:-135%; }
.sm\:p--140 { padding:140px !important; }
.sm\:p-140 { padding:140px; }
.sm\:pt-140 { padding-top:140px; }
.sm\:pb-140 { padding-bottom:140px; }
.sm\:pl-140 { padding-left:140px; }
.sm\:pr-140 { padding-right:140px; }
.sm\:m-140 { margin:140px; }
.sm\:mt-140 { margin-top:140px; }
.sm\:mb-140 { margin-bottom:140px; }
.sm\:ml-140 { margin-left:140px; }
.sm\:mr-140 { margin-right:140px; }
.sm\:ml--140 { margin-left:-140px; }
.sm\:mr--140 { margin-right:-140px; }
.sm\:mt--140 { margin-top:-140px; }
.sm\:mb--140 { margin-bottom:-140px; }
.sm\:max--140 { max-width:140%; }
.sm\:mt---140 { margin-top:-140%; }
.sm\:mb---140 { margin-bottom:-140%; }
.sm\:p--145 { padding:145px !important; }
.sm\:p-145 { padding:145px; }
.sm\:pt-145 { padding-top:145px; }
.sm\:pb-145 { padding-bottom:145px; }
.sm\:pl-145 { padding-left:145px; }
.sm\:pr-145 { padding-right:145px; }
.sm\:m-145 { margin:145px; }
.sm\:mt-145 { margin-top:145px; }
.sm\:mb-145 { margin-bottom:145px; }
.sm\:ml-145 { margin-left:145px; }
.sm\:mr-145 { margin-right:145px; }
.sm\:ml--145 { margin-left:-145px; }
.sm\:mr--145 { margin-right:-145px; }
.sm\:mt--145 { margin-top:-145px; }
.sm\:mb--145 { margin-bottom:-145px; }
.sm\:max--145 { max-width:145%; }
.sm\:mt---145 { margin-top:-145%; }
.sm\:mb---145 { margin-bottom:-145%; }
.sm\:p--150 { padding:150px !important; }
.sm\:p-150 { padding:150px; }
.sm\:pt-150 { padding-top:150px; }
.sm\:pb-150 { padding-bottom:150px; }
.sm\:pl-150 { padding-left:150px; }
.sm\:pr-150 { padding-right:150px; }
.sm\:m-150 { margin:150px; }
.sm\:mt-150 { margin-top:150px; }
.sm\:mb-150 { margin-bottom:150px; }
.sm\:ml-150 { margin-left:150px; }
.sm\:mr-150 { margin-right:150px; }
.sm\:ml--150 { margin-left:-150px; }
.sm\:mr--150 { margin-right:-150px; }
.sm\:mt--150 { margin-top:-150px; }
.sm\:mb--150 { margin-bottom:-150px; }
.sm\:max--150 { max-width:150%; }
.sm\:mt---150 { margin-top:-150%; }
.sm\:mb---150 { margin-bottom:-150%; }
.sm\:col-1 { max-width:8.333%; flex:0 0 8.333%; }
.sm\:max-50 { max-width:50px; }
.sm\:text-2{ font-size:2px; }
.sm\:col-2 { max-width:16.666%; flex:0 0 16.666%; }
.sm\:max-100 { max-width:100px; }
.sm\:text-4{ font-size:4px; }
.sm\:col-3 { max-width:24.999000000000002%; flex:0 0 24.999000000000002%; }
.sm\:max-150 { max-width:150px; }
.sm\:text-6{ font-size:6px; }
.sm\:col-4 { max-width:33.332%; flex:0 0 33.332%; }
.sm\:max-200 { max-width:200px; }
.sm\:text-8{ font-size:8px; }
.sm\:col-5 { max-width:41.665%; flex:0 0 41.665%; }
.sm\:max-250 { max-width:250px; }
.sm\:text-10{ font-size:10px; }
.sm\:col-6 { max-width:49.998000000000005%; flex:0 0 49.998000000000005%; }
.sm\:max-300 { max-width:300px; }
.sm\:text-12{ font-size:12px; }
.sm\:col-7 { max-width:58.331%; flex:0 0 58.331%; }
.sm\:max-350 { max-width:350px; }
.sm\:text-14{ font-size:14px; }
.sm\:col-8 { max-width:66.664%; flex:0 0 66.664%; }
.sm\:max-400 { max-width:400px; }
.sm\:text-16{ font-size:16px; }
.sm\:col-9 { max-width:74.997%; flex:0 0 74.997%; }
.sm\:max-450 { max-width:450px; }
.sm\:text-18{ font-size:18px; }
.sm\:col-10 { max-width:83.33%; flex:0 0 83.33%; }
.sm\:max-500 { max-width:500px; }
.sm\:text-20{ font-size:20px; }
.sm\:col-11 { max-width:91.663%; flex:0 0 91.663%; }
.sm\:max-550 { max-width:550px; }
.sm\:text-22{ font-size:22px; }
.sm\:col-12 { max-width:99.99600000000001%; flex:0 0 99.99600000000001%; }
.sm\:max-600 { max-width:600px; }
.sm\:text-24{ font-size:24px; }
.sm\:col-13 { max-width:108.32900000000001%; flex:0 0 108.32900000000001%; }
.sm\:max-650 { max-width:650px; }
.sm\:text-26{ font-size:26px; }
.sm\:col-14 { max-width:116.662%; flex:0 0 116.662%; }
.sm\:max-700 { max-width:700px; }
.sm\:text-28{ font-size:28px; }
.sm\:col-15 { max-width:124.995%; flex:0 0 124.995%; }
.sm\:max-750 { max-width:750px; }
.sm\:text-30{ font-size:30px; }
.sm\:col-16 { max-width:133.328%; flex:0 0 133.328%; }
.sm\:max-800 { max-width:800px; }
.sm\:text-32{ font-size:32px; }
.sm\:col-17 { max-width:141.661%; flex:0 0 141.661%; }
.sm\:max-850 { max-width:850px; }
.sm\:text-34{ font-size:34px; }
.sm\:col-18 { max-width:149.994%; flex:0 0 149.994%; }
.sm\:max-900 { max-width:900px; }
.sm\:text-36{ font-size:36px; }
.sm\:col-19 { max-width:158.327%; flex:0 0 158.327%; }
.sm\:max-950 { max-width:950px; }
.sm\:text-38{ font-size:38px; }
.sm\:col-20 { max-width:166.66%; flex:0 0 166.66%; }
.sm\:max-1000 { max-width:1000px; }
.sm\:text-40{ font-size:40px; }
.sm\:col-21 { max-width:174.993%; flex:0 0 174.993%; }
.sm\:max-1050 { max-width:1050px; }
.sm\:text-42{ font-size:42px; }
.sm\:col-22 { max-width:183.326%; flex:0 0 183.326%; }
.sm\:max-1100 { max-width:1100px; }
.sm\:text-44{ font-size:44px; }
.sm\:col-23 { max-width:191.659%; flex:0 0 191.659%; }
.sm\:max-1150 { max-width:1150px; }
.sm\:text-46{ font-size:46px; }
.sm\:col-24 { max-width:199.99200000000002%; flex:0 0 199.99200000000002%; }
.sm\:max-1200 { max-width:1200px; }
.sm\:text-48{ font-size:48px; }
.sm\:col-25 { max-width:208.32500000000002%; flex:0 0 208.32500000000002%; }
.sm\:max-1250 { max-width:1250px; }
.sm\:text-50{ font-size:50px; }
.sm\:col-26 { max-width:216.65800000000002%; flex:0 0 216.65800000000002%; }
.sm\:max-1300 { max-width:1300px; }
.sm\:text-52{ font-size:52px; }
.sm\:col-27 { max-width:224.991%; flex:0 0 224.991%; }
.sm\:max-1350 { max-width:1350px; }
.sm\:text-54{ font-size:54px; }
.sm\:col-28 { max-width:233.324%; flex:0 0 233.324%; }
.sm\:max-1400 { max-width:1400px; }
.sm\:text-56{ font-size:56px; }
.sm\:col-29 { max-width:241.657%; flex:0 0 241.657%; }
.sm\:max-1450 { max-width:1450px; }
.sm\:text-58{ font-size:58px; }
.sm\:max-full { max-width:100%; }
.sm\:ml-auto{ margin-left:auto; }
.sm\:mr-auto{ margin-right:auto; }
.sm\:vh-100{ height:100vh; }
.sm\:vh-auto{ height:auto; }
}
@media(min-width:992px){
.md\:d-block {
display:block;
}
.md\:d-inline-block {
display:inline-block;
}
.md\:d-flex {
display:flex;
}
.md\:d-inline-flex {
display:inline-flex;
}
.md\:d-none {
display:none;
}
.md\:align-center {
align-items:center;
}
.md\:align-flex-start {
align-items:flex-start;
}
.md\:align-flex-end {
align-items:flex-end;
}
.md\:align-normal {
align-items:normal;
}
.md\:justify-center {
justify-content:center;
}
.md\:justify-flex-end {
justify-content:flex-end;
}
.md\:justify-flex-start {
justify-content:flex-start;
}
.md\:justify-space-around {
justify-content:space-around;
}
.md\:justify-space-between {
justify-content:space-between;
}
.md\:text-left {
text-align:left;
}
.md\:text-right {
text-align:right;
}
.md\:text-center {
text-align:center;
}
.md\:direction-column {
flex-direction:column;
}
.md\:direction-column-reverse {
flex-direction:column-reverse;
}
.md\:direction-row {
flex-direction:row;
}
.md\:direction-row-reverse {
flex-direction:row-reverse;
}
.md\:p--0 { padding:0px !important; }
.md\:p-0 { padding:0px; }
.md\:pt-0 { padding-top:0px; }
.md\:pb-0 { padding-bottom:0px; }
.md\:pl-0 { padding-left:0px; }
.md\:pr-0 { padding-right:0px; }
.md\:m-0 { margin:0px; }
.md\:mt-0 { margin-top:0px; }
.md\:mb-0 { margin-bottom:0px; }
.md\:ml-0 { margin-left:0px; }
.md\:mr-0 { margin-right:0px; }
.md\:ml--0 { margin-left:-0px; }
.md\:mr--0 { margin-right:-0px; }
.md\:mt--0 { margin-top:-0px; }
.md\:mb--0 { margin-bottom:-0px; }
.md\:max--0 { max-width:0%; }
.md\:mt---0 { margin-top:-0%; }
.md\:mb---0 { margin-bottom:-0%; }
.md\:p--5 { padding:5px !important; }
.md\:p-5 { padding:5px; }
.md\:pt-5 { padding-top:5px; }
.md\:pb-5 { padding-bottom:5px; }
.md\:pl-5 { padding-left:5px; }
.md\:pr-5 { padding-right:5px; }
.md\:m-5 { margin:5px; }
.md\:mt-5 { margin-top:5px; }
.md\:mb-5 { margin-bottom:5px; }
.md\:ml-5 { margin-left:5px; }
.md\:mr-5 { margin-right:5px; }
.md\:ml--5 { margin-left:-5px; }
.md\:mr--5 { margin-right:-5px; }
.md\:mt--5 { margin-top:-5px; }
.md\:mb--5 { margin-bottom:-5px; }
.md\:max--5 { max-width:5%; }
.md\:mt---5 { margin-top:-5%; }
.md\:mb---5 { margin-bottom:-5%; }
.md\:p--10 { padding:10px !important; }
.md\:p-10 { padding:10px; }
.md\:pt-10 { padding-top:10px; }
.md\:pb-10 { padding-bottom:10px; }
.md\:pl-10 { padding-left:10px; }
.md\:pr-10 { padding-right:10px; }
.md\:m-10 { margin:10px; }
.md\:mt-10 { margin-top:10px; }
.md\:mb-10 { margin-bottom:10px; }
.md\:ml-10 { margin-left:10px; }
.md\:mr-10 { margin-right:10px; }
.md\:ml--10 { margin-left:-10px; }
.md\:mr--10 { margin-right:-10px; }
.md\:mt--10 { margin-top:-10px; }
.md\:mb--10 { margin-bottom:-10px; }
.md\:max--10 { max-width:10%; }
.md\:mt---10 { margin-top:-10%; }
.md\:mb---10 { margin-bottom:-10%; }
.md\:p--15 { padding:15px !important; }
.md\:p-15 { padding:15px; }
.md\:pt-15 { padding-top:15px; }
.md\:pb-15 { padding-bottom:15px; }
.md\:pl-15 { padding-left:15px; }
.md\:pr-15 { padding-right:15px; }
.md\:m-15 { margin:15px; }
.md\:mt-15 { margin-top:15px; }
.md\:mb-15 { margin-bottom:15px; }
.md\:ml-15 { margin-left:15px; }
.md\:mr-15 { margin-right:15px; }
.md\:ml--15 { margin-left:-15px; }
.md\:mr--15 { margin-right:-15px; }
.md\:mt--15 { margin-top:-15px; }
.md\:mb--15 { margin-bottom:-15px; }
.md\:max--15 { max-width:15%; }
.md\:mt---15 { margin-top:-15%; }
.md\:mb---15 { margin-bottom:-15%; }
.md\:p--20 { padding:20px !important; }
.md\:p-20 { padding:20px; }
.md\:pt-20 { padding-top:20px; }
.md\:pb-20 { padding-bottom:20px; }
.md\:pl-20 { padding-left:20px; }
.md\:pr-20 { padding-right:20px; }
.md\:m-20 { margin:20px; }
.md\:mt-20 { margin-top:20px; }
.md\:mb-20 { margin-bottom:20px; }
.md\:ml-20 { margin-left:20px; }
.md\:mr-20 { margin-right:20px; }
.md\:ml--20 { margin-left:-20px; }
.md\:mr--20 { margin-right:-20px; }
.md\:mt--20 { margin-top:-20px; }
.md\:mb--20 { margin-bottom:-20px; }
.md\:max--20 { max-width:20%; }
.md\:mt---20 { margin-top:-20%; }
.md\:mb---20 { margin-bottom:-20%; }
.md\:p--25 { padding:25px !important; }
.md\:p-25 { padding:25px; }
.md\:pt-25 { padding-top:25px; }
.md\:pb-25 { padding-bottom:25px; }
.md\:pl-25 { padding-left:25px; }
.md\:pr-25 { padding-right:25px; }
.md\:m-25 { margin:25px; }
.md\:mt-25 { margin-top:25px; }
.md\:mb-25 { margin-bottom:25px; }
.md\:ml-25 { margin-left:25px; }
.md\:mr-25 { margin-right:25px; }
.md\:ml--25 { margin-left:-25px; }
.md\:mr--25 { margin-right:-25px; }
.md\:mt--25 { margin-top:-25px; }
.md\:mb--25 { margin-bottom:-25px; }
.md\:max--25 { max-width:25%; }
.md\:mt---25 { margin-top:-25%; }
.md\:mb---25 { margin-bottom:-25%; }
.md\:p--30 { padding:30px !important; }
.md\:p-30 { padding:30px; }
.md\:pt-30 { padding-top:30px; }
.md\:pb-30 { padding-bottom:30px; }
.md\:pl-30 { padding-left:30px; }
.md\:pr-30 { padding-right:30px; }
.md\:m-30 { margin:30px; }
.md\:mt-30 { margin-top:30px; }
.md\:mb-30 { margin-bottom:30px; }
.md\:ml-30 { margin-left:30px; }
.md\:mr-30 { margin-right:30px; }
.md\:ml--30 { margin-left:-30px; }
.md\:mr--30 { margin-right:-30px; }
.md\:mt--30 { margin-top:-30px; }
.md\:mb--30 { margin-bottom:-30px; }
.md\:max--30 { max-width:30%; }
.md\:mt---30 { margin-top:-30%; }
.md\:mb---30 { margin-bottom:-30%; }
.md\:p--35 { padding:35px !important; }
.md\:p-35 { padding:35px; }
.md\:pt-35 { padding-top:35px; }
.md\:pb-35 { padding-bottom:35px; }
.md\:pl-35 { padding-left:35px; }
.md\:pr-35 { padding-right:35px; }
.md\:m-35 { margin:35px; }
.md\:mt-35 { margin-top:35px; }
.md\:mb-35 { margin-bottom:35px; }
.md\:ml-35 { margin-left:35px; }
.md\:mr-35 { margin-right:35px; }
.md\:ml--35 { margin-left:-35px; }
.md\:mr--35 { margin-right:-35px; }
.md\:mt--35 { margin-top:-35px; }
.md\:mb--35 { margin-bottom:-35px; }
.md\:max--35 { max-width:35%; }
.md\:mt---35 { margin-top:-35%; }
.md\:mb---35 { margin-bottom:-35%; }
.md\:p--40 { padding:40px !important; }
.md\:p-40 { padding:40px; }
.md\:pt-40 { padding-top:40px; }
.md\:pb-40 { padding-bottom:40px; }
.md\:pl-40 { padding-left:40px; }
.md\:pr-40 { padding-right:40px; }
.md\:m-40 { margin:40px; }
.md\:mt-40 { margin-top:40px; }
.md\:mb-40 { margin-bottom:40px; }
.md\:ml-40 { margin-left:40px; }
.md\:mr-40 { margin-right:40px; }
.md\:ml--40 { margin-left:-40px; }
.md\:mr--40 { margin-right:-40px; }
.md\:mt--40 { margin-top:-40px; }
.md\:mb--40 { margin-bottom:-40px; }
.md\:max--40 { max-width:40%; }
.md\:mt---40 { margin-top:-40%; }
.md\:mb---40 { margin-bottom:-40%; }
.md\:p--45 { padding:45px !important; }
.md\:p-45 { padding:45px; }
.md\:pt-45 { padding-top:45px; }
.md\:pb-45 { padding-bottom:45px; }
.md\:pl-45 { padding-left:45px; }
.md\:pr-45 { padding-right:45px; }
.md\:m-45 { margin:45px; }
.md\:mt-45 { margin-top:45px; }
.md\:mb-45 { margin-bottom:45px; }
.md\:ml-45 { margin-left:45px; }
.md\:mr-45 { margin-right:45px; }
.md\:ml--45 { margin-left:-45px; }
.md\:mr--45 { margin-right:-45px; }
.md\:mt--45 { margin-top:-45px; }
.md\:mb--45 { margin-bottom:-45px; }
.md\:max--45 { max-width:45%; }
.md\:mt---45 { margin-top:-45%; }
.md\:mb---45 { margin-bottom:-45%; }
.md\:p--50 { padding:50px !important; }
.md\:p-50 { padding:50px; }
.md\:pt-50 { padding-top:50px; }
.md\:pb-50 { padding-bottom:50px; }
.md\:pl-50 { padding-left:50px; }
.md\:pr-50 { padding-right:50px; }
.md\:m-50 { margin:50px; }
.md\:mt-50 { margin-top:50px; }
.md\:mb-50 { margin-bottom:50px; }
.md\:ml-50 { margin-left:50px; }
.md\:mr-50 { margin-right:50px; }
.md\:ml--50 { margin-left:-50px; }
.md\:mr--50 { margin-right:-50px; }
.md\:mt--50 { margin-top:-50px; }
.md\:mb--50 { margin-bottom:-50px; }
.md\:max--50 { max-width:50%; }
.md\:mt---50 { margin-top:-50%; }
.md\:mb---50 { margin-bottom:-50%; }
.md\:p--55 { padding:55px !important; }
.md\:p-55 { padding:55px; }
.md\:pt-55 { padding-top:55px; }
.md\:pb-55 { padding-bottom:55px; }
.md\:pl-55 { padding-left:55px; }
.md\:pr-55 { padding-right:55px; }
.md\:m-55 { margin:55px; }
.md\:mt-55 { margin-top:55px; }
.md\:mb-55 { margin-bottom:55px; }
.md\:ml-55 { margin-left:55px; }
.md\:mr-55 { margin-right:55px; }
.md\:ml--55 { margin-left:-55px; }
.md\:mr--55 { margin-right:-55px; }
.md\:mt--55 { margin-top:-55px; }
.md\:mb--55 { margin-bottom:-55px; }
.md\:max--55 { max-width:55%; }
.md\:mt---55 { margin-top:-55%; }
.md\:mb---55 { margin-bottom:-55%; }
.md\:p--60 { padding:60px !important; }
.md\:p-60 { padding:60px; }
.md\:pt-60 { padding-top:60px; }
.md\:pb-60 { padding-bottom:60px; }
.md\:pl-60 { padding-left:60px; }
.md\:pr-60 { padding-right:60px; }
.md\:m-60 { margin:60px; }
.md\:mt-60 { margin-top:60px; }
.md\:mb-60 { margin-bottom:60px; }
.md\:ml-60 { margin-left:60px; }
.md\:mr-60 { margin-right:60px; }
.md\:ml--60 { margin-left:-60px; }
.md\:mr--60 { margin-right:-60px; }
.md\:mt--60 { margin-top:-60px; }
.md\:mb--60 { margin-bottom:-60px; }
.md\:max--60 { max-width:60%; }
.md\:mt---60 { margin-top:-60%; }
.md\:mb---60 { margin-bottom:-60%; }
.md\:p--65 { padding:65px !important; }
.md\:p-65 { padding:65px; }
.md\:pt-65 { padding-top:65px; }
.md\:pb-65 { padding-bottom:65px; }
.md\:pl-65 { padding-left:65px; }
.md\:pr-65 { padding-right:65px; }
.md\:m-65 { margin:65px; }
.md\:mt-65 { margin-top:65px; }
.md\:mb-65 { margin-bottom:65px; }
.md\:ml-65 { margin-left:65px; }
.md\:mr-65 { margin-right:65px; }
.md\:ml--65 { margin-left:-65px; }
.md\:mr--65 { margin-right:-65px; }
.md\:mt--65 { margin-top:-65px; }
.md\:mb--65 { margin-bottom:-65px; }
.md\:max--65 { max-width:65%; }
.md\:mt---65 { margin-top:-65%; }
.md\:mb---65 { margin-bottom:-65%; }
.md\:p--70 { padding:70px !important; }
.md\:p-70 { padding:70px; }
.md\:pt-70 { padding-top:70px; }
.md\:pb-70 { padding-bottom:70px; }
.md\:pl-70 { padding-left:70px; }
.md\:pr-70 { padding-right:70px; }
.md\:m-70 { margin:70px; }
.md\:mt-70 { margin-top:70px; }
.md\:mb-70 { margin-bottom:70px; }
.md\:ml-70 { margin-left:70px; }
.md\:mr-70 { margin-right:70px; }
.md\:ml--70 { margin-left:-70px; }
.md\:mr--70 { margin-right:-70px; }
.md\:mt--70 { margin-top:-70px; }
.md\:mb--70 { margin-bottom:-70px; }
.md\:max--70 { max-width:70%; }
.md\:mt---70 { margin-top:-70%; }
.md\:mb---70 { margin-bottom:-70%; }
.md\:p--75 { padding:75px !important; }
.md\:p-75 { padding:75px; }
.md\:pt-75 { padding-top:75px; }
.md\:pb-75 { padding-bottom:75px; }
.md\:pl-75 { padding-left:75px; }
.md\:pr-75 { padding-right:75px; }
.md\:m-75 { margin:75px; }
.md\:mt-75 { margin-top:75px; }
.md\:mb-75 { margin-bottom:75px; }
.md\:ml-75 { margin-left:75px; }
.md\:mr-75 { margin-right:75px; }
.md\:ml--75 { margin-left:-75px; }
.md\:mr--75 { margin-right:-75px; }
.md\:mt--75 { margin-top:-75px; }
.md\:mb--75 { margin-bottom:-75px; }
.md\:max--75 { max-width:75%; }
.md\:mt---75 { margin-top:-75%; }
.md\:mb---75 { margin-bottom:-75%; }
.md\:p--80 { padding:80px !important; }
.md\:p-80 { padding:80px; }
.md\:pt-80 { padding-top:80px; }
.md\:pb-80 { padding-bottom:80px; }
.md\:pl-80 { padding-left:80px; }
.md\:pr-80 { padding-right:80px; }
.md\:m-80 { margin:80px; }
.md\:mt-80 { margin-top:80px; }
.md\:mb-80 { margin-bottom:80px; }
.md\:ml-80 { margin-left:80px; }
.md\:mr-80 { margin-right:80px; }
.md\:ml--80 { margin-left:-80px; }
.md\:mr--80 { margin-right:-80px; }
.md\:mt--80 { margin-top:-80px; }
.md\:mb--80 { margin-bottom:-80px; }
.md\:max--80 { max-width:80%; }
.md\:mt---80 { margin-top:-80%; }
.md\:mb---80 { margin-bottom:-80%; }
.md\:p--85 { padding:85px !important; }
.md\:p-85 { padding:85px; }
.md\:pt-85 { padding-top:85px; }
.md\:pb-85 { padding-bottom:85px; }
.md\:pl-85 { padding-left:85px; }
.md\:pr-85 { padding-right:85px; }
.md\:m-85 { margin:85px; }
.md\:mt-85 { margin-top:85px; }
.md\:mb-85 { margin-bottom:85px; }
.md\:ml-85 { margin-left:85px; }
.md\:mr-85 { margin-right:85px; }
.md\:ml--85 { margin-left:-85px; }
.md\:mr--85 { margin-right:-85px; }
.md\:mt--85 { margin-top:-85px; }
.md\:mb--85 { margin-bottom:-85px; }
.md\:max--85 { max-width:85%; }
.md\:mt---85 { margin-top:-85%; }
.md\:mb---85 { margin-bottom:-85%; }
.md\:p--90 { padding:90px !important; }
.md\:p-90 { padding:90px; }
.md\:pt-90 { padding-top:90px; }
.md\:pb-90 { padding-bottom:90px; }
.md\:pl-90 { padding-left:90px; }
.md\:pr-90 { padding-right:90px; }
.md\:m-90 { margin:90px; }
.md\:mt-90 { margin-top:90px; }
.md\:mb-90 { margin-bottom:90px; }
.md\:ml-90 { margin-left:90px; }
.md\:mr-90 { margin-right:90px; }
.md\:ml--90 { margin-left:-90px; }
.md\:mr--90 { margin-right:-90px; }
.md\:mt--90 { margin-top:-90px; }
.md\:mb--90 { margin-bottom:-90px; }
.md\:max--90 { max-width:90%; }
.md\:mt---90 { margin-top:-90%; }
.md\:mb---90 { margin-bottom:-90%; }
.md\:p--95 { padding:95px !important; }
.md\:p-95 { padding:95px; }
.md\:pt-95 { padding-top:95px; }
.md\:pb-95 { padding-bottom:95px; }
.md\:pl-95 { padding-left:95px; }
.md\:pr-95 { padding-right:95px; }
.md\:m-95 { margin:95px; }
.md\:mt-95 { margin-top:95px; }
.md\:mb-95 { margin-bottom:95px; }
.md\:ml-95 { margin-left:95px; }
.md\:mr-95 { margin-right:95px; }
.md\:ml--95 { margin-left:-95px; }
.md\:mr--95 { margin-right:-95px; }
.md\:mt--95 { margin-top:-95px; }
.md\:mb--95 { margin-bottom:-95px; }
.md\:max--95 { max-width:95%; }
.md\:mt---95 { margin-top:-95%; }
.md\:mb---95 { margin-bottom:-95%; }
.md\:p--100 { padding:100px !important; }
.md\:p-100 { padding:100px; }
.md\:pt-100 { padding-top:100px; }
.md\:pb-100 { padding-bottom:100px; }
.md\:pl-100 { padding-left:100px; }
.md\:pr-100 { padding-right:100px; }
.md\:m-100 { margin:100px; }
.md\:mt-100 { margin-top:100px; }
.md\:mb-100 { margin-bottom:100px; }
.md\:ml-100 { margin-left:100px; }
.md\:mr-100 { margin-right:100px; }
.md\:ml--100 { margin-left:-100px; }
.md\:mr--100 { margin-right:-100px; }
.md\:mt--100 { margin-top:-100px; }
.md\:mb--100 { margin-bottom:-100px; }
.md\:max--100 { max-width:100%; }
.md\:mt---100 { margin-top:-100%; }
.md\:mb---100 { margin-bottom:-100%; }
.md\:p--105 { padding:105px !important; }
.md\:p-105 { padding:105px; }
.md\:pt-105 { padding-top:105px; }
.md\:pb-105 { padding-bottom:105px; }
.md\:pl-105 { padding-left:105px; }
.md\:pr-105 { padding-right:105px; }
.md\:m-105 { margin:105px; }
.md\:mt-105 { margin-top:105px; }
.md\:mb-105 { margin-bottom:105px; }
.md\:ml-105 { margin-left:105px; }
.md\:mr-105 { margin-right:105px; }
.md\:ml--105 { margin-left:-105px; }
.md\:mr--105 { margin-right:-105px; }
.md\:mt--105 { margin-top:-105px; }
.md\:mb--105 { margin-bottom:-105px; }
.md\:max--105 { max-width:105%; }
.md\:mt---105 { margin-top:-105%; }
.md\:mb---105 { margin-bottom:-105%; }
.md\:p--110 { padding:110px !important; }
.md\:p-110 { padding:110px; }
.md\:pt-110 { padding-top:110px; }
.md\:pb-110 { padding-bottom:110px; }
.md\:pl-110 { padding-left:110px; }
.md\:pr-110 { padding-right:110px; }
.md\:m-110 { margin:110px; }
.md\:mt-110 { margin-top:110px; }
.md\:mb-110 { margin-bottom:110px; }
.md\:ml-110 { margin-left:110px; }
.md\:mr-110 { margin-right:110px; }
.md\:ml--110 { margin-left:-110px; }
.md\:mr--110 { margin-right:-110px; }
.md\:mt--110 { margin-top:-110px; }
.md\:mb--110 { margin-bottom:-110px; }
.md\:max--110 { max-width:110%; }
.md\:mt---110 { margin-top:-110%; }
.md\:mb---110 { margin-bottom:-110%; }
.md\:p--115 { padding:115px !important; }
.md\:p-115 { padding:115px; }
.md\:pt-115 { padding-top:115px; }
.md\:pb-115 { padding-bottom:115px; }
.md\:pl-115 { padding-left:115px; }
.md\:pr-115 { padding-right:115px; }
.md\:m-115 { margin:115px; }
.md\:mt-115 { margin-top:115px; }
.md\:mb-115 { margin-bottom:115px; }
.md\:ml-115 { margin-left:115px; }
.md\:mr-115 { margin-right:115px; }
.md\:ml--115 { margin-left:-115px; }
.md\:mr--115 { margin-right:-115px; }
.md\:mt--115 { margin-top:-115px; }
.md\:mb--115 { margin-bottom:-115px; }
.md\:max--115 { max-width:115%; }
.md\:mt---115 { margin-top:-115%; }
.md\:mb---115 { margin-bottom:-115%; }
.md\:p--120 { padding:120px !important; }
.md\:p-120 { padding:120px; }
.md\:pt-120 { padding-top:120px; }
.md\:pb-120 { padding-bottom:120px; }
.md\:pl-120 { padding-left:120px; }
.md\:pr-120 { padding-right:120px; }
.md\:m-120 { margin:120px; }
.md\:mt-120 { margin-top:120px; }
.md\:mb-120 { margin-bottom:120px; }
.md\:ml-120 { margin-left:120px; }
.md\:mr-120 { margin-right:120px; }
.md\:ml--120 { margin-left:-120px; }
.md\:mr--120 { margin-right:-120px; }
.md\:mt--120 { margin-top:-120px; }
.md\:mb--120 { margin-bottom:-120px; }
.md\:max--120 { max-width:120%; }
.md\:mt---120 { margin-top:-120%; }
.md\:mb---120 { margin-bottom:-120%; }
.md\:p--125 { padding:125px !important; }
.md\:p-125 { padding:125px; }
.md\:pt-125 { padding-top:125px; }
.md\:pb-125 { padding-bottom:125px; }
.md\:pl-125 { padding-left:125px; }
.md\:pr-125 { padding-right:125px; }
.md\:m-125 { margin:125px; }
.md\:mt-125 { margin-top:125px; }
.md\:mb-125 { margin-bottom:125px; }
.md\:ml-125 { margin-left:125px; }
.md\:mr-125 { margin-right:125px; }
.md\:ml--125 { margin-left:-125px; }
.md\:mr--125 { margin-right:-125px; }
.md\:mt--125 { margin-top:-125px; }
.md\:mb--125 { margin-bottom:-125px; }
.md\:max--125 { max-width:125%; }
.md\:mt---125 { margin-top:-125%; }
.md\:mb---125 { margin-bottom:-125%; }
.md\:p--130 { padding:130px !important; }
.md\:p-130 { padding:130px; }
.md\:pt-130 { padding-top:130px; }
.md\:pb-130 { padding-bottom:130px; }
.md\:pl-130 { padding-left:130px; }
.md\:pr-130 { padding-right:130px; }
.md\:m-130 { margin:130px; }
.md\:mt-130 { margin-top:130px; }
.md\:mb-130 { margin-bottom:130px; }
.md\:ml-130 { margin-left:130px; }
.md\:mr-130 { margin-right:130px; }
.md\:ml--130 { margin-left:-130px; }
.md\:mr--130 { margin-right:-130px; }
.md\:mt--130 { margin-top:-130px; }
.md\:mb--130 { margin-bottom:-130px; }
.md\:max--130 { max-width:130%; }
.md\:mt---130 { margin-top:-130%; }
.md\:mb---130 { margin-bottom:-130%; }
.md\:p--135 { padding:135px !important; }
.md\:p-135 { padding:135px; }
.md\:pt-135 { padding-top:135px; }
.md\:pb-135 { padding-bottom:135px; }
.md\:pl-135 { padding-left:135px; }
.md\:pr-135 { padding-right:135px; }
.md\:m-135 { margin:135px; }
.md\:mt-135 { margin-top:135px; }
.md\:mb-135 { margin-bottom:135px; }
.md\:ml-135 { margin-left:135px; }
.md\:mr-135 { margin-right:135px; }
.md\:ml--135 { margin-left:-135px; }
.md\:mr--135 { margin-right:-135px; }
.md\:mt--135 { margin-top:-135px; }
.md\:mb--135 { margin-bottom:-135px; }
.md\:max--135 { max-width:135%; }
.md\:mt---135 { margin-top:-135%; }
.md\:mb---135 { margin-bottom:-135%; }
.md\:p--140 { padding:140px !important; }
.md\:p-140 { padding:140px; }
.md\:pt-140 { padding-top:140px; }
.md\:pb-140 { padding-bottom:140px; }
.md\:pl-140 { padding-left:140px; }
.md\:pr-140 { padding-right:140px; }
.md\:m-140 { margin:140px; }
.md\:mt-140 { margin-top:140px; }
.md\:mb-140 { margin-bottom:140px; }
.md\:ml-140 { margin-left:140px; }
.md\:mr-140 { margin-right:140px; }
.md\:ml--140 { margin-left:-140px; }
.md\:mr--140 { margin-right:-140px; }
.md\:mt--140 { margin-top:-140px; }
.md\:mb--140 { margin-bottom:-140px; }
.md\:max--140 { max-width:140%; }
.md\:mt---140 { margin-top:-140%; }
.md\:mb---140 { margin-bottom:-140%; }
.md\:p--145 { padding:145px !important; }
.md\:p-145 { padding:145px; }
.md\:pt-145 { padding-top:145px; }
.md\:pb-145 { padding-bottom:145px; }
.md\:pl-145 { padding-left:145px; }
.md\:pr-145 { padding-right:145px; }
.md\:m-145 { margin:145px; }
.md\:mt-145 { margin-top:145px; }
.md\:mb-145 { margin-bottom:145px; }
.md\:ml-145 { margin-left:145px; }
.md\:mr-145 { margin-right:145px; }
.md\:ml--145 { margin-left:-145px; }
.md\:mr--145 { margin-right:-145px; }
.md\:mt--145 { margin-top:-145px; }
.md\:mb--145 { margin-bottom:-145px; }
.md\:max--145 { max-width:145%; }
.md\:mt---145 { margin-top:-145%; }
.md\:mb---145 { margin-bottom:-145%; }
.md\:p--150 { padding:150px !important; }
.md\:p-150 { padding:150px; }
.md\:pt-150 { padding-top:150px; }
.md\:pb-150 { padding-bottom:150px; }
.md\:pl-150 { padding-left:150px; }
.md\:pr-150 { padding-right:150px; }
.md\:m-150 { margin:150px; }
.md\:mt-150 { margin-top:150px; }
.md\:mb-150 { margin-bottom:150px; }
.md\:ml-150 { margin-left:150px; }
.md\:mr-150 { margin-right:150px; }
.md\:ml--150 { margin-left:-150px; }
.md\:mr--150 { margin-right:-150px; }
.md\:mt--150 { margin-top:-150px; }
.md\:mb--150 { margin-bottom:-150px; }
.md\:max--150 { max-width:150%; }
.md\:mt---150 { margin-top:-150%; }
.md\:mb---150 { margin-bottom:-150%; }
.md\:col-1 { max-width:8.333%; flex:0 0 8.333%; }
.md\:max-50 { max-width:50px; }
.md\:text-2{ font-size:2px; }
.md\:col-2 { max-width:16.666%; flex:0 0 16.666%; }
.md\:max-100 { max-width:100px; }
.md\:text-4{ font-size:4px; }
.md\:col-3 { max-width:24.999000000000002%; flex:0 0 24.999000000000002%; }
.md\:max-150 { max-width:150px; }
.md\:text-6{ font-size:6px; }
.md\:col-4 { max-width:33.332%; flex:0 0 33.332%; }
.md\:max-200 { max-width:200px; }
.md\:text-8{ font-size:8px; }
.md\:col-5 { max-width:41.665%; flex:0 0 41.665%; }
.md\:max-250 { max-width:250px; }
.md\:text-10{ font-size:10px; }
.md\:col-6 { max-width:49.998000000000005%; flex:0 0 49.998000000000005%; }
.md\:max-300 { max-width:300px; }
.md\:text-12{ font-size:12px; }
.md\:col-7 { max-width:58.331%; flex:0 0 58.331%; }
.md\:max-350 { max-width:350px; }
.md\:text-14{ font-size:14px; }
.md\:col-8 { max-width:66.664%; flex:0 0 66.664%; }
.md\:max-400 { max-width:400px; }
.md\:text-16{ font-size:16px; }
.md\:col-9 { max-width:74.997%; flex:0 0 74.997%; }
.md\:max-450 { max-width:450px; }
.md\:text-18{ font-size:18px; }
.md\:col-10 { max-width:83.33%; flex:0 0 83.33%; }
.md\:max-500 { max-width:500px; }
.md\:text-20{ font-size:20px; }
.md\:col-11 { max-width:91.663%; flex:0 0 91.663%; }
.md\:max-550 { max-width:550px; }
.md\:text-22{ font-size:22px; }
.md\:col-12 { max-width:99.99600000000001%; flex:0 0 99.99600000000001%; }
.md\:max-600 { max-width:600px; }
.md\:text-24{ font-size:24px; }
.md\:col-13 { max-width:108.32900000000001%; flex:0 0 108.32900000000001%; }
.md\:max-650 { max-width:650px; }
.md\:text-26{ font-size:26px; }
.md\:col-14 { max-width:116.662%; flex:0 0 116.662%; }
.md\:max-700 { max-width:700px; }
.md\:text-28{ font-size:28px; }
.md\:col-15 { max-width:124.995%; flex:0 0 124.995%; }
.md\:max-750 { max-width:750px; }
.md\:text-30{ font-size:30px; }
.md\:col-16 { max-width:133.328%; flex:0 0 133.328%; }
.md\:max-800 { max-width:800px; }
.md\:text-32{ font-size:32px; }
.md\:col-17 { max-width:141.661%; flex:0 0 141.661%; }
.md\:max-850 { max-width:850px; }
.md\:text-34{ font-size:34px; }
.md\:col-18 { max-width:149.994%; flex:0 0 149.994%; }
.md\:max-900 { max-width:900px; }
.md\:text-36{ font-size:36px; }
.md\:col-19 { max-width:158.327%; flex:0 0 158.327%; }
.md\:max-950 { max-width:950px; }
.md\:text-38{ font-size:38px; }
.md\:col-20 { max-width:166.66%; flex:0 0 166.66%; }
.md\:max-1000 { max-width:1000px; }
.md\:text-40{ font-size:40px; }
.md\:col-21 { max-width:174.993%; flex:0 0 174.993%; }
.md\:max-1050 { max-width:1050px; }
.md\:text-42{ font-size:42px; }
.md\:col-22 { max-width:183.326%; flex:0 0 183.326%; }
.md\:max-1100 { max-width:1100px; }
.md\:text-44{ font-size:44px; }
.md\:col-23 { max-width:191.659%; flex:0 0 191.659%; }
.md\:max-1150 { max-width:1150px; }
.md\:text-46{ font-size:46px; }
.md\:col-24 { max-width:199.99200000000002%; flex:0 0 199.99200000000002%; }
.md\:max-1200 { max-width:1200px; }
.md\:text-48{ font-size:48px; }
.md\:col-25 { max-width:208.32500000000002%; flex:0 0 208.32500000000002%; }
.md\:max-1250 { max-width:1250px; }
.md\:text-50{ font-size:50px; }
.md\:col-26 { max-width:216.65800000000002%; flex:0 0 216.65800000000002%; }
.md\:max-1300 { max-width:1300px; }
.md\:text-52{ font-size:52px; }
.md\:col-27 { max-width:224.991%; flex:0 0 224.991%; }
.md\:max-1350 { max-width:1350px; }
.md\:text-54{ font-size:54px; }
.md\:col-28 { max-width:233.324%; flex:0 0 233.324%; }
.md\:max-1400 { max-width:1400px; }
.md\:text-56{ font-size:56px; }
.md\:col-29 { max-width:241.657%; flex:0 0 241.657%; }
.md\:max-1450 { max-width:1450px; }
.md\:text-58{ font-size:58px; }
.md\:max-full { max-width:100%; }
.md\:ml-auto{ margin-left:auto; }
.md\:mr-auto{ margin-right:auto; }
.md\:vh-100{ height:100vh; }
.md\:vh-auto{ height:auto; }
}
@media(min-width:1200px){
.lg\:d-block {
display:block;
}
.lg\:d-inline-block {
display:inline-block;
}
.lg\:d-flex {
display:flex;
}
.lg\:d-inline-flex {
display:inline-flex;
}
.lg\:d-none {
display:none;
}
.lg\:align-center {
align-items:center;
}
.lg\:align-flex-start {
align-items:flex-start;
}
.lg\:align-flex-end {
align-items:flex-end;
}
.lg\:align-normal {
align-items:normal;
}
.lg\:justify-center {
justify-content:center;
}
.lg\:justify-flex-end {
justify-content:flex-end;
}
.lg\:justify-flex-start {
justify-content:flex-start;
}
.lg\:justify-space-around {
justify-content:space-around;
}
.lg\:justify-space-between {
justify-content:space-between;
}
.lg\:text-left {
text-align:left;
}
.lg\:text-right {
text-align:right;
}
.lg\:text-center {
text-align:center;
}
.lg\:direction-column {
flex-direction:column;
}
.lg\:direction-column-reverse {
flex-direction:column-reverse;
}
.lg\:direction-row {
flex-direction:row;
}
.lg\:direction-row-reverse {
flex-direction:row-reverse;
}
.lg\:p--0 { padding:0px !important; }
.lg\:p-0 { padding:0px; }
.lg\:pt-0 { padding-top:0px; }
.lg\:pb-0 { padding-bottom:0px; }
.lg\:pl-0 { padding-left:0px; }
.lg\:pr-0 { padding-right:0px; }
.lg\:m-0 { margin:0px; }
.lg\:mt-0 { margin-top:0px; }
.lg\:mb-0 { margin-bottom:0px; }
.lg\:ml-0 { margin-left:0px; }
.lg\:mr-0 { margin-right:0px; }
.lg\:ml--0 { margin-left:-0px; }
.lg\:mr--0 { margin-right:-0px; }
.lg\:mt--0 { margin-top:-0px; }
.lg\:mb--0 { margin-bottom:-0px; }
.lg\:max--0 { max-width:0%; }
.lg\:mt---0 { margin-top:-0%; }
.lg\:mb---0 { margin-bottom:-0%; }
.lg\:p--5 { padding:5px !important; }
.lg\:p-5 { padding:5px; }
.lg\:pt-5 { padding-top:5px; }
.lg\:pb-5 { padding-bottom:5px; }
.lg\:pl-5 { padding-left:5px; }
.lg\:pr-5 { padding-right:5px; }
.lg\:m-5 { margin:5px; }
.lg\:mt-5 { margin-top:5px; }
.lg\:mb-5 { margin-bottom:5px; }
.lg\:ml-5 { margin-left:5px; }
.lg\:mr-5 { margin-right:5px; }
.lg\:ml--5 { margin-left:-5px; }
.lg\:mr--5 { margin-right:-5px; }
.lg\:mt--5 { margin-top:-5px; }
.lg\:mb--5 { margin-bottom:-5px; }
.lg\:max--5 { max-width:5%; }
.lg\:mt---5 { margin-top:-5%; }
.lg\:mb---5 { margin-bottom:-5%; }
.lg\:p--10 { padding:10px !important; }
.lg\:p-10 { padding:10px; }
.lg\:pt-10 { padding-top:10px; }
.lg\:pb-10 { padding-bottom:10px; }
.lg\:pl-10 { padding-left:10px; }
.lg\:pr-10 { padding-right:10px; }
.lg\:m-10 { margin:10px; }
.lg\:mt-10 { margin-top:10px; }
.lg\:mb-10 { margin-bottom:10px; }
.lg\:ml-10 { margin-left:10px; }
.lg\:mr-10 { margin-right:10px; }
.lg\:ml--10 { margin-left:-10px; }
.lg\:mr--10 { margin-right:-10px; }
.lg\:mt--10 { margin-top:-10px; }
.lg\:mb--10 { margin-bottom:-10px; }
.lg\:max--10 { max-width:10%; }
.lg\:mt---10 { margin-top:-10%; }
.lg\:mb---10 { margin-bottom:-10%; }
.lg\:p--15 { padding:15px !important; }
.lg\:p-15 { padding:15px; }
.lg\:pt-15 { padding-top:15px; }
.lg\:pb-15 { padding-bottom:15px; }
.lg\:pl-15 { padding-left:15px; }
.lg\:pr-15 { padding-right:15px; }
.lg\:m-15 { margin:15px; }
.lg\:mt-15 { margin-top:15px; }
.lg\:mb-15 { margin-bottom:15px; }
.lg\:ml-15 { margin-left:15px; }
.lg\:mr-15 { margin-right:15px; }
.lg\:ml--15 { margin-left:-15px; }
.lg\:mr--15 { margin-right:-15px; }
.lg\:mt--15 { margin-top:-15px; }
.lg\:mb--15 { margin-bottom:-15px; }
.lg\:max--15 { max-width:15%; }
.lg\:mt---15 { margin-top:-15%; }
.lg\:mb---15 { margin-bottom:-15%; }
.lg\:p--20 { padding:20px !important; }
.lg\:p-20 { padding:20px; }
.lg\:pt-20 { padding-top:20px; }
.lg\:pb-20 { padding-bottom:20px; }
.lg\:pl-20 { padding-left:20px; }
.lg\:pr-20 { padding-right:20px; }
.lg\:m-20 { margin:20px; }
.lg\:mt-20 { margin-top:20px; }
.lg\:mb-20 { margin-bottom:20px; }
.lg\:ml-20 { margin-left:20px; }
.lg\:mr-20 { margin-right:20px; }
.lg\:ml--20 { margin-left:-20px; }
.lg\:mr--20 { margin-right:-20px; }
.lg\:mt--20 { margin-top:-20px; }
.lg\:mb--20 { margin-bottom:-20px; }
.lg\:max--20 { max-width:20%; }
.lg\:mt---20 { margin-top:-20%; }
.lg\:mb---20 { margin-bottom:-20%; }
.lg\:p--25 { padding:25px !important; }
.lg\:p-25 { padding:25px; }
.lg\:pt-25 { padding-top:25px; }
.lg\:pb-25 { padding-bottom:25px; }
.lg\:pl-25 { padding-left:25px; }
.lg\:pr-25 { padding-right:25px; }
.lg\:m-25 { margin:25px; }
.lg\:mt-25 { margin-top:25px; }
.lg\:mb-25 { margin-bottom:25px; }
.lg\:ml-25 { margin-left:25px; }
.lg\:mr-25 { margin-right:25px; }
.lg\:ml--25 { margin-left:-25px; }
.lg\:mr--25 { margin-right:-25px; }
.lg\:mt--25 { margin-top:-25px; }
.lg\:mb--25 { margin-bottom:-25px; }
.lg\:max--25 { max-width:25%; }
.lg\:mt---25 { margin-top:-25%; }
.lg\:mb---25 { margin-bottom:-25%; }
.lg\:p--30 { padding:30px !important; }
.lg\:p-30 { padding:30px; }
.lg\:pt-30 { padding-top:30px; }
.lg\:pb-30 { padding-bottom:30px; }
.lg\:pl-30 { padding-left:30px; }
.lg\:pr-30 { padding-right:30px; }
.lg\:m-30 { margin:30px; }
.lg\:mt-30 { margin-top:30px; }
.lg\:mb-30 { margin-bottom:30px; }
.lg\:ml-30 { margin-left:30px; }
.lg\:mr-30 { margin-right:30px; }
.lg\:ml--30 { margin-left:-30px; }
.lg\:mr--30 { margin-right:-30px; }
.lg\:mt--30 { margin-top:-30px; }
.lg\:mb--30 { margin-bottom:-30px; }
.lg\:max--30 { max-width:30%; }
.lg\:mt---30 { margin-top:-30%; }
.lg\:mb---30 { margin-bottom:-30%; }
.lg\:p--35 { padding:35px !important; }
.lg\:p-35 { padding:35px; }
.lg\:pt-35 { padding-top:35px; }
.lg\:pb-35 { padding-bottom:35px; }
.lg\:pl-35 { padding-left:35px; }
.lg\:pr-35 { padding-right:35px; }
.lg\:m-35 { margin:35px; }
.lg\:mt-35 { margin-top:35px; }
.lg\:mb-35 { margin-bottom:35px; }
.lg\:ml-35 { margin-left:35px; }
.lg\:mr-35 { margin-right:35px; }
.lg\:ml--35 { margin-left:-35px; }
.lg\:mr--35 { margin-right:-35px; }
.lg\:mt--35 { margin-top:-35px; }
.lg\:mb--35 { margin-bottom:-35px; }
.lg\:max--35 { max-width:35%; }
.lg\:mt---35 { margin-top:-35%; }
.lg\:mb---35 { margin-bottom:-35%; }
.lg\:p--40 { padding:40px !important; }
.lg\:p-40 { padding:40px; }
.lg\:pt-40 { padding-top:40px; }
.lg\:pb-40 { padding-bottom:40px; }
.lg\:pl-40 { padding-left:40px; }
.lg\:pr-40 { padding-right:40px; }
.lg\:m-40 { margin:40px; }
.lg\:mt-40 { margin-top:40px; }
.lg\:mb-40 { margin-bottom:40px; }
.lg\:ml-40 { margin-left:40px; }
.lg\:mr-40 { margin-right:40px; }
.lg\:ml--40 { margin-left:-40px; }
.lg\:mr--40 { margin-right:-40px; }
.lg\:mt--40 { margin-top:-40px; }
.lg\:mb--40 { margin-bottom:-40px; }
.lg\:max--40 { max-width:40%; }
.lg\:mt---40 { margin-top:-40%; }
.lg\:mb---40 { margin-bottom:-40%; }
.lg\:p--45 { padding:45px !important; }
.lg\:p-45 { padding:45px; }
.lg\:pt-45 { padding-top:45px; }
.lg\:pb-45 { padding-bottom:45px; }
.lg\:pl-45 { padding-left:45px; }
.lg\:pr-45 { padding-right:45px; }
.lg\:m-45 { margin:45px; }
.lg\:mt-45 { margin-top:45px; }
.lg\:mb-45 { margin-bottom:45px; }
.lg\:ml-45 { margin-left:45px; }
.lg\:mr-45 { margin-right:45px; }
.lg\:ml--45 { margin-left:-45px; }
.lg\:mr--45 { margin-right:-45px; }
.lg\:mt--45 { margin-top:-45px; }
.lg\:mb--45 { margin-bottom:-45px; }
.lg\:max--45 { max-width:45%; }
.lg\:mt---45 { margin-top:-45%; }
.lg\:mb---45 { margin-bottom:-45%; }
.lg\:p--50 { padding:50px !important; }
.lg\:p-50 { padding:50px; }
.lg\:pt-50 { padding-top:50px; }
.lg\:pb-50 { padding-bottom:50px; }
.lg\:pl-50 { padding-left:50px; }
.lg\:pr-50 { padding-right:50px; }
.lg\:m-50 { margin:50px; }
.lg\:mt-50 { margin-top:50px; }
.lg\:mb-50 { margin-bottom:50px; }
.lg\:ml-50 { margin-left:50px; }
.lg\:mr-50 { margin-right:50px; }
.lg\:ml--50 { margin-left:-50px; }
.lg\:mr--50 { margin-right:-50px; }
.lg\:mt--50 { margin-top:-50px; }
.lg\:mb--50 { margin-bottom:-50px; }
.lg\:max--50 { max-width:50%; }
.lg\:mt---50 { margin-top:-50%; }
.lg\:mb---50 { margin-bottom:-50%; }
.lg\:p--55 { padding:55px !important; }
.lg\:p-55 { padding:55px; }
.lg\:pt-55 { padding-top:55px; }
.lg\:pb-55 { padding-bottom:55px; }
.lg\:pl-55 { padding-left:55px; }
.lg\:pr-55 { padding-right:55px; }
.lg\:m-55 { margin:55px; }
.lg\:mt-55 { margin-top:55px; }
.lg\:mb-55 { margin-bottom:55px; }
.lg\:ml-55 { margin-left:55px; }
.lg\:mr-55 { margin-right:55px; }
.lg\:ml--55 { margin-left:-55px; }
.lg\:mr--55 { margin-right:-55px; }
.lg\:mt--55 { margin-top:-55px; }
.lg\:mb--55 { margin-bottom:-55px; }
.lg\:max--55 { max-width:55%; }
.lg\:mt---55 { margin-top:-55%; }
.lg\:mb---55 { margin-bottom:-55%; }
.lg\:p--60 { padding:60px !important; }
.lg\:p-60 { padding:60px; }
.lg\:pt-60 { padding-top:60px; }
.lg\:pb-60 { padding-bottom:60px; }
.lg\:pl-60 { padding-left:60px; }
.lg\:pr-60 { padding-right:60px; }
.lg\:m-60 { margin:60px; }
.lg\:mt-60 { margin-top:60px; }
.lg\:mb-60 { margin-bottom:60px; }
.lg\:ml-60 { margin-left:60px; }
.lg\:mr-60 { margin-right:60px; }
.lg\:ml--60 { margin-left:-60px; }
.lg\:mr--60 { margin-right:-60px; }
.lg\:mt--60 { margin-top:-60px; }
.lg\:mb--60 { margin-bottom:-60px; }
.lg\:max--60 { max-width:60%; }
.lg\:mt---60 { margin-top:-60%; }
.lg\:mb---60 { margin-bottom:-60%; }
.lg\:p--65 { padding:65px !important; }
.lg\:p-65 { padding:65px; }
.lg\:pt-65 { padding-top:65px; }
.lg\:pb-65 { padding-bottom:65px; }
.lg\:pl-65 { padding-left:65px; }
.lg\:pr-65 { padding-right:65px; }
.lg\:m-65 { margin:65px; }
.lg\:mt-65 { margin-top:65px; }
.lg\:mb-65 { margin-bottom:65px; }
.lg\:ml-65 { margin-left:65px; }
.lg\:mr-65 { margin-right:65px; }
.lg\:ml--65 { margin-left:-65px; }
.lg\:mr--65 { margin-right:-65px; }
.lg\:mt--65 { margin-top:-65px; }
.lg\:mb--65 { margin-bottom:-65px; }
.lg\:max--65 { max-width:65%; }
.lg\:mt---65 { margin-top:-65%; }
.lg\:mb---65 { margin-bottom:-65%; }
.lg\:p--70 { padding:70px !important; }
.lg\:p-70 { padding:70px; }
.lg\:pt-70 { padding-top:70px; }
.lg\:pb-70 { padding-bottom:70px; }
.lg\:pl-70 { padding-left:70px; }
.lg\:pr-70 { padding-right:70px; }
.lg\:m-70 { margin:70px; }
.lg\:mt-70 { margin-top:70px; }
.lg\:mb-70 { margin-bottom:70px; }
.lg\:ml-70 { margin-left:70px; }
.lg\:mr-70 { margin-right:70px; }
.lg\:ml--70 { margin-left:-70px; }
.lg\:mr--70 { margin-right:-70px; }
.lg\:mt--70 { margin-top:-70px; }
.lg\:mb--70 { margin-bottom:-70px; }
.lg\:max--70 { max-width:70%; }
.lg\:mt---70 { margin-top:-70%; }
.lg\:mb---70 { margin-bottom:-70%; }
.lg\:p--75 { padding:75px !important; }
.lg\:p-75 { padding:75px; }
.lg\:pt-75 { padding-top:75px; }
.lg\:pb-75 { padding-bottom:75px; }
.lg\:pl-75 { padding-left:75px; }
.lg\:pr-75 { padding-right:75px; }
.lg\:m-75 { margin:75px; }
.lg\:mt-75 { margin-top:75px; }
.lg\:mb-75 { margin-bottom:75px; }
.lg\:ml-75 { margin-left:75px; }
.lg\:mr-75 { margin-right:75px; }
.lg\:ml--75 { margin-left:-75px; }
.lg\:mr--75 { margin-right:-75px; }
.lg\:mt--75 { margin-top:-75px; }
.lg\:mb--75 { margin-bottom:-75px; }
.lg\:max--75 { max-width:75%; }
.lg\:mt---75 { margin-top:-75%; }
.lg\:mb---75 { margin-bottom:-75%; }
.lg\:p--80 { padding:80px !important; }
.lg\:p-80 { padding:80px; }
.lg\:pt-80 { padding-top:80px; }
.lg\:pb-80 { padding-bottom:80px; }
.lg\:pl-80 { padding-left:80px; }
.lg\:pr-80 { padding-right:80px; }
.lg\:m-80 { margin:80px; }
.lg\:mt-80 { margin-top:80px; }
.lg\:mb-80 { margin-bottom:80px; }
.lg\:ml-80 { margin-left:80px; }
.lg\:mr-80 { margin-right:80px; }
.lg\:ml--80 { margin-left:-80px; }
.lg\:mr--80 { margin-right:-80px; }
.lg\:mt--80 { margin-top:-80px; }
.lg\:mb--80 { margin-bottom:-80px; }
.lg\:max--80 { max-width:80%; }
.lg\:mt---80 { margin-top:-80%; }
.lg\:mb---80 { margin-bottom:-80%; }
.lg\:p--85 { padding:85px !important; }
.lg\:p-85 { padding:85px; }
.lg\:pt-85 { padding-top:85px; }
.lg\:pb-85 { padding-bottom:85px; }
.lg\:pl-85 { padding-left:85px; }
.lg\:pr-85 { padding-right:85px; }
.lg\:m-85 { margin:85px; }
.lg\:mt-85 { margin-top:85px; }
.lg\:mb-85 { margin-bottom:85px; }
.lg\:ml-85 { margin-left:85px; }
.lg\:mr-85 { margin-right:85px; }
.lg\:ml--85 { margin-left:-85px; }
.lg\:mr--85 { margin-right:-85px; }
.lg\:mt--85 { margin-top:-85px; }
.lg\:mb--85 { margin-bottom:-85px; }
.lg\:max--85 { max-width:85%; }
.lg\:mt---85 { margin-top:-85%; }
.lg\:mb---85 { margin-bottom:-85%; }
.lg\:p--90 { padding:90px !important; }
.lg\:p-90 { padding:90px; }
.lg\:pt-90 { padding-top:90px; }
.lg\:pb-90 { padding-bottom:90px; }
.lg\:pl-90 { padding-left:90px; }
.lg\:pr-90 { padding-right:90px; }
.lg\:m-90 { margin:90px; }
.lg\:mt-90 { margin-top:90px; }
.lg\:mb-90 { margin-bottom:90px; }
.lg\:ml-90 { margin-left:90px; }
.lg\:mr-90 { margin-right:90px; }
.lg\:ml--90 { margin-left:-90px; }
.lg\:mr--90 { margin-right:-90px; }
.lg\:mt--90 { margin-top:-90px; }
.lg\:mb--90 { margin-bottom:-90px; }
.lg\:max--90 { max-width:90%; }
.lg\:mt---90 { margin-top:-90%; }
.lg\:mb---90 { margin-bottom:-90%; }
.lg\:p--95 { padding:95px !important; }
.lg\:p-95 { padding:95px; }
.lg\:pt-95 { padding-top:95px; }
.lg\:pb-95 { padding-bottom:95px; }
.lg\:pl-95 { padding-left:95px; }
.lg\:pr-95 { padding-right:95px; }
.lg\:m-95 { margin:95px; }
.lg\:mt-95 { margin-top:95px; }
.lg\:mb-95 { margin-bottom:95px; }
.lg\:ml-95 { margin-left:95px; }
.lg\:mr-95 { margin-right:95px; }
.lg\:ml--95 { margin-left:-95px; }
.lg\:mr--95 { margin-right:-95px; }
.lg\:mt--95 { margin-top:-95px; }
.lg\:mb--95 { margin-bottom:-95px; }
.lg\:max--95 { max-width:95%; }
.lg\:mt---95 { margin-top:-95%; }
.lg\:mb---95 { margin-bottom:-95%; }
.lg\:p--100 { padding:100px !important; }
.lg\:p-100 { padding:100px; }
.lg\:pt-100 { padding-top:100px; }
.lg\:pb-100 { padding-bottom:100px; }
.lg\:pl-100 { padding-left:100px; }
.lg\:pr-100 { padding-right:100px; }
.lg\:m-100 { margin:100px; }
.lg\:mt-100 { margin-top:100px; }
.lg\:mb-100 { margin-bottom:100px; }
.lg\:ml-100 { margin-left:100px; }
.lg\:mr-100 { margin-right:100px; }
.lg\:ml--100 { margin-left:-100px; }
.lg\:mr--100 { margin-right:-100px; }
.lg\:mt--100 { margin-top:-100px; }
.lg\:mb--100 { margin-bottom:-100px; }
.lg\:max--100 { max-width:100%; }
.lg\:mt---100 { margin-top:-100%; }
.lg\:mb---100 { margin-bottom:-100%; }
.lg\:p--105 { padding:105px !important; }
.lg\:p-105 { padding:105px; }
.lg\:pt-105 { padding-top:105px; }
.lg\:pb-105 { padding-bottom:105px; }
.lg\:pl-105 { padding-left:105px; }
.lg\:pr-105 { padding-right:105px; }
.lg\:m-105 { margin:105px; }
.lg\:mt-105 { margin-top:105px; }
.lg\:mb-105 { margin-bottom:105px; }
.lg\:ml-105 { margin-left:105px; }
.lg\:mr-105 { margin-right:105px; }
.lg\:ml--105 { margin-left:-105px; }
.lg\:mr--105 { margin-right:-105px; }
.lg\:mt--105 { margin-top:-105px; }
.lg\:mb--105 { margin-bottom:-105px; }
.lg\:max--105 { max-width:105%; }
.lg\:mt---105 { margin-top:-105%; }
.lg\:mb---105 { margin-bottom:-105%; }
.lg\:p--110 { padding:110px !important; }
.lg\:p-110 { padding:110px; }
.lg\:pt-110 { padding-top:110px; }
.lg\:pb-110 { padding-bottom:110px; }
.lg\:pl-110 { padding-left:110px; }
.lg\:pr-110 { padding-right:110px; }
.lg\:m-110 { margin:110px; }
.lg\:mt-110 { margin-top:110px; }
.lg\:mb-110 { margin-bottom:110px; }
.lg\:ml-110 { margin-left:110px; }
.lg\:mr-110 { margin-right:110px; }
.lg\:ml--110 { margin-left:-110px; }
.lg\:mr--110 { margin-right:-110px; }
.lg\:mt--110 { margin-top:-110px; }
.lg\:mb--110 { margin-bottom:-110px; }
.lg\:max--110 { max-width:110%; }
.lg\:mt---110 { margin-top:-110%; }
.lg\:mb---110 { margin-bottom:-110%; }
.lg\:p--115 { padding:115px !important; }
.lg\:p-115 { padding:115px; }
.lg\:pt-115 { padding-top:115px; }
.lg\:pb-115 { padding-bottom:115px; }
.lg\:pl-115 { padding-left:115px; }
.lg\:pr-115 { padding-right:115px; }
.lg\:m-115 { margin:115px; }
.lg\:mt-115 { margin-top:115px; }
.lg\:mb-115 { margin-bottom:115px; }
.lg\:ml-115 { margin-left:115px; }
.lg\:mr-115 { margin-right:115px; }
.lg\:ml--115 { margin-left:-115px; }
.lg\:mr--115 { margin-right:-115px; }
.lg\:mt--115 { margin-top:-115px; }
.lg\:mb--115 { margin-bottom:-115px; }
.lg\:max--115 { max-width:115%; }
.lg\:mt---115 { margin-top:-115%; }
.lg\:mb---115 { margin-bottom:-115%; }
.lg\:p--120 { padding:120px !important; }
.lg\:p-120 { padding:120px; }
.lg\:pt-120 { padding-top:120px; }
.lg\:pb-120 { padding-bottom:120px; }
.lg\:pl-120 { padding-left:120px; }
.lg\:pr-120 { padding-right:120px; }
.lg\:m-120 { margin:120px; }
.lg\:mt-120 { margin-top:120px; }
.lg\:mb-120 { margin-bottom:120px; }
.lg\:ml-120 { margin-left:120px; }
.lg\:mr-120 { margin-right:120px; }
.lg\:ml--120 { margin-left:-120px; }
.lg\:mr--120 { margin-right:-120px; }
.lg\:mt--120 { margin-top:-120px; }
.lg\:mb--120 { margin-bottom:-120px; }
.lg\:max--120 { max-width:120%; }
.lg\:mt---120 { margin-top:-120%; }
.lg\:mb---120 { margin-bottom:-120%; }
.lg\:p--125 { padding:125px !important; }
.lg\:p-125 { padding:125px; }
.lg\:pt-125 { padding-top:125px; }
.lg\:pb-125 { padding-bottom:125px; }
.lg\:pl-125 { padding-left:125px; }
.lg\:pr-125 { padding-right:125px; }
.lg\:m-125 { margin:125px; }
.lg\:mt-125 { margin-top:125px; }
.lg\:mb-125 { margin-bottom:125px; }
.lg\:ml-125 { margin-left:125px; }
.lg\:mr-125 { margin-right:125px; }
.lg\:ml--125 { margin-left:-125px; }
.lg\:mr--125 { margin-right:-125px; }
.lg\:mt--125 { margin-top:-125px; }
.lg\:mb--125 { margin-bottom:-125px; }
.lg\:max--125 { max-width:125%; }
.lg\:mt---125 { margin-top:-125%; }
.lg\:mb---125 { margin-bottom:-125%; }
.lg\:p--130 { padding:130px !important; }
.lg\:p-130 { padding:130px; }
.lg\:pt-130 { padding-top:130px; }
.lg\:pb-130 { padding-bottom:130px; }
.lg\:pl-130 { padding-left:130px; }
.lg\:pr-130 { padding-right:130px; }
.lg\:m-130 { margin:130px; }
.lg\:mt-130 { margin-top:130px; }
.lg\:mb-130 { margin-bottom:130px; }
.lg\:ml-130 { margin-left:130px; }
.lg\:mr-130 { margin-right:130px; }
.lg\:ml--130 { margin-left:-130px; }
.lg\:mr--130 { margin-right:-130px; }
.lg\:mt--130 { margin-top:-130px; }
.lg\:mb--130 { margin-bottom:-130px; }
.lg\:max--130 { max-width:130%; }
.lg\:mt---130 { margin-top:-130%; }
.lg\:mb---130 { margin-bottom:-130%; }
.lg\:p--135 { padding:135px !important; }
.lg\:p-135 { padding:135px; }
.lg\:pt-135 { padding-top:135px; }
.lg\:pb-135 { padding-bottom:135px; }
.lg\:pl-135 { padding-left:135px; }
.lg\:pr-135 { padding-right:135px; }
.lg\:m-135 { margin:135px; }
.lg\:mt-135 { margin-top:135px; }
.lg\:mb-135 { margin-bottom:135px; }
.lg\:ml-135 { margin-left:135px; }
.lg\:mr-135 { margin-right:135px; }
.lg\:ml--135 { margin-left:-135px; }
.lg\:mr--135 { margin-right:-135px; }
.lg\:mt--135 { margin-top:-135px; }
.lg\:mb--135 { margin-bottom:-135px; }
.lg\:max--135 { max-width:135%; }
.lg\:mt---135 { margin-top:-135%; }
.lg\:mb---135 { margin-bottom:-135%; }
.lg\:p--140 { padding:140px !important; }
.lg\:p-140 { padding:140px; }
.lg\:pt-140 { padding-top:140px; }
.lg\:pb-140 { padding-bottom:140px; }
.lg\:pl-140 { padding-left:140px; }
.lg\:pr-140 { padding-right:140px; }
.lg\:m-140 { margin:140px; }
.lg\:mt-140 { margin-top:140px; }
.lg\:mb-140 { margin-bottom:140px; }
.lg\:ml-140 { margin-left:140px; }
.lg\:mr-140 { margin-right:140px; }
.lg\:ml--140 { margin-left:-140px; }
.lg\:mr--140 { margin-right:-140px; }
.lg\:mt--140 { margin-top:-140px; }
.lg\:mb--140 { margin-bottom:-140px; }
.lg\:max--140 { max-width:140%; }
.lg\:mt---140 { margin-top:-140%; }
.lg\:mb---140 { margin-bottom:-140%; }
.lg\:p--145 { padding:145px !important; }
.lg\:p-145 { padding:145px; }
.lg\:pt-145 { padding-top:145px; }
.lg\:pb-145 { padding-bottom:145px; }
.lg\:pl-145 { padding-left:145px; }
.lg\:pr-145 { padding-right:145px; }
.lg\:m-145 { margin:145px; }
.lg\:mt-145 { margin-top:145px; }
.lg\:mb-145 { margin-bottom:145px; }
.lg\:ml-145 { margin-left:145px; }
.lg\:mr-145 { margin-right:145px; }
.lg\:ml--145 { margin-left:-145px; }
.lg\:mr--145 { margin-right:-145px; }
.lg\:mt--145 { margin-top:-145px; }
.lg\:mb--145 { margin-bottom:-145px; }
.lg\:max--145 { max-width:145%; }
.lg\:mt---145 { margin-top:-145%; }
.lg\:mb---145 { margin-bottom:-145%; }
.lg\:p--150 { padding:150px !important; }
.lg\:p-150 { padding:150px; }
.lg\:pt-150 { padding-top:150px; }
.lg\:pb-150 { padding-bottom:150px; }
.lg\:pl-150 { padding-left:150px; }
.lg\:pr-150 { padding-right:150px; }
.lg\:m-150 { margin:150px; }
.lg\:mt-150 { margin-top:150px; }
.lg\:mb-150 { margin-bottom:150px; }
.lg\:ml-150 { margin-left:150px; }
.lg\:mr-150 { margin-right:150px; }
.lg\:ml--150 { margin-left:-150px; }
.lg\:mr--150 { margin-right:-150px; }
.lg\:mt--150 { margin-top:-150px; }
.lg\:mb--150 { margin-bottom:-150px; }
.lg\:max--150 { max-width:150%; }
.lg\:mt---150 { margin-top:-150%; }
.lg\:mb---150 { margin-bottom:-150%; }
.lg\:col-1 { max-width:8.333%; flex:0 0 8.333%; }
.lg\:max-50 { max-width:50px; }
.lg\:text-2{ font-size:2px; }
.lg\:col-2 { max-width:16.666%; flex:0 0 16.666%; }
.lg\:max-100 { max-width:100px; }
.lg\:text-4{ font-size:4px; }
.lg\:col-3 { max-width:24.999000000000002%; flex:0 0 24.999000000000002%; }
.lg\:max-150 { max-width:150px; }
.lg\:text-6{ font-size:6px; }
.lg\:col-4 { max-width:33.332%; flex:0 0 33.332%; }
.lg\:max-200 { max-width:200px; }
.lg\:text-8{ font-size:8px; }
.lg\:col-5 { max-width:41.665%; flex:0 0 41.665%; }
.lg\:max-250 { max-width:250px; }
.lg\:text-10{ font-size:10px; }
.lg\:col-6 { max-width:49.998000000000005%; flex:0 0 49.998000000000005%; }
.lg\:max-300 { max-width:300px; }
.lg\:text-12{ font-size:12px; }
.lg\:col-7 { max-width:58.331%; flex:0 0 58.331%; }
.lg\:max-350 { max-width:350px; }
.lg\:text-14{ font-size:14px; }
.lg\:col-8 { max-width:66.664%; flex:0 0 66.664%; }
.lg\:max-400 { max-width:400px; }
.lg\:text-16{ font-size:16px; }
.lg\:col-9 { max-width:74.997%; flex:0 0 74.997%; }
.lg\:max-450 { max-width:450px; }
.lg\:text-18{ font-size:18px; }
.lg\:col-10 { max-width:83.33%; flex:0 0 83.33%; }
.lg\:max-500 { max-width:500px; }
.lg\:text-20{ font-size:20px; }
.lg\:col-11 { max-width:91.663%; flex:0 0 91.663%; }
.lg\:max-550 { max-width:550px; }
.lg\:text-22{ font-size:22px; }
.lg\:col-12 { max-width:99.99600000000001%; flex:0 0 99.99600000000001%; }
.lg\:max-600 { max-width:600px; }
.lg\:text-24{ font-size:24px; }
.lg\:col-13 { max-width:108.32900000000001%; flex:0 0 108.32900000000001%; }
.lg\:max-650 { max-width:650px; }
.lg\:text-26{ font-size:26px; }
.lg\:col-14 { max-width:116.662%; flex:0 0 116.662%; }
.lg\:max-700 { max-width:700px; }
.lg\:text-28{ font-size:28px; }
.lg\:col-15 { max-width:124.995%; flex:0 0 124.995%; }
.lg\:max-750 { max-width:750px; }
.lg\:text-30{ font-size:30px; }
.lg\:col-16 { max-width:133.328%; flex:0 0 133.328%; }
.lg\:max-800 { max-width:800px; }
.lg\:text-32{ font-size:32px; }
.lg\:col-17 { max-width:141.661%; flex:0 0 141.661%; }
.lg\:max-850 { max-width:850px; }
.lg\:text-34{ font-size:34px; }
.lg\:col-18 { max-width:149.994%; flex:0 0 149.994%; }
.lg\:max-900 { max-width:900px; }
.lg\:text-36{ font-size:36px; }
.lg\:col-19 { max-width:158.327%; flex:0 0 158.327%; }
.lg\:max-950 { max-width:950px; }
.lg\:text-38{ font-size:38px; }
.lg\:col-20 { max-width:166.66%; flex:0 0 166.66%; }
.lg\:max-1000 { max-width:1000px; }
.lg\:text-40{ font-size:40px; }
.lg\:col-21 { max-width:174.993%; flex:0 0 174.993%; }
.lg\:max-1050 { max-width:1050px; }
.lg\:text-42{ font-size:42px; }
.lg\:col-22 { max-width:183.326%; flex:0 0 183.326%; }
.lg\:max-1100 { max-width:1100px; }
.lg\:text-44{ font-size:44px; }
.lg\:col-23 { max-width:191.659%; flex:0 0 191.659%; }
.lg\:max-1150 { max-width:1150px; }
.lg\:text-46{ font-size:46px; }
.lg\:col-24 { max-width:199.99200000000002%; flex:0 0 199.99200000000002%; }
.lg\:max-1200 { max-width:1200px; }
.lg\:text-48{ font-size:48px; }
.lg\:col-25 { max-width:208.32500000000002%; flex:0 0 208.32500000000002%; }
.lg\:max-1250 { max-width:1250px; }
.lg\:text-50{ font-size:50px; }
.lg\:col-26 { max-width:216.65800000000002%; flex:0 0 216.65800000000002%; }
.lg\:max-1300 { max-width:1300px; }
.lg\:text-52{ font-size:52px; }
.lg\:col-27 { max-width:224.991%; flex:0 0 224.991%; }
.lg\:max-1350 { max-width:1350px; }
.lg\:text-54{ font-size:54px; }
.lg\:col-28 { max-width:233.324%; flex:0 0 233.324%; }
.lg\:max-1400 { max-width:1400px; }
.lg\:text-56{ font-size:56px; }
.lg\:col-29 { max-width:241.657%; flex:0 0 241.657%; }
.lg\:max-1450 { max-width:1450px; }
.lg\:text-58{ font-size:58px; }
.lg\:max-full { max-width:100%; }
.lg\:ml-auto{ margin-left:auto; }
.lg\:mr-auto{ margin-right:auto; }
.lg\:vh-100{ height:100vh; }
.lg\:vh-auto{ height:auto; }
}
[class*="col-"] { padding-left:15px; padding-right:15px; width:100%; }
.flex-row,.row { margin:0 -15px; display:flex; flex-wrap:wrap; }
.no-gutter [class*="col-"]{ padding-left:0; padding-right:0;}
.flex-wrap { flex-wrap:wrap; }
.no-gutter{margin:0;}
[class*=max-] {
width: 100%;
min-height: 1px;
}
.m-auto{ margin-left:auto; margin-right:auto; }
@media(min-width:1350px){
}
[class*=color\:] h1,
[class*=color\:] .h1,
[class*=color\:] h2,
[class*=color\:] .h2,
[class*=color\:] h3,
[class*=color\:] .h3,
[class*=color\:] h4,
[class*=color\:] .h4,
[class*=color\:] h5,
[class*=color\:] .h5,
[class*=color\:] h6,
[class*=color\:] .h6 {
color:inherit;
}
[class*="row"][class*="p-"] {
/* padding: 0 !important; */
}
.row.p--15 { margin: 0 -15px; }
.row.p--10 { margin: 0 -10px; }
.row.p--5 { margin: 0 -5px; }
.color-inherit,
.color-inherit h1,
.color-inherit h2,
.color-inherit h3,
.color-inherit h4,
.color-inherit h5,
.color-inherit h6 { color:inherit; }
/* */
.color\:black{ color:#000000; }
.bg\:black{ background-color:#000000; }
.color\:green{ color:#4DEBBC; }
.bg\:green{ background-color:#4DEBBC; }
.color\:pink{ color:; }
.bg\:pink{ background-color:; }
.color\:dark_gray{ color:#7E848D; }
.bg\:dark_gray{ background-color:#7E848D; }
.color\:gray{ color:#CCD0D6; }
.bg\:gray{ background-color:#CCD0D6; }
.color\:light_gray{ color:#E9EAEE; }
.bg\:light_gray{ background-color:#E9EAEE; }
.color\:white{ color:#ffffff; }
.bg\:white{ background-color:#ffffff; }
@media(min-width:768px){
.hover\:black:hover{ color:#000000; }
.hoverbg\:black:hover{ background-color:#000000; }
.hover\:green:hover{ color:#4DEBBC; }
.hoverbg\:green:hover{ background-color:#4DEBBC; }
.hover\:pink:hover{ color:; }
.hoverbg\:pink:hover{ background-color:; }
.hover\:dark_gray:hover{ color:#7E848D; }
.hoverbg\:dark_gray:hover{ background-color:#7E848D; }
.hover\:gray:hover{ color:#CCD0D6; }
.hoverbg\:gray:hover{ background-color:#CCD0D6; }
.hover\:light_gray:hover{ color:#E9EAEE; }
.hoverbg\:light_gray:hover{ background-color:#E9EAEE; }
.hover\:white:hover{ color:#ffffff; }
.hoverbg\:white:hover{ background-color:#ffffff; }
}
.font-100{ font-weight:100; }
.line\:_1_1{ line-height:1.1; }
.font-200{ font-weight:200; }
.line\:_1_2{ line-height:1.2; }
.font-300{ font-weight:300; }
.line\:_1_3{ line-height:1.3; }
.font-400{ font-weight:400; }
.line\:_1_4{ line-height:1.4; }
.font-500{ font-weight:500; }
.line\:_1_5{ line-height:1.5; }
.font-600{ font-weight:600; }
.line\:_1_6{ line-height:1.6; }
.font-700{ font-weight:700; }
.line\:_1_7{ line-height:1.7; }
.font-800{ font-weight:800; }
.line\:_1_8{ line-height:1.8; }
.font-900{ font-weight:900; }
.line\:_1_9{ line-height:1.9; }
footer.footer { margin-top: -60px; background:
rgba(0, 7, 29, 1.0)
; border-radius: 60px 60px 0 0; overflow: hidden; position: relative; }
footer.footer .shape { position: absolute; top: 0; right: 0; }
footer.footer:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 40%; background: linear-gradient(180deg,
rgba(0, 7, 29, 1.0)
1.51%, rgba(0, 0, 0, 0) 55.27%); z-index: 1; }
.footer-top { padding: 160px 0; }
.footer-top .cover { position: relative; z-index: 1; }
.footer-top .cover .compass-ft { position: absolute; right: 0; bottom: -150px; z-index: -1; }
.footer-top .cover > div { position: relative; }
.footer-top .sun { font-size: 22px; line-height: 35px; padding-left: 25px; position: relative; font-weight: 500; }
.footer-top .sun:before { content: ''; width: 10px; height: 10px; position: absolute; top: 13px; left: 0; background: #4DEBBC; border-radius: 20px; box-shadow: 0px 0px 8px 2px #4DEBBC; }
.footer-top .cover h2 { font-size: 106px; line-height: 1; display: inline-block; position: relative; z-index: 1; }
.footer-top .cover h2:after { content: ''; width: 140px; height: 140px; position: absolute; bottom: -132px; right: -10px; border-radius: 100%; background: #4DEBBC; z-index: -1; filter: blur(30px); }
.footer-top .clone-btn a { width: 400px; min-width: 350px; z-index: 9; position: relative; }
.footer-button { padding: 80px 0; position: relative; z-index: 9; }
.footer-button .box { padding: 0 10px 0 0; width: 37%; border-right: 1px solid rgba(255, 255, 255, 0.35); font-weight: 500; font-size: 18px; }
.footer-button .box.ft-menu { width: 26%; padding: 0 70px; }
.footer-button .box.ft-menu ul { margin: 0; padding: 0; list-style-type: none; }
.footer-button .box.ft-menu ul li { margin: 16px 0; padding: 0; display: inline-block; width: 100%; font-family: Tanker , sans-serif; }
.footer-button .box.ft-menu ul li a { font-size: 35px; line-height: 47px; font-weight: 400; color: #FFFFFF; }
.footer-button .box.ft-menu ul li a:hover { color: #4DEBBC; }
.footer-button .box:last-child { border-right: none; }
.footer-button .box p { margin: 0 0 8px; }
.privacy-policy ul { margin: 0 0 8px; padding: 0; list-style-type: none; }
.privacy-policy ul li { display: inline-block; padding: 0 8px 0 0; }
.privacy-policy ul li a { color: #FFFFFF; display: flex; align-items: center; }
.privacy-policy ul li a:hover { color: #4DEBBC; }
.privacy-policy ul li a:before { content: ''; width: 4px; height: 4px; background: #FFFFFF; display: inline-block; border-radius: 10px; margin: 8px 8px 0 0; }
.privacy-policy ul li:first-child a:before { display: none; }
.footer-button .box.contact { padding: 0 0 50px 70px; display: flex; align-items: flex-end; }
.footer-button .box.contact .inner { width: 100%; }
.form-sign h3 { margin: 0 0 22px; font-size: 16px; line-height: 21px; text-transform: uppercase; font-family: Clash Display , sans-serif; font-weight: 500; letter-spacing: 3px; }
.form-sign .hs-form-field > label { display: none; }
.form-sign form { display: flex; }
.form-sign form .hs-form-field { width: 100%; padding: 0; }
.form-sign form .hs-input { background: transparent; border: 1px solid #fff; border-radius: 5px; color: #FFFFFF; }
.form-sign form .hs-button { font-size: 0; width: 67px; padding: 0; background: #E53913 url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/arrow-white.svg') no-repeat center center; border-color: #E53913; margin-left: 8px; border-radius: 5px; min-width: auto; }
.form-sign form .hs-button:hover { background-color: #cb310f; }
.form-sign form input::-webkit-input-placeholder { color:#FFFFFF; opacity:1; }
.form-sign form input::-moz-placeholder { color:#FFFFFF; opacity:1; }
.form-sign form input:-ms-input-placeholder { color:#FFFFFF; opacity:1; }
.form-sign form input:-moz-placeholder { color:#FFFFFF; opacity:1; }
.social-media ul { margin: 0; padding: 0; list-style-type: none; display: flex; align-items: center; width:85px; justify-content: space-between; }
.social-media ul li { line-height: 0; margin: 5px 5px 5px 0; }
.footer-slider { top: -40px; font-family: Clash Display , sans-serif; font-size: 16px; font-weight: 500; left: calc(50% - 60px); letter-spacing: 4px; line-height: 30px; position: absolute !important; text-transform: uppercase; transform: rotate(-90deg) translateX(-50%); width: 100%; pointer-events: none; }
.footer-slider .slick-list { border-top: 1px solid rgba(255, 255, 255, 0.35); border-bottom: 1px solid rgba(255, 255, 255, 0.35); }
.footer-slider .box { padding: 16px 20px; }
.footer-slider .box:after { content: ''; width: 23px; height: 23px; background: url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/arrow-top.svg') no-repeat; display: inline-block; transform: rotate(90deg); vertical-align: middle; margin-left: 0; margin-right: 20px; }
footer.footer.radius { border-radius: 0; }
@media(max-width: 1500px) {
.footer-top .cover h2 { font-size: 100px; }
}
@media(max-width: 1400px) {
footer.footer .container { width: 100%; padding: 0 120px; }
.footer-button .box.contact { padding: 0 0 50px 40px; }
.footer-button .box.ft-menu { padding: 0 40px; }
}
@media(max-width: 1300px) {
.footer-top .cover h2 { font-size: 100px; }
.footer-top .clone-btn a span { width: 100%; }
}
@media(max-width: 1200px) {
footer.footer .container { width: 100%; padding-right: 120px; }
.footer-top .cover h2 { font-size: 95px; }
.footer-button .box.ft-menu { padding: 0 30px; }
.footer-button .box.contact { padding: 0 0 50px 40px; }
.footer-slider { width: 110%; left: calc(50% - 100px); top: 0; }
}
@media(max-width: 991px) {
footer.footer { border-radius: 40px 40px 0 0; }
footer.footer .container { width: 720px; padding: 0 15px; }
.footer-top { padding: 80px 0 60px; }
.footer-top .cover h2 { font-size: 65px; max-width: 380px; width: 100%; }
.footer-top .sun { font-size: 16px; line-height: 1.4; padding-left: 20px; }
.footer-top .sun:before { width: 8px; height: 8px; top: 7px; }
.footer-top .cover .compass-ft { width: 220px; bottom: -100px; left: 30%; right: 0; }
.footer-top .cover .compass-ft img { width: 100%; }
.footer-slider { position: relative !important; left: auto; transform: inherit; top: 0; font-size: 14px; line-height: 26px; letter-spacing: 2px; margin: 60px 0 0; }
.footer-button { padding: 60px 0; }
.footer-button .box { width: 100%; border-right: none; font-size: 16px; line-height: 26px; }
.footer-button .box.ft-menu { width: 100%; padding: 0; order: -1; }
.footer-button .box.contact { width: 100%; padding: 0; order: 0; margin: 40px 0 0; }
.footer-button .box.ft-menu ul li a { font-size: 30px; line-height: 40px; }
.footer-button .box.ft-menu ul li { width: 50%; margin: 10px 0; }
.footer-button .box.ft-menu ul { display: flex; flex-wrap: wrap; }
.footer-button .box.about { order: 1; margin: 70px 0 0; }
.footer-button .box.contact .inner { display: flex; flex-wrap: wrap; flex-direction: column-reverse; }
.footer-button .box.contact .social-media { margin: 0; }
.footer-button .box.contact .form-sign { margin: 50px 0 0; }
.social-media ul { margin: 0 auto; width: 100%; max-width: 310px; }
}
@media(max-width: 767px) {
footer.footer .container { width: 100%; }
.footer-top .clone-btn a { width: 100%; min-width: 100%; max-width: 100%; }
}
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');
/*** typography ***/
body { margin: 0; padding: 0; background: #FAF3ED; font-family: Red Hat Display , sans-serif; font-weight: 400; color: #031545; font-size: 20px; line-height: 1.4; }
/* Paragraphs */
strong { font-weight: 700; }
a { transition:400ms; text-decoration: none; color: #4DEBBC; }
a:hover { text-decoration: none; color: #E53913; }
p { margin: 0 0 15px 0; }
p:last-child { margin: 0; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-uppercase { text-transform: uppercase; }
.white-text,
.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text h6{ color:#fff; }
.ul-style ul { list-style: none; padding: 0; margin: 0; }
.ul-style li { padding-left: 20px; position: relative; margin-bottom: 20px; list-style: none; }
.ul-style li:after { background-color: #E53913; border-radius: 100%; content: ''; height: 8px; left: 0; position: absolute; top: 11px; width: 8px; }
.ul-check ul { list-style: none; padding: 0; margin: 0; font-size: 19px; }
.ul-check li { padding-left: 40px; position: relative; margin-bottom: 28px; }
.ul-check li:after { background: url(https://1616151.fs1.hubspotusercontent-na1.net/hubfs/1616151/theme-hippo/images/checkmark.svg) no-repeat center / 26px 21px; content: ''; height: 21px; left: 0; position: absolute; top: 4px; width: 26px; }
h1, h2, h3, h4, h5, h6 { margin-top:0px; font-weight:400; margin-bottom:8px; }
h1 { font-family: Tanker , sans-serif; font-style: normal; font-weight: 400; text-decoration: none; font-size:110px; color:#031545; line-height:1.1; }
h2 { font-family: Tanker , sans-serif; font-style: normal; font-weight: 400; text-decoration: none; font-size:70px; color:#031545; line-height:1.1; }
h3 { font-family: Tanker , sans-serif; font-style: normal; font-weight: 400; text-decoration: none; font-size:35px; color:#031545; line-height:1.2; }
h4 { font-family: Red Hat Display , sans-serif; font-style: normal; font-weight: 700; text-decoration: none; font-size:25px; color:#031545; line-height:1.25; }
h5 { font-family: Tanker , sans-serif; font-style: normal; font-weight: 400; text-decoration: none; font-size:22px; color:#031545; line-height:1.1; }
h6 { font-family: Tanker , sans-serif; font-style: normal; font-weight: 400; text-decoration: none; font-size:20px; color:#031545; line-height:1.1; }
/* @media (max-width:1480px) {
h2 { font-size: 80px; }
} */
@media (max-width:1200px) {
body { font-size: 18px; }
h1 { font-size: 80px; }
h2 { font-size: 60px; }
}
@media (max-width:991px) {
h1 { font-size: 65px; }
h2 { font-size: 50px; line-height: 1.1; }
h3 { font-size: 30px; line-height: 1.1; }
h4 { font-size: 22px; line-height: 1.2; }
}
@media (max-width:767px) {
}
.hs-blog-post h2 { font-size: 55px; }
.knowmad_blog { background: #00071D; }
.all_insights { font-family:Clash Display , sans-serif; border: .5px solid rgb(255 255 255 / 50%); border-radius: 0 0 0 5px; padding: 14px 20px; border-top: none; border-right: none; margin-bottom: 70px; }
.all_insights span { position: relative; padding-left: 20px; font-size: 16px; line-height: 20px; letter-spacing: 1.92px; font-family: 'Clash Display'; text-transform:uppercase; }
.all_insights span:before { background: #E53913; border-radius: 100%; box-shadow: 0 0 10px 2px red; content: ""; height: 9px; left: 0; position: absolute; top: 3px; width: 9px; }
.blog_innerhero { display: inline-block; width: 100%; vertical-align: top; padding: 250px 0 150px; border-bottom:1px solid #0C2C7C; }
.blog_innerhero .section_wrap { display: flex; flex-wrap: wrap; }
.blog_innerhero .section_wrap .left_part { width: 60%; }
.blog_innerhero .section_wrap .right_part { width: 37%; padding: 40px 0 0 0px; }
.blog_innerhero .section_wrap .left_part .sub_title { color: #E53913; font-size: 16px; line-height: 20px; letter-spacing: 1.92px; font-family: Clash Display; }
.blog_innerhero h1 { font-size: 150px; line-height: 150px; font-weight: 400; }
.blog_innerhero h1 span { text-shadow: 0 0 17px #12D399; }
.blog_innerhero .right_part .content { font-size: 17px; line-height: 28px; font-weight: 500; }
.blog_innerhero .left_part .topics { display: inline-block; width: 100%; vertical-align: top; position: relative; z-index: 1; max-width: 424px; margin-top: 15px; }
.blog_innerhero .left_part .topics span { display: inline-block; width: 100%; vertical-align: top; padding: 10px 30px 10px 30px; border: .5px solid rgba(255,255,255,.5); position: relative; border-radius: 5px; cursor: pointer; font-size: 13px; line-height: 16px; font-family: 'Clash Display'; text-transform: uppercase; letter-spacing: 1.92px; }
.blog_innerhero .left_part .topics span:before { position: absolute; content: ""; top: 0; left: 10px; width: 7px; height: 7px; background: #4DEBBC; border-radius: 100%; bottom: 0; margin: auto 0; backdrop-filter: drop-shadow(2px 8px 12px #4DEBBC); box-shadow: 0px 2px 27px #4DEBBC; }
.blog_innerhero .left_part .topics span:after { position: absolute; content: ""; top: 0; right: 10px; background: url(https://www.knowmad.com/hubfs/knowmad_2024/image/down-arrow.png)no-repeat center/cover; width: 34px; height: 38px; bottom: 0; margin: auto 0; }
.blog_innerhero .left_part .topics ul { display:none; max-height: 164px; overflow-y: scroll; position: absolute; top: calc(100% + 5px); list-style-type: none; padding: 0; margin: 0; padding: 10px; border: .5px solid rgba(255,255,255,.5); width: 100%; z-index: 1; background: #00071D; border-radius: 5px; }
.blog_innerhero .left_part .topics ul li+li { border-top: .5px solid #fff; }
.blog_innerhero .left_part .topics ul a { display: inline-block; width: 100%; padding: 10px 0; color: #fff; text-transform: capitalize; font-size: 14px; line-height: 17px; font-family: 'Clash Display'; letter-spacing: 1.92px; }
.hs-blog-listing,
.hs-blog-post { font-size: 18px; line-height: 28px; }
.blog-index { display: inline-block; width: 100%; vertical-align: top; position: relative; }
.blog-index .latest-article .arcicle-inner { display: flex; align-items: center; flex-wrap: wrap; position: relative; }
.blog-index .latest-article .arcicle-inner a.no_text { position: absolute; width: 100%; height: 100%; z-index: 1; }
.blog-index .arcicle-inner .details { width: 50%; padding-left: calc((100% - 1330px) / 2); }
.blog-index .latest-article .arcicle-inner .image { width: 50%; height: 515px; position: relative; margin-top: -50px; border-radius: 15px 0px 0px 15px; }
.arcicle-inner a.post-tag { color: #E53913; font-size: 16px; line-height: 20px; letter-spacing: 1.92px; text-transform: uppercase; position: relative; padding-left: 25px; z-index: 1; }
.arcicle-inner a.post-tag:before { position: absolute; content: ""; top: 5px; left: 0; width: 9px; height: 9px; background: #E53913; border-radius: 100%; box-shadow: 0 0 10px 2px #FF0000; }
.blog-index .latest-article .arcicle-inner h2 a { color: #fff; font-size: 70px; line-height: 80px; font-weight: 400; }
.blog-listing { display: inline-block; width: 100%; vertical-align: top; padding: 100px 0; }
.blog-listing .inner { display: flex; flex-wrap: wrap; align-items: flex-start; margin: 0 -30px; }
.blog-listing .inner .blog-index_post { width: 50%; padding: 0 30px 60px; display:none; }
.blog-listing .inner .blog-index_post .arcicle-inner { position: relative; }
.blog-listing .inner .blog-index_post .image { height: 398px; width: 100%; border-radius: 15px; }
.blog-listing .inner .blog-index_post .arcicle-inner .details { padding-top: 30px; }
.blog-listing .inner .blog-index_post .arcicle-inner .details h2 a,
.blog-listing .inner .blog-index_post .arcicle-inner .details h2 { color: #fff; font-size: 40px; line-height: 50px; margin-top: 15px; }
.blog-listing .inner .blog-index_post .arcicle-inner a.no_text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.blog-listing .loadmore.button-1 a span:after { background: url(https://www.knowmad.com/hubfs/knowmad_2024/image/blue-down.svg)no-repeat center/cover; width: 13px; height: 18px; }
.blog-listing .loadmore.button-1 { text-align: center; }
.blog-listing .loadmore.button-1 a.noContent { text-align: center; opacity: 0.5; pointer-events: none; }
.blog-subscribe { display: inline-block; width: 100%; vertical-align: top; padding: 170px 0; background: #00071D; }
.blog-subscribe .subscribe_from { max-width: 660px; margin: 0 auto; position:relative; z-index:1; }
.blog-subscribe .subscribe_from:before { position: absolute; content: ""; top: -260px; right: -370px; width: 1150px; height: 669px; z-index: -1; background: url(https://www.knowmad.com/hubfs/knowmad_2024/image/subscribe-pattern.png)no-repeat center/cover; }
.blog-subscribe .subscribe_from h2 { font-size: 50px; line-height: 60px; text-shadow: 0 0 30px #12D399; }
.blog-subscribe .subscribe_from .content { font-size: 18px; line-height: 28px; font-family: 'Red Hat Display'; }
.blog-subscribe .subscribe_from .form h3 { display: none; }
.blog-subscribe .subscribe_from .form { padding-top: 30px; }
.blog-subscribe .subscribe_from form { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
.blog-subscribe .subscribe_from form .field.hs-form-field { width: calc(100% - 80px); padding: 0px 10px 0 0; }
.blog-subscribe .subscribe_from form .hs_submit.hs-submit { width: 80px; }
.blog-subscribe .subscribe_from form .field.hs-form-field input { background: transparent; border: 1px solid rgba(255, 255, 255, .35); border-radius: 5px; color:#fff; height:54px; }
.blog-subscribe .subscribe_from form .field.hs-form-field input::placeholder { color: #fff; }
.blog-subscribe .subscribe_from form .hs_submit.hs-submit input[type="submit"] { font-size: 0; width: 68px; border: none; height: 54px; padding: 0; min-width: auto; background-image: url(https://www.knowmad.com/hubfs/knowmad_2024/image/right-arrow.svg); background-repeat: no-repeat; background-position: center; background-color: #E53913; }
.blog-subscribe .subscribe_from form .hs_submit.hs-submit input[type="submit"]:hover { background-color: #4DEBBC; }
/* Blog Post */
.blogpost_inner { display: inline-block; width: 100%; vertical-align: top; padding: 120px 0 100px; background: #00071D; }
.blogpost_inner .backto_blog { padding-bottom: 15px; }
.blogpost_inner .backto_blog a { position: relative; padding-left: 35px; font-size: 14px; line-height: 27px; color: #fff; font-family: 'Clash Display'; letter-spacing: 1px; text-transform: uppercase; }
.blogpost_inner .backto_blog a:before { position: absolute; content: ""; top: 0; left: 0; background: url(https://www.knowmad.com/hubfs/knowmad_2024/image/left-arrow.svg)no-repeat center/cover; width: 18px; height: 13px; }
.blogpost_inner .backto_blog a:hover { color: #4DEBBC; }
.blogpost_inner .post_title h1 { padding-top: 85px; position: relative; font-size: 52px; line-height: 60px; z-index: 1; }
.blogpost_inner .post_title h1 span.bg_pattern { position: absolute; top: 0; left: 0; z-index: -1; font-size:150px; line-height:150px; background: #111624 url(https://www.knowmad.com/hubfs/knowmad_2024/image/mask-know.png) no-repeat 50% / 100%; -webkit-background-clip: text; color: #111624; font-size: 150px; line-height: 150px; margin: 0; -webkit-text-fill-color: transparent; }
.blogpost_inner .section_wrap { display: flex; flex-wrap: wrap; padding-top: 30px; }
.blogpost_inner .section_wrap .left_part { width: 20%; padding-right: 15px; }
.blogpost_inner .section_wrap .right_part { width: 80%; padding-left: 0; }
.blogpost_inner .section_wrap .right_part .post_featuredimg { width: 100%; height: 602px; border-radius: 40px; }
.blogpost_inner .section_wrap .left_part .aurther_top { display: flex; flex-wrap: wrap; align-items: center; }
.blogpost_inner .section_wrap .left_part .aurther_top .hs-author-avatar_img { width: 75px; height: 75px; border-radius: 100%; background-color: #a3a2b2 !important; background-position: top center !important; }
.blogpost_inner .section_wrap .left_part .aurther_top .avatar_info { padding-left: 15px; }
.blogpost_inner .section_wrap .left_part .aurther_top .avatar_info .author { color: #4DEBBC; font-size: 13px; line-height: 15px; letter-spacing: 1.92px; text-transform: uppercase; font-weight: 700; font-family: 'Clash Display'; }
.blogpost_inner .section_wrap .left_part .aurther_top .avatar_info a.author-link { color: #fff; text-transform: uppercase; font-size: 13px; line-height: 16px; font-weight: 500; letter-spacing: 1px; font-family: 'Clash Display'; padding-top: 10px; display: inline-block; }
.blogpost_inner .section_wrap .left_part ul { list-style-type: none; padding: 28px 0 0; margin: 0; }
.blogpost_inner .section_wrap .left_part .hs-author-social-section ul li span { font-size: 16px; line-height: 15px; margin-right: 10px; }
.blogpost_inner .section_wrap .left_part .hs-author-social-section ul li { display: flex; align-items: center; }
.blogpost_inner .section_wrap .left_part .hs-author-social-section { padding-top: 10px; }
.blogpost_inner .section_wrap .left_part .posthero_topics { padding: 90px 0; }
.blogpost_inner .section_wrap .left_part .posthero_topics li a.topic-link { color: #fff; }
.blogpost_inner .section_wrap .left_part .posthero_topics li a.topic-link:hover { color: #4DEBBC; }
.blogpost_inner .section_wrap .left_part .posthero_topics.no-author { padding-top: 15px; }
.blogpost_inner .section_wrap .left_part .posthero_topics .topics_title,
.blogpost_inner .section_wrap .left_part .posthero_topics ul li{ color: #4DEBBC; font-size: 13px; line-height: 16px; font-weight: 700; font-family: 'Clash Display'; letter-spacing: 1.92px; text-transform: uppercase; }
.blogpost_inner .section_wrap .left_part .posthero_topics ul li{ color: #fff; font-weight: 500;}
.blogpost_inner .section_wrap .left_part .posthero_topics ul li + li{margin-top:14px;}
.blogpost_inner .section_wrap .left_part .posthero_topics ul li div{ color: #fff; font-weight: 500; }
.blogpost_inner .section_wrap .left_part .post_signup h5 { font-size: 14px; line-height: 18px; font-weight: 700; font-family: 'Clash Display'; color: #4DEBBC; letter-spacing: 1.92px; text-transform: uppercase; }
.blogpost_inner .section_wrap .left_part .post_signup .signup_content { font-size: 14px; line-height: 22px; font-weight: 500; }
.blogpost_inner .section_wrap .left_part .post_signup form { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
.blogpost_inner .section_wrap .left_part .post_signup form .field.hs-form-field { width: calc(100% - 50px); padding: 0px 10px 0 0; }
.blogpost_inner .section_wrap .left_part .post_signup form .hs_submit.hs-submit { width: 50px; }
.blogpost_inner .section_wrap .left_part .post_signup form .field.hs-form-field input { padding: 0 8px; background: transparent; border: 1px solid rgba(255, 255, 255, .35); border-radius: 5px; color:#fff; height:41px; font-size: 14px; }
.blogpost_inner .section_wrap .left_part .post_signup form .field.hs-form-field input::-webkit-input-placeholder { color:#FFFFFF; opacity:1; }
.blogpost_inner .section_wrap .left_part .post_signup form .field.hs-form-field input::-moz-placeholder { color:#FFFFFF; opacity:1; }
.blogpost_inner .section_wrap .left_part .post_signup form .field.hs-form-field input:-ms-input-placeholder { color:#FFFFFF; opacity:1; }
.blogpost_inner .section_wrap .left_part .post_signup form .field.hs-form-field input:-moz-placeholder { color:#FFFFFF; opacity:1; }
.blogpost_inner .section_wrap .left_part .post_signup form .hs_submit.hs-submit input[type="submit"] { font-size: 0; width: 50px; border: none; height: 41px; padding: 0; min-width: auto; background-image: url(https://www.knowmad.com/hubfs/knowmad_2024/image/right-arrow.svg); background-repeat: no-repeat; background-position: center; background-color: #E53913; }
.blogpost_inner .section_wrap .left_part .post_signup form .hs_submit.hs-submit input[type="submit"]:hover { background-color: #4DEBBC; }
.blog-post { display: inline-block; width: 100%; vertical-align: top; position: relative; }
.blog-post .social-sharing { display: flex; align-items: center; }
.blog-post .post_main { padding: 30px 0 64px; max-width: 1076px; margin: 0 auto; }
.blog-post .social-sharing .share { font-size: 13px; line-height: 16px; letter-spacing: 1.92px; font-weight: 700; color: #E53913; text-transform: uppercase; font-family: 'Clash Display'; margin-right: 15px; }
.blog-post .social-sharing ul.share-buttons { display: flex; list-style-type: none; padding: 0; margin: 0; }
.blog-post .social-sharing ul.share-buttons li+li { margin-left: 10px; }
.blog-post .social-sharing ul.share-buttons li a { width: 28px; height: 28px; display: inline-block; }
.blog-post .social-sharing ul.share-buttons li a svg { width: 100%; height: 100%; }
.blog-post .post_main .blog-postwrap { padding-top: 15px; color: #031545; }
.blog-post .post_main .blog-postwrap img { max-width: 100%; display: inline-block; width: 100%; }
.blog-post .post_main .blog-postwrap a { color:#E53913; }
.blog-post .post_main .blog-postwrap a:hover { color:#4DEBBC; }
.post_aurther { display: inline-block; width: 100%; vertical-align: top; padding: 80px 0 0; background: #00071D; }
.post_aurther .hs-author-avatar { display: flex; align-items: flex-end; max-width: 1000px; margin: 0 auto; flex-wrap: wrap; padding-bottom: 60px; }
.post_aurther .hs-author-avatar .hs-author-avatar_img { background-color: #a3a2b2 !important; background-position: top !important; z-index: 1; width: 100%; height: 404px; border-radius: 10px; }
.post_aurther .hs-author-avatar .avatar_info { width: calc(100% - 474px); padding-left: 15px; }
.post_aurther .hs-author-avatar .left_prt:before { position: absolute; content: ""; top: 50px; left: 50px; width: 100%; height: 100%; background: url(https://www.knowmad.com/hubfs/knowmad_2024/image/Exclude.svg)no-repeat center / cover; z-index: -1; }
.post_aurther .hs-author-avatar .left_prt { width: 444px; margin-right: 30px; position: relative; z-index: 1; }
.post_aurther .hs-author-avatar .avatar_info .author { color: #4DEBBC; font-family: Clash Display; font-size: 13px; font-weight: 700; letter-spacing: 1.92px; line-height: 15px; text-transform: uppercase; padding-bottom: 15px; }
.post_aurther .hs-author-avatar .avatar_info a.author-link { color: #fff; }
.post_aurther .hs-author-avatar .avatar_info h2 { font-size: 50px; line-height: 37px; margin: 0; }
.post_aurther .hs-author-avatar .avatar_info p { font-size: 17px; line-height: 27px; padding: 35px 0; margin: 0; }
.post_aurther .hs-author-avatar .avatar_info .view_bio a { color: #E53913; font-size: 14px; line-height: 18px; letter-spacing: 1.62px; font-weight: 700; font-family: 'Clash Display'; position: relative; padding-right: 25px; text-transform: uppercase; }
.post_aurther .hs-author-avatar .avatar_info .view_bio a:before { position: absolute; content: ""; top: 2px; right: 0; background: url(https://www.knowmad.com/hubfs/knowmad_2024/image/arrow-right-orange.svg)no-repeat center/cover; width: 16px; height: 11px; }
.post_aurther .hs-author-avatar .avatar_info .view_bio a:hover { color: #fff; }
.post_aurther .hs-author-avatar .avatar_info .hs-author-social-section { padding-top: 70px; }
.post_aurther .hs-author-avatar .avatar_info ul.hs-author-social-links { list-style-type: none; padding: 0; margin: 0; }
.post_aurther .hs-author-avatar .avatar_info ul.hs-author-social-links li { display: flex; align-items: center; }
.post_aurther .hs-author-avatar .avatar_info ul.hs-author-social-links li span { font-size: 16px; line-height: 15px; font-weight: 500; margin-right: 10px; }
.post_aurther .hs-author-avatar .avatar_info ul.hs-author-social-links li a { width: 21px; height: 21px; }
.post_aurther .hs-author-avatar .avatar_info ul.hs-author-social-links li a svg { width: 100%; height: 100%; }
.aurtherpost_wrap { align-items: flex-start; display: flex; flex-wrap: wrap; margin: 0 -30px; }
.aurtherpost_wrap .aurtherpost_inner { width: 50%; padding: 0 30px 60px; }
.aurtherpost_wrap .aurtherpost_inner .aur_inner { position: relative; }
.aurtherpost_wrap .aurtherpost_inner .featured-image { height: 398px; width: 100%; border-radius: 15px; overflow: clip; }
.aurtherpost_wrap .aurtherpost_inner .featured-image img { width: 100%; height: 100%; object-fit: cover; }
.aurtherpost_wrap .aurtherpost_inner .aur_inner .details { padding-top: 30px; }
.aurtherpost_wrap .aurtherpost_inner .aur_inner .details h2 a,
.aurtherpost_wrap .aurtherpost_inner .aur_inner .details h2 { color: #fff; font-size: 40px; line-height: 50px; margin-top: 15px; }
.aurtherpost_wrap .aurtherpost_inner .aur_inner a.no_text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.aurtherpost_wrap .aurtherpost_inner .aur_inner .details a.topic-link { color: #E53913; font-size: 16px; letter-spacing: 1.92px; line-height: 20px; padding-left: 25px; position: relative; text-transform: uppercase; z-index: 1; }
.aurtherpost_wrap .aurtherpost_inner .aur_inner .details a.topic-link:before { background: #E53913; border-radius: 100%; box-shadow: 0 0 10px 2px red; content: ""; height: 9px; left: 0; position: absolute; top: 5px; width: 9px; }
.related-post { display: inline-block; width: 100%; vertical-align: top; padding: 50px 0; background: #00071D; }
.related-post .relatedpost_wrap { align-items: flex-start; display: flex; flex-wrap: wrap; margin: 0 -30px; }
.related-post .relatedpost_wrap .post-inner { width: 50%; padding: 0 30px 60px; }
.related-post .relatedpost_wrap .post-inner .related_inner { position: relative; }
.related-post .relatedpost_wrap .post-inner .featured-image { height: 398px; width: 100%; border-radius: 15px; }
.related-post .relatedpost_wrap .post-inner .related_inner .relatedpost_bottom { padding-top: 30px; }
.related-post .relatedpost_wrap .post-inner .related_inner .relatedpost_bottom h2 a,
.related-post .relatedpost_wrap .post-inner .related_inner .relatedpost_bottom h2 { color: #fff; font-size: 40px; line-height: 50px; margin-top: 15px; }
.related-post .relatedpost_wrap .post-inner .related_inner a.no_text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.related-post .relatedpost_wrap .post-inner .related_inner .relatedpost_bottom a.topic-link { color: #E53913; font-size: 16px; letter-spacing: 1.92px; line-height: 20px; padding-left: 25px; position: relative; text-transform: uppercase; z-index: 1; }
.related-post .relatedpost_wrap .post-inner .related_inner .relatedpost_bottom a.topic-link:before { background: #E53913; border-radius: 100%; box-shadow: 0 0 10px 2px red; content: ""; height: 9px; left: 0; position: absolute; top: 5px; width: 9px; }
.blog-listing-heading { padding: 50px 0 0; }
.blog-author-main { display: inline-block; width: 100%; vertical-align: top; padding: 80px 0 0; background: #00071D; }
.blog-author-main .blogaur_inner { display: flex; align-items: flex-end; max-width: 1000px; margin: 0 auto; flex-wrap: wrap; padding-bottom: 60px; }
.blog-author-main .blogaur_inner .hs-author-avatar { background-color: #a3a2b2 !important; background-position: top !important; z-index: 1; width: 100%; height: 404px; border-radius: 10px; }
.blog-author-main .blogaur_inner .author-parent { width: calc(100% - 474px); padding-left: 15px; }
.blog-author-main .blogaur_inner .left_prt:before { position: absolute; content: ""; top: 50px; left: 50px; width: 100%; height: 100%; background: url(https://www.knowmad.com/hubfs/knowmad_2024/image/Exclude.svg)no-repeat center / cover; z-index: -1; }
.blog-author-main .blogaur_inner .left_prt { width: 444px; margin-right: 30px; position: relative; z-index: 1; }
.blog-author-main .blogaur_inner .author-parent h2 { font-size: 50px; line-height: 37px; margin: 0; }
.blog-author-main .blogaur_inner .author-parent p { font-size: 17px; line-height: 27px; padding: 35px 0; margin: 0; }
.blog-author-main .blogaur_inner .author-parent .hs-author-social-section { padding-top: 70px; display:flex; align-items:center; }
.blog-author-main .blogaur_inner .author-parent .hs-author-social-section span { font-size: 12px; line-height: 15px; font-weight: 500; margin-right: 10px; }
.blog-author-main .blogaur_inner .author-parent .hs-author-social-links a { width: 21px; height: 21px; display:inline-block; }
.blog-author-main .blogaur_inner .author-parent .hs-author-social-links a svg { width: 100%; height: 100%; }
.blog-author-main .blogaur_inner .author-parent .hs-author-bio { padding-top: 25px; }
.continue_reading a { line-height: 17px; text-transform: uppercase; font-family: 'Clash Display'; padding-right: 25px; font-size: 14px; position: relative; }
.continue_reading { margin-top: 25px; }
.continue_reading a:before { position: absolute; content: ""; top: 1px; right: 0; background: url(https://www.knowmad.com/hubfs/knowmad_2024/image/left-arrow.svg)no-repeat center/cover; width: 18px; height: 13px; transform: rotate(180deg); }
/* Portfolio Blog */
.portfolio_inhero { display: inline-block; width: 100%; vertical-align: top; padding: 200px 0 100px; background: #00071D; position:relative; z-index:1; }
.portfolio_inhero:before { position: absolute; content: ""; top: 0; right: 0; background: url(https://www.knowmad.com/hubfs/knowmad_2024/image/title-bg-shadow.png)no-repeat center/cover; width: 835px; height: 1089px; z-index: -1; }
.portfolio_inhero .sub_title { font-size: 32px; line-height: 42px; font-weight: 600; font-family: 'Red Hat Display'; max-width: 730px; }
.portfolio_inhero .title { text-align: right; display: flex; align-items: flex-end; justify-content: flex-end; }
.portfolio_inhero .title span.title_span { font-size: 75px; line-height: 90px; font-weight: 400; font-family: 'Tanker'; padding-right: 10px; }
.portfolio_inhero .title h1 { margin: 0; font-size: 150px; line-height: 150px; background: #ffffff url(https://www.knowmad.com/hubfs/knowmad_2024/image/mask-work-1.png) no-repeat 50% / 100%; -webkit-background-clip: text; color: #ffffff; -webkit-text-fill-color: transparent; }
.portfolio-blog-section .post-listing .post-item a.hs-featured-image-link{height:480px!important;}
.portfolio-blog-section { display: inline-block; width: 100%; vertical-align: top; padding: 50px 0; background: #00071D; }
.portfolio-blog-section .portfolio_topics { position: relative; z-index: 1; padding-bottom: 10px; margin-bottom: 30px; border-bottom: 2px dashed rgb(255 255 255 / 70%); }
.portfolio-blog-section .portfolio_topics:before { position: absolute; content: ""; bottom: 3px; left: 0; width: 100%; border-bottom: 2px dashed rgb(255 255 255 / 70%); }
.portfolio-blog-section .portfolio_topics ul { list-style-type: none; padding: 0; margin: 0; display: flex; align-items: center; flex-wrap: wrap; }
.portfolio-blog-section .portfolio_topics ul li { margin: 0 30px 20px 0; }
.portfolio-blog-section .portfolio_topics ul li a { font-size: 16px; line-height: 20px; letter-spacing: 1.92px; font-weight: 400; text-transform: uppercase; font-family: Clash Display; color: #fff; }
.portfolio-blog-section .portfolio_topics ul li a:hover { color: #4DEBBC; }
.portfolio-blog-section .portfolio_topics ul li.tag_active a { color: #4DEBBC; }
.portfolio-blog-section .post-listing { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.portfolio-blog-section .post-listing .post-item { width: 50%; padding: 0 15px 100px; display:none; }
.portfolio-blog-section .post-listing .post-item a.hs-featured-image-link { display: inline-block; width: 100%; height: 569px; border-radius: 20px; }
.portfolio-blog-section .portblog_main { padding: 50px 0; }
.portfolio-blog-section .post-listing .post-item .post-header ul { list-style-type: none; padding: 0; display: flex; align-items: center; }
.portfolio-blog-section .post-listing .post-item .post-header ul li+li { padding-left: 20px; margin-left: 15px; position: relative; }
.portfolio-blog-section .post-listing .post-item .post-header ul li+li:before { background: #E53913; border-radius: 100%; box-shadow: 0 0 10px 2px red; content: ""; height: 7px; left: 0; position: absolute; top: 13px; width: 7px; }
.portfolio-blog-section .post-listing .post-item .post-header ul li a { color: #68788C; font-family: 'Clash Display'; font-size: 13px; line-height: 16px; letter-spacing: 1.92px; text-transform: uppercase; font-weight: 500; position:relative; z-index:1; }
.portfolio-blog-section .post-listing .post-item .post-body { padding: 35px 30px 0 20px; position: relative; display: flex; flex-wrap: wrap; min-height: 385px; }
.portfolio-blog-section .post-listing .post-item .post-body .line { border: 1px solid #fff; border-bottom: none; border-radius: 10px 10px 0 0; height: 79px; left: 0; opacity: .5; position: absolute; top: 0; width: 100%; }
.portfolio-blog-section .post-listing .post-item .post-body .line.btm { border: 1px solid #fff; border-radius: 0 0 10px 10px; border-top: none; bottom: 0; top: auto; }
.portfolio-blog-section .post-listing .post-item .post-body .menufecturing { font-size: 16px; line-height: 26px; letter-spacing: 1.92px; text-transform: uppercase; font-family: 'Clash Display'; color: #E53913; padding-bottom: 10px; }
.portfolio-blog-section .post-listing .post-item .post-body h2,
.portfolio-blog-section .post-listing .post-item .post-body h2 a { font-size: 23px; line-height: 33px; font-family: 'Red Hat Display'; color: #fff; font-weight: 700; }
.portfolio-blog-section .post-listing .post-item .post_inner { height: 100%; position:relative; }
.portfolio-blog-section .post-listing .post-item .post-body .value_content { padding-top: 30px; margin-top: 30px; border-top: 1px solid rgb(255 255 255 / 50%); max-width: 90%; display: flex; align-items: center; min-height: 200px; }
.portfolio-blog-section .post-listing .post-item .post-body .value_content ul { list-style-type: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin: 0 -30px; width:100%; }
.portfolio-blog-section .post-listing .post-item .post-body .value_content ul li { width: 50%; padding: 0 30px 20px; font-size: 13px; line-height: 20px; letter-spacing: 1.92px; text-transform: uppercase; font-family: 'Clash Display'; font-weight: 500; }
.portfolio-blog-section .post-listing .post-item .post-body .value_content ul li strong { font-size: 26px; line-height: 34px; letter-spacing:.5px; padding-top:8px; font-family: 'Tanker'; color: #4DEBBC; font-weight: 400; display: inline-block; }
.portfolio-blog-section .post-listing .post-item .post-body:before { position: absolute; content: ""; top: 0; right: -10px; bottom: 0; margin: auto 0; background: url(https://www.knowmad.com/hubfs/knowmad_2024/image/box-right-arrow.svg)no-repeat center/cover; width: 52px; height: 45px; }
.portfolio-blog-section .post-listing .post-item .post-body.no_content .value_content { display: none; }
.portfolio-blog-section .post-listing .post-item .sameheight { display: flex; flex-flow: column; justify-content: center; width:100%; }
.portfolio-blog-section .post-listing .post-item .post_inner a.no_text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.portfolio-blog-section .loadmore.button-1 { text-align: center; }
.portfolio-blog-section .loadmore.button-1 a span:after { background-image: url(https://www.knowmad.com/hubfs/knowmad_2024/image/blue-down.png); width: 13px; height: 18px; }
/* Portfolio Detail page */
.blogpost_inner.pfpost_innerhero .left_part .posthero_topics { padding: 0; }
.blogpost_inner.pfpost_innerhero .left_part .industry { padding: 50px 0; }
.blogpost_inner.pfpost_innerhero .left_part .launch_site a { display: inline-block; position: relative; display: flex; align-items: center; color: #E53913; font-size: 14px; font-weight: 700; line-height: 17px; letter-spacing: 1px; font-family: 'Clash Display'; }
.blogpost_inner.pfpost_innerhero .left_part .launch_site a span { padding-left: 10px; }
.blogpost_inner.pfpost_innerhero .left_part .wyattseal_logo { margin-top: 50px; padding: 15px 20px; width: 224px; height: 221px; background: #fff; display: flex; align-items: center; justify-content: center; border-radius: 10px; box-shadow: 0px 0px 30px #12D399; }
.blogpost_inner.pfpost_innerhero .left_part .launch_site a:hover { color: #4DEBBC; }
.counter_section { display: inline-block; width: 100%; vertical-align: top; position:relative; }
.counter_section:after { right: calc((100% - 1330px) / 2); left: auto;}
.counter_section .section_wrap { padding: 100px 0 50px; display: flex; flex-wrap: wrap; }
.counter_section .section_wrap .left_Part { width: 35%; padding-right: 15px; position: relative; }
.counter_section .section_wrap .right_part { width: 65%; padding-left: 15px; position: relative; }
.counter_section .section_wrap .left_Part h2 { font-size: 120px; line-height: 1; }
.counter_section .section_wrap .left_Part .quote { font-size: 23px; line-height: 33px; font-weight: 600; padding: 100px 0 30px; }
.counter_section .section_wrap .left_Part .quote span.quote_icon { padding-right: 5px; }
.counter_section .section_wrap .left_Part .name_desi { font-size: 13px; line-height: 22px; letter-spacing: 1.92px; font-family: 'Clash Display'; font-weight: 600; text-transform: uppercase; }
.counter_section .section_wrap .left_Part .name_desi span { display: inline-block; width: 100%; font-weight: 500; }
.counter_section .section_wrap .right_part .right_col { display: flex; flex-wrap: wrap; position: relative; }
.counter_section .section_wrap .right_part .right_col .right_inner { width: 50%; padding: 0 50px 70px; }
.counter_section .section_wrap .right_part .right_col .right_inner .counter_title { font-size: 15px; line-height: 26px; letter-spacing: 1.92px; font-family: 'Clash Display'; text-transform: uppercase; color:#031545; font-weight: 600; }
.counter_section .section_wrap .right_part .right_col .counter_wrap { display: flex; align-items: flex-end; }
.counter_section .section_wrap .right_part .right_col .right_inner .counter { font-size: 110px; line-height: 120px; color: #E53913; font-family: 'Tanker'; font-weight: 400; padding-top: 15px; }
.counter_section .section_wrap .right_part .right_col .right_inner .counter_wrap span { font-size: 75px; line-height: 1.4; color: #E53913; font-family: 'Tanker'; font-weight: 400; }
.about_project { display: inline-block; width: 100%; vertical-align: top; background: #00071D; padding: 35px 0; position: relative; z-index: 1; margin-bottom: 115px; }
.about_project:before { position: absolute; content: ""; bottom: 0; right: 0; background: url(https://www.knowmad.com/hubfs/knowmad_2024/image/about_bgpattern.png)no-repeat center/cover; width: 634px; height: 858px; z-index: -1; }
.about_project .section_wrap { display: flex; flex-wrap: wrap; margin: 0 -50px; }
.about_project .section_wrap .col { width: 50%; padding: 0 50px; }
.about_project .section_wrap .col h3 { font-size: 70px; line-height: 1; }
.about_project .section_wrap .col .box_content { font-size: 17px; line-height: 27px; padding-top: 10px; }
.about_project .section_wrap .col .box_content a { color: #E53913; text-decoration: underline; }
.about_project .bottom_part { width: 100%; height: 445px; border-radius: 26px; margin: 70px 0 -180px; }
.about_project.removespace { margin-bottom: 10px; }
.blog-post.portfolio_blogpost .post_main {margin: 0;max-width: 1200px;}
.blog-post.portfolio_blogpost .container { border: none; padding: 0 35px; }
.blog-post.portfolio_blogpost h2 { margin-bottom: 8px; }
.blog-post.portfolio_blogpost h3 { margin-bottom: 8px; }
.blog-post.portfolio_blogpost ul {margin: 0 0 15px 0;}
.portfolio_foundation { display: inline-block; width: 100%; vertical-align: top; padding: 50px 0; overflow-x:hidden;}
.portfolio_foundation .top_text { max-width: 750px; font-size: 32px; line-height: 42px; font-weight: 500; margin-bottom: 50px; }
.portfolio_foundation .section_inner { padding-bottom: 100px; padding-left: 130px; position: relative; }
.portfolio_foundation .section_inner span.dots { position: absolute; top: 30px; left: -3.5px; width: 9px; height: 9px; background: #031545; border-radius: 100%; }
.portfolio_foundation .section_inner:before { position: absolute; content: ""; top: 30px; left: 0; width: 1px; height: 100%; background: #031545; }
.portfolio_foundation .section_inner:last-child:before { display: none; }
.portfolio_foundation .section_wrap { counter-reset: li; }
.portfolio_foundation .section_inner:after { position: absolute; top: 20px; left: 50px; counter-increment: li; content: "["counter(li, decimal-leading-zero)"]"; color: #E53913; font-size: 18px; line-height: 26px; letter-spacing: 1.92px; font-weight: 500; font-family: 'Clash Display'; }
.portfolio_foundation .section_inner h2 { color: #E53913; }
.portfolio_foundation .section_inner .box_content { font-size: 17px; line-height: 27px; }
.portfolio_foundation .section_inner .box_content a { color:#E53913; }
.portfolio_foundation .section_inner .learn_more a { color: #E53913; font-size: 14px; line-height: 18px; text-transform: uppercase; font-weight: 700; font-family: 'Clash Display'; letter-spacing: 1px; position: relative; padding-right: 25px; }
.portfolio_foundation .section_inner .learn_more { padding-top: 15px; }
.portfolio_foundation .section_inner .learn_more a:before { position: absolute; content: ""; top: 3px; right: 0; background: url(https://www.knowmad.com/hubfs/knowmad_2024/image/arrow-right-orange.svg)no-repeat center/cover; width: 13px; height: 9px; }
.portfolio_foundation .section_inner .learn_more a:hover { color: #00071D; }
.portfolio_foundation .image_wrap { display: flex; flex-wrap: wrap; padding: 60px 30px 0; position:relative; z-index:1; margin:0 -15px; }
.portfolio_foundation .image_wrap .img_inner { width: 50%; padding: 0 15px 30px; }
.portfolio_foundation .image_wrap .img_inner .img { width: 100%; height: 716px; border-radius: 20px; }
/* .portfolio_foundation .image_wrap .img_inner:last-child { width: 100%; } */
.sticky_siteimg { display: inline-block; width: 100%; vertical-align: top; padding: 162px 15px 162px 0; background: #00071D; }
.sticky_siteimg .section_wrap { display: flex; flex-wrap: wrap; align-items: flex-start; position: relative; }
.sticky_siteimg .section_wrap .left_prt { width: 50%; padding: 0 30px; padding-left: calc((100% - 1330px) / 2); position: sticky; top: 100px; left: 0; }
.sticky_siteimg .section_wrap .right_prt img { width: 100%; }
.sticky_siteimg .section_wrap .right_prt { width: 45%; text-align: right; }
.sticky_siteimg .section_wrap .left_prt .sub_title { font-size: 18px; line-height: 26px; font-weight: 500; text-transform: uppercase; font-family: 'Clash Display'; color: #E53913; letter-spacing: 1.92px; }
.sticky_siteimg .section_wrap .left_prt h2 { font-size: 50px; line-height: 60px; }
.sticky_siteimg .section_wrap .left_prt .content { font-size: 17px; line-height: 27px; font-weight: 500; }
.sticky_siteimg .section_wrap:before { width: 1124px; position: absolute; content: ""; top: -100px; left: 0; background: url(https://www.knowmad.com/hubfs/knowmad_2024/image/sticky-bgpattern.png)no-repeat center/cover; height: 900px; }
.progress_section { display: inline-block; width: 100%; vertical-align: top; background: #00071D; padding:50px 0 100px; }
.progress_section .progress_inner { padding-bottom: 100px; }
.progress_section .progress_inner .title { display: flex; align-items: center; justify-content: space-between; padding-bottom: 30px; }
.progress_section .progress_inner .title h3 { font-size: 50px; line-height: 60px; margin: 0; }
.progress_section .progress_inner .progressbar { width: 100%; height: 57px; border-radius: 40px; background: #4DEBBC; }
.progress_section .progress_inner .progressbar .progress { background:#E53913; height: 57px; width: 30%; border-radius: 40px; animation: load 2s normal forwards; }
.progress_section .progress_inner .progress_value { display: flex; align-items: center; justify-content: space-between; padding-top: 30px; }
.progress_section .progress_inner .progress_value .start_value { color: #E53913; font-size: 60px; line-height: 1; font-family: 'Tanker'; font-weight: 400; display: flex; align-items: center; }
.progress_section .progress_inner .progress_value .start_value span { font-size: 16px; line-height: 26px; color: #fff; font-family: 'Clash Display'; letter-spacing: 1.92px; text-transform: uppercase; padding-left: 10px; font-weight: 500; }
.progress_section .progress_inner .progress_value .end_value { color: #4DEBBC; }
.progress_section .bottom_prt { max-width: 700px; margin: 0 auto; }
.progress_section .bottom_prt .content { font-size: 22px; line-height: 32px; font-weight: 500; }
.port_testimonial { display: inline-block; width: 100%; vertical-align: top; padding: 100px 0; text-align: center; background:#fff; }
.port_testimonial .box_title { font-size: 32px; line-height: 33px; font-weight: 600; padding-bottom: 10px; }
.port_testimonial .box_title span { padding-right: 10px; }
.port_testimonial .name_desi { font-size: 15px; line-height: 22px; letter-spacing: 1.92px; text-transform: uppercase; font-family: 'Clash Display'; }
.success_section { display: inline-block; width: 100%; vertical-align: top; padding: 115px 0; background: #00071D; }
.success_section .section_wrap { display: flex; align-items: center; justify-content: center; padding: 100px 50px; text-align: center; min-height: 811px; position: relative; z-index: 1; border-radius: 40px; }
.success_section .section_wrap .inner { max-width: 818px; position: relative; z-index: 1; }
.success_section .section_wrap:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: hsl(226deg 100% 6% / 50%); z-index: -1; }
.success_section .section_wrap .inner:before { position: absolute; content: ""; top: -450px; left: -170px; background: url(https://www.knowmad.com/hubfs/knowmad_2024/image/success-bgpattern.png)no-repeat center/cover; width: 1134px; height: 1092px; z-index: -1; }
.success_section .section_wrap h2 { font-size: 125px; }
.success_section .section_wrap .content { font-size: 22px; line-height: 32px; font-weight: 500; }
.next_post { display: inline-block; width: 100%; vertical-align: top; padding: 100px 0; background: #00071D; position:relative; z-index:1; }
.next_post:before { position: absolute; content: ""; top: -183px; left: 0; background: url(https://www.knowmad.com/hubfs/knowmad_2024/image/nextpost_bgpattern.png)no-repeat center/cover; width: 673px; height: 1124px; z-index;-1; }
.next_post .post_wrap { display: flex; align-items: center; position:relative; }
.next_post .post_wrap a.prev_next.prev { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
.next_post .post_wrap .left_part { width: 975px; padding-right: 15px; position:relative; z-index:1; }
.next_post .post_wrap .right_part { width: 714px; margin-left:-360px; }
.next_post .post_wrap .right_part .img { width: 100%; height: 364px; border-radius: 15px; position:relative;}
.next_post .post_wrap .right_part .img:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
.next_post .post_wrap .next_title { font-size: 16px; line-height: 26px; letter-spacing: 1.92px; font-family: 'Clash Display'; text-transform: uppercase; position: relative; padding-left: 30px; padding-bottom: 20px; }
.next_post .post_wrap .next_title:before { background: #E53913; border-radius: 100%; box-shadow: 0 0 10px 2px red; content: ""; height: 12px; left: 0; position: absolute; top: 6px; width: 12px; }
.next_post .post_wrap h2 { font-size: 40px; line-height: 50px; font-weight: 600; font-family: 'Red Hat Display'; }
.next_post .post_wrap ul { padding: 0; list-style-type: none; display: flex; align-items: center; }
.next_post .post_wrap ul li+li { padding-left: 20px; margin-left: 15px; position: relative; }
.next_post .post_wrap ul li+li:before { background: #E53913; border-radius: 100%; box-shadow: 0 0 10px 2px red; content: ""; height: 7px; left: 0; position: absolute; top: 13px; width: 7px; }
.next_post .post_wrap ul li a { color: #68788C; font-family: 'Clash Display'; font-size: 13px; line-height: 16px; letter-spacing: 1.92px; text-transform: uppercase; font-weight: 500; position: relative; z-index: 1; }
.portfolio_foundation .full_width_img { width: 100%; padding: 0px 30px 60px; }
.portfolio_foundation .full_width_img .img img { border-radius: 20px; width: 100%; }
.webinar-listing{position:relative;overflow-x:clip;}
.webinar-listing:before{position:absolute;content:'';right:-130px;bottom:-220px;width:478px;height:530px;background:url(https://www.knowmad.com/hubfs/images/Images/pattern-2.png) no-repeat center / 100% 100%;transform:rotate(155deg);}
.webinar-listing .all_insights{border-radius: 0 0 0 10px;}
.webinar-listing .all_insights span{padding-left:26px;font-weight: 500;}
.webinar-listing .all_insights span:before{width:12px;height:12px;}
.webinar-listing .inner{display:flex;flex-wrap:wrap;margin:0 -38px;row-gap:42px;padding-bottom: 130px;}
.webinar-listing .inner .webinar-post-card{width:50%;padding:0 38px;}
.webinar-listing .webinar-post-card .card-inner .image{width:100%;height:390px;border-radius:15px;}
.webinar-listing .inner .webinar-post-card .card-top{position: relative;}
.webinar-listing .inner .webinar-post-card .card-top .video-play-btn{position:absolute;right:10px;bottom:10px;}
.webinar-listing .inner .webinar-post-card .card-top .video-play-btn img{display:block;}
.webinar-listing .inner .webinar-post-card .card-body{margin-top:24px;display:flex; align-items:center;justify-content: space-between;padding: 50px 0 40px 30px;position:relative;}
.webinar-listing .inner .webinar-post-card .card-body .line{position:absolute;top:0;left:0;width:100%;height:68px;border:1px solid #fff;border-bottom:none;border-radius:10px 10px 0 0;opacity:0.5;}
.webinar-listing .inner .webinar-post-card .card-body .line.btm{top:auto;bottom:0;border:1px solid #fff;border-top:none;border-radius:0 0 10px 10px;}
.webinar-listing .inner .webinar-post-card .card-body .main-content{max-width:420px;position: relative;z-index: 2;}
.webinar-listing .inner .webinar-post-card .card-body .webinar-index__post-tags div{color:#68788C;display:inline-block;position:relative;font-size: 13px;font-weight: 500;font-family:Clash Display , sans-serif;letter-spacing: 1.56px;}
/* .webinar-listing .inner .webinar-post-card .card-body .webinar-index__post-tags div:hover{color:#E53913;} */
.webinar-listing .inner .webinar-post-card .card-body .main-content h2{font-size:23px;line-height:33px;font-family:Red Hat Display , sans-serif;margin-top:18px;}
.webinar-listing .inner .webinar-post-card .card-body .main-content h2 a{color:#fff;font-weight:700;font-family:Red Hat Display , sans-serif;}
.webinar-listing .inner .webinar-post-card .card-body .btn-wrapper{margin-top: -15px;z-index: 2;}
.webinar-listing .inner .webinar-post-card .card-body .btn-wrapper a{font-size:14px;line-height:20px;color:#4DEBBC;position:relative;padding:0 24px 0 0;display:inline-block;font-family:Clash Display , sans-serif;font-weight: 700;letter-spacing: 1.12px;text-transform: uppercase;transition:400ms}
.webinar-listing .inner .webinar-post-card .card-body .btn-wrapper a:before{position:absolute;content:'';top:3px;right:0;width:14px;height:13px;background:url(https://www.knowmad.com/hubfs/images/Images/green-arrow.svg) no-repeat center /contain;transition:400ms}
.webinar-listing .inner .webinar-post-card .card-body .btn-wrapper a:hover:before{right: 3px;}
.webinar-listing .inner .webinar-post-card .card-body .webinar-index__post-tags div + div{margin-left:44px;}
.webinar-listing .inner .webinar-post-card .card-body .webinar-index__post-tags div + div:before{content:'';width:8px;height:8px;position:absolute;top:9px;left:-28px;background:#4DEBBC;box-shadow:0px 0px 10px 2px #4DEBBC;border-radius:10px;}
.webinar-listing .no-content{width:100%;padding: 0 0 0 38px;position:relative;}
.webinar-listing .no-content.no-content-custom{display:none;}
.webinar-listing .no-content .info-text{font-size:32px;line-height:42px;font-weight:500;}
.webinar-listing .no-content .bottom-text{margin-top:60px;font-size: 16px;line-height: 20px;font-family:Clash Display , sans-serif;font-weight:500;letter-spacing: 1.92px;}
.webinar-listing .no-content .bottom-text a{font-weight:600;}
.webinarpost_inner .post_title .post-tag{font-size:16px;line-height:24px;font-weight:500;color:#4DEBBC;font-family:Clash Display , sans-serif;letter-spacing: 1.92px;text-transform:uppercase;}
.blogpost_inner.webinarpost_inner .left_part{max-width:calc(100% - 750px);width:100%;padding-right:75px;}
.blogpost_inner.webinarpost_inner .left_part .posttitle-content {font-size: 22px;line-height:1.3;position: relative;z-index: 9;}
.blogpost_inner.webinarpost_inner .left_part .post_title h1{margin-bottom:20px;font-size:55px;/*white-space:nowrap;*/}
.blogpost_inner.webinarpost_inner .section_wrap .left_part .posthero_topics.no-author{padding:65px 0 50px;}
.blogpost_inner.webinarpost_inner .social-sharing{display:flex;gap:23px;align-items:center;}
.blogpost_inner.webinarpost_inner .social-sharing .share{font-size:13px;font-weight:700;line-height:normal;letter-spacing:1.56px;text-transform:uppercase;color:#E53913;}
.blogpost_inner.webinarpost_inner .social-sharing .share-buttons{display:flex;gap:14px;padding:0;}
.blogpost_inner.webinarpost_inner .social-sharing .share-buttons li a{display:flex;}
.blogpost_inner.webinarpost_inner .right_part{max-width:750px;margin-left:auto;}
.blogpost_inner.webinarpost_inner .right_part .video-wrapper{border-radius:40px;overflow:hidden;}
.blogpost_inner.webinarpost_inner .right_part .form-wrapper{background:#fff;border-radius:40px;padding:64px;}
.blogpost_inner.webinarpost_inner .form-wrapper .title-part h2{font-size:40px;line-height:normal;color:#031545;margin:0;font-family:Red Hat Display , sans-serif;font-weight: 700;}
.blogpost_inner.webinarpost_inner .form-wrapper .title-part .post-title{font-size:18px;color:#031545;line-height:normal;font-weight:700;letter-spacing:2.16px;text-transform:uppercase;}
.blogpost_inner.webinarpost_inner .right_part .form-wrapper form{margin-top:16px;}
.blogpost_inner.webinarpost_inner .right_part .form-wrapper form .hs-form-field input{padding:20px;height:auto;font-size:18px;line-height:28px;color:#031545;border-radius: 6px;border-width: 0.5px;}
.blogpost_inner.webinarpost_inner .right_part .form-wrapper form .hs-form-field input:placeholder{font-size:18px;line-height:28px;color:#031545;font-weight:500;}
.blogpost_inner.webinarpost_inner .right_part .form-wrapper form .hs_submit input{padding:20px;height:auto;font-size:17px;line-height:normal;letter-spacing:1.36px;}
.blogpost_inner.webinarpost_inner .right_part .form-wrapper form .hs_submit{text-align:center;}
.blogpost_inner.webinarpost_inner .form-wrapper .submitted-message{color:#031545;}
.innerdat{display:none;}
.wld-timer{background-color:#fff;padding:105px 0 75px;}
.wld-timer .counter-module-container{display:flex;flex-direction:column;align-items:center;}
.wld-timer .event-title{font-size:20px;line-height:normal;font-weight:500;letter-spacing:2.4px;color:#00071D;font-family:Clash Display , sans-serif;}
.wld-timer .event-date-section{font-size: 60px;line-height: normal;font-weight: 700;}
.wld-timer #time-elappse{margin: 45px 0 0;color:#E53913;display:flex;align-items:center;}
.wld-timer #time-elappse > div{display:flex;flex-direction:column;align-items:center;font-size:110px;font-weight:400;line-height:120px;font-family:Tanker , sans-serif;}
.wld-timer #time-elappse span{font-size:18px;line-height:normal;font-weight:600;line-height:26px;letter-spacing: 2.16px;font-family:Clash Display , sans-serif;text-transform:uppercase;}
.wld-timer #time-elappse small{font-size:100px;font-weight:500;letter-spacing:0;line-height:24px;text-align:center;margin:0 50px;margin-top:-30px;}
.wld-timer .button-1{margin-top:60px;}
.wld-timer .button-1 a {padding: 17px 27px;}
.wld-timer .button-1 a span:after{filter: brightness(0) saturate(100%) invert(9%) sepia(98%) saturate(1410%) hue-rotate(208deg) brightness(94%) contrast(108%);}
.the-experts.custom-the-experts .main-title h2{justify-content:flex-start;}
.the-experts.custom-the-experts .box .cover:hover .image{border-radius:10px;}
.the-experts.custom-the-experts .box .cover:hover .image img.hover{opacity:0;}
.webinar-blog-post{padding:100px 0 60px;}
.webinar-post_main .content-wrapper h1{font-size:70px;line-height:60px;margin-bottom:30px;}
.webinar-blog-post .webinar-blog-post__body{margin-top:30px;font-size: 18px;line-height: 28px;font-weight: 400;}
.testimonial-section{position:relative;z-index:3;padding:100px 0;display: block;background:#fff;}
.testimonial-section .testimonial-slider-wrapper{max-width:1040px;width:100%;margin:0 auto;}
.testimonial-section .testimonial-slider-wrapper .testimonial-content{text-align:center;}
.testimonial-section .testimonial-slider-wrapper .testimonial-content .testimonial-text{font-size:32px;line-height:40px;font-weight:600;}
.testimonial-section .testimonial-slider-wrapper .testimonial-content .bottom-text{text-transform: uppercase;font-size:16px;line-height:22px;letter-spacing:1.8px;font-family:Clash Display , sans-serif;margin-top:20px;}
.testimonial-section .testimonial-slider-wrapper .testimonial-content .testimonial-text{display:flex;}
.testimonial-section .testimonial-slider-wrapper .testimonial-content .testimonial-text:before{flex-shrink: 0;content:'';display:block;background:url(https://www.knowmad.com/hubfs/images/Images/quote-img.svg) no-repeat center / 35px 21px;width:35px;height: 40px;margin-right:10px;}
.webinar-blog-postwrap a { color: #E53913; }
.webinar-blog-postwrap a:hover { text-decoration: underline; }
.webinar-blog-post__body img { max-width: 100%; }
.blog-post__body blockquote { padding: 60px 50px 60px 60px; text-align: center; margin: 45px 0; background-color: #F5ECE3; color: #0C2C7C; font-weight: 700; font-size: 15px; line-height: 23px; border-radius:180px; }
.blog-post__body blockquote h6 { color: #0C2C7C; font-weight: 500; font-size: 24px; line-height: 32px; font-family: 'Red Hat Display'; margin-bottom: 20px; }
.blog-post__body blockquote p { text-transform: uppercase; letter-spacing:1.92px;font-family:'Clash Display';}
.blog-post__body blockquote h6:before { content: ""; display: inline-block; background: url('https://www.knowmad.com/hubfs/Blog_Images/blog-files/red-quotes.svg') no-repeat center / contain; width: 40px; height: 25px; margin-bottom: -4px; margin-right: 12px; }
.blog-post__body blockquote span { font-weight: 500; }
/* Media Query */
@media (min-width:768px){
.continue_reading { display: none; }
.portfolio-blog-section .post-listing .post-item .post-body a.more-link { display: none; }
.portfolio-blog-section .portfolio_topics span.fliter_topics { display: none; }
.progress_section .progress_inner .for_mobile { display: none; }
}
@media (max-width:1500px){
.blogpost_inner.webinarpost_inner .post_title h1 span.bg_pattern{font-size:100px;line-height:160px;}
}
@media (max-width:1499px){
.blog_innerhero .section_wrap { max-width: 1070px; margin: 0 auto; }
.blog-subscribe { padding: 150px 0; }
.blog-subscribe .subscribe_from:before { height: 509px; width: 850px; right: -210px; top: -170px; }
.blog-index .arcicle-inner .details { padding-left: calc((100% - 1270px) / 2); }
.blog-index .latest-article .arcicle-inner h2 a { font-size: 50px; line-height: 60px; }
.counter_section:before,
.counter_section:after { left: calc((100% - 1200px) / 2); }
.counter_section:after { right: calc((100% - 1200px) / 2); left: auto; }
.about_project .section_wrap { margin: 0 -20px; }
.about_project .section_wrap .col { padding: 0 20px; }
.webinar-listing .inner{margin:0 -16px;}
.webinar-listing .inner .webinar-post-card{padding:0 16px;}
.webinar-listing .no-content{padding:0 0 0 16px;}
}
@media (max-width:1300px){
.counter_section:before,
.counter_section:after { left: calc((100% - 1120px) / 2); }
.counter_section:after { right: calc((100% - 1170px) / 2); left: auto; }
.blogpost_inner.webinarpost_inner .left_part{max-width:calc(100% - 600px);padding-right: 20px;}
.blogpost_inner.webinarpost_inner .right_part{max-width:600px;}
.blogpost_inner.webinarpost_inner .right_part .form-wrapper{padding:40px;border-radius:30px;}
}
@media (max-width:1200px){
.hs-blog-post h2 { font-size: 48px; }
.blog_innerhero h1 { font-size: 100px; line-height: 100px; }
.blog_innerhero .section_wrap .left_part { width: 50%; }
.blog_innerhero .section_wrap .right_part { width: 50%; }
.blog-index .arcicle-inner .details { padding-left: calc((100% - 940px) / 2); }
.blog-index .latest-article .arcicle-inner h2 a { font-size: 40px; line-height: 50px; }
.blog-index .latest-article .arcicle-inner .image { height: 400px; }
.blog-listing { padding: 70px 0; }
.blog-listing .inner .blog-index_post { padding: 0 15px 30px; }
.blog-listing .inner { margin: 0 -15px; }
.blog-listing .inner .blog-index_post .image { height: 300px; }
.blog-listing .inner .blog-index_post .arcicle-inner .details h2,
.blog-listing .inner .blog-index_post .arcicle-inner .details h2 a { font-size: 30px; line-height: 40px; }
.blog-listing .loadmore.button-1 { margin: 30px auto 0; }
.blog-subscribe { padding: 100px 0; }
.blog-subscribe .subscribe_from:before { width: 660px; height: 340px; right: 0; top: -110px; }
.blogpost_inner .post_title h1 { padding-top: 70px; font-size: 40px; line-height: 45px; }
.blogpost_inner .post_title h1 span.bg_pattern { font-size: 100px; line-height: 100px; }
.blogpost_inner .section_wrap .left_part { width: 25%; }
.blogpost_inner .section_wrap .right_part { width: 75%; }
.blogpost_inner .section_wrap .right_part .post_featuredimg { height: 500px; }
.blogpost_inner .section_wrap .left_part .posthero_topics { padding: 60px 0; }
.blog-post .post_main { padding: 0 0 64px; }
.aurtherpost_wrap { margin: 0 -15px; }
.aurtherpost_wrap .aurtherpost_inner .featured-image { height: 350px; }
.aurtherpost_wrap .aurtherpost_inner .aur_inner .details h2,
.aurtherpost_wrap .aurtherpost_inner .aur_inner .details h2 a { font-size: 35px; line-height: 42px; }
.aurtherpost_wrap .aurtherpost_inner { padding: 0 15px 30px; }
.related-post .relatedpost_wrap { margin: 0 -15px; }
.related-post .relatedpost_wrap .post-inner { padding: 0 15px 30px; }
.related-post .relatedpost_wrap .post-inner .featured-image { height: 350px; }
.related-post .relatedpost_wrap .post-inner .related_inner .relatedpost_bottom h2,
.related-post .relatedpost_wrap .post-inner .related_inner .relatedpost_bottom h2 a { font-size: 35px; line-height: 42px; }
.portfolio_inhero:before { width: 685px; height: 839px; }
.portfolio_inhero .sub_title { font-size: 26px; line-height: 36px; }
.portfolio_inhero .title span.title_span { font-size: 60px; }
.portfolio_inhero .title h1 { font-size: 120px; line-height: 120px; }
.portfolio-blog-section { padding: 50px 0 0; }
.portfolio-blog-section .portblog_main { padding: 50px 0 0; }
.portfolio-blog-section .post-listing .post-item a.hs-featured-image-link { height: 450px; }
.portfolio-blog-section .post-listing .post-item .post-body h2,
.portfolio-blog-section .post-listing .post-item .post-body h2 a { font-size: 20px; line-height: 29px; }
.portfolio-blog-section .post-listing .post-item .post-body .value_content ul li { padding: 0 10px 15px; }
.portfolio-blog-section .post-listing .post-item .post-body .value_content ul { margin: 0 -10px; }
.portfolio-blog-section .post-listing .post-item .post-body { padding: 25px 30px 10px 20px; }
.portfolio-blog-section .post-listing .post-item { padding-bottom: 70px; }
.blogpost_inner.pfpost_innerhero .left_part .wyattseal_logo { width: 200px; height: 201px; }
.blogpost_inner.pfpost_innerhero .left_part .posthero_topics { padding: 20px 0; }
.counter_section:before,
.counter_section:after { left: calc((100% - 920px) / 2); }
.counter_section:after { right: calc((100% - 950px) / 2); left: auto; }
.counter_section .section_wrap .left_Part h2 { font-size: 100px; }
.counter_section .section_wrap .right_part .right_col .right_inner { padding: 0 20px 50px; }
.about_project .section_wrap .col h3 { font-size: 60px; }
.about_project .section_wrap .col { padding: 0 20px; }
.about_project .section_wrap { margin: 0 -20px; }
.portfolio_foundation { padding: 0 0 50px; }
.portfolio_foundation .section_inner { padding-left: 100px; }
.portfolio_foundation .section_inner span.dots { left: -4px; }
.portfolio_foundation .image_wrap .img_inner .img { height: 550px; }
.sticky_siteimg { padding: 130px 15px 130px 0; position: relative; }
.sticky_siteimg .section_wrap:before { width: 900px; }
.sticky_siteimg .section_wrap .left_prt { padding-left: calc((100% - 920px) / 2); padding-right:15px; }
.sticky_siteimg .section_wrap .left_prt h2 { font-size: 40px; line-height: 50px; }
.progress_section .progress_inner .title h3 { font-size: 40px; line-height: 50px; }
.success_section .section_wrap { min-height: 650px; }
.success_section .section_wrap h2 { font-size: 100px; }
.success_section .section_wrap .inner:before { width: 900px; }
.blogpost_inner.webinarpost_inner .section_wrap .left_part{max-width:calc(100% - 400px);width:100%;}
.blogpost_inner.webinarpost_inner .left_part .post_title h1{font-size:40px;line-height:45px;}
.blogpost_inner.webinarpost_inner .section_wrap .right_part{max-width:400px;width:100%;}
.blogpost_inner.webinarpost_inner .right_part .form-wrapper form .hs_submit input{min-width:280px;}
}
@media (max-width:991px){
.hs-blog-post h2 { font-size: 40px; }
.blog_innerhero { padding: 150px 0 100px; }
.blog_innerhero h1 { font-size: 70px; line-height: 70px; }
.blog_innerhero .section_wrap .right_part { padding: 20px 0 0 20px; }
.blog-index .arcicle-inner .details { padding-left: calc((100% - 720px) / 2); }
.blog-index .latest-article .arcicle-inner h2 a,
.blog-index .latest-article .arcicle-inner h2 { font-size: 30px; line-height: 40px; }
.blog-index .latest-article .arcicle-inner .image { height: 350px; }
.blog-listing .inner { margin: 0 -10px; }
.blog-listing .inner .blog-index_post { padding: 0 10px 50px; }
.blog-listing .inner .blog-index_post .image { height: 250px; }
.blog-listing .inner .blog-index_post .arcicle-inner .details h2,
.blog-listing .inner .blog-index_post .arcicle-inner .details h2 a { font-size: 24px; line-height: 34px; }
.blog-listing .loadmore.button-1 { max-width: 50%; }
.blogpost_inner .section_wrap .left_part { width: 30%; }
.blogpost_inner .section_wrap .right_part { width: 70%; }
.blogpost_inner .section_wrap .left_part .posthero_topics { padding: 40px 0; }
.blogpost_inner .section_wrap .right_part .post_featuredimg { height: 450px; }
.post_aurther .hs-author-avatar .left_prt { width: 50%; margin: 0; padding-right: 15px; }
.post_aurther .hs-author-avatar .avatar_info { width: 50%; }
.post_aurther .hs-author-avatar .avatar_info .hs-author-social-section { padding-top: 40px; }
.aurtherpost_wrap { margin: 0 -10px; }
.aurtherpost_wrap .aurtherpost_inner { padding: 0 10px 30px; }
.aurtherpost_wrap .aurtherpost_inner .featured-image { height: 300px; }
.related-post .relatedpost_wrap { margin: 0 -10px; }
.related-post .relatedpost_wrap .post-inner { padding: 0 10px 30px; }
.related-post .relatedpost_wrap .post-inner .featured-image { height: 300px; }
.blog-author-main .blogaur_inner .left_prt { width: 50%; padding-right: 15px; margin: 0; }
.blog-author-main .blogaur_inner .author-parent { width: 50%; }
.portfolio-blog-section .post-listing { margin: 0 -10px; }
.portfolio-blog-section .post-listing .post-item { padding: 0 10px 50px; }
.portfolio-blog-section .post-listing .post-item a.hs-featured-image-link { height: 400px; }
.portfolio-blog-section .post-listing .post-item a.hs-featured-image-link { height: 270px!important }
.portfolio-blog-section .post-listing .post-item .post-body .value_content ul li { padding: 0 5px 10px; font-size: 12px; line-height: 16px; }
.portfolio-blog-section .post-listing .post-item .post-body .value_content { padding-top: 20px; margin-top: 20px; max-width: 97%; }
.portfolio-blog-section .post-listing .post-item .post-body .value_content ul li strong { font-size: 20px; line-height: 30px; }
.portfolio-blog-section .post-listing .post-item .post-body:before { width: 25px; height: 35px; right: 0; }
.portfolio-blog-section .post-listing .post-item .post-header ul li a { font-size: 11px; }
.blogpost_inner.pfpost_innerhero .left_part .posthero_topics { padding: 10px 0; }
.blogpost_inner.pfpost_innerhero .left_part .wyattseal_logo { width: 170px; height: 170px; }
.counter_section:before, .counter_section:after { left: calc((100% - 700px) / 2); top: -20px; }
.counter_section:after { right: calc((100% - 720px) / 2); left: auto; }
.counter_section .section_wrap { padding: 70px 0 50px; }
.counter_section .section_wrap .left_Part h2 { font-size: 80px; }
.counter_section .section_wrap .left_Part:before, .counter_section .section_wrap .right_part:before { top: -70px; }
.counter_section .section_wrap .left_Part .quote { padding: 70px 0 30px; font-size: 20px; line-height: 30px; }
.counter_section .section_wrap .right_part .right_col .right_inner .counter { font-size: 70px; line-height: 70px; }
.counter_section .section_wrap .right_part .right_col .right_inner .counter_wrap span { font-size: 50px; line-height: 1; }
.counter_section .section_wrap .right_part .right_col .right_inner { padding: 0 15px 30px; }
.portfolio_foundation .section_inner { padding-bottom: 70px; padding-left: 70px; }
.portfolio_foundation .image_wrap .img_inner .img { height: 500px; }
.portfolio_foundation .section_inner h2 { font-size: 40px; }
.portfolio_foundation .section_inner:after { left: 20px; top: 10px; }
.portfolio_foundation .section_inner:before { top: 15px; }
.portfolio_foundation .section_inner span.dots { top: 15px; }
.progress_section .progress_inner .title h3 { font-size: 30px; line-height: 40px; }
.progress_section .progress_inner .progressbar { height: 40px; }
.progress_section .progress_inner .progressbar .progress { height: 40px; }
.progress_section .progress_inner .progress_value .start_value { font-size: 40px; }
.progress_section .progress_inner { padding-bottom: 80px; }
.sticky_siteimg { padding: 100px 15px 100px 0; }
.sticky_siteimg .section_wrap:before { width: 500px; }
.sticky_siteimg .section_wrap .left_prt { padding-left: calc((100% - 700px) / 2); }
.sticky_siteimg .section_wrap .left_prt .sub_title { font-size: 16px; line-height: 24px; }
.sticky_siteimg .section_wrap .left_prt h2 { font-size: 30px; line-height: 40px; }
.port_testimonial { padding: 80px 0; }
.port_testimonial .box_title { font-size: 26px; line-height: 27px; }
.success_section .section_wrap .inner:before { width: 700px; height: 900px; top: -300px; left: 0; right: 0; margin: 0 auto; }
.success_section .section_wrap h2 { font-size: 80px; }
.success_section .section_wrap .content { font-size: 20px; line-height: 30px; }
.success_section .section_wrap { padding: 70px 40px; min-height: 550px; }
.next_post { padding: 80px 0; }
.next_post:before { width: 700px; height: 900px; top: -70px; }
.next_post .post_wrap .left_part { width: 700px; }
.next_post .post_wrap .right_part { width: 600px; margin-left: -200px; }
.next_post .post_wrap h2 { font-size: 30px; line-height: 40px; }
.next_post .post_wrap .right_part .img { height: 280px; }
.about_project { margin-bottom: 160px; }
.about_project .bottom_part { height: 350px; border-radius: 15px; }
.about_project.removespace { margin-bottom: 90px; }
.webinar-listing .inner .webinar-post-card .card-body{padding:20px 0 20px 14px;}
.webinar-listing .inner .webinar-post-card .card-body .main-content h2{font-size:19px;line-height:29px;}
.webinar-listing .inner .webinar-post-card .card-body .main-content h2{margin-top:25px;}
.webinar-listing .inner .webinar-post-card .card-body{flex-direction:column;align-items:flex-start;}
.webinar-listing .inner .webinar-post-card{width:100%;}
.webinar-listing .inner .webinar-post-card .card-body .btn-wrapper{margin-top:35px;}
.blogpost_inner.webinarpost_inner .left_part{width:100%;}
.blogpost_inner.webinarpost_inner .section_wrap .right_part{max-width:300px;width:100%;}
.blogpost_inner.webinarpost_inner .right_part .video-wrapper{border-radius:20px;}
.blogpost_inner.webinarpost_inner .right_part .form-wrapper{padding:20px;border-radius:20px;}
.blogpost_inner.webinarpost_inner .form-wrapper .title-part h2{font-size:30px;line-height:normal;}
.blogpost_inner.webinarpost_inner .right_part .form-wrapper form .hs_submit input{min-width:260px;}
.webinar-post_main .content-wrapper h1{font-size:52px;line-height:52px;}
.wld-timer .event-date-section{font-size:48px;}
.wld-timer #time-elappse > div{font-size:80px;line-height:90px;}
.wld-timer #time-elappse small{margin:-30px 30px 0;}
}
@media (max-width:767px){
.hs-blog-post h2 { font-size: 35px; }
.blog-post .post_main .blog-postwrap h2 {font-size:43px;}
.blog_innerhero { padding: 200px 0 150px; }
.blog_innerhero h1 { font-size: 80px; line-height: 80px; }
.blog_innerhero .section_wrap .left_part,
.blog_innerhero .section_wrap .right_part { width: 100%; }
.blog_innerhero .section_wrap .right_part { padding: 25px 0 0; }
.blog_innerhero .section_wrap .left_part .sub_title { padding-bottom: 15px; }
.blog-index .arcicle-inner .details { width: 100%; padding: 0 0 30px 15px; }
.blog-index .latest-article .arcicle-inner { position: relative; margin-top: -70px; }
.blog-index .latest-article .arcicle-inner .image { width: 100%; margin: 0 0 0 15px; border-radius: 10px 0 0 10px; }
.blog-index .arcicle-inner .details .blog-index__post-tags { padding-bottom: 15px; }
.blog-index .latest-article .arcicle-inner h2,
.blog-index .latest-article .arcicle-inner h2 a { font-size: 45px; line-height: 53px; }
.blogpost_inner .section_wrap .left_part .aurther_top .avatar_info {padding-left:0px;padding-top:15px;}
.blog-listing .inner { margin: 0; }
.blog-listing .inner .blog-index_post { padding: 0 0 50px; width: 100%; }
.blog-listing .inner .blog-index_post .arcicle-inner .details { padding-right: 15px; }
body .blog-listing .container { padding: 0 0 0 15px; margin: 0; width: 100%; }
.blog-listing .inner .blog-index_post .image { height: 255px; border-radius: 10px 0 0 10px; }
.all_insights { max-width: 95%; }
.blog-listing .inner .blog-index_post .arcicle-inner .details h2,
.blog-listing .inner .blog-index_post .arcicle-inner .details h2 a { font-size: 35px; line-height: 42px; }
.blog-listing .loadmore.button-1 { max-width: 100%; }
.blog-subscribe .subscribe_from h2 { font-size: 35px; line-height: 43px; }
.blog-subscribe .subscribe_from { max-width: 100%; }
.blog-subscribe .subscribe_from:before { width: 100%; height: 428px; right: 37px; }
.blog-subscribe .subscribe_from form .field.hs-form-field { width: calc(100% - 61px); padding: 0; }
.blog-subscribe .subscribe_from form { position: relative; }
.blog-subscribe .subscribe_from form .hs_submit.hs-submit { position: absolute; top: 0; right: 0; }
.blogpost_inner .section_wrap .right_part { width: 100%; order: 1; }
.blogpost_inner .section_wrap .left_part { width: 100%; padding: 30px 0 0; order: 2; display: flex; flex-wrap: wrap; align-items: center; }
.blogpost_inner .post_title h1 { padding-top: 60px; }
.blogpost_inner .post_title h1 span.bg_pattern { font-size: 70px; line-height: 70px; }
.blogpost_inner .section_wrap .right_part .post_featuredimg { height: 300px; border-radius: 20px; }
.blogpost_inner .section_wrap .left_part .section.post-body { width: 50%; }
.blogpost_inner .section_wrap .left_part .posthero_topics { padding: 0 0 0 15px; width: 50%; }
.blogpost_inner .section_wrap .left_part .post_signup { padding-top: 30px; }
.blog-post { margin: 0; }
.blog-post .post_main { padding: 50px 0 50px; }
.blog-post .container { border: none; }
.post_aurther { overflow: hidden; }
.post_aurther .container { padding: 0; margin: 0; }
.post_aurther .all_insights { margin-left: 15px; }
.post_aurther .hs-author-avatar { max-width: 100%; }
.post_aurther .hs-author-avatar .left_prt { width: 100%; padding: 0; }
.post_aurther .hs-author-avatar .avatar_info { width: 100%; padding: 30px 0 0; }
.post_aurther .hs-author-avatar .avatar_info h2 { font-size: 40px; line-height: 27px; }
.post_aurther .hs-author-avatar .avatar_info p { font-size: 16px; line-height: 26px; }
.post_aurther .section.post-body { padding: 0 15px; }
.aurtherpost_wrap { margin: 0; }
.aurtherpost_wrap .aurtherpost_inner { width: 100%; padding: 0 0 30px 15px; }
.aurtherpost_wrap .aurtherpost_inner .aur_inner .details { padding-right: 15px; }
.aurtherpost_wrap .aurtherpost_inner .featured-image { height: 255px; border-radius: 10px 0 0 10px; }
.related-post .container { padding: 0; margin: 0; }
.related-post .all_insights { margin-left: 15px; }
.related-post .relatedpost_wrap { margin: 0; }
.related-post .relatedpost_wrap .post-inner { width: 100%; padding: 0 0 30px 15px; }
.related-post .relatedpost_wrap .post-inner .featured-image { height: 255px; border-radius: 10px 0 0 10px; }
.post_aurther .hs-author-avatar .avatar_info .bio_social { display: flex; align-items: center; justify-content: space-between; }
.post_aurther .hs-author-avatar .avatar_info .hs-author-social-section { padding: 0; }
.blog-author-main { overflow: hidden; }
.blog-author-main .inner .left_prt { width: 100%; padding: 0; }
.blog-author-main .inner .author-parent { padding: 30px 0 0; width:100%; }
.blog-author-main .inner .author-parent .hs-author-social-section { padding-top: 30px; }
.blog-author-main .inner { padding-bottom: 0; }
.blog-author-main .blogaur_inner .left_prt { width: 100%; padding: 0; }
.blog-author-main .blogaur_inner .author-parent { width: 100%; padding: 30px 0 0; }
.portfolio_inhero{padding: 157px 0 0px;}
.portfolio_inhero .sub_title { font-size: 22px; line-height: 32px; }
.portfolio_inhero .title h1 { font-size: 75px; line-height: 75px; padding-left:100px; }
.portfolio_inhero .title span.title_span { font-size: 40px; line-height: 40px; display: block; width: 100%; text-align: left; }
.portfolio_inhero .title { flex-wrap: wrap; justify-content: flex-start; padding-top: 50px; }
.portfolio-blog-section .portfolio_topics span.fliter_topics { font-size: 16px; line-height: 22px; font-weight: 600; letter-spacing: 1.92px; font-family: 'Clash Display'; color: #4DEBBC; text-align: center; position: relative; padding-right: 20px; }
.portfolio-blog-section .portfolio_topics .filter { position: relative; padding-bottom: 10px; text-align: center; }
.portfolio-blog-section .portfolio_topics ul { position: absolute; top: 100%; left: 0; width: 100%; display: inline-block; background: #00071D; border: 1px solid rgba(255, 255, 255, .5); padding: 10px; display:none; }
.portfolio-blog-section .portfolio_topics span.fliter_topics:before { position: absolute; content: ""; top: 0; right: 0; background: url(https://www.knowmad.com/hubfs/knowmad_2024/image/box-right-arrow.svg) no-repeat 50% / cover; width: 12px; height: 17px; transform: rotate(90deg); }
.portfolio-blog-section .post-listing { margin: 0; }
.portfolio-blog-section .post-listing .post-item { width: 100%; padding: 0 0 100px; }
.portfolio-blog-section .post-listing .post-item a.hs-featured-image-link { height: 330px; }
.portfolio-blog-section .post-listing .post-item .post-header ul li a { font-size: 13px; }
.portfolio-blog-section .post-listing .post-item .post-body .value_content ul li { padding: 0 15px 30px; }
.portfolio-blog-section .post-listing .post-item .post-body:before { display: none; }
.portfolio-blog-section .post-listing .post-item .post-body { padding: 25px 20px; z-index: 1; }
.portfolio-blog-section .post-listing .post-item .post-body .line.btm { z-index: -1; }
.portfolio-blog-section .post-listing .post-item .post-body a.more-link { font-size: 12px; line-height: 26px; font-weight: 700; letter-spacing: 1.92px; color: #fff; text-transform: uppercase; font-family: 'Clash Display'; padding-right: 30px; position: relative; }
.portfolio-blog-section .post-listing .post-item .post-body a.more-link:before { position: absolute; content: ""; right: 0; background: url(https://www.knowmad.com/hubfs/knowmad_2024/image/right-arrow.svg)no-repeat center/cover; width: 18px; height: 13px; top: 6px; }
.portfolio-blog-section .post-listing .post-item .post-body .sameheight { height: auto !important; }
.portfolio-blog-section .post-listing .post-item .post-body.no_content a.more-link { margin-top: 50px; display: inline-block; }
.portfolio-blog-section .post-listing .post-item .post-body .line { height: 68px; }
.blogpost_inner.pfpost_innerhero .post_title h1 span.bg_pattern { font-size: 100px; line-height: 1; }
.blogpost_inner.pfpost_innerhero .left_part { align-items: flex-start; justify-content: center; }
.blogpost_inner.pfpost_innerhero .left_part .posthero_topics { width: 33.33%; padding:0; }
.blogpost_inner.pfpost_innerhero .left_part .wyattseal_logo { margin: 10px 0 0; width: 100px; height: 100px; padding: 5px 5px; }
.blogpost_inner.pfpost_innerhero .left_part .wyattseal_logo img { width: 100%; }
.blogpost_inner.pfpost_innerhero .left_part .launch_site { width: 33.33%; padding-left: 20px; }
.blogpost_inner .section_wrap .left_part ul { padding-bottom: 15px; }
.counter_section .section_wrap .left_Part:before,
.counter_section .section_wrap .right_part:before { display: none; }
.counter_section:before,
.counter_section:after { left: 30%; }
.counter_section:after { left: auto; right: 30%; }
.counter_section .section_wrap .left_Part { width: 100%; padding: 0; }
.counter_section .section_wrap .left_Part h2 { font-size: 75px; }
.counter_section .section_wrap .left_Part .quote { padding: 50px 0 20px; }
.counter_section .section_wrap .right_part { width: 100%; padding: 55px 0 0; }
.counter_section .section_wrap .right_part .right_col .right_inner { width: 100%; padding: 0 0 30px; text-align: center; }
.counter_section .section_wrap .right_part .right_col { justify-content: center; text-align: center; }
.counter_section .section_wrap .right_part .right_col .counter_wrap { justify-content: center; }
.counter_section .section_wrap .right_part .right_col .right_inner .counter { font-size: 80px; line-height: 1; }
.counter_section .section_wrap .right_part .right_col .right_inner .counter_wrap span { font-size: 50px; line-height: 50px; }
.about_project { padding: 50px 0; margin-bottom: 100px; margin-bottom: 160px; }
.about_project .section_wrap .col { width: 100%; padding: 0 0 50px; }
.about_project .section_wrap { margin: 0; }
.about_project .section_wrap .col h3 { font-size: 55px; }
.about_project .section_wrap .col .box_content { font-size: 16px; line-height: 26px; }
.about_project .section_wrap .col:last-child { padding-bottom: 0; }
.about_project:before { width: 500px; height: 600px; }
.about_project .bottom_part { margin: 60px 0 -140px; height: 270px; }
.portfolio_foundation .top_text { font-size: 25px; line-height: 35px; }
.portfolio_foundation .section_inner { padding: 40px 0 20px 20px; }
.portfolio_foundation .section_inner:last-child { padding-bottom: 0; }
.portfolio_foundation .section_inner h2 { color: #031545; }
.portfolio_foundation .section_inner:after { font-size: 16px; line-height: 26px; }
.portfolio_foundation .section_inner .inner { border-bottom: 1px dotted rgb(3 21 69 / 35%); padding-bottom: 30px; position: relative; }
.portfolio_foundation .section_inner .inner a { color:#E53913; }
.portfolio_foundation .section_inner .inner:before { position: absolute; content: ""; bottom: 1px; left: 0; right: 0; border-bottom: 1px dotted rgb(3 21 69 / 35%); }
.portfolio_foundation .section_inner:last-child .inner { border: none; }
.portfolio_foundation .section_inner:last-child .inner:before { display: none; }
.portfolio_foundation .image_wrap .img_inner { width: 100%; padding: 0 0 30px; }
.portfolio_foundation .image_wrap { margin: 0; padding: 50px 10px 0; }
.portfolio_foundation .image_wrap .img_inner .img { height: 413px; border-radius: 10px; }
.portfolio_foundation .image_wrap:before { display: none; }
/* .portfolio_foundation .image_wrap .img_inner:last-child { padding: 0; } */
.portfolio_foundation .full_width_img { padding: 30px 15px 50px; }
.portfolio_foundation .full_width_img .img img { border-radius: 10px; }
.sticky_siteimg { padding: 60px 15px; }
.sticky_siteimg .section_wrap .left_prt { width: 100%; position: static; padding: 0; }
.sticky_siteimg .section_wrap .right_prt { width: 100%; padding: 50px 0 0; }
.sticky_siteimg .section_wrap:before { height: 400px; width: 100%; top: -60px; left: 0; right: 0; margin: 0 auto; }
.progress_section .bottom_prt .content { font-size: 18px; line-height: 28px; }
.progress_section .progress_inner .for_desk { display: none; }
.progress_section .progress_inner .for_mobile { display: flex; flex-wrap: wrap; position: relative; }
.progress_section .progress_inner .for_mobile .mob_left { width: 70%; padding-right: 15px; display: flex; flex-wrap: wrap; margin-top: auto; align-items: baseline; }
.progress_section .progress_inner .for_mobile .mob_right { padding-left: 15px; position: absolute; right: 0; top: 0; }
.progress_section .progress_inner .for_mobile .mob_left .title.white-text { display: inline-block; width:100%; }
.progress_section .progress_inner .for_mobile .mob_left .progress_value { display: inline-block; margin-top: 250px; }
.progress_section .progress_inner .for_mobile .mob_left .start_value { color: #E53913; font-size: 55px; line-height: 1; font-family: 'Tanker'; font-weight: 400; padding-top: 20px; }
.progress_section .progress_inner .for_mobile .mob_left .start_value span { font-family: 'Clash Display'; font-weight: 500; color: #fff; display: block; font-size: 16px; line-height: 26px; letter-spacing: 1.92px; text-transform: uppercase; }
.progress_section .progress_inner .for_mobile .mob_left .progress_value h3 { font-size: 30px; line-height: 40px; margin: 0; color: #fff; }
.progress_section .progress_inner .progress_value .start_value { color: #000; }
.progress_section .progress_inner .for_mobile .mob_right .progressbar { width: 58px; height: 583px; }
.progress_section .progress_inner .for_mobile .mob_right .progressbar .progress { width: 58px !important; height: 300px; }
.port_testimonial .box_title { font-size: 20px; line-height: 28px; }
.success_section .section_wrap .inner:before { width: 100%; height: 440px; top: -140px; }
.success_section .section_wrap { height: 587px; border-radius: 0; }
.success_section .section_wrap h2 { font-size: 75px; }
.success_section .section_wrap .content { font-size: 16px; line-height: 26px; }
.success_section .container { padding: 0; }
.next_post { overflow:hidden; }
.next_post:before { width: 100%; }
.next_post .post_wrap .left_part { width: 100%; }
.next_post .post_wrap { flex-wrap: wrap; }
.next_post .post_wrap .right_part { width: 100%; margin: 0; right: -200px; position: relative; padding-top: 25px; }
.progress_section .progress_inner .for_mobile .mob_left .start_value.end_value { display: inline-block; color:#4DEBBC; }
.progress_section .progress_inner .for_mobile .mob_left .start_value.end_value span { padding: 0; }
.webinar-blog-post{padding:70px 0 40px;}
.webinar-post_main .content-wrapper h1{font-size:44px;line-height:44px;}
.blogpost_inner.webinarpost_inner .section_wrap{flex-direction:column-reverse;}
.blogpost_inner.webinarpost_inner .section_wrap .left_part{max-width:100%;padding:0;display: block;}
.blogpost_inner.webinarpost_inner .section_wrap .left_part .posthero_topics{width:100%;padding:0;}
.blogpost_inner.webinarpost_inner .post_title h1{padding-top:80px;}
.blogpost_inner.webinarpost_inner .section_wrap{padding:0;}
.blogpost_inner.webinarpost_inner .section_wrap .right_part{max-width:600px;margin:30px 0 0;}
.blogpost_inner.webinarpost_inner .right_part .form-wrapper form .hs-form-field input{padding:14px;}
.wld-timer{padding:60px 0;}
.wld-timer #time-elappse small{margin:-30px 10px 0;font-size:50px;}
.wld-timer #time-elappse > div{font-size:50px;line-height:60px;}
.testimonial-section{padding:50px 0;}
.testimonial-section .testimonial-slider-wrapper .testimonial-content .testimonial-text{font-size:24px;line-height:32px;display:inline-block;}
.testimonial-section .testimonial-slider-wrapper .testimonial-content .testimonial-text:before{margin:0 auto;}
}
@media (max-width:500px){
.blog-index .latest-article .arcicle-inner .image { height: 278px; }
.blog_innerhero .left_part .topics { max-width: 100%; }
.blog-listing .loadmore.button-1 { max-width: 100%; padding-right:15px; }
.blog-subscribe { padding: 50px 0 100px; }
.blog-subscribe .subscribe_from:before { right: 0; height: 350px; }
.blog-listing .loadmore.button-1 a { min-width: 269px; margin: 0; }
.blogpost_inner .section_wrap .right_part .post_featuredimg { height: 230px; }
.blogpost_inner .post_title h1 { padding-top: 50px; }
.portfolio-blog-section .loadmore.button-1 a { width: 100%; max-width: 100%; min-width: auto; }
.portfolio_inhero:before { height: 500px; width: 300px; top: auto; bottom: 0; }
.next_post .post_wrap .right_part { right: -30px; }
.blogpost_inner.pfpost_innerhero .left_part .posthero_topics { padding-left: 0; width: 50%; }
.blogpost_inner.pfpost_innerhero .left_part .launch_site { width: 100%; padding: 25px 0 0; display: flex; align-items: center; flex-wrap: wrap; }
.blogpost_inner.pfpost_innerhero .left_part .launch_site a { order: 2; margin-left: 15px; }
.blogpost_inner.pfpost_innerhero .left_part .wyattseal_logo { order: 1; }
.blogpost_inner.pfpost_innerhero .left_part .wyattseal_logo img { max-width: 100%; width: 100%; }
.webinar-listing .webinar-post-card .card-inner .image{height:260px;}
.webinar-listing .inner .webinar-post-card{max-width:405px;margin:0 auto;}
.webinar-listing .inner .webinar-post-card .card-body .main-content .post-tag{font-size:14px;line-height:20px;}
.webinar-listing .inner .webinar-post-card .card-body .webinar-index__post-tags div + div:before{top:4px;}
.blogpost_inner.webinarpost_inner .post_title h1 span.bg_pattern{font-size:60px;line-height:150px;}
.blogpost_inner.webinarpost_inner .right_part .form-wrapper form .hs_submit input{min-width:230px;font-size:14px;}
.wld-timer #time-elappse > div{font-size:30px;line-height:40px;width:calc(50% - 60px);}
.wld-timer .event-date-section{font-size:30px;}
.wld-timer #time-elappse{margin:30px 0 0;}
.wld-timer #time-elappse span{font-size:12px;line-height:16px;}
.wld-timer #time-elappse small{margin:-20px 2px 0;}
.wld-timer .button-1{margin-top:30px;}
.wld-timer .button-1 a{min-width:unset;}
}
@media (max-width:400px){
.blogpost_inner .section_wrap .left_part .aurther_top .hs-author-avatar_img { width: 50px; height: 50px; }
.portfolio_inhero .title h1 { padding-left: 50px; }
.progress_section .progress_inner .title h3 { font-size: 25px; line-height: 35px; }
.progress_section .progress_inner .for_mobile .mob_left .start_value { font-size: 40px; }
.progress_section .progress_inner .for_mobile .mob_left .start_value span { font-size: 14px; }
.progress_section .progress_inner .for_mobile .mob_left .progress_value h3 { font-size: 25px; line-height: 35px; }
.success_section .section_wrap .inner:before { display:none; }
.portfolio-blog-section .post-listing .post-item a.hs-featured-image-link { height: 220px!important; }
}
@media (max-width:340px){
.blog_innerhero h1 { font-size: 60px; line-height: 60px; }
.blog-subscribe .subscribe_from:before { height: 250px; top: -80px; }
.portfolio-blog-section .post-listing .post-item .post-body .value_content ul { margin:0; }
.portfolio-blog-section .post-listing .post-item .post-body .value_content ul li { padding: 0 0 15px; width: 100%; }
.portfolio_inhero .title h1 { padding-left: 0; }
}
/* Error pages */
.error-page {
padding: 18rem 0 12rem;
position: relative;
text-align: center;
}
.error-page:before {
color: #F3F6F9;
content: attr(data-error);
font-size: 40vw;
font-weight: bold;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
z-index: -1;
}
@media screen and (min-width: 1100px) {
.error-page:before {
font-size: 20rem;
}
}
/* System pages */
.systems-page {
margin: 0 auto;
max-width: 700px;
padding: 3rem 1.4rem;
}
.systems-page--search-results {
max-width: 100%;
}
.systems-page .header {
background-color: transparent;
border-bottom: none;
padding: 0;
}
.systems-page .success {
background-color: #CDE3CC;
border: 1.5px solid #4F7D24;
border-radius: 6px;
color: #4F7D24;
display: inline-block;
margin: 1.4rem 0;
padding: 0.1rem 0.7rem;
width: 100%;
}
.systems-page form input {
max-width: 100%;
}
.systems-page form input[type='submit'] {
margin: 0.7rem 0;
display: block;
}
/* Search pages */
.hs-search-results__title {
font-size: 1.25rem;
margin-bottom: 0.35rem;
text-decoration: underline;
}
.hs-search-results__title:hover {
text-decoration: none;
}
.hs-search-results__description {
padding-top: 0.7rem;
}
/* Password prompt */
.password-prompt input[type=password] {
height: auto !important;
margin-bottom: 1.4rem;
}
.systems-page #hs-login-widget-remember,
.systems-page #hs-login-widget-remember ~ label {
display: inline-block;
margin-bottom: 0.175rem;
}
.systems-page #hs_login_reset {
display: block;
margin-bottom: 0.7rem;
}
/* Backup unsubscribe */
.backup-unsubscribe #email-prefs-form div {
padding-bottom: 0 !important;
}
.backup-unsubscribe input[type=email] {
font-size: 0.875rem !important;
margin-bottom: 1.4rem;
padding: 0.7rem !important;
}
/* Subscription preferences */
#email-prefs-form .item.disabled {
opacity: 0.6;
cursor: not-allowed;
}
#email-prefs-form .item.disabled input:disabled {
cursor: not-allowed;
}
/* Membership pages */
#hs-membership-form a[class*='show-password'] {
font-size: 0.75rem;
}
/* Input error messages */
.form-input-validation-message ul.hs-error-msgs {
padding-left: 0;
margin: 0;
}
.form-input-validation-message ul.hs-error-msgs li {
margin: 0;
}
/* system css */
.content-wrapper.errorpage_sc .error-page { padding: 150px 0 0; }
.content-wrapper.errorpage_sc { background: #00071D url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/shape-service1.png') no-repeat top 0 right -350px; padding: 150px 15px; }
.content-wrapper.errorpage_sc .error-page:before { position: relative; left: 0; top: 0; color: #4debbc; line-height: 5rem; z-index: 1; }
.content-wrapper.errorpage_sc h1 { margin: 20px 0; color: #fff; font-size: 60px; }
.content-wrapper.errorpage_sc .error-page a.button:hover { background: #4debbc; color: #fff; border-color: #4debbc; }
.content-wrapper.errorpage_sc .error-page a.button:hover span:after { filter: brightness(100); }
.content-wrapper.errorpage_sc .error-page a.button span:after { background-image: url(https://www.knowmad.com/hubfs/knowmad_2024/image/right-arrow-green.svg); }
.form-floating-alert-wrapper .form-floating-alert-error { color: #000; }
/* */
.content-wrapper.errorpage_sc .systems-page { max-width: 900px; text-align: center; color: #fff; padding: 0; }
.content-wrapper.errorpage_sc .systems-page h3 { color: #fff; font-size: 30px; }
/* */
.content-wrapper.errorpage_sc .form-container { padding: 40px 0 0; text-align: center; max-width: 400px; margin: 0 auto; }
.content-wrapper.errorpage_sc .systems-page form input { border-color: #fff; color: #fff; }
.content-wrapper.errorpage_sc .systems-page form input::-webkit-input-placeholder { color:#fff; opacity:1; }
.content-wrapper.errorpage_sc .systems-page form input::-moz-placeholder { color: #fff; opacity:1; }
.content-wrapper.errorpage_sc .systems-page form input:-ms-input-placeholder { color: #fff; opacity:1; }
.content-wrapper.errorpage_sc .systems-page form input:-moz-placeholder { color: #fff; opacity:1; }
.content-wrapper.errorpage_sc .hs-form-field { margin-bottom: 20px; }
.content-wrapper.errorpage_sc .hs-form-field label { margin-bottom: 8px; display: inline-block; }
.content-wrapper.errorpage_sc .systems-page form input[type=submit] { width: 100%; border-color: #4debbc; color: #031545; }
.content-wrapper.errorpage_sc .form-container ul.no-list { list-style: none; padding: 0; }
/* */
.content-wrapper.errorpage_sc .hs_cos_wrapper form { margin: 0 auto; max-width: 400px; padding: 40px 0 0; text-align: left; }
.content-wrapper.errorpage_sc .hs_cos_wrapper form input[type=password] { height: 54px !important; }
/* */
.content-wrapper.errorpage_sc .systems-page.subprefernces_main .hs_cos_wrapper form { max-width: 100%; }
.content-wrapper.errorpage_sc .systems-page.subprefernces_main .hs_cos_wrapper .email-prefs { text-align: left; padding: 30px 0 0; }
.content-wrapper.errorpage_sc .systems-page.subprefernces_main .hs_cos_wrapper .item { padding-bottom: 15px; }
.content-wrapper.errorpage_sc .systems-page.subprefernces_main .hs_cos_wrapper form input[type=submit] { margin: 30px 0 0; max-width: 500px; }
.content-wrapper.errorpage_sc .systems-page.subprefernces_main .page-header h2 { color: #fff; font-size: 40px; }
.content-wrapper.errorpage_sc .systems-page.subprefernces_main .localization-language { display: none; }
.content-wrapper.errorpage_sc .systems-page.subprefernces_main .subscribe-options label span,
.content-wrapper.errorpage_sc .systems-page.subprefernces_main .hs_cos_wrapper .item .fakelabel span { font-weight: 700; }
/* Media query */
@media(max-width: 767px){
.content-wrapper.errorpage_sc .error-page { padding: 70px 0 0; }
.content-wrapper.errorpage_sc h1 { font-size: 40px; }
.content-wrapper.errorpage_sc .systems-page.subprefernces_main .page-header h2 { font-size: 30px; }
}
@media(max-width: 575px){
.content-wrapper.errorpage_sc { background: #00071D url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/shape-service1.png') no-repeat top 0 right -510px; padding: 110px 15px 130px; }
}
@font-face {
font-family: 'Tanker';
src: url(//142543.fs1.hubspotusercontent-na1.net/hubfs/142543/raw_assets/public/knowmad/fonts/Tanker-Regular.woff2) format('woff2'),
url(//142543.fs1.hubspotusercontent-na1.net/hubfs/142543/raw_assets/public/knowmad/fonts/Tanker-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Clash Display';
src: url(//142543.fs1.hubspotusercontent-na1.net/hubfs/142543/raw_assets/public/knowmad/fonts/ClashDisplay-Bold.woff2) format('woff2'),
url(//142543.fs1.hubspotusercontent-na1.net/hubfs/142543/raw_assets/public/knowmad/fonts/ClashDisplay-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Clash Display';
src: url(//142543.fs1.hubspotusercontent-na1.net/hubfs/142543/raw_assets/public/knowmad/fonts/ClashDisplay-Medium.woff2) format('woff2'),
url(//142543.fs1.hubspotusercontent-na1.net/hubfs/142543/raw_assets/public/knowmad/fonts/ClashDisplay-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Clash Display';
src: url(//142543.fs1.hubspotusercontent-na1.net/hubfs/142543/raw_assets/public/knowmad/fonts/ClashDisplay-Extralight.woff2) format('woff2'),
url(//142543.fs1.hubspotusercontent-na1.net/hubfs/142543/raw_assets/public/knowmad/fonts/ClashDisplay-Extralight.woff) format('woff');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Clash Display';
src: url(//142543.fs1.hubspotusercontent-na1.net/hubfs/142543/raw_assets/public/knowmad/fonts/ClashDisplay-Regular.woff2) format('woff2'),
url(//142543.fs1.hubspotusercontent-na1.net/hubfs/142543/raw_assets/public/knowmad/fonts/ClashDisplay-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Clash Display';
src: url(//142543.fs1.hubspotusercontent-na1.net/hubfs/142543/raw_assets/public/knowmad/fonts/ClashDisplay-Semibold.woff2) format('woff2'),
url(//142543.fs1.hubspotusercontent-na1.net/hubfs/142543/raw_assets/public/knowmad/fonts/ClashDisplay-Semibold.woff) format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Clash Display';
src: url(//142543.fs1.hubspotusercontent-na1.net/hubfs/142543/raw_assets/public/knowmad/fonts/ClashDisplay-Light.woff2) format('woff2'),
url(//142543.fs1.hubspotusercontent-na1.net/hubfs/142543/raw_assets/public/knowmad/fonts/ClashDisplay-Light.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
.container, .row-fluid .container { margin: 0 auto; padding: 0 15px; }
*, *:before , *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
/* Slick - 1.9.0 */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-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}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-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;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block;max-height:130px;width:auto;}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
/*# sourceMappingURL=slick.min.css.map */
/* Slick css */
.slick-slider .slick-arrow { min-width: auto; padding: 0; border: none; z-index: 5; position: absolute; top: 50%; left: 0; width: 53px; height: 45px; font-size: 0px; color: #fff; transition:400ms; cursor: pointer; transform: translateY(-50%); background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center center; }
.slick-slider .slick-arrow.slick-next { left: auto; right: 0; transform: scale(-1) translateY(50%); }
.slick-slider .slick-dots { text-align: center; padding: 0; margin: 20px 0 0 0; }
.slick-slider .slick-dots li { display: inline-block; margin: 0 3px; line-height: 0; height: 5px; }
.slick-slider .slick-dots li button { min-width: auto; width: 9px; height: 5px; border-radius: 5px; border: none; padding: 0; text-indent: -9999px; cursor: pointer; transition:400ms; background: #4DEBBC; }
.slick-slider .slick-dots li.slick-active button { width: 60px; }
a.boxLink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* data-small-btn="true" */
.fancybox-slide .fancybox-content { margin: 60px 0 0; overflow: visible !important; }
body .fancybox-slide .fancybox-close-small { background: transparent; border-radius: 0; height: 50px; opacity: 1; padding: 2px; right: 0; top: -58px; width: 50px; min-width: auto; }
body .fancybox-slide .fancybox-close-small svg { color: #fff; }
@media (min-width:768px) { .container, .row-fluid .container { width:750px; } }
@media (min-width:992px) { .container, .row-fluid .container { width:970px; } }
@media (min-width:1201px) { .container, .row-fluid .container { width:1170px; } }
@media (min-width:1301px) { .container, .row-fluid .container { width:1270px; } }
@media (min-width:1501px) { .container, .row-fluid .container { width:1360px; } }
/* @media (min-width:1630px) { .container, .row-fluid .container[class*="span"]{width:1600px;} } */
.cursor-pointer { width: 0; height: 0; border-radius: 100%; position: fixed; transform: translate(-50%, -50%); pointer-events: none; transition: width .3s, height .3s, opacity .3s; z-index: 99; filter: drop-shadow(0px 0px 12px #4DEBBC); }
.cursor-pointer.link-cursor { width: 100px; height: 100px; background: #4DEBBC url(https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/eyes-icon.svg) no-repeat center; }
.line-bg { position: absolute; top: 0; left: 10%; right: 10%; bottom: 0; border: 1px solid #000; opacity: 0.07; border-bottom: none; border-top: none; pointer-events: none; }
.line-bg:before { content: ''; position: absolute; top: 0; left: 33.33%; right: 33.33%; bottom: 0; border: 1px solid #000; border-top: none; border-bottom: none; }
.border-radius { border-radius: 0 0 60px 60px }
.hero-banner { padding: 300px 0 90px; min-height: 100vh; position: fixed; top: 0; left: 0; width: 100%; z-index: -1; overflow-x: clip; }
.hero-banner video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.hero-banner:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(360deg, #000000 1%, rgba(0, 0, 0, 0.3) 55.27%); z-index: 1; }
.hero-banner .shape { position: absolute; left: 0; top: 0; }
.hero-banner h3 { font-family: Red Hat Display , sans-serif; font-weight: 500; }
.hero-banner h3 span { text-shadow: 0 0 10px #4DEBBC;}
.hero-banner .left h1 { margin: 0 0 25px; letter-spacing: 1.5px; font-size: 16px; line-height: 1.4; font-weight: 500; font-family: Clash Display , sans-serif; }
.hero-banner .main { width: 100%; position: relative; z-index: 2; }
.hero-banner .main .left { width: calc(100% - 400px); padding: 0 20px 0 0; }
.hero-banner .main .right { width: 400px; text-align: center; }
.hero-banner .main .right .box { display: inline-block; width: 100%; }
.hero-banner .title { margin: 0; padding: 5px 0; width: 100%; overflow: hidden; text-align: center; }
.hero-banner .title h2 { margin: 0 -12px; font-size: 10.5vw; border: 0.35px dashed rgba(255,225,255,0.5); position: relative; }
.hero-banner .title h2:after { content: ''; width: 100%; position: absolute; top: -5px; left: 0; bottom: -5px; right: 0; border: 0.35px dashed rgba(255,225,255,0.5); }
.hero-banner .title h2 span { color: #E53913; background: #E53913 url(https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/shape-line.png) no-repeat center center / 100%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.hero-banner .buttons > div { margin: 10px 30px 10px 0; }
.growth-section { margin-top: -60px; }
.growth-section .scrollmagic-pin-spacer { display: flex; align-items: flex-end; }
.growth-cover { border-radius: 60px 60px 0 0; background: #00071D; }
.growth-title { padding: 35px 0 0; position: relative; }
.growth-title .title { overflow: hidden; }
.growth-title .title h2 { margin: 0 0vh; font-size: 50vw; line-height: 1; background: url(https://www.knowmad.com/hubfs/knowmad_2024/image/mountain-back.webp) no-repeat center center / cover; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.growth-title .text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; }
.growth-title .text h2 { font-size: 60px; }
.growth-title .text h2 span { text-shadow: 0 0 10px #12D399; }
.growth-title .content { margin: 0 0 0 auto; font-size: 20px; line-height: 30px; max-width: 690px; }
.growth-title .content ul { margin: 0; padding: 0; list-style-type: none; }
.growth-title .content ul li { margin: 12px 0; display: inline-block; width: 100%; text-transform: uppercase; letter-spacing: 1.5px; font-family: Clash Display , sans-serif; }
.growth-main { padding: 30px 0 0; }
.growth-main h3 { font-family: Red Hat Display , sans-serif; font-weight: 500; font-size: 32px; }
.growth-main .main-title { max-width: 840px; }
.growth-scoll-main { padding-left: calc((100% - 1330px) / 2); overflow: hidden; }
.growth-scoll .box { min-width: 567px; }
.growth-scoll .box .inner { width:calc(100% - 45px); margin-right: 45px; padding: 30px 50px; min-height: 220px; height: 100%; font-size: 17px; line-height: 27px; display: flex; flex-flow: column; justify-content: center; border-radius: 10px; background: #00071D; position: relative; transition:400ms; }
.growth-scoll .box .inner:before { content: ''; width: 100%; height: 40px; position: absolute; left: 0; top: 0; border: 1px solid #fff; border-bottom: none; border-radius: 10px 10px 0 0; z-index: 1; }
.growth-scoll .box .inner:after { content: ''; width: 100%; height: 40px; position: absolute; bottom: 0; left: 0; border: 1px solid #fff; border-top: none; border-radius: 0 0 10px 10px; }
.growth-scoll .box .inner > div:before { content: ''; width: 15px; height: 15px; position: absolute; left: -8px; bottom: 0; top: 0; margin: auto; background: #fff; border-radius: 100px; z-index: 1; transition: 400ms; }
.growth-scoll .box .inner > div * { position: relative; z-index: 1; }
.growth-scoll .box .inner h4 { font-size: 23px; }
.growth-scoll .box .inner .hover { opacity: 0; transition:400ms; }
.growth-scoll .box .inner h4.title { position: absolute; top: 50%; left: 0; padding: 30px 50px; margin: auto; width: 100%; transform: translateY(-50%); margin: 0; transition:400ms; }
.growth-scoll .box .inner:hover , .growth-scoll .box .inner:hover:after { background: #000410; }
.growth-scoll .box .inner:hover .hover { opacity: 1; }
.growth-scoll .box .inner:hover h4.title { top: calc(50% - 20px); opacity: 0; }
.growth-scoll .box .inner:hover > div:before { background: #4DEBBC; box-shadow: 0 0 10px #4DEBBC; }
.growth-main .mountain { opacity: 0.5; line-height: 0; }
.mountain img { width: 100%; }
.path-success { padding-bottom: 50px; background: #00071D url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/shadow-path.png') no-repeat top right; position: relative; overflow-x: clip; }
.path-success .main-title h2 { line-height: 1.1; font-size:70px; margin-top:-40px;}
.path-success .mountain { margin: 0; position: absolute; top: -8px; left: 0; width: 100%; opacity: 0.8; transform: rotateX(-180deg); line-height: 0; }
.path-success * { position: relative; }
.path-success .left { padding-left: calc((100% - 1330px) / 2); width: 65%; font-size: 19px; line-height: 29px; counter-reset: li; }
.path-success .right { margin-top: -200px; padding-right: calc((100% - 1330px) / 2); width: 35%; position: sticky; top: 25%; }
.path-success .right .compass { min-height: 360px; display: flex; align-items: center; justify-content: center; position: relative; }
.path-success .right .compass:before { content: ''; margin: auto; width: 140px; height: 140px; position: absolute; top: 0; left: 0; right: 0; border-radius: 100%; background: #4DEBBC; z-index: -1; filter: blur(30px); }
.path-success .left .box h3 { margin: 0 0 10px; font-size: 33px; line-height: 44px; font-family: Red Hat Display , sans-serif; font-weight: 700; }
.path-success .box { padding: 0 30px 0 70px; min-height: 208px; position: relative; }
.path-success .box:after { counter-increment: li; content: counter(li, decimal-leading-zero) "."; position: absolute; top: 0; left: 0; font-size: 50px; line-height: 1; color: #E53913; font-family: Tanker , sans-serif; }
.path-success .box .text { width: 659px; max-width: 100%; }
.path-success .faq .main-title h2 { font-size: 65px; line-height: 70px; margin-top:20px;}
.path-success .faq .main-title h2 span { text-shadow: 0 0 10px #12d399; }
.ans-left { width: 55%; padding: 0 40px 0 0; font-weight: 500; }
.ans-right { width: 45%; }
.ans-right .buttons > div { margin: 8px 0; display: inline-block; width: 100%; }
.ans-right [class*="button-"] a { min-width: auto; width: 100%; }
.ans-right [class*="button-"] a:hover { background: #E53913; border-color: #E53913; }
.faq-main { max-width: 757px; width: 100%; }
.faq-box { color: #031545; font-size: 17px; line-height: 26px; border: 1px solid rgba(255,255,255,0.2); border-bottom: none; }
.faq-box:last-child { border-bottom: 1px solid rgba(255,255,255,0.2); }
.faq-box h3 { font-family: Red Hat Display , sans-serif; margin: 0; padding: 40px; display: flex; align-items: center; cursor: pointer; font-weight: 700; }
.faq-box h3 span.icon { width: 10px; height: 10px; margin-right: 10px; position: relative; transition:400ms; margin-top: 5px; }
.faq-box h3 span.icon:before { content: ''; width: 2px; height: 100%; background: #fff; position: absolute; top: 0; left: 0; right: 0; margin: auto; transition:400ms; }
.faq-box h3 span.icon:after { content: ''; width: 100%; height: 2px; background: #fff; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; transition:400ms; }
.faq-box .ans { padding: 0 40px 70px 40px; display: none; background: #fff; }
.ans-right h4 { color: #031545; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; }
.faq-box h3.active { background: #fff; color: #031545; }
.faq-box h3.active span.icon { transform: rotate(45deg); }
.faq-box h3.active span.icon:before { background: #E53913; }
.faq-box h3.active span.icon:after { background: #E53913; }
.banner-box { min-height: 607px; max-width: 97%; border-radius: 40px; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; }
.banner-box:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #031545; opacity: 0.4; mix-blend-mode: multiply; }
.banner-box > div { position: relative; }
.banner-box h2 { font-size: 120px; line-height: 1.1; }
.banner-box h2 span { text-shadow: 0 0 10px #12d399; position: relative; z-index: 1; }
.banner-box .button-3 { position: relative; z-index: 1; }
.banner-cover { position: relative; }
.banner-cover .line { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; display: flex; align-items: center; justify-content: center; }
.banner-cover .line svg { width: 100%; height: 100%; }
.welcome-smarter { padding: 150px 0 50px; background: #FAF3ED; border-radius: 60px 60px 0 0; overflow: hidden; position: relative; }
.welcome-smarter .title { padding: 0 0 100px; width: 110%; }
.welcome-smarter .title h2 { font-size: 200px; line-height: 1.25; color: #E53913; background: #E53913 url(https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/welcome-smarter-text.png) no-repeat center center / 100%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; white-space: nowrap; }
.knowmad-are .main-title { max-width: 1000px; width: 100%; position: relative; z-index: 1; }
.knowmad-are .main-title .sub { text-transform: uppercase; font-size: 20px; font-weight: 500; letter-spacing: 1px; font-family: Clash Display , sans-serif; }
.knowmad-are .main-title h3 { font-size: 40px; font-family: Red Hat Display , sans-serif; font-weight: 700; }
.knowmad-are .main .left { width: 40%; padding: 0 50px 0 0; font-size: 18px; line-height: 28px; font-weight: 500; }
.knowmad-are .main .left p a {color:#E53913; }
.knowmad-are .main .right { width: 60%; position: relative; }
.knowmad-are .main .right img.round { position: absolute; top: -310px; right: -190px; }
.knowmad-are .main .right .img { border-radius: 15px; line-height: 0; position: relative; overflow: hidden; }
.this-year { padding: 65px; min-height: 305px; border: 1px solid #031545; border-radius: 15px; position: relative; }
.this-year a { color:#E53913; }
.this-year:before , .this-year:after { content: ''; width: 1px; position: absolute; top: 40px; bottom: 40px; left: -1px; background: #FAF3ED }
.this-year:after { left: auto; right: -1px; }
.this-year .inner { position: relative; }
.this-year .inner:before { content: ''; width: 15px; height: 15px; position: absolute; left: -73px; bottom: 0; top: 0; margin: auto; background: #4DEBBC; box-shadow: 0px 0px 10px 2px #4DEBBC; border-radius: 100px; z-index: 1; transition:400ms; }
.this-year .ttl { width: 400px; }
.this-year .ttl h2 { font-size: 100px; line-height: 1.1; margin: 0; }
.this-year .text { width: calc(100% - 400px); padding: 0 0 0 30px; font-weight: 500; font-size: 24px; line-height: 34px; }
.this-year .text strong { font-weight: 800; }
.awards-logo { overflow: hidden; background: #FAF3ED; position: relative; }
.awards-logo .title { text-transform: uppercase; letter-spacing: 2px; font-family: Clash Display , sans-serif; font-weight: 500; }
.awards-logo .main .logo { margin: 10px 25px; }
.awards-logo .main .slick-track { display: flex; align-items: center; }
.our-partners { overflow-x: clip; background: #FAF3ED; position: relative; }
.our-partners .title { text-transform: uppercase; letter-spacing: 2px; font-family: Clash Display , sans-serif; font-weight: 500; }
.our-partners .main-title .sub { letter-spacing: 2px; text-transform: uppercase; font-size: 16px; font-weight: 500; font-family: Clash Display , sans-serif; }
/* .our-partners .main { direction: rtl; text-align: right; unicode-bidi: embed !important; } */
.our-partners .main .logo { margin: 10px 25px; }
.our-partners .slick-slide > div { min-height: 150px; display: flex; align-items: center; justify-content: center; }
.journey-starts { padding: 76px 0; overflow-x: clip; background: #FAF3ED; position: relative; z-index: 1; }
.journey-starts .shape { position: absolute; bottom: 0; left: 0; line-height: 0; z-index: -1; }
.journey-starts .title h2 { font-size: 125px; line-height: 1.1; display: flex; align-items: center; white-space: nowrap; justify-content: center; }
.journey-starts .title h2 span { box-shadow: 0px 0px 10px 2px #E53913; width: 15px; height: 15px; display: inline-block; background: #E53913; border-radius: 100px; min-width: 15px; margin: 0 25px; }
.journey-starts .box { width: 50%; padding: 15px; transition:400ms; }
.journey-starts .box .inner { min-height: 435px; padding: 34px; font-size: 18px; line-height: 27px; font-weight: 500; display: flex; flex-flow: column; justify-content: center; position: relative; transition:400ms; }
.journey-starts .box .inner:before , .journey-starts .box .inner:after { content: ''; width: 100%; height: 80px; position: absolute; top: 0; left: 0; border-radius: 10px 10px 0 0; border: 1px solid #031545; border-bottom: none; }
.journey-starts .box .inner:after { top: auto; bottom: 0; border: 1px solid #031545; border-top: none; border-radius: 0 0 10px 10px; }
.journey-starts .box .text { transition:400ms; }
.journey-starts .box .text h4 { line-height: 33px; }
.journey-starts .box .link-style { opacity: 0; transition:400ms; }
.journey-starts .box .link-style a { position: relative; z-index: 1; }
.journey-starts .box .link-style a:before { content: ''; margin: 0 20px 0 0; width: 15px; height: 15px; background: #4DEBBC; box-shadow: 0px 0px 10px 2px #4DEBBC; border-radius: 100px; z-index: 1; transition:400ms; }
.journey-starts .box .link-style a span:before { content: ''; width: 280px; height: 280px; background: url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/compass-shadow.png') no-repeat; position: absolute; top: 50%; left: -132px; transform: translateY(-50%); z-index: -1; }
.journey-starts .main { counter-reset: li; margin: 0 auto; max-width: 1000px; width: 100%; }
.journey-starts .box .inner .text:before { counter-increment: li; content: counter(li, decimal-leading-zero) "."; margin: 0 0 20px; font-size: 65px; line-height: 1; color: #E53913; font-family: Tanker , sans-serif; display: block; }
.journey-starts .box:nth-child(2) { margin: 70px 0 0; }
.success-stories { padding: 140px 0 110px; background: #00071D; position: relative; z-index: 1; }
.success-stories .shape { position: absolute; top: 0; left: -10px; line-height: 0; z-index: -1; }
.success-stories:after { content: ''; width: 100%; height: 100%; position: absolute; bottom: -149px; left: 0; background: url(https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/success-shadow-right.png) no-repeat bottom -368px right; }
.success-stories > div { position: relative; z-index: 1; }
.success-stories .main-title { width: 50%; }
.success-stories .main-title h2 { font-size: 160px; line-height: 1.1; text-transform: uppercase; }
.success-stories .main-title .sub { text-transform: uppercase; font-size: 20px; letter-spacing: 1.2px; font-family: Clash Display , sans-serif; font-weight: 500; }
.success-stories .main { margin-left: -25px; margin-right: -25px; }
.success-stories .box { width: 50%; padding: 25px; font-family: Clash Display , sans-serif; font-weight: 500; }
.success-stories .box a { width: 100%; padding: 30px; border-radius: 20px; min-height: 800px; display: flex; flex-flow: column; justify-content: flex-end; position: relative; overflow: hidden; }
.success-stories .box a:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, rgba(0, 4, 16, 0) 0%, #000410 85%); opacity: 0.9; }
.success-stories .box .sub { font-size: 15px; line-height: 26px; color: #E53913; text-transform: uppercase; letter-spacing: 1.2px; }
.success-stories .box .text { padding: 20px 28px; border-radius: 10px; font-size: 13px; line-height: 26px; position: relative; }
.success-stories .box .line { position: absolute; top: 0; left: 0; width: 100%; height: 68px; border: 1px solid #fff; border-bottom: none; border-radius: 10px 10px 0 0; opacity: 0.5; }
.success-stories .box .line.btm { top: auto; bottom: 0; border: 1px solid #fff; border-top: none; border-radius: 0 0 10px 10px; }
.success-stories .box .con ul { margin: 0; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; letter-spacing: 1.2px; }
.success-stories .box .con ul li { margin: 6px 15px 6px 0; padding: 0; text-transform: uppercase; display: flex; align-items: center; letter-spacing:1.92px; }
.success-stories .box .con ul li:before { content: ''; margin-right: 15px; width: 7px; height: 7px; border-radius: 100px; display: inline-block; background: #E53913; box-shadow: 0px 0px 10px 2px #E53913; z-index: 1; transition:400ms; }
.success-stories .box .con ul li:first-child:before { display: none; }
.success-stories .box .rowflow { margin-left: -15px; margin-right: -15px; }
.success-stories .box ul { margin: 0; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; }
.success-stories .box ul li { padding: 15px; letter-spacing: 1.2px; }
.success-stories .box ul li strong { margin: 10px 0 0; font-size: 20px; line-height: 28px; color: #4DEBBC; letter-spacing: 0px; display: inline-block; width: 100%; font-family: Tanker , sans-serif; font-weight: 400; }
.success-stories .box:nth-child(2n) { margin-top: -386px; }
.success-stories .main .link-style { width: 50%; padding: 25px; min-height: 356px; display: flex; margin: -386px 0 0 auto; }
.success-stories .main .link-style a { font-weight: 500; }
.success-stories .custom-box .rowflow { padding: 40px 0 0; letter-spacing: 1.2px; margin: 0; column-count: 2; }
.success-stories .custom-box .rowflow .boxrow { min-width: 180px; margin: 15px 0;letter-spacing:1.92px; }
.success-stories .custom-box .rowflow h5 { margin: 0; font-size: 26px; line-height: 34px; letter-spacing:.5px; padding-top:8px; color: #4DEBBC; }
.blockquote { padding: 60px 0; border-top: 0.35px dashed rgba(255, 225, 255, .5); border-bottom: 0.35px dashed rgba(255, 225, 255, .5); position: relative; }
.blockquote:before { content: ''; position: absolute; top: 5px; left: 0; right: 0; bottom: 5px; border-top: 0.35px dashed rgba(255, 225, 255, .5); border-bottom: 0.35px dashed rgba(255, 225, 255, .5); }
.blockquote .cover { margin: 0 auto; max-width: 1110px; width: 100%; position: relative; }
.blockquote h2 { font-size: 55px; line-height: 1.2; }
.blockquote h2 span { text-shadow: 0 0 10px #4DEBBC; }
.blockquote .details { margin: 10px 0 0; display: inline-block; width: 100%; font-size: 15px; text-transform: uppercase; letter-spacing: 2px; font-weight: 600; font-family: Clash Display , sans-serif; }
.blockquote .details span { font-weight: 500; }
.testimonials-section { padding: 120px 0 170px; background: #00071D no-repeat bottom 30% left -40%; position: relative; }
.testimonials-section .cover { padding-left: calc((100% - 1330px) /2 ); }
.testimonials-section .box { padding-right: 55px; }
.testimonials-section .box .tag span { margin: 5px 13px 5px 0; padding: 6px 15px 5px; font-size: 13px; line-height: 20px; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 500; border-radius: 5px; border: 1px solid rgba(255,255,255,0.6); color: rgba(255,255,255,0.6); display: flex; align-items: center; font-family: Clash Display , sans-serif; }
.testimonials-section .box .tag span:before { content: ''; width: 7px; height: 7px; border-radius: 10px; background: #4DEBBC; display: inline-block; box-shadow: 0px 0px 12px 0px #4DEBBC; margin-right: 17px; }
.testimonials-section.orange .box .tag span:before { background: #4DEBBC; box-shadow: 0px 0px 12px 0px #4DEBBC; }
.testimonials-section.blue .box .tag span:before { background: #E53913; box-shadow: 0px 0px 12px 0px #E53913; }
.testi-service .box .tag span:before { background: #fff; box-shadow: 0px 0px 12px 0px #fff; }
.testimonials-section .box .inner { background: #031545; border-radius: 30px; padding: 36px 80px 100px; }
.testimonials-section.blue .box .inner { background: #031545; }
.testimonials-section.orange .box .inner { background: #E53913; }
.testimonials-section .box .text { min-height: 250px; display: flex; flex-flow: column; justify-content: space-between; }
.testimonials-section .box .content { font-size: 30px; line-height: 40px; font-weight: 500; }
.testimonials-section .box .content:before { content: ''; width: 58px; height: 36px; background: url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/quote.svg') no-repeat; display: inline-block; }
.testimonials-section .box .name { text-transform: uppercase; font-size: 16px; font-weight: 500; letter-spacing: 2px; font-family: Clash Display , sans-serif; }
.testimonials-section .slick-list { padding-right: calc((100% - 1150px) / 2); }
.arrow-wrap { position: absolute; top: -50px; right: 0; margin-right: calc((100% - 1030px) / 2); padding: 0 60px; }
.arrow-wrap ul.slick-dots { margin: 0; line-height: 0; }
.slick-slider .arrow-wrap button.slick-arrow { left: 0; background-color: transparent; }
.slick-slider .arrow-wrap button.slick-next { right: 0; left: auto; }
.slick-slider .arrow-wrap button.slick-arrow.slick-disabled { opacity: 0.5; }
.insights-blog { background: #FAF3ED; border-radius: 60px 60px 0 0; position: relative; }
.insights-blog .main-title { font-family: ; font-weight: 500; letter-spacing: 1.5px; }
.insights-blog .main-title h2 { font-size: 125px; }
.insights-blog .box a { display: inline-block; width: 100%; display: inline-block; border-top: 0.35px dashed rgba(0, 0, 0, 0.4); position: relative; }
.insights-blog .box a:before { content: ''; position: absolute; top: 3px; left: 0; right: 0; border-top: 0.35px dashed rgba(0, 0, 0, 0.4); }
.insights-blog .box .inner { position: relative; padding: 30px 0; min-height: 224px; display: flex; align-items: center; }
.insights-blog .box h3 { font-size: 47px; line-height: 56px; font-family: Red Hat Display , sans-serif; font-weight: 700; margin: 0; max-width: 1150px; width: 100%; }
.insights-blog .box .sub { margin: 10px 0 0; color: #E53913; text-transform: uppercase; font-size: 16px; letter-spacing: 2px; font-weight: 500; font-family: Clash Display , sans-serif; }
.insights-blog .box .text { position: relative; padding: 0 0 0 30px; z-index: 1; }
.insights-blog .box .text:before { content: ''; width: 11px; height: 11px; position: absolute; left: 0; top: 21px; margin: auto; background: #E53913; box-shadow: 0px 0px 12px 0px #E53913; border-radius: 100px; z-index: 1; transition:400ms; }
.insights-blog .box .image { position: absolute; top: 0; right: 0; bottom: 0; border-radius: 50px; overflow: hidden; width: 479px; opacity: 0; transition: 200ms; z-index: 1; }
.insights-blog .box .image img { width: 100%; height: 100% !important; object-fit: cover; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.insights-blog .box a:hover { background: rgba(0,0,0,0.05); }
.insights-blog .box a:hover .image { border-radius: 15px; top: -15px; bottom: -15px; opacity: 1; }
.insights-blog .box:last-child a { border-bottom: 0.35px dashed rgba(0, 0, 0, 0.4); }
.insights-blog .box:last-child a:before { bottom: 3px; border-bottom: 0.35px dashed rgba(0, 0, 0, 0.4); }
/*** service page ***/
.service-hero { background: #00071D; padding: 100px 0 0; position: relative; z-index: 1; }
.service-hero:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/shape-service.png') no-repeat top 50% center; }
.service-top { padding: 50px 0 50px 40px; position: relative; }
.service-top .sub-title { position: absolute; top: 157px; left: -110px; transform: rotate(-90deg); min-width: 240px; display: flex; justify-content: end; font-size: 16px; letter-spacing: 2px; font-family: 'Clash Display'; font-weight: 500; align-items: center; }
.service-top .sub-title:after { content: ''; width: 12px; height: 12px; border-radius: 20px; background: #E53913; margin-left: 10px; box-shadow: 0px 0px 10px 2px #FF0000; }
.service-top .left { width: 690px; }
.service-top .left h2 { margin: -30px 0 0 0; padding: 0 0 0 5px; white-space: nowrap; font-size: 110px; line-height: 1.1; }
.service-top .left .image { border-radius: 10px; overflow: hidden; line-height: 0; position: relative; z-index: -1; }
.service-top .left .image img { width: 100%; height: 100% !important; }
.service-top .right { width: calc(100% - 690px); padding: 50px 0 100px 45px; min-height: 500px; }
.service-top .right .inner { max-width: 490px; width: 100%; }
.service-top .right .sub { margin: 0 0 20px; text-transform: uppercase; font-size: 16px; line-height: 1.5; font-family: Clash Display , sans-serif; letter-spacing: 1.5px; font-weight: 500; }
.service-top .right h4 { font-size: 24px; }
.service-hero.shadow_box { overflow: hidden; }
.service-hero.shadow_box:before { bottom: -290px; top: auto; }
.service-top .list { font-size: 16px; line-height: 1.4; font-family: Clash Display , sans-serif; letter-spacing: 2px; font-weight: 500; border-top: 1px solid rgba(255, 255, 255, 0.5); padding: 10px 0 0; }
.service-top .list ul { margin: 0; padding: 0; list-style-type: none; display: flex; justify-content: space-between; }
.service-top .list ul li { padding: 10px 0 10px 0; position: relative; display: flex; align-items: center; }
.service-top .list ul li:before { content: ''; width: 12px; height: 12px; border-radius: 20px; background: #4DEBBC; min-width: 12px; margin-right: 15px; box-shadow: 0 0 8px 2px #4DEBBC; }
.service-btm { padding: 100px 0 100px 40px; position: relative; }
.service-btm .image { width: 224px; border-radius: 10px; overflow: hidden; line-height: 0; }
.service-btm .image img { width: 100% !important; height: 100% !important; }
.service-btm .text { width: calc(100% - 224px); padding: 0 0 0 90px; font-size: 18px; line-height: 28px; max-width: 950px; }
.service-btm .text h3 { text-transform: none; font-family: Red Hat Display , sans-serif; font-size: 32px; line-height: 42px; font-weight: 500; }
.service-btm .text .logo { margin: 12px 20px 12px 0; margin-left: 0; }
.text-image { overflow: hidden; padding: 90px 0 70px; position: relative; }
.text-image .main-title h2 { margin: 0; padding: 0 20px; font-size: 104px; display: flex; align-items: center; color: #031545; background: #031545 url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/blue-shape.png') no-repeat center center / 100%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; white-space: nowrap; }
.text-image .main-title h2:after { content: ''; margin-right: 30px; width: 35px; height: 35px; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center center; display: inline-block; vertical-align: middle; }
.text-image .image { width: 305px; line-height: 0; border-radius: 15px; overflow: hidden; }
.text-image .image img { width: 100%; height: 100% !important; object-fit: cover; }
.text-image .text { width: calc(100% - 305px); padding: 0 0 0 45px; font-size: 18px; line-height: 28px; font-weight: 500; }
.text-image .text h3 { text-transform: none; font-family: Red Hat Display , sans-serif; font-size: 32px; line-height: 42px; font-weight: 500; }
.text-image.white-text { background: #00071D; }
.text-image.white-text .main-title h2 { color: #fff; background: #fff url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/orange-shape.png') center center; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.featured-top { padding: 100px 0 0; background: #00071D url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/shadow-img.png') no-repeat top center; position: relative; z-index: 2; }
.featured-top .sub-title { font-size: 18px; line-height: 1.4; letter-spacing: 2px; color: #4DEBBC; font-family: Clash Display , sans-serif; font-weight: 500; }
.featured-top .box { padding: 5px 0; border-bottom: 0.35px dashed rgba(255, 225, 255, 0.4); }
.featured-top .box a { border-bottom: 0.35px dashed rgba(255, 225, 255, 0.4); display: inline-block; width: 100%; }
.featured-top .box .inner { position: relative; padding: 30px 0; min-height: 260px; display: flex; align-items: center; opacity: 0.5; transition:400ms; }
.featured-top .box .inner:after { content: ''; width: 42px; height: 29px; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; background: url('data:image/svg+xml,') no-repeat center center; }
.featured-top .box h2 { font-size: 65px; line-height: 70px; font-family: Red Hat Display , sans-serif; font-weight: 700; margin: 0; max-width: 1150px; width: 100%; }
.featured-top .box .text { position: relative; z-index: 1; }
.featured-top .box .sub { color: #E53913; text-transform: uppercase; font-size: 16px; letter-spacing: 2px; font-weight: 500; font-family: Clash Display , sans-serif; }
.featured-top .box .image { position: absolute; top: 0; right: 0; bottom: 0; border-radius: 50px; overflow: hidden; width: 714px; opacity: 0; transition: 200ms; z-index: 1; }
.featured-top .box .image img { width: 100%; height: 100% !important; object-fit: cover; }
.featured-top .box ul { margin: 0; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; }
.featured-top .box ul li { margin: 5px 13px 5px 0; padding: 6px 15px 5px; font-size: 13px; line-height: 20px; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 500; border-radius: 5px; border: 1px solid #FFFFFF; color: #FFFFFF; display: flex; align-items: center; font-family: Clash Display , sans-serif; }
.featured-top .box a:hover { background: rgba(0,0,0,0.05); }
.featured-top .box a:hover .inner { opacity: 1; }
.featured-top .box a:hover .image { border-radius: 15px; top: -40px; bottom: -40px; opacity: 1; }
.awards-recognitions { padding: 150px 0 120px; background: #00071D; position: relative; z-index: 1; }
.awards-recognitions > div { position: relative; }
.awards-recognitions .mountain { margin: 0; height: 380px; position: absolute; top: -60px; left: 0; width: 100%; z-index: -1; overflow: hidden; }
.awards-recognitions .mountain img { width: 100%; }
.awards-recognitions .main-title .sub { font-size: 16px; line-height: 27px; letter-spacing: 2px; font-family: Clash Display , sans-serif; font-weight: 500; }
.awards-recognitions .main { margin: 0 -13px; }
.awards-recognitions .logo { width: 33.33%; padding: 13px; }
.awards-recognitions .logo .img { min-height: 172px; height: 100%; display: flex; align-items: center; justify-content: center; border-radius: 15px; border: 1px solid #363D52; padding: 20px; position: relative; z-index: 1; overflow: hidden; }
.awards-recognitions .logo .img img { width: auto; min-height:130px; max-height:130px;}
.awards-recognitions .logo .img:after { content: ''; width: 170px; height: 170px; border-radius: 100%; position: absolute; bottom: -50px; right: -20px; background: #031545; filter: blur(80px); z-index: -1; transform: scale(0); transition: 200ms; }
.awards-recognitions .logo .img:before { content: ''; width: 170px; height: 170px; border-radius: 100%; position: absolute; top: -50px; left: -20px; background: #4DEBBC; filter: blur(80px); z-index: -1; transform: scale(0); transition: 200ms; }
.awards-recognitions .logo .img:hover:after , .awards-recognitions .logo .img:hover:before { transform: scale(1); }
.website-process { padding: 70px 0; position: relative; }
.website-process .main-title h2 { line-height: 1.1; font-size: 100px; }
.website-process .main { padding: 0 110px; counter-reset: li; }
.website-process .box { position: relative; }
.website-process .box:before { content: ''; border-left: 1px solid #031545; position: absolute; top: 0; bottom: 0; left: -110px; }
.website-process .box:after { content: ''; margin: auto; width: 9px; height: 9px; position: absolute; top: 0; bottom: 0; left: -114px; background: #031545; border-radius: 10px; }
.website-process .box:first-child:before { top: 50%; }
.website-process .box:last-child:before { bottom: 50%; }
.website-process .box h2 { font-size: 60px; line-height: 1.1; margin: 0; color: #E53913; }
.website-process .box .inner { padding: 40px 0; position: relative; font-size: 18px; line-height: 28px; font-weight: 500; min-height: 217px; }
.website-process .box .inner:before { content: ''; width: 100%; position: absolute; bottom: 4px; left: 0; border-bottom: 0.35px dashed rgba(3, 21, 69, 0.5); }
.website-process .box .inner:after { content: ''; width: 100%; position: absolute; bottom: 0; left: 0; border-bottom: 0.35px dashed rgba(3, 21, 69, 0.5); }
.website-process .box .title { width: 350px; position: relative; }
.website-process .box .text { padding: 0 0 0 15px; width: calc(100% - 350px); }
.website-process .box .text .con { max-width: 640px; width: 100%; }
.website-process .box .text .con a { color:#E53913; }
.website-process .box .title:before { counter-increment: li; content: "["counter(li, decimal-leading-zero)"]"; position: absolute; top: 0; left: -45px; color: #E53913; font-family: Clash Display , sans-serif; font-weight: 500; letter-spacing: 2px; }
.website-process .box:last-child .inner:before , .website-process .box:last-child .inner:after { display: none; }
.the-experts { padding: 50px 0 120px; overflow: hidden; position: relative; }
.the-experts .main-title { font-size: 32px; line-height: 42px; font-weight: 500; position: relative; z-index: 2; }
.the-experts .main-title .text { max-width: 830px; }
.the-experts .main-title h2 { font-size: 100px; display: flex; align-items: center; justify-content: center; }
.the-experts .main-title h2:before { content: ''; margin-right: 20px; width: 15px; height: 15px; border-radius: 20px; background: #E53913; box-shadow: 0px 0px 10px 2px #E53913; display: inline-block; }
.the-experts .main-title h2.btm-header { margin: 0 0 60px; }
.the-experts .main-title h2 span { margin: 20px 0 0 -80px; top: 50px; position: relative; z-index: -1; color: #D1CAC4; padding: 0 20px; }
.the-experts .main-title h2 span:before , .the-experts .main-title h2 span:after { content: ''; width: 80px; height: 100%; position: absolute; top: 0; left: 0; border: 1px solid #D1CAC4; border-right: none; border-radius: 10px 0 0 10px; }
.the-experts .main-title h2 span:after { left: auto; right: 0; border: 1px solid #D1CAC4; border-left: none; border-radius: 0 10px 10px 0; }
.the-experts .main { margin: 0 -15px; position: relative; z-index: 1; }
.the-experts .main img.round { position: absolute; top: -310px; right: -190px; z-index: -1; }
.the-experts .box { width: 33.33%; padding: 15px; }
.the-experts .box .image { width: 100%; height: 580px; border-radius: 10px; overflow: hidden; position: relative; transition:400ms; }
.the-experts .box .image img { height: 100% !important; width: 100%; object-fit: cover; }
.the-experts .box .image img.hover { position: absolute; top: 0; left: 0; opacity: 0; transition:400ms; }
.the-experts .box .text { padding: 25px 0; text-align: right; font-size: 17px; line-height: 27px; font-family: Clash Display , sans-serif; font-weight: 500; color: #E53913; letter-spacing: 2px; }
.the-experts .box .text h4 { font-size: 22px; line-height: 1.2; font-family: Clash Display , sans-serif; margin: 0; text-transform:uppercase; }
.the-experts .box .text .con span { display: block; opacity: 0.6; }
.the-experts .box .cover { position: relative; }
.the-experts .box .cover:hover .image { border-radius: 300px; }
.the-experts .box .cover:hover .image img.hover { opacity: 1; }
.what-youget { padding: 95px 0; background: #00071D; font-size: 19px; line-height: 29px; }
.what-youget .main-title { max-width: 900px; width: 100%; }
.what-youget .main-title .sub { font-size: 16px; line-height: 27px; letter-spacing: 2px; font-family: Clash Display , sans-serif; font-weight: 500; color: #4DEBBC; }
.what-youget .main-title h2 { font-size: 100px; line-height: 1; }
.what-youget .main-title h2 span { background: -webkit-linear-gradient(0deg, #fff 0%, #4DEBBC 120%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 0 6px #4DEBBC); }
.what-youget .left { width: calc(100% - 590px); }
.what-youget .left .text { padding: 0 100px 0 0; }
.what-youget .left .text h4 { font-size: 27px; line-height: 1.4; }
.what-youget .left .text p { margin: 15px 0; display: inline-block; width: 100%; }
.what-youget .faq { border: 1px solid rgba(255, 255, 255, 0.4); }
.what-youget .faq .box { border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
.what-youget .faq .box .ques { padding: 32px 70px; font-size: 25px; line-height: 37px; font-weight: 700; position: relative; cursor: pointer; }
.what-youget .faq .box .ques:before { content: ''; width: 8px; height: 8px; position: absolute; top: 46px; left: 45px; background: #E53913; border-radius: 30px; box-shadow: 0px 0px 10px 2px #E53913; }
.what-youget .faq .box .ques:after { content: ''; width: 10px; height: 9px; position: absolute; top: 46px; right: 40px; background: url('data:image/svg+xml,') no-repeat center center; transition:400ms; }
.what-youget .faq .box .ans { padding: 0 45px 45px 45px; display: none; }
.what-youget .faq .box .ans ul { margin: 15px 0 0; padding: 0 0 0 10px; list-style-type: none; }
.what-youget .faq .box .ans ul li { margin: 2px 0; display: inline-block; width: 100%; position: relative; padding: 0 0 0 15px; }
.what-youget .faq .box .ans ul li:before { content: ''; width: 5px; height: 5px; position: absolute; top: 11px; left: 0; background: #4DEBBC; box-shadow: 0px 0px 10px 2px #4DEBBC; border-radius: 10px; }
.what-youget .faq .box:last-child { border-bottom: none; }
.what-youget .faq .box .ques.active:after { transform: rotate(45deg); }
.what-youget .faq .box.no-ans .ques{cursor:initial;}
.what-youget .faq .box.no-ans .ques:after {display: none;}
.what-youget .right { width: 590px; border-radius: 15px 15px 15px 0px; overflow: hidden; line-height: 0; position: relative; }
.what-youget .right img { width: 100%; height: 100% !important; object-fit: cover; position: absolute; top: 0; left: 0; object-position: bottom; }
.box-strip-main { position: relative; }
.ctastrip-request { margin-top: -1px; background: #00071D; }
.box-strip { border: 1px solid rgba(255, 255, 255, 0.5); padding: 50px 15px; border-radius: 15px; min-height: 265px; display: flex; flex-flow: column; justify-content: center; overflow: hidden; position: relative; z-index: 1; }
.box-strip h2 { margin: 0; font-size: 70px; line-height: 86px; font-family: Clash Display , sans-serif; font-weight: 700; position: relative; }
.box-strip .slider h2 { display: flex !important; align-items: center; }
.box-strip .slider h2:before { content: ''; width: 10px; height: 10px; background: #E53913; border-radius: 10px; margin: auto; box-shadow: 0px 0px 10px 2px #E53913; margin: 0 25px; display: inline-block; }
.box-strip .sub { font-size: 18px; line-height: 27px; letter-spacing: 3px; font-family: Clash Display , sans-serif; font-weight: 500; text-transform: uppercase; position: relative; }
.box-strip.white-text { background: #031545; border-color: #031545; }
.box-strip .content { position: relative; }
.box-strip .slider { margin-top: -85px; opacity: 0; transition:400ms; margin-right: -15px; }
.box-strip:hover .slider { opacity: 1; }
.box-strip:hover .ttl { opacity: 0; }
a.box-link:after { content: ''; margin: 0 auto; width: 50%; height: 110%; position: absolute; top: -10%; left: 0; right: 0; background: #0C2C7C; border-radius: 100%; filter: blur(80px); z-index: -1; opacity: 0; transition:400ms }
.box-strip:before, .box-strip:after { content: ''; width: 40%; height: 110%; position: absolute; bottom: -14%; left: -14%; background: #4DEBBC; border-radius: 100%; filter: blur(80px); z-index: -1; opacity: 0; transition:400ms }
.box-strip:after { left: auto; right: -10%; background: #E53913; top: -10%; bottom: auto; }
.box-strip.hover:hover:before , .box-strip.hover:hover:after { opacity: 0.5; }
.box-strip.hover:hover a.box-link:after { opacity: 0.3; }
a.box-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.frequently-section { position: relative; }
.asked-service { position: relative; padding-bottom:112px; }
.asked-questions { flex-direction: row-reverse; position: relative; }
.asked-questions .left { width: 38%; padding-right: calc((100% - 1360px) / 2); position: sticky; top: 20px; }
.asked-questions .left h2 { font-size: 100px; line-height: 1; color: #E53913; }
.asked-questions .right { width: 62%; padding: 0 100px 0 0; }
.asked-questions .right .ttl { font-size: 18px; line-height: 26px; text-transform: uppercase; color: #7B87A7; font-family: Clash Display , sans-serif; font-weight: 500; letter-spacing: 2px; background: #031545; border-radius: 0 10px 10px 0; padding: 24px 20px; padding-left: calc((100% - 500px) / 2); }
.asked-questions .right .box { padding: 0 0 5px; padding-left: calc((100% - 500px) / 2); border-bottom: 0.35px dashed rgba(3, 21, 69, 0.5); position: relative; font-size: 18px; line-height: 28px; }
.asked-questions .right .box:after { content: ''; width: 100%; position: absolute; bottom: 3px; left: 0; border-bottom: 0.35px dashed rgba(3, 21, 69, 0.5); }
.asked-questions .right .box .ques { font-size: 25px; line-height: 35px; font-weight: 700; padding: 28px 15px 28px 0; position: relative; cursor: pointer; }
.asked-questions .right .box .ques:after { content: ''; width: 11px; height: 11px; position: absolute; top: 40px; right: 0; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center center; transition:400ms; }
.asked-questions .right .box .ans { padding: 0 0 45px 0; display: none; }
.asked-questions .right .box .ans ul { margin: 15px 0 0; padding: 0 0 0 10px; list-style-type: none; }
.asked-questions .right .box .ans ul li { margin: 2px 0; display: inline-block; width: 100%; position: relative; padding: 0 0 0 15px; }
.asked-questions .right .box .ans ul li:before { content: ''; width: 5px; height: 5px; position: absolute; top: 11px; left: 0; background: #4DEBBC; box-shadow: 0px 0px 10px 2px #4DEBBC; border-radius: 10px; }
.asked-questions .right .box .ques.active:after { transform: rotate(45deg); }
.asked-questions .right .box .ans a{ color:#E53913;font-weight:700;}
.asked-form .left { width: 50%; padding: 0 70px 0 0; }
.asked-form .left h2 { font-size: 100px; line-height: 1.1; text-shadow: 0px 0px 20px #8CEFD199; }
.asked-form .left .sub { font-size: 18px; line-height: 27px; letter-spacing: 2px; font-family: Clash Display , sans-serif; font-weight: 500; text-transform: uppercase; }
.asked-form .right { width: 50%; }
.service-section { padding: 120px 0 90px; position: relative; background: url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/web-shadow.png') no-repeat top left; position: relative; }
.service-section .line-bg { position: absolute; }
/* .service-section:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/shadow-box.png') no-repeat right -40% bottom -10%; } */
.service-section > div { position: relative; }
.service-section .left { width: 50%; padding: 0 100px 0 0; position: sticky; top: 80px; }
.service-section .left h2 { line-height: 1.1; }
.service-section .left .sub { font-size: 18px; line-height: 26px; color: #E53913; font-family: 'Clash Display'; letter-spacing: 2px; font-weight: 500; }
.service-section .right { width: 50%; padding: 0 0 0 80px; }
.service-section.white-text { background-image: url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/service-shape.png'); background-position: top center; background-repeat: no-repeat; }
.service-main .box { font-size: 18px; line-height: 28px; margin: 0 0 90px; }
.service-main .box .image { height: 249px; overflow: hidden; border-radius: 15px; }
.service-main .box .image img { width: 100%; height: 100% !important; object-fit: cover; }
.service-main .box h4 { padding: 0 0 0 25px; position: relative; font-size:30px; }
.service-main .box h4:before { content: ''; width: 8px; height: 8px; position: absolute; top: 12px; left: 0; background: #4DEBBC; box-shadow: 0px 0px 10px 2px #4DEBBC; border-radius: 10px; }
.service-main .box:last-child { margin-bottom: 0; }
.service-con-main { padding: 90px 0 72px; position: relative; }
.service-con-main:before { content: ''; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background: url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/shadow-box.png') no-repeat right -83% top 33%; }
.service-con-main.white-text:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/service-con-shape.png') no-repeat right -40% bottom; }
.service-content { max-width: 1094px; font-size: 18px; line-height: 28px; position: relative; z-index: 1; }
.service-content p a {color:#E53913;}
.service-content p { margin: 0 0 30px 0; }
.service-content h3 { font-family: Red Hat Display , sans-serif; font-weight: 700; font-size: 40px; }
.service-content h3 span { text-shadow: 0 0 10px #12d399; }
.service-content [class*="button-"] { display: inline-block; }
.service-slider { margin-top: -1px; padding: 150px 0 90px; background: #00071D; position: relative; z-index: 1; overflow-x: clip; }
.service-slider .mount { position: absolute; top: 0; left: 0; width: 100%; z-index: -1; }
.service-slider .mount img { width: 100%; }
.service-slider h2 { line-height: 1.1; }
.service-slider h2 span { background: -webkit-linear-gradient(0deg, #fff 0%, #4DEBBC 120%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 0 6px #4DEBBC); }
.service-slider .main-title .left { width: calc(100% - 200px); }
.service-slider .main-title .sub { font-size: 18px; line-height: 1.3; color: #E53913; letter-spacing: 2px; font-family: Clash Display , sans-serif; font-weight: 500; }
.service-slider .main-title .link-style { width: 200px; }
.service-slider .slider .box { padding: 20px 40px; position: relative; }
.service-slider .slider .box:before { content: ''; width: 10px; height: 10px; position: absolute; top: 0; left: -5px; bottom: 0; background: #E53913; border-radius: 10px; margin: auto; box-shadow: 0px 0px 10px 2px #E53913; }
.service-slider .slider .box > div { font-size: 22px;font-weight: 600; line-height: 30px; padding: 34px 30px; border-radius: 10px; min-width: 525px; text-align: center; border: 1px solid rgba(255, 255, 255, 0.5); position: relative; overflow: hidden; transition: 200ms; z-index: 1; }
.service-slider .slider .box > div:hover { background: #00071D; }
.service-slider .slider .box > div:after { content: ''; width: 220px; height: 100px; border-radius: 100%; position: absolute; top: -30px; left: 0; background: #031545; filter: blur(80px); z-index: -1; transform: scale(0); transition: 200ms; }
.service-slider .slider .box > div:before { content: ''; width: 220px; height: 100px; border-radius: 100%; position: absolute; bottom: -30px; right: 0; background: #4DEBBC; filter: blur(80px); z-index: -1; transform: scale(0); transition: 200ms; }
.service-slider .slider .box > div:hover:after , .service-slider .slider .box > div:hover:before { transform: scale(1); }
.service-tab { padding: 120px 0; background: #00071D; overflow: hidden; }
.service-tab .box { border: 1px solid rgba(255, 255, 255, 0.4); height: 645px; position: relative; width: 132px; transition:400ms; }
.service-tab .box h3 { padding: 20px 30px 20px 70px; margin: 0; font-size: 42px;font-family: 'Red Hat Display', sans-serif; font-weight:700; letter-spacing:.5px; line-height: 40px; width: 645px; transform: rotate(-90deg); top: 257px; left: -257px; cursor: pointer; min-height: 132px; display: flex; align-items: center; position: absolute; transition:400ms; z-index: 1; }
.service-tab .box h3:before { content: ''; width: 10px; height: 10px; position: absolute; top: 0; left: 28px; bottom: 0; background: #E53913; border-radius: 10px; margin: auto; box-shadow: 0px 0px 10px 2px #E53913; }
.service-tab .box .ans .cover { height: 100%; display: flex; flex-flow: column; justify-content: center; font-size: 18px; line-height: 28px; font-weight: 500; color: #031545; }
.service-tab .box.active { width: 670px; }
.service-tab .box.active .ans { opacity: 1; }
.service-tab .box.active h3 { color: #031545; }
.product-strip { padding: 80px 0; font-size: 18px; line-height: 28px; font-weight: 500; min-height: 668px; position: relative; overflow-x: clip; }
.product-strip:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #00071D; mix-blend-mode: overlay; opacity: 0.6; }
.product-strip:after { content: ''; width: 220px; height: 220px; position: absolute; top: 0; right: 100px; background: url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/img-round.png') no-repeat; bottom: 0; margin: auto; mix-blend-mode: overlay; }
.product-strip > div { position: relative; z-index: 1; }
.product-strip h2 span { color:#fff; filter: drop-shadow(0 0 6px #4DEBBC); }
.product-strip .inner { max-width: 950px; width: 100%; position: relative; }
.book-strip { padding: 160px 0; position: relative; }
.book-strip .main { background: #031545; border-radius: 20px; padding: 0 30px; }
.book-strip .main .image { position: relative; width: 340px; padding-right:20px; text-align: center; z-index: 1; display: flex; align-items: center; justify-content: center; }
.book-strip .main .image img.shape { position: absolute; top: 0; bottom: 0; left: -50px; right: 0; margin: auto; z-index: -1; }
.book-strip .main .text { padding: 50px 0; display: flex; flex-flow: column; justify-content: center; position: relative; z-index: 1; width: calc(100% - 113px); }
.book-strip .main .text .sub { font-size: 18px; line-height: 27px; margin: 0 0 7px; color: #E53913; font-weight: 500; letter-spacing: 2px; font-family: Clash Display , sans-serif; }
.book-strip .main .text h2 { font-size: 60px; }
.book-strip .main .link { width: 113px; padding: 17px 0; }
.book-strip .main .link a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border: 1px solid #fff; border-radius: 10px; opacity: 0.4; }
.book-strip .main .link a:hover { opacity: 1; }
.book-strip .main .link svg { width: 20px; }
.book-strip .main .right { width: calc(100% - 340px); }
.website-packages { padding: 0px 0 100px; background: #00071D url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/service-shape.png') no-repeat center center; }
.website-packages .main { margin: 0 -7px; }
.website-packages .box { width: 33.33%; padding: 7px; font-size: 17px; line-height: 27px; }
.website-packages .box h2 { font-size: 100px; line-height: 1.2; margin: 0 0 26px; }
.website-packages .box .inner { border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 10px; padding-bottom: 80px; position: relative; height: 100%; }
.website-packages .box .title { border-bottom: 1px dashed rgba(255, 255, 255, 0.3); padding: 15px; min-height: 114px; display: flex; align-items: center; position: relative; }
.website-packages .box .title h3 { margin: 0; font-size: 35px; line-height: 1.2; font-family: Red Hat Display , sans-serif; font-weight: 700; background: -webkit-linear-gradient(0deg, #fff 20%, #12D399 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.website-packages .box .title:after { content: ''; width: 100%; position: absolute; bottom: 2px; left: 0; border-bottom: 1px dashed rgba(255, 255, 255, 0.3); }
.website-packages .box .text { padding: 30px 25px; }
.website-packages .box .sub { font-size: 15px; line-height: 26px; letter-spacing: 2px; text-transform: uppercase; font-family: Clash Display , sans-serif; font-weight: 500; margin: 0 0 15px; }
.website-packages .box .sub-title { margin: 0 0 30px; font-weight: 700; color: #4DEBBC; }
.website-packages .box .button-btm { display: none; }
.website-packages .box [class*="button-"] { position: absolute; bottom: 0; left: 0; width: 100%; padding: 14px; }
.website-packages .box [class*="button-"] a { width: 100%; min-width: auto; padding: 11px 18px; }
/* .details-text { display: none; } */
.details-text .ttl { font-size: 15px; line-height: 20px; padding: 0 25px 20px; text-transform: uppercase; border-bottom: 1px dashed rgba(255, 255, 255, 0.3); position: relative; letter-spacing: 2px; font-family: Clash Display , sans-serif; font-weight: 500; }
.details-text .ttl:after { content: ''; width: 100%; position: absolute; left: 0; bottom: 3px; border-bottom: 1px dashed rgba(255, 255, 255, 0.3); }
.details-text .list { padding: 30px 25px; font-size: 16px; }
.details-text .list ul { margin: 0; padding: 0; list-style-type: none; }
.details-text .list ul li { margin: 2px 0; display: inline-block; width: 100%; position: relative; padding: 0 0 0 15px; }
.details-text .list ul li:before { content: ''; width: 7px; height: 7px; position: absolute; top: 10px; left: 0; background: #E53913; box-shadow: 0px 0px 10px 2px #E53913; border-radius: 10px; }
.website-packages .button-btm { margin: 15px 0 0; border: 1px solid rgba(255, 255, 255, 0.4); padding: 20px; font-size: 15px; line-height: 27px; font-weight: 700; letter-spacing: 2px; text-align: center; border-radius: 10px; min-height: 86px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.website-packages .button-btm{display:none;}
.website-packages .button-btm:after { content: '+'; margin-left: 20px; font-size: 18px; }
.website-packages .button-btm.active:after { content: '-'; }
.strip-box { font-size: 15px; line-height: 25px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.4); margin: 5px 0 10px; background: #171A35; padding: 16px 15px; min-height: 85px; }
.strip-box .title { width: 240px; font-family: Clash Display , sans-serif; letter-spacing: 2px; font-weight: 700; }
.strip-box .text { width: calc(100% - 240px); }
.bg-color-content { background: #00071D; }
.content-form { margin-top: -1px; padding: 50px 0 80px; background: #00071D url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/content-shadow.png') no-repeat left top; }
.content-form .left { width: 50%; padding: 0 20px 0 0; }
.content-form .left .inner { height: 100%; display: flex; flex-flow: column; justify-content: center; background: #FAF3ED url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/content-img.png') no-repeat left bottom; padding: 30px 70px 30px 30px; font-size: 17px; line-height: 27px; font-weight: 500; border-radius: 15px; }
.content-form .left .sub { font-size: 18px; line-height: 27px; text-transform: uppercase; letter-spacing: 2px; font-weight: 500; font-family: Clash Display , sans-serif; margin: 0 0 10px; }
.content-form .left h2 { font-size: 50px; line-height: 1; }
.content-form .form { width: 50%; }
.content-form .form .hs-input { color: #fff; border-color: rgba(255, 255, 255, 0.5); background-color: transparent; }
.content-form .form .hs-input option { color: #000; }
.bg-color-content .content-form .form { position: relative; }
.content-form .form .hs-input::-webkit-input-placeholder { color: #fff; opacity:1; }
.content-form .form .hs-input::-moz-placeholder { color: #fff; opacity:1; }
.content-form .form .hs-input:-ms-input-placeholder { color: #fff; opacity:1; }
.content-form .form .hs-input:-moz-placeholder { color: #fff; opacity:1; }
.website-form { padding: 140px 0 140px 0; background-image: url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/web-shadow.png'); background-repeat: no-repeat; background-position: left bottom; position: relative; }
.website-form .left { width: 45%; padding: 0 70px 0 0; }
.website-form .left h2 { line-height: 1.1; }
.website-form .left .sub { margin: 0 0 15px; font-size: 18px; line-height: 27px; letter-spacing: 2px; color: #E53913; font-family: Clash Display , sans-serif; font-weight: 500; }
.website-form .right { width: 55%; }
.website-form .right .hs-input { background: transparent; }
.service-page .journey-starts { padding-bottom: 0; background: url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/shadow-journey.png') no-repeat left bottom; }
.testi-service { padding-bottom: 70px; background-image: none; }
.pdng-btm-remove { padding-bottom: 0; }
/*** about ***/
.about-hero { background: #00071D url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/shape-service1.png') no-repeat top 130px right -350px; padding: 200px 0 0; }
.about-text .sub { letter-spacing: 2px; text-transform: uppercase; font-weight: 500; font-size: 16px; font-family: Clash Display , sans-serif; }
.about-text h1 { font-size: 73px; line-height: 1.1; }
.about-text h1 span { text-shadow: 0 0 10px #4DEBBC; color:#fff; }
.about-text .left { width: calc(100% - 130px); padding: 0 20px 0 0; }
.about-text .left .inner { max-width: 1020px; width: 100%; }
.about-text .left .inner .pretext { font-weight: 400; font-size: 19px; line-height: 29px; }
.about-text .right { width: 130px; }
.about-image { margin: 0 -7px; }
.about-image .box { width: 55%; padding: 7px; line-height: 0; }
.about-image .box > div { height: 322px; border-radius: 15px; overflow: hidden; }
.about-image .box img { width: 100%; height: 100% !important; object-fit: cover; }
.about-image .box:nth-child(even) { width: 45%; }
.about-slider { font-family: Clash Display , sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 2px; line-height: 30px; text-transform: uppercase; width: 100%; }
.about-slider .slick-list { border-top: 1px solid rgba(255, 255, 255, 0.35); border-bottom: 1px solid rgba(255, 255, 255, 0.35); }
.about-slider .box { padding: 16px 20px; direction: ltr; }
.about-slider .box > div { display: flex; align-items: center; color: #7B87A7; }
.about-slider .box > div:after { content: ''; margin-top: 4px; width: 23px; height: 23px; background: url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/arrow-top.svg') no-repeat; display: inline-block; transform: rotate(90deg); vertical-align: middle; margin-left:20px; /*margin-right: 20px;*/ }
.maximize-number { padding: 50px 0; background: #00071D url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/vision-shadow.png') no-repeat center right; overflow-x: clip; }
.ttl-main { padding: 0 15px 10px; border: 1px solid rgba(255, 255, 255, 0.5); border-top: navajowhite; border-right: none; border-radius: 0 0 0 10px; display: flex; align-items: center; font-size: 16px; letter-spacing: 2px; font-family: Clash Display; font-weight: 500; }
.ttl-main span { margin-right: 12px; color: #E53913; }
.ttl-main:before { content: ''; width: 10px; height: 10px; background: #E53913; display: inline-block; border-radius: 10px; margin-right: 14px; box-shadow: 0px 0px 10px 2px #E53913; }
.maximize-number .main { margin: 0 0 0 auto; padding-right: 60px; max-width: 1070px; font-size: 19px; line-height: 29px; position: relative; z-index: 1; }
.maximize-number .main h2 { font-size: 42px; line-height: 52px; text-transform: none; font-family: Red Hat Display , sans-serif; font-weight: 700; margin: 0 0 20px; }
.maximize-number .main h2 span { text-shadow: 0 0 10px #12d399; }
.maximize-heading {margin-top:55px;margin-bottom:35px; text-align:center;}
.maximize-heading span {text-shadow: 0 0 10px #4DEBBC;}
.our-mission { padding: 0 0 135px; background: #00071D; border-radius: 0 0 60px 60px; overflow-x: clip; position: relative; }
.our-mission:before { content: ''; width: 100%; height: 60px; background: #fff; position: absolute; bottom: 0; left: 0; z-index: -1; }
.our-mission > div { position: relative; }
.mission-title { padding: 60px 0 150px; position: relative; }
.our-mission.content_disable .mission-title { padding: 120px 0 0; }
.mission-title:before { content: ''; margin: auto; width: 1000px; height: 1000px; background: url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/shape-blue.png') no-repeat; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: 100%; }
.mission-title h2 { margin: 0; font-size: 125px; line-height: 1; white-space: nowrap; }
.mission-title .title-one { text-align: right; }
.our-mission .mission-title.hide_title {padding: 0;}
.our-mission .mission-title.hide_title:before{display:none;}
.our-mission .main { margin: 0 0 0 auto; max-width: 1070px; width: 100%; font-size: 40px; line-height: 50px; font-weight: 700; position: relative; z-index: 1; }
.our-mission .main p { margin: 0 0 70px; display: inline-block; width: 100%; }
.our-mission .main p:last-child { margin-bottom: 0; }
.our-mission .main .text { background: linear-gradient(125deg , #FFFFFF, #4DEBBC , #0A66C2); -webkit-background-clip: text; }
/* .our-mission .main .text .line:nth-child(5) { margin-top: 40px; } */
.our-mission .main .text a { color: #FFF; background: linear-gradient(125deg, #81f1d0, #58ecc0, #3fcfbd); -webkit-background-clip: text; border-bottom: 2px solid rgba(88, 236, 192, 0.5); }
.our-mission span.char[style="display: inline-block; opacity: 1;"] , .our-mission .main .text a span.char[style="display: inline-block; opacity: 1;"] { -webkit-text-fill-color: transparent; }
.all-started { padding: 160px 0 0; font-size: 32px; line-height: 42px; position: relative; background: #fff; }
.all-started h3{font-size:50px;}
.all-started .line { position: absolute; top: 0; right: 0; line-height: 0; }
.all-started .container { position: relative; }
.all-started h2 { font-size: 110px; line-height: 1; margin: 0 0 30px; background: #031545 url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/shape-blue-shadow.png') no-repeat left -130px bottom -220px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.all-started .btn-link { font-size: 16px; line-height: 1.2; }
.all-started .btn-link a { font-weight: 500; letter-spacing: 2px; font-family: Clash Display , sans-serif; color: #E53913; }
.all-started .btn-link a:hover { color: #4DEBBC; }
.all-started .left { width: 100%; max-width: 940px; font-weight: 500; padding: 0 40px 0 0; }
.all-started .right { width: 350px; }
.all-started .right .img { margin: 0 auto; width: 160px; height: 160px; line-height: 0; border-radius: 100%; overflow: hidden; }
.all-started .right .img img { width: 100%; height: 100% !important; }
/*.knowmad-image .main { margin-bottom: -140px; min-height: 885px; padding: 100px; font-size: 40px; line-height: 1.25; font-weight: 700; border-radius: 20px; overflow: hidden; position: relative; z-index: 1; }
.knowmad-image .main:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/gradient%20-shape.png') no-repeat center center / cover; }
.knowmad-image .main:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #031545; opacity: 0.50; }
.knowmad-image .main > div { position: relative; z-index: 1; }
.knowmad-image .main .text { width: 100%; max-width: 1000px; }
.knowmad-image .main .text span { text-shadow: 0 0 10px #4DEBBC; position: relative; z-index: 1; }*/
.knowmad-image{ min-height: 745px; position: relative; overflow-x: clip; }
.knowmad-image .main { font-size: 40px; line-height: 1.25; font-weight: 700; overflow: hidden; position: relative; z-index: 1; position: absolute; left:calc(100% - 271px); top: -370px; width: 165px; height: 165px; max-width: 100%; border-radius: 100%;}
.knowmad-image .main:before { pointer-events: none; content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/gradient%20-shape.png') no-repeat center center / cover; transition: 400ms; opacity: 0; }
.knowmad-image .main:after {opacity: 0; pointer-events: none; content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #031545; transition: 400ms;}
.knowmad-image .main > div { position: relative; z-index: 1; }
.knowmad-image .main .text { width: 1000px; opacity: 0; pointer-events: none; transition: 400ms;}
.knowmad-image .main .text span { text-shadow: 0 0 10px #4DEBBC; position: relative; z-index: 1; }
.knowmad-image.animDone .main{/*height: 885px; padding: 100px; border-radius: 20px;*/}
.knowmad-image.animDone .main .text {opacity:1; pointer-events:auto;}
.knowmad-image.animDone .main:before{opacity:1; }
.knowmad-image.animDone .main:after {opacity: 0.50;}
.the-flag { padding: 255px 0 200px; background: #031545 url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/shape-flag.png') no-repeat top -18px right; overflow: clip; position: relative; }
.the-flag:before { content: ''; width: 750px; height: 750px; position: absolute; top: 0; left: -10%; border-radius: 100%; background: #0C2C7C; filter: blur(180px); }
.the-flag:after { content: ''; width: 750px; height: 750px; position: absolute; bottom: 0; right: -10%; border-radius: 100%; background: #0C2C7C; filter: blur(180px); }
.the-flag > div { position: relative; z-index: 1; }
.the-flag .main-title { margin: 0 auto 20px; font-size: 17px; line-height: 27px; max-width: 740px; width: 100%; font-weight: 500; }
.the-flag .main { margin-left: -15px; margin-right: -15px; }
.the-flag .box { width: 31%; }
.the-flag .box:nth-child(3) { width: 38%; }
.the-flag .box .image { height: 330px; border-radius: 10px; overflow: hidden; line-height: 0; }
.the-flag .box .image img { height: 100% !important; width: 100%; object-fit: cover; }
.the-flag .box a { padding: 15px; display: inline-block; width: 100%; }
.the-flag .box a.remove { cursor: auto; pointer-events: none; }
.the-flag .box .text { margin: 20px 0 0; font-size: 15px; line-height: 25px; letter-spacing: 2px; font-weight: 500; font-family: Clash Display , sans-serif; color: #fff; display: flex; }
.the-flag .box .text:before { content: ''; margin-top: 6px; margin-right: 14px; width: 10px; height: 10px; background: #E53913; display: inline-block; border-radius: 10px; box-shadow: 0px 0px 10px 2px #E53913; }
.our-values { padding: 210px 0 50px; background: #00071D; border-radius: 60px 60px 0 0; margin-top: -60px; position: relative; }
.our-values .main-title h2 { font-size: 150px; line-height: 1; }
.our-values .main-title .sub { letter-spacing: 3px; text-transform: uppercase; font-weight: 500; font-family: Clash Display; }
.our-values .main { position: relative; }
.our-values .main .mountain { margin: 0; position: absolute; top: -20%; left: 0; width: 100%; }
.our-values .main .mountain svg { width: 100%; height: 100%; }
.our-values .wrap { position: relative; padding-left: calc((100% - 1330px) / 2); }
.our-values .wrap { position: relative; padding-left: calc((100% - 1330px) / 2); }
.our-values .wrap .box { padding: 50px 100px; border: 1px solid #525C78; border-right: none; border-radius: 150px 0 0 150px; margin: 0 0 26px; }
.our-values .wrap .box:last-child { margin-bottom: 0; }
.our-values .wrap .box .title { width: 585px; }
.our-values .wrap .box .title h2 { margin: 0; font-size: 150px; line-height: 1.1; }
.our-values .wrap .box .title h2::first-letter { color: #4DEBBC; }
.our-values .wrap .box .text { width: calc(100% - 585px); }
.our-values .wrap .box .text .con { max-width: 530px; width: 100%; }
.about-textimg { padding: 50px 0; background: #00071D; overflow-x: clip; }
.about-textimg .textimg { position: relative; }
/* .about-textimg .textimg:after { content: ''; width: 100%; height: 800px; background: url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/shape-service.png') no-repeat; position: absolute; top: 0; left: 0; } */
.about-textimg .textimg .img { margin-left: -3%; width: 53%; line-height: 0; border-radius: 15px; overflow: hidden; }
.about-textimg .textimg .img img { width: 100%; }
.about-textimg .textimg .text { width: 60%; padding: 80px 0; padding-right: calc((100% - 1340px) / 2); margin-left: -10%; position: relative; }
.about-textimg .textimg .text:before { content: ''; width: 1281px; height: 1258px; position: absolute; top: -200px; left: -350px; background: url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/shape-textimg.png') no-repeat left top; }
.about-textimg .textimg .text h2 { font-size: 40px; line-height: 50px; font-family: Red Hat Display , sans-serif; font-weight: 500; position: relative; }
.about-textimg .textimg .text h2 span { color: #E53913; }
.about-textimg .wrap { margin-left: -50px; margin-right: -50px; position: relative; }
.about-textimg .wrap .image { width: 40%; padding: 15px; height: 420px; line-height: 0; }
.about-textimg .wrap .image img { width: 100%; height: 100% !important; object-fit: cover; }
.about-textimg .wrap .image .img { overflow: hidden; border-radius: 15px; height: 100%; }
.about-textimg .wrap .image:nth-child(2) { width: 27%; }
.about-textimg .wrap .image:nth-child(3) { width: 33%; }
.about-textimg .wrap .image:nth-child(4),
.about-textimg .wrap .image:nth-child(5) { width: 50%; }
.awards-recog { padding: 100px 0 70px; background: #00071D; z-index: inherit; }
.awards-recog > div { position: relative; z-index: 22; }
.partners-about { background: #00071D; position: relative; z-index: 1; }
.partners-about:before { content: ''; width: 100%; height: 740px; position: absolute; bottom: 0; left: 0; background: url(https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/shape-parnt.png) no-repeat top left; }
.partners-about > div { position: relative; }
.experts-about { padding: 140px 0 140px; }
.experts-about .partners .box { margin: 0 50px; }
.the-experts .partners { position: relative; }
.experts-about .head-title { width: 580px; position: absolute; bottom: 322px; font-size: 17px; line-height: 27px; left: 50%; transform: translateX(-50%) rotate(-90deg); display: flex; color: #E89F8F; letter-spacing: 2px; font-family: Clash Display , sans-serif; font-weight: 500; }
.experts-about .head-title span { color: #E53913; }
.testimonials-about { padding: 120px 0; background: #E53913; }
.testimonials-about .tag span { margin: 5px 13px 5px 0; padding: 6px 15px 5px; font-size: 13px; line-height: 20px; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 500; border-radius: 5px; border: 1px solid rgba(255,255,255,0.6); color: rgba(255,255,255,0.6); display: flex; align-items: center; font-family: Clash Display , sans-serif; }
.testimonials-about .tag span:before { content: ''; margin-top: -4px; margin-right: 12px; width: 8px; height: 8px; min-width: 8px; border-radius: 10px; background: #4DEBBC; display: inline-block; box-shadow: 0px 0px 12px 0px #4DEBBC; }
.testimonials-about .tag span:before { background: #fff; box-shadow: 0px 0px 12px 0px #fff; }
.testimonials-about .text { font-size: 32px; line-height: 42px; max-width: 1100px; width: 100%; font-weight: 500; }
.testimonials-about .text:before { content: ''; margin-right: 10px; width: 57px; height: 35px; background: url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/quote.svg') no-repeat; background-size: 57px; display: inline-block; }
.testimonials-about .name { text-transform: uppercase; font-size: 16px; font-weight: 500; letter-spacing: 2px; font-family: Clash Display , sans-serif; }
.testimonials-about .name span { font-weight: 400; }
.careers-knowmad { padding: 145px 0 110px; position: relative; }
.careers-knowmad h2 { font-size: 100px; }
.careers-knowmad .main { max-width: 900px; width: 100%; margin: 0 0 0 auto; }
.careers-knowmad .main .text { font-size: 32px; line-height: 42px; font-weight: 500; }
.opportunities-section { padding: 150px 0; background: #00071D; }
.opportunities-section > div { position: relative; z-index: 99; }
.opportunities-section .main-title h2 { font-size: 100px; line-height: 1.1; margin: 0; }
.opportunities-section .tag { margin-left: 80px; font-size: 18px; line-height: 28px; font-weight: 500; }
.opportunities-section .tag span { margin: 5px 0 5px 13px; padding: 6px 12px 5px; min-width: 179px; font-size: 13px; line-height: 20px; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 500; border-radius: 5px; border: 1px solid rgba(255,255,255,0.2); color: rgba(255,255,255,0.4); display: flex; align-items: center; font-family: Clash Display , sans-serif; }
.opportunities-section .tag span:before { content: ''; margin-top: -2px; margin-right: 12px; width: 7px; height: 7px; min-width: 7px; border-radius: 5px; background: #4DEBBC; display: inline-block; box-shadow: 0px 0px 12px 0px #4DEBBC; }
.opportunities-section .box a { padding: 30px 0; border-top: 0.35px dashed rgba(255, 225, 255, .5); width: 100%; min-height: 142px; position: relative; }
.opportunities-section .box a:before { content: ''; width: 100%; border-top: 0.35px dashed rgba(255, 225, 255, .5); position: absolute; top: -5px; left: 0; }
.opportunities-section .box a .wrap { transition:400ms; }
.opportunities-section .box h2 { margin: 0; font-size: 40px; line-height: 50px; font-family: Red Hat Display , sans-serif; font-weight: 700; transition:400ms; }
.opportunities-section .box:last-child { border-bottom: 0.35px dashed rgba(255, 225, 255, .5); }
.opportunities-section .box:last-child a:after { content: ''; width: 100%; border-bottom: 0.35px dashed rgba(255, 225, 255, .5); position: absolute; bottom: -5px; left: 0; }
.opportunities-section .box .tag { margin-left: 30px; }
.opportunities-section .box a:hover .wrap { padding: 0 0 0 30px; }
.opportunities-section .box a:hover .wrap h2 { background: -webkit-linear-gradient(-60deg , #FFFFFF, #4DEBBC); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.testimonial-position { padding: 50px 0; background: #00071D; overflow-x: clip; position: relative; }
.testimonial-position:after { content: ''; width: 100%; height: 100%; position: absolute; top: -38%; left: 0; background: url(https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/success-shadow-right.png) no-repeat bottom right; }
.testimonial-position > div { position: relative; z-index: 1; }
.testimonial-position .box { margin-bottom: 170px; max-width: 1147px; width: 100%; }
.testimonial-position .box .image { width: 413px; position: relative; }
.testimonial-position .box .image img.shape { position: absolute; top: 40px; left: 12px; }
.testimonial-position .box .img { width: 100%; line-height: 0; border-radius: 10px; overflow: hidden; position: relative; z-index: 1; }
.testimonial-position .box .img img { width: 100%; }
.testimonial-position .box .text { width: calc(100% - 413px); padding: 0 0 0 130px; }
.testimonial-position .box .sub { font-size: 15px; line-height: 1.3; letter-spacing: 3px; text-transform: uppercase; color: #4DEBBC; font-weight: 500; font-family: Clash Display , sans-serif; }
.testimonial-position .box h3 { font-size: 27px; line-height: 37px; font-family: Red Hat Display , sans-serif; font-weight: 500; }
.testimonial-position .box h3:before { content: ''; margin-right: 15px; width: 39px; height: 24px; background: url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/quote.svg') no-repeat; background-size: 39px; display: inline-block; vertical-align: middle; }
.testimonial-position .box .position { font-size: 15px; line-height: 1.4; letter-spacing: 3px; font-family: Clash Display , sans-serif; opacity: 0.5; }
.text-slider { overflow: hidden; padding: 100px 0 125px; background: #00071D; }
.text-slider .title { font-size: 16px; letter-spacing: 2px; text-transform: uppercase; font-family: Clash Display , sans-serif; font-weight: 500; }
.text-slider h2 { margin: 0; padding: 0 20px; font-size: 104px; display: flex; align-items: center; color: #fff; background: #fff url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/orange-shape1.png') no-repeat center center / 150%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; white-space: nowrap; }
.text-slider h2:before { content: ''; margin-left: 30px; width: 35px; height: 35px; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center center; display: inline-block; vertical-align: middle; }
.our-benefits { padding: 80px 0 50px; background: #00071D; position: relative; z-index: 1; }
.our-benefits .main-title { position: sticky; top: 100px; z-index: -1; }
.our-benefits .main { padding-bottom: 48svh; position: relative; z-index: 1; }
.our-benefits .main-title .title { margin: 0 0 40px; width: 100%; height: 374px; display: flex; align-items: center; justify-content: center; background: url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/Mask%20%282%29.png') center left; background-size: cover; border-top: 1px solid #0C2C7C; border-bottom: 1px solid #0C2C7C; }
.our-benefits .main-title .title h2 { margin: 0; font-size: 100px;text-align:center; line-height: 1; }
.our-benefits .box { width: 100%; }
.our-benefits .box h3 { font-size: 40px; line-height: 1.4; }
.our-benefits .box .inner { max-width: 539px; width: 100%; min-height: 376px; font-size: 16px; line-height: 26px; display: flex; align-items: center; flex-flow: column; justify-content: center; padding: 30px; border-radius: 10px; position: relative; overflow: hidden; }
.our-benefits .box .inner:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/compass-round.png') no-repeat center right -180px; }
.our-benefits .box .inner > div { position: relative; z-index: 1; transition:400ms; }
.our-benefits .box .inner .title { padding: 30px; position: absolute; left: 0; bottom: 0; width: 100%; }
.our-benefits .box .text { opacity: 0; }
.our-benefits .box:nth-child(even) { margin-bottom: -50px; }
.our-benefits .box:nth-child(even) .inner { margin: 0 0 0 auto; }
.our-benefits .box .inner:hover .text { opacity: 1; }
.our-benefits .box .inner:hover .title { bottom: 15px; opacity: 0; }
/* .cursor-pointer.link-cursor { width: 100px; height: 100px; background: #4DEBBC } */
/*** ***/
.hero-default { padding: 210px 0 10px; position: relative; background: #00071D; }
.hero-default:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/shape-green1.png') no-repeat bottom -150px right -400px; }
.hero-default > div { position: relative; }
.hero-default .sub { font-size: 16px; line-height: 24px; letter-spacing: 2px; font-weight: 500; font-family: 'Clash Display'; }
.hero-default .text { width: calc(100% - 400px); }
.hero-default .text .pretext { max-width: 810px; font-weight: 500; }
.hero-default h1 { font-size: 73px; line-height: 1.1; }
.hero-default h1 span { text-shadow: 0 0 10px #4DEBBC; }
.hero-default .main [class*="button-"] { margin-bottom: 30px; }
.hero-default .image { border-radius: 20px; overflow: hidden; line-height: 0; }
.hero-default .image img { width: 100%; }
.hero-default [class*="btn"] { display: none; }
.default-page .our-mission { border-radius: 0; }
.marketing-services { margin-top: -1px; padding: 130px 0 30px; background: #00071D; position: relative; overflow-x: clip; }
.marketing-services:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; right: 0; background: url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/orange-blue.png') no-repeat top right -330px; }
.marketing-services > div { position: relative; z-index: 1; }
.marketing-services h3 { font-size: 38px; line-height: 1.2; font-family: 'Red Hat Display'; font-weight: 700; margin-bottom:25px; }
.marketing-services h3 span { text-shadow: 0 0 10px #4DEBBC; }
.marketing-services h2 { margin-bottom:30px; font-size:65px; position: relative; padding-left: 25px; }
.marketing-services h2:before { content: ''; width: 10px; height: 10px; position: absolute; top: 32px; left: 0; background: #E53913; border-radius: 30px; box-shadow: 0px 0px 10px 2px #E53913; }
.marketing-services .main-title { font-size: 19px; line-height: 29px; font-weight: 400; max-width: 1124px; width: 100%; }
.marketing-services .box a { padding: 30px 0; border-top: 0.35px dashed rgba(255, 225, 255, .5); width: 100%; min-height: 143px; position: relative; z-index: 1; display: flex; align-items: center; }
.marketing-services .box a:before { content: ''; width: 100%; border-top: 0.35px dashed rgba(255, 225, 255, .5); position: absolute; top: -5px; left: 0; z-index: 1; }
.marketing-services .box h3 { margin: 0; font-size: 32px; line-height: 42px; font-family: Red Hat Display , sans-serif; font-weight: 700; transition:400ms; background: linear-gradient(88.77deg, #FFFFFF -0.37%, #12D399 52.6%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.marketing-services .box a .wrap { transition:400ms; }
.marketing-services .box .tag { margin-left: 30px; }
.marketing-services .box:last-child { border-bottom: 0.35px dashed rgba(255, 225, 255, .5); }
.marketing-services .box:last-child a:after { content: ''; width: 100%; border-bottom: 0.35px dashed rgba(255, 225, 255, .5); position: absolute; bottom: -5px; left: 0; z-index: 1; }
.marketing-services .box .img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 465px; border-radius: 10px; overflow: hidden; line-height: 1; margin: auto; z-index: -1; transition:400ms; opacity: 0; }
.marketing-services .box .img img { width: 100%; height: 100% !important; object-fit: cover; }
.marketing-services .box .img:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #00071D; opacity: 0.6; }
.marketing-services .box a:hover .wrap { padding: 0 0 0 30px; }
/* .marketing-services .box a:hover .wrap h3 { background: linear-gradient(88.77deg, #FFFFFF -0.37%, #12D399 52.6%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } */
.marketing-services .box a:hover .img { top: -64px; bottom: -64px; opacity: 1; }
.marketing-services .box .link { position: absolute; top: 0; right: calc((100% - 700px) / 2); bottom: 0; margin: auto; display: flex; align-items: center; }
.technology-section { margin-top: -1px; padding: 100px 0; background: #00071D; }
.technology-section .box { width: 50%; padding: 20px; }
.technology-section .wrap { margin: 0 -20px; }
.technology-section .box h4 { margin: 0; font-size: 27px; line-height: 1.4; }
.technology-section .box a { min-height: 542px; position: relative; width: 100%; border-radius: 15px; overflow: hidden; display: flex; flex-flow: column; justify-content: flex-end; padding: 100px 30px; }
.technology-section .box .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.technology-section .box .image img { width: 100%; height: 100% !important; object-fit: cover; }
.technology-section .box .image:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0.4; }
.technology-section .box .image:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/image-shape.png) no-repeat top left; opacity: 0; transition:400ms; }
.technology-section .box .text { position: relative; }
.technology-section .box a:hover .image:after { opacity: 1; }
.technology-section .box .tag span { margin: 5px 13px 5px 0; padding: 6px 12px 5px; min-width: 179px; font-size: 13px; line-height: 20px; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 500; border-radius: 5px; border: 1px solid rgba(255,255,255,0.5); color: #fff; display: flex; align-items: center; font-family: Clash Display , sans-serif; }
.technology-section .box .tag span:before { content: ''; margin-top: -2px; margin-right: 12px; width: 8px; height: 8px; min-width: 8px; border-radius: 5px; background: #E53913; display: inline-block; box-shadow: 0px 0px 10px 2px #FF0000; }
.image-default { padding: 35px; background: #00071D; border-radius: 0 0 60px 60px; position: relative; }
.image-default .line { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; display: flex; align-items: center; justify-content: center; pointer-events: none; z-index: 1; }
.image-default .line svg { width: 100%; height: 100%; }
.image-default .wrap { border-radius: 40px; min-height: 700px; position: relative; overflow: hidden; }
.image-default .wrap:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0.50; }
.image-default .wrap .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: difference; }
.image-default .wrap .image img { width: 100%; height: 100% !important; object-fit: cover; }
.image-default .wrap .container { position: relative; z-index: 1; }
.image-default .wrap h2 { font-size: 110px; line-height: 1.1; }
.image-default .wrap h2 span { text-shadow: 0 0 10px #12d399;}
.default-page .testimonials-section { background: transparent; padding: 150px 0 100px; }
.default-page .testimonials-section .slick-slider .slick-arrow { top: calc(50% + 3px); transform: scale(-1.1) translateY(50%) rotate(0deg); background-image: url('data:image/svg+xml,'); }
.default-page .testimonials-section .slick-slider .slick-next { transform: scale(-1.1) translateY(50%) rotate(180deg); }
.default-page .testimonials-section .box .tag span:before { background: #E53913; box-shadow: 0px 0px 12px 0px #E53913; }
.default-page .testimonials-section.orange .box .tag span:before { background: #4DEBBC; box-shadow: 0px 0px 12px 0px #4DEBBC; }
.default-page .testimonials-section.blue .box .tag span:before { background: #E53913; box-shadow: 0px 0px 12px 0px #E53913; }
.default-page .testimonials-section.bgtan_color { background: #00071D; }
.default-page .testimonials-section.bgtan_color .slick-slider .slick-arrow { background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center center; transform: scale(-1.1) translateY(50%) rotate(180deg); }
.default-page .testimonials-section.bgtan_color .slick-slider .slick-arrow.slick-next { transform: scale(-1.1) translateY(50%) rotate(0deg); }
.testimonials-section.bgtan_color .slick-slider button.slick-prev.slick-arrow { transform: scale(-1.1) translateY(50%) rotate(0deg); }
.testimonials-section.bgtan_color { background: transparent; }
.testimonials-section.bgtan_color .slick-slider .slick-arrow { background-image: url('data:image/svg+xml,'); transform: scale(-1.1) translateY(50%) rotate(180deg); }
/* .testimonials-section.bgtan_color .slick-slider .slick-prev.slick-arrow { transform: scale(-1.1) translateY(50%) rotate(0deg); } */
.number-box { padding: 80px 0; background: url(https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/round-green.png) no-repeat center center; position: relative; }
.number-box .box { padding: 40px 90px; font-size: 18px; line-height: 27px; font-weight: 500; width: 33.33%; }
.number-box .box h2 { margin: 0; font-size: 140px; line-height: 1; color: #0C2C7C; }
.number-box .box h2 span { font-size: 100px; line-height: 1; font-weight: 400; }
.number-box .box .text:before { content: ''; border-top: 1px solid #031545; display: block; max-width: 90%; margin: 0 0 15px; }
.content-default { padding: 100px 0 0; font-size: 18px; line-height: 28px; font-weight: 500; background: url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/shape.png') no-repeat left top; position: relative; }
.content-default a {color:#E53913;}
.content-default h3 { font-size: 40px; font-family: Red Hat Display , sans-serif; font-weight: 700; }
.content-default h4 { margin: 20px 0 15px; display: inline-block; width: 100%; }
.image-slider { padding: 120px 0; position: relative; }
.image-slider .img { margin: 14px; border-radius: 15px; overflow: hidden; line-height: 0; height: 719px; width: calc(100% - 28px) !important; }
.image-slider .img img { width: 100% !important; height: 100% !important; object-fit: cover; max-height: 100%; }
.our-clients { padding: 46px 0 140px; background: #00071D; overflow-x: clip; position: relative; }
.our-clients:after { content: ''; width: 100%; height: 100%; background: url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/shape-blue-img.png') no-repeat top -232px left -460px; position: absolute; top: 0; left: 0; opacity: 0.8; }
.our-clients > div { position: relative; z-index: 1; }
.our-clients .main-title { margin: 0 0 30px; font-size: 16px; line-height: 1.3; font-weight: 500; letter-spacing: 2px; font-family: Clash Display , sans-serif; }
.our-clients .main-title h2 { letter-spacing: 0px; }
.our-clients .wrap { margin: 0 -35px; }
.our-clients .logo { width: 25%; padding: 35px; }
.our-clients .logo .img { width: 265px; height: 265px; background: #fff; display: flex; align-items: center; justify-content: center; border-radius: 100%; box-shadow: 0px 0px 30px 3px #4DEBBC; padding: 12%; }
.default-page .journey-starts { padding-bottom: 0; background: url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/shadow-journey.png') no-repeat left bottom; }
.bdr-remove { border-radius: 0; }
.default-page .awards-recognitions { border-radius: 60px 60px 0 0; }
/*** ***/
.hero-contact { background: #00071D url(https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/contact-shape.png) no-repeat top 50px right -350px; padding: 200px 0 70px; }
.hero-contact h1 { font-size: 70px; }
.hero-contact h1 span{text-shadow: 0 0 10px #12d399;}
.hero-contact .left { width: 50%; padding: 0 38px 0 0; font-size: 17px; line-height: 27px; }
.hero-contact .left .sub { font-size: 16px; line-height: 27px; letter-spacing: 1.92px; color: #E53913; font-weight: 500; font-family: Clash Display , sans-serif; }
.hero-contact .left .text ul { margin: 15px 0; padding: 0; list-style-type: none; display: inline-block; width: 100%; }
.hero-contact .left .text ul li {margin-bottom:10px;font-family: 'Red Hat Display';}
.hero-contact .left .text ul li strong { padding: 0 0 0 25px; margin: 5px 0; display: inline-block; width: 100%; position: relative; text-transform: uppercase; font-family: Clash Display , sans-serif; letter-spacing: 1.92px; font-weight: 500; }
.hero-contact .left .text ul li strong:before { content: ''; width: 12px; height: 12px; position: absolute; top: 8px; left: 0; background: #4DEBBC; border-radius: 10px; box-shadow: 0px 0px 12px 0px #4DEBBC; }
.hero-contact .logos { margin: 25px 0; }
.hero-contact .logos > div { margin: 10px 25px 10px 0; }
.hero-contact .buttons .ttl { font-size: 16px; line-height: 27px; letter-spacing: 1.92px; font-weight: 500; font-family: Clash Display , sans-serif; }
.hero-contact .left .buttons .btn { border: 1px solid #525C78; }
.hero-contact .left .buttons { display: inline-block; width: 100%; }
.hero-contact .left .buttons a { padding: 23px 18px 23px 50px; width: 100%; font-size: 19px; line-height: 26px; font-family: Red Hat Display , sans-serif; text-transform: none; letter-spacing: 0.5px; border-radius: 0; border: none; border-bottom: 1px solid #525C78; position: relative; }
.hero-contact .left .buttons a:before { content: ''; width: 8px; height: 8px; position: absolute; top: 31px; left: 20px; background: #E53913; box-shadow: 0px 0px 10px 2px #E53913; border-radius: 10px; transition:400ms; }
.hero-contact .left .buttons a:hover { background: #E53913; }
.hero-contact .left .buttons a:hover:before { background: #fff; box-shadow: 0px 0px 10px 2px #fff; }
.hero-contact .left .buttons .btn > div:last-child a { border-bottom: none; }
.hero-contact .right { margin-top: 30px; width: 50%; }
.hero-contact .right h3.form-title { display: none; }
.hero-contact .right .hs-input { border-color: rgba(255, 255, 255, 0.5); color: #FFF; }
.hero-contact .right .hs-input option { color: #333; }
.hero-contact .right textarea.hs-input { background: transparent; }
.hero-contact .right .hs-fieldtype-checkbox .inputs-list li > label { border-radius: 5px; background: rgba(255, 255, 255, 0.20); border: 1px solid rgba(255, 255, 255, 0.5); }
.hero-contact .right .inputs-list input[type="checkbox"] + span:before , .hero-contact .right .inputs-list input[type="radio"] + span:before { border: 1.5px solid #4DEBBC; color: #4DEBBC; }
.hero-contact .right .inputs-list input[type="checkbox"]:checked + span:after , .hero-contact .right .inputs-list input[type="radio"]:checked + span:after { color: #fff; }
.hero-contact .right .hs-input::-webkit-input-placeholder { color: #FFF; opacity:1; }
.hero-contact .right .hs-input::-moz-placeholder { color: #FFF; opacity:1; }
.hero-contact .right .hs-input:-ms-input-placeholder { color: #FFF; opacity:1; }
.hero-contact .right .hs-input:-moz-placeholder { color: #FFF; opacity:1; }
.hero-contact .hide_form .hsform_bx { display: none; }
.hero-contact .image { height: 560px; border-radius: 20px; overflow: hidden; line-height: 0; }
.hero-contact .image img { width: 100%; height: 100% !important; object-fit: cover; }
.imagetext-contact { padding: 80px 0 130px; background: #00071D; font-size: 17px; line-height: 27px; }
.imagetext-contact h3 { font-size: 40px; line-height: 50px; font-family: Red Hat Display , sans-serif; font-weight: 700; }
.imagetext-contact .text { width: calc(100% - 398px); padding: 0 30px 0 0; }
.imagetext-contact .image { border-radius: 15px; line-height: 0; overflow: hidden; }
.imagetext-contact .image img { width: 100%; }
.contact-information { padding: 125px 0; font-weight: 500; line-height: 1.5; position: relative; }
.contact-information .title { font-size: 16px; line-height: 27px; padding: 14px 20px 14px 25px; letter-spacing: 1.92px; font-weight: 500; font-family: Clash Display , sans-serif; border-radius: 0 0 0 10px; border: 1px solid; border-top: none; border-right: none; display: flex; align-items: center; }
.contact-information .title:before { content: ''; width: 12px; height: 12px; filter: drop-shadow(0px 0px 10px #F00); background: #E53913; border-radius: 10px; margin-right: 20px; margin-top: -3px; }
.contact-information .left { width: 50%; padding: 0 20px 0 0; }
.contact-information .left h3 { font-size: 32px; line-height: 42px; font-weight: 500; font-family: Red Hat Display , sans-serif; }
.contact-information .right { width: 50%; }
.contact-information .right h2 { }
.contact-information .right h2 a { color: #E53913; position: relative; padding: 0 0 20px; width: 100%; display: inline-block; }
.contact-information .right h2 a:after { content: ''; width: 100%; height: 5px; border: 0.35px dashed rgba(0, 0, 0, 0.4); border-left: none; border-right: none; position: absolute; left: 0; bottom: -5px; }
.contact-information h4 { margin-top: 50px; }
.margin-bottom { margin-bottom: 60px; }
.form_section .hs_submit { margin: 30px 0 0; }
#hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner { flex-direction: row !important; align-items: center; padding: 20px 30px !important; justify-content: space-between; }
#hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner button#hs-eu-confirmation-button { color:#031545; text-align: center;padding: 12px 42px 12px 12px;position: relative;background: #4DEBBC;border: 0px; }
#hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner button#hs-eu-confirmation-button:after { content: ''; width: 19px; height: 16px; background-repeat: no-repeat; background-position: center center; display: inline-block; vertical-align: middle; background-image: url('data:image/svg+xml,'); position: absolute; right: 20px; top: 19px; }
#hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner button#hs-eu-confirmation-button:hover {background: #fff;color: #031545;border: solid 1px #031545;}
#hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner a { color:#E53913; }
.webinar-hero{padding:240px 0 70px;overflow-x:clip;background:url(https://www.knowmad.com/hubfs/images/Images/hero-bg-pattrn.png) no-repeat top right;}
.webinar-hero .pretitle{font-size:16px;line-height:24px;font-weight:500;letter-spacing:1.92px;font-family:Clash Display , sans-serif}
.webinar-hero h1{font-size:70px;line-height:80px;margin-top:20px;}
.webinar-hero .content{font-size:20px;line-height:30px;font-weight:500;margin-top:20px;max-width:660px;}
.webinar-hero .webinar-slider-wrapper{margin: 30px -16px 0;transform: rotate(-5deg);}
.webinar-hero .webinar-slider-wrapper .slick-list {overflow: visible !important;clip-path:inset(0 -100vw 0 -100vw);}
.webinar-hero .webinar-slider-wrapper .box{padding:0 16px;max-width: 700px;}
.webinar-hero .webinar-slider-wrapper .box .slide-image {border-radius: 15px;overflow: hidden;max-height:335px;}
.webinar-hero .webinar-slider-wrapper .slide-image img {max-height: none;width:100%;height:100%;object-fit:cover;object-position:center;}
.webinar-hero .subscribe-form-wrapper{text-align:right;}
.webinar-hero .subscribe-form-wrapper .title{font-size:25px;line-height:35px;font-weight:700;}
.webinar-hero .subscribe-form-wrapper{max-width:520px;margin-left:auto;}
.custom-form{margin-top:15px;}
.custom-form .hs-form{display:flex;gap:14px;}
.custom-form .hs-form .hs_email{flex-grow:1;}
.custom-form .hs-form .hs-form-field input{background:transparent;border:1px solid rgba(255,255,255,.35);border-radius:5px;color:#fff;height:54px;border-radius:5px;}
.custom-form .hs-form .hs-form-field input::placeholder{color:#fff;}
.custom-form .hs-form .hs_submit input[type="submit"]{font-size:0;width:68px;border:none;height:54px;padding:0;min-width:auto;background-image:url(https://www.knowmad.com/hubfs/knowmad_2024/image/right-arrow.svg);background-repeat:no-repeat;background-position:center;background-color:#E53913;}
.custom-form .hs-form .hs_submit input[type="submit"]:hover{background-color:#4DEBBC}
.videotran_sc { background: #00071d; padding: 80px 0; }
.videotransc_wrap .more_content { display: none; }
.videotransc_wrap .readmore_btn { line-height: normal; border-bottom: 1px solid #343f54; border-radius: 0; background: transparent; color: #4debbc; border-width: 0 0 1px; height: auto; padding: 18px 0 15px; position: relative; min-width: 250px; }
.videotransc_wrap .readmore_btn:after { content: ''; border-top: 1px solid #343f54; display: inline-block; position: absolute; top: 0; left: 0; width: 60%; }
.videotransc_wrap .readmore_btn span:before { content: ''; height: 50px; width: 50px; background: url(https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/arrow-right.svg) no-repeat 15px 18px / 20px; display: inline-block; transform: rotate(90deg); transition: 0.4s; }
.videotransc_wrap .readmore_btn span { height: 50px; width: 50px; background-color: #4debbc; display: inline-block; border-radius: 5px; position: absolute; top: 0; right: -55px; }
.videotransc_wrap .readmore_btn.active span:before { transform: rotate(-90deg); }
/* 27-09-2024 */
.the-experts.the-experts-bio .box .cover:hover .image{border-radius:10px;}
.the-experts.the-experts-bio .box .image .experts-bio{transition:.4s;position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;padding:30px;height:100%;background:rgb(from #031545 r g b / 70%);display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden;}
.the-experts.the-experts-bio .box .cover:hover .image .experts-bio {opacity:1;visibility:visible;}
.the-experts.the-experts-bio .box .image .experts-bio .name{font-weight:700;}
.the-experts.the-experts-bio .box .image .experts-bio .content{margin-top:10px;}
.conwithimg_sc { background: #00071D; border-radius: 0px 0px 60px 60px; padding: 240px 0 108px; position: relative; z-index: 1; }
.conwithimg_sc:after { content: ''; background: url(https://www.knowmad.com/hubfs/knowmad_2024/image/blue-shape-vector.png) no-repeat center / cover; height: 636px; width: 690px; display: inline-block; position: absolute; top: 60px; right: 240px; transform: translateX(-50%); z-index: -1; }
.conwithimg_main .right_part { width: 485px; margin: 0 auto; }
.conwithimg_main .left_part { width: calc(100% - 585px); padding-right: 30px; }
.conwithimg_main .pretext { padding: 20px 0; font-size: 18px; font-style: normal; font-weight: 500; line-height: 1.5; letter-spacing: 2.16px; font-family: "Clash Display"; color: #4DEBBC; }
.conwithimg_main .content { font-size: 17px; font-style: normal; font-weight: 500; line-height: 28px; }
.conwithimg_main .chart_img img { width: 100%; border-radius: 12px; }
.conwithimg_main .leftcon_bx .btn_grp a { min-width: 330px; }
.conwithimg_main .left_part h1 span { text-shadow: 0 0 10px #4DEBBC;}
.threecol_sc { padding: 144px 0 150px; }
.threecol_item .threecol_img img { width: 100%; }
.threecol_item { padding: 15px; }
.threecol_sc .pretext { padding: 20px 0 0; font-size: 18px; font-style: normal; font-weight: 500; line-height: 1; letter-spacing: 2.16px; text-transform: uppercase; font-family: "Clash Display"; color: #E53913; }
.progress_section .container { max-width: 100%; }
.progress_section .remove-last-spacing .progress_inner:last-child { padding-bottom: 0; }
.new-heading-progress { margin-bottom: 50px; }
@media(min-width: 992px) {
.strip-box-wrap { display: none; }
.service-tab .box .ans { height: 100%; padding: 50px 80px 50px 135px; background: #fff; transition:400ms; opacity: 0; min-width: 670px; }
.marketing-services .box .link { display: none; }
.experts-about .partners .box .con { display: none; }
}
@media(max-width: 1500px) {
.cursor-pointer.link-cursor { width: 80px; height: 80px; }
.growth-scoll-main { padding-left: calc((100% - 1240px) / 2) }
.testimonials-section .cover { padding-left: calc((100% - 1240px) / 2) }
.path-success .left { padding-left: calc((100% - 1240px) / 2) }
.path-success .right { margin-top: 0; padding-right: calc((100% - 1240px) / 2) }
.hero-banner { padding: 215px 0 90px; }
.welcome-smarter .title h2 { font-size: 130px; }
.service-section .left { padding: 0; }
.service-tab .box .ans { padding: 50px 20px 50px 135px; min-width: 580px; }
.service-tab .box.active { width: 580px; }
.what-youget .left .text { padding: 0 30px 0 0; }
.our-values .wrap { padding-left: calc((100% - 1240px) / 2); }
.about-textimg .textimg .text { padding-right: calc((100% - 1240px) / 2); }
.awards-recognitions .mountain { height: auto; }
.product-strip:after { right: 30px; }
.our-clients .logo .img { width: 255px; height: 255px; }
.welcome-smarter .title { width: 180%; }
}
@media(max-width: 1300px) {
.growth-scoll-main { padding-left: calc((100% - 1140px) / 2) }
.testimonials-section .cover { padding-left: calc((100% - 1140px) / 2) }
.path-success .left { padding-left: calc((100% - 1140px) / 2) }
.path-success .right { padding: 0; padding-right: calc((100% - 1140px) / 2) }
.service-top .left { width: 560px; }
.service-top .left h2 { font-size: 95px; }
.service-top .right { width: calc(100% - 560px); }
.awards-recognitions .mountain { top: 0; }
.book-strip .main .text h2 { font-size: 40px; line-height: 45px; }
.service-tab .box { width: 112px; }
.service-tab .box h3 { min-height: 112px; top: 266px; left: -267px; }
.service-tab .box.active { width: 580px; }
.service-tab .box .ans { min-width: 580px; }
.featured-top .box .image { width: 500px; }
.our-values .wrap { padding-left: calc((100% - 1140px) / 2); }
.our-values .wrap .box .title { width: 450px; }
.our-values .wrap .box .text { width: calc(100% - 450px); }
.about-textimg .textimg .text { padding-right: calc((100% - 1140px) / 2); }
.all-started .left { max-width: 840px; }
.all-started { font-size: 28px; line-height: 38px; }
.knowmad-image .main { left: calc(100% - 200px); top: -300px; }
.our-clients .logo { padding: 22px; }
.mountain img { width: 100%; height: 100%; }
}
@media(max-width: 1200px) {
.arrow-wrap { margin-right: calc((100% - 940px) / 2) }
.hero-banner { position: relative; padding:215px 0 90px; z-index: 1; }
.hero-banner .main .left { width: calc(100% - 280px); }
.hero-banner .main .right { width: 280px; }
.path-success .faq .main-title h2 { font-size: 48px; line-height: 56px; }
.faq-box h3 { padding: 30px; }
.faq-box .ans { padding: 0 30px 70px 30px; }
.ans-left { padding: 0 20px 0 0; }
.welcome-smarter .title h2 { font-size: 114px; }
.banner-box { min-height: 480px; }
.banner-box h2 { font-size: 86px; }
.this-year .ttl h2 { font-size: 62px; }
.this-year .ttl { width: 300px; }
.this-year .text { width: calc(100% - 300px); }
.journey-starts .title h2 { font-size: 100px; }
.journey-starts .shape { width: 250px; }
.journey-starts .shape img { width: 100%; }
.success-stories .shape { width: 320px; }
.success-stories .shape img { width: 100%; }
.success-stories .main-title h2 { font-size: 120px; }
.success-stories .box:nth-child(2n) { margin-top: -310px; }
.success-stories .main .link-style { margin-top: -310px; min-height: 310px; }
.success-stories .box a { padding: 15px; }
.success-stories .box .text { padding: 15px; }
.success-stories .box .text h4 { font-size: 20px; }
.success-stories .box .rowflow { margin-left: -6px; margin-right: -6px; }
/* .success-stories .box ul li { width: 50%; padding: 6px; } */
.blockquote h2 { font-size: 44px; }
.insights-blog .line-bg { top: 0; }
.insights-blog .box h3 { margin: 0 0 10px; font-size: 36px; line-height: 48px; }
.insights-blog .box .text:before { top: 20px; }
.growth-scoll .box { min-width: 480px; }
.growth-title .content { max-width: 500px; }
.growth-scoll-main { padding-left: calc((100% - 940px) / 2) }
.testimonials-section .cover { padding-left: calc((100% - 940px) / 2) }
.path-success .left { padding: 0 20px; padding-left: calc((100% - 940px) / 2) }
.path-success .right { padding-right: calc((100% - 940px) / 2) }
.body-container--home { margin-top: 0 !important; }
/** **/
.service-top .sub-title { top: 200px; }
.service-top .left { width: 480px; }
.service-top .left h2 { font-size: 82px; }
.service-top .list { font-size: 14px; }
.service-top .list ul li:before { width: 10px; height: 10px; min-width: 10px; margin-top: -2px; }
.service-top .right { width: calc(100% - 480px); }
.what-youget .right { width: 460px; }
.what-youget .left { width: calc(100% - 480px); }
.what-youget .faq .box .ques { padding: 32px 40px; }
.what-youget .faq .box .ques:before { left: 20px; }
.what-youget .faq .box .ans { padding: 0 25px 45px 25px; }
.service-section .right { padding: 0 0 0 20px; }
.website-form .left { padding: 0 20px 0 0; }
.service-tab .box { width: 100px; }
.service-tab .box h3 { min-height: 100px; top: 271px; left: -273px; }
.service-tab .box.active { width: 440px; }
.service-tab .box .ans { min-width: 440px; padding: 50px 20px 50px 100px; }
.service-slider .mount img { min-width: 140%; }
/*** ***/
.about-image .box > div { height: 270px; }
.our-mission .main { font-size: 30px; line-height: 42px; }
.all-started h2 { font-size: 80px; }
.all-started { font-size: 24px; line-height: 1.5; }
.knowmad-image .main { padding: 50px; font-size: 34px; line-height: 1.2; left: calc(100% - 200px); top: -300px; }
.all-started .left { max-width: 750px }
.the-flag .box .image { height: 240px; }
.asked-questions .left h2 { font-size: 86px; }
.our-values .wrap { padding-left: calc((100% - 940px) / 2); }
.our-values .main-title h2 { font-size: 100px; line-height: 1.2; }
.our-values .main .mountain { top: -16%; }
.about-textimg .textimg .text { padding-right: calc((100% - 940px) / 2); }
.about-textimg .textimg .text h2 { font-size: 30px; line-height: 40px; }
.testimonial-position .box .text { padding: 0 0 0 60px; }
.our-benefits .box { margin: 15px 0; }
.our-benefits .box:nth-child(even) { margin: 15px 0; }
.the-experts .box .image { height: 400px; }
.technology-section .box a { padding: 50px 30px; min-height: 420px; }
.image-default .wrap h2 { font-size: 80px; }
.number-box .box { padding: 20px; }
.number-box .box .text:before { max-width: 100%; }
.our-clients .wrap { margin: 0 -16px; }
.our-clients .logo { padding: 16px; }
.our-clients .logo .img { width: 210px; height: 210px; }
.margin-bottom { margin-bottom: 40px; }
.conwithimg_sc { padding: 180px 0 80px; }
.conwithimg_sc:after { right: -50px; }
.threecol_sc { padding: 100px 0 120px; }
}
@media(min-width: 992px) {
.hero-banner .logos.mobile { display: none; }
.path-success .main-title [class*=button-] { display: none; }
.path-success .left .right { display: none; }
.journey-starts .box:nth-child(3):hover { width: 100%; transform: rotate(3.5deg); }
.journey-starts .box:nth-child(3):hover .inner { min-height: 320px; background: #031545; color: #fff; flex-flow: inherit; align-items: center; border: none; border: none; border-radius: 15px; }
.journey-starts .box:nth-child(3):hover .inner:before , .journey-starts .box:nth-child(3):hover .inner:after { display: none; }
.journey-starts .box:nth-child(3):hover .inner h4 { color: #fff; }
.journey-starts .box:nth-child(3):hover .text { width: 55%; }
.journey-starts .box:nth-child(3):hover .link-style { width: 45%; text-align: right; padding: 0 0 0 30px; opacity: 1; }
}
@media(max-width: 991px) {
.service-main .box h4 { font-size:25px; }
.cursor-pointer { display: none; }
.hero-banner h3 {font-size:28px;line-height:1.2;}
.text-image{padding-bottom:47px;}
.cursor-pointer.link-cursor { width: 60px; height: 60px; }
.path-success .main-title h2{font-size:55px; margin-top:0px;}
.arrow-wrap { margin-right: calc((100% - 720px) / 2) }
.hero-banner { padding: 200px 0 50px; z-index: 1; }
.hero-banner .logos.mobile { text-align: center; padding: 30px 0 0; }
.hero-banner .main .left { width: 100%; padding: 0; }
.hero-banner .main .right { display: none; }
.hero-banner .title h2 { font-size: 65px; line-height: 1.2; padding: 15px 15px; }
.border-radius { border-radius: 0 0 42px 42px;}
.growth-section { margin-top: 0; }
.growth-cover { border-radius: 0; }
.growth-main h3 { font-size: 22px; line-height: 30px; }
.growth-title .text { position: relative; height: auto; margin-top: -110px; }
.growth-title .content { max-width: 100%; font-size: 16px; }
.growth-title .content ul li { margin: 7px 0; }
.growth-scoll-main { padding-left: calc((100% - 720px) / 2) }
.service-btm .text .logo { margin: 10px 7px 10px 0;}
.path-success { background-image: none; overflow: hidden; }
.path-success .main { margin: 0 auto; max-width: 720px; width: 100%; order: -1; }
.path-success .left { width: 100%; padding: 0 15px; display: flex; flex-flow: column; }
.path-success .box { min-height: auto; margin: 35px 0; padding: 0 0 0 58px; display: inline-block; width: 100%; }
.path-success .left .box h3 { font-size: 25px; line-height: 32px; }
.path-success .box:before { top: 14px; }
.path-success .box:after { font-size: 40px; top: -5px; }
.path-success .left .right { display: block; width: 100%; position: relative; top: 0; margin: 50px 0; order: -1; overflow: visible; }
.path-success .left .right [class*=button-] { display: none; }
.path-success .faq .main-title h2 { font-size: 60px; line-height: 1.1; margin-top:0px;}
.path-success .right .compass { position: relative; z-index: 1; margin-top: 50px; min-height: auto; width: 100%; }
.path-success .right .compass:before { content: ''; width: 140px; height: 140px; position: absolute; top: -35px; left: 0; right: 0; margin: 0 auto; background: #4DEBBC; border-radius: 100%; filter: blur(30px); }
.banner-box h2 { font-size: 75px; line-height: 1.1; }
.banner-box { justify-content: left; text-align: left; padding: 50px 10px 30px; background-position: center left 21% !important; }
.welcome-smarter { padding: 100px 0; border-radius: 0; }
.welcome-smarter .title h2 { font-size: 9vw; }
.welcome-smarter .title { padding: 0 0 70px; }
.knowmad-are .main-title .sub { font-size: 16px; }
.knowmad-are .main-title h3 { font-size: 26px; }
.knowmad-are .main .left { width: 100%; padding: 0; position: relative; z-index: 1; }
.knowmad-are .main .right { width: 100%; margin: 40px 0 0; }
.knowmad-are .main .right img.round { top: -250px; right: -280px; }
.this-year { padding: 50px 22px; }
.this-year .ttl { width: 100%; }
.this-year .ttl h2 { font-size: 75px; }
.this-year .text { width: 100%; padding: 0; font-size: 17px;line-height:27px; }
.this-year .inner:before { left: -30px; }
.journey-starts { padding: 100px 0; background-size: 30%; position: relative; }
.journey-starts:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/journey-shape-img.png') no-repeat center left; }
.journey-starts .title h2 { font-size: 60px; justify-content: end; }
.journey-starts .title.title-two h2 { justify-content: flex-start; }
.journey-starts .box { width: 100%; padding: 15px 0; }
.journey-starts .box .inner { min-height: 280px; padding: 34px 26px; overflow: hidden; }
.journey-starts .box:nth-child(2) { margin: 0; }
.journey-starts .box:nth-child(3) { margin: 20px 0 0; width: 100%; transform: rotate(3.5deg); }
.journey-starts .box:nth-child(3) .inner { min-height: 320px; background: #031545; color: #fff; flex-flow: inherit; align-items: center; border: none; border: none; border-radius: 15px; flex-flow: column; }
.journey-starts .box:nth-child(3) .inner:before , .journey-starts .box:nth-child(3) .inner:after { display: none; }
.journey-starts .box:nth-child(3) .inner h4 { color: #fff; line-height: 30px; font-size:25px; }
.journey-starts .box:nth-child(3) .text { width: 100%; }
.journey-starts .box:nth-child(3) .link-style { text-align: right; padding: 0 0 0 30px; opacity: 1; width: 100%; min-height: 240px; display: flex; }
.success-stories { padding: 70px 0; }
.success-stories .main-title { width: 100%; }
.success-stories .main-title h2 { font-size: 80px; }
.success-stories .main { margin: 0; }
.success-stories .box { width: 100%; padding: 30px 0; }
.success-stories .box:nth-child(2n) { margin: 0; }
.success-stories .box ul li { font-size: 12px; }
.success-stories .box a { min-height: 673px; }
.success-stories .main .link-style { width: 100%; margin: 0; min-height: 80px; align-items: flex-start; padding: 30px 0 0; }
.success-stories { background-size: 38%; }
.blockquote h2 { font-size: 40px; }
.success-stories:after { background-position: right bottom 20%; }
.testimonials-section { background-position: center bottom -50px; background-size: 70%; }
.testimonials-section .cover { padding-left: calc((100% - 720px) / 2); }
.testimonials-section .slick-list { padding-right: calc((100% - 720px) / 2); }
.testimonials-section .arrow-wrap { margin-right: calc((100% - 650px) / 2); }
.testimonials-section .box { padding-right: 25px; }
.testimonials-section .box .inner { padding: 40px 30px 100px; }
.testimonials-section .box .content { font-size: 22px; line-height: 32px; }
.testimonials-section .box .name { font-size: 15px; }
.insights-blog { border-radius: 0; }
.insights-blog .main-title { margin: 0 0 40px; }
.insights-blog .main-title h2 { font-size: 60px; }
.insights-blog .box h3 { font-size: 25px; line-height: 30px; }
.insights-blog .box .text:before { top: 10px; width: 8px; height: 8px; }
.insights-blog .box .text { padding: 0 0 0 16px; width: 100%; margin: 22px 0 0; }
.insights-blog .box .inner { min-height: auto; flex-wrap: wrap; }
.insights-blog .box .image { position: relative; opacity: 1; width: 200px; height: 108px; border-radius: 5px; }
.insights-blog .box a:hover .image { top: auto; bottom: auto; }
/** **/
.service-top { padding: 0; }
.service-top .sub-title { position: relative; transform: inherit; left: 0; top: 0; justify-content: flex-start; margin: 0 0 20px; }
.service-top .sub-title:before { content: ''; width: 12px; height: 12px; border-radius: 20px; background: #E53913; margin-right: 10px; box-shadow: 0px 0px 10px 2px #FF0000; }
.service-top .sub-title:after { display: none; }
.service-top .left { width: 100%; }
.service-top .left h2 { font-size: 60px; }
.service-top .right { width: 100%; padding: 15px 0; min-height: auto; }
.service-top .list { padding: 30px 0 0; }
.service-top .list ul { flex-wrap: wrap; }
.service-top .list ul li { width: 100%; }
.service-hero { padding: 115px 0 80px; }
.service-btm { padding: 50px 0 0; }
.service-btm .image { display: none; }
.service-btm .text { padding: 0; width: 100%; }
.service-btm .text h3 { font-size: 26px; line-height: 30px; }
.text-image .main-title h2 { font-size: 51px; }
.text-image .image { width: 100%; height: 400px; }
.text-image .text { width: 100%; padding: 30px 0 0; }
.text-image .text h3 { font-size: 26px; line-height: 30px; }
.featured-top .sub-title { font-size: 15px; }
.featured-top .box .inner { opacity: 1; flex-flow: column; align-items: flex-start; }
.featured-top .box h2 { font-size: 40px; line-height: 50px; }
.featured-top .box .inner:after { left: auto; right: auto; top: auto; bottom: auto; position: relative; margin: 30px 0 0; opacity: 0.5; }
.featured-top .box .image { width: 100%; max-width: 400px; position: relative; opacity: 1; line-height: 0; border-radius: 15px; }
.featured-top .box a:hover .image { top: 0; bottom: 0; }
.featured-top .box .text { width: 100%; margin: 30px 0 0; }
.featured-top .box ul li { font-size: 12px; }
.awards-recognitions { padding: 120px 0 80px; }
.awards-recognitions h2 { font-size: 40px; }
.awards-recognitions .logo { width: 50%; }
.website-process .box .inner {padding-top:20px;}
.website-process .main { padding: 0 0 0 15px; }
.website-process .main-title h2 { font-size: 50px; }
.website-process .box:before { left: -15px; }
.website-process .box:after { left: -19px; }
.website-process .box h2 { font-size: 40px; }
.website-process .box .title { width: 100%; margin-bottom:20px;}
.website-process .box .text { width: 100%; padding: 0; }
.website-process .box .title:before { left: auto; top: 0; position: relative; }
.the-experts { padding: 50px 0; }
.the-experts .main-title { font-size: 26px; line-height: 30px; }
.the-experts .main-title h2 { font-size: 60px; }
.the-experts .main-title h2:before { margin-right: 10px; width: 10px; height: 10px; }
.the-experts .main-title h2 span { margin: 11px 0 0 -120px; }
.the-experts .main-title h2 span:before, .the-experts .main-title h2 span:after { width: 40px; }
.the-experts .box { width: 50%; }
.what-youget .main-title h2 { font-size: 60px; }
.what-youget .left .text h4 { font-size: 22px; line-height: 32px; }
.what-youget .left .text { padding: 0; width: 100%; }
.what-youget .left { width: 100%; }
.what-youget .right { display: none; }
.box-strip h2 { font-size: 40px; line-height: 1.2; }
.box-strip .sub { font-size: 16px; }
.box-strip .slider { margin-top: -50px; }
.asked-questions .left { width: 100%; margin: 0 auto; max-width: 720px; position: relative; top: 0; }
.asked-questions .left h2 { font-size: 60px;margin-left:15px; }
.asked-questions .right { width: 100%; padding: 0; margin: 20px auto 0; max-width: 720px; }
.asked-questions .right .ttl { padding: 24px 15px; border-radius: 0; }
.asked-questions .right .box { padding: 0; }
.asked-questions .right .box .ques { font-size: 19px; line-height: 26px; padding: 15px 24px 18px 12px; }
.asked-questions .right .box .ans { padding: 0 12px 45px; }
.asked-questions .right .box .ques:after { top: 24px; right: 10px; }
.asked-form .left { width: 100%; padding: 0; }
.asked-form .left h2 { font-size: 60px; }
.asked-form .right { width: 100%; margin: 15px 0 0; }
.service-section { padding: 100px 0 80px; background-image: none; }
.service-section .left { width: 100%; top: 0; position: relative; }
.service-section .left h2 { font-size: 50px; }
.service-section .right { padding: 0; width: 100%; margin: 10px 0 0; }
.service-main .box { margin: 0 0 70px; }
.service-main .box h4:before { top: 9px; }
.service-content h3 { font-size: 25px; line-height:33px; }
.service-slider { padding: 150px 0 120px; }
.service-slider h2 { font-size: 50px; line-height: 55px; }
.service-slider .main-title .sub { font-size: 16px; line-height: 26px; }
.service-slider .main-title .left { width: 100%; }
.service-slider .main-title .link-style { margin: 0 auto; padding: 0 15px; max-width: 750px; position: absolute; bottom: 40px; left: 0; right: 0; width: 100%; }
.service-slider .slider .box > div { min-width: auto; font-size: 18px; padding: 24px 30px; }
.service-slider .slider .box { padding: 20px 30px; }
.service-tab { padding: 50px 0 75px; }
.service-con-main { padding: 80px 0; }
.service-con-main:before { background-size: 690px; background-position: top -50px right -280px; }
.book-strip { padding: 160px 0 90px; }
.book-strip .main .image { width: 100%; max-width: 300px; margin: -30px auto 0; }
.book-strip .main .right { width: 100%; margin: 30px 0 0; }
.book-strip .main .image img.shape { max-width: 300px; width: 100%; }
.book-strip .main .image img { width: 180px; margin-left: -50px; }
.book-strip .main .text { width: 100%; padding: 0; }
.book-strip .main .link { width: 100%; margin-top: 30px; }
.book-strip .main .link a { min-height: 60px; }
.website-packages { padding: 100px 0 80px; }
.website-packages .main { margin: 0; }
.website-packages .box { width: 100%; padding: 7px 0; }
.website-packages .box h2 { font-size: 70px; }
.website-packages .box .title h3 { font-size: 30px; }
.website-packages .button-btm { display: none; }
.website-packages .box .text { height: auto !important; }
.website-packages .box [class*="button-"] { position: relative; }
.website-packages .box .button-btm { display: flex; width: calc(100% - 28px); margin: 0 auto 14px; padding: 9px 15px; min-height: auto; font-size: 14px; }
.website-packages .box .inner { padding-bottom: 0; }
.content-form { padding: 80px 0; }
.content-form .left { width: 100%; padding: 0; }
.content-form .form { width: 100%; }
.website-form { padding: 80px 0 80px; }
.website-form .left h2 { font-size: 50px; line-height: 55px; }
.website-form .left .sub { font-size: 16px; line-height: 25px; }
.website-form .left { padding: 0; width: 100%; }
.content-form .left .inner { padding: 30px 15px; min-height: 342px; }
.website-form .right { width: 100%; padding: 0; }
.service-tab .main { border-top: 1px solid rgba(255, 255, 255, 0.4); }
.service-tab .box { width: 100%; height: auto; border-top: none; }
.service-tab .box h3 { padding: 20px 30px 20px 50px; transform: inherit; left: auto; top: auto; position: relative; font-size: 30px; min-height: 80px; width: 100%; }
.service-tab .box h3:before { left: 20px; }
.service-tab .box h3:after { content: ''; width: 12px; height: 12px; position: absolute; top: 34px; right: 15px; background: url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/plus.svg') no-repeat center center; transform: rotate(90deg); transition:400ms; }
.service-tab .box .ans { margin-top: -1px; width: 100%; min-width: 100%; display: none; opacity: 1; padding: 10px 15px 40px; background: #FFF; }
.service-tab .box h3.active { background: #fff; color: #031545; }
.service-tab .box h3.active:after { background-image: url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/close.svg'); transform: rotate(0deg); }
.product-strip:after { width: 180px; height: 180px; background-size: 180px; right: -40px; }
/*** ***/
.about-hero { padding: 156px 0 0; }
.about-image .box > div { height: 200px; }
.about-text h1 { font-size: 44px !important; }
.about-text .sub{margin-bottom:10px;}
.about-text h1 img { width: 40px; height: 40px; }
.about-textimg .textimg .text { padding-right: calc((100% - 720px) / 2); }
.about-textimg .textimg .text h2 { font-size: 25px; line-height: 30px; }
.maximize-number .main h2 { font-size: 35px; line-height: 43px; }
.maximize-number .main h3 { font-size: 30px; line-height: 38px; }
.maximize-number .main { padding: 0; }
/* .mission-title h2 { font-size: 65px; line-height: 70px; } */
.mission-title h2 { font-size: 7vw; line-height: 1; }
.our-mission .main { font-size: 25px; line-height: 35px; }
.all-started h2 { font-size: 75px; line-height: 1.1; }
.all-started { padding: 80px 0 0; overflow: clip; font-size: 22px; line-height: 32px; }
.all-started .left { width: 100%; padding: 0; }
.all-started .right .img { margin: 0 0 0 auto; }
.all-started .right { width: 100%; }
.all-started .line { top: -260px; right: -35%; }
.all-started .btn-link { display: none; }
.all-started h3 {font-size:30px;}
.knowmad-image { margin-bottom: -150px; min-height: 885px; }
.knowmad-image .main { padding: 30px 15px; font-size: 25px; line-height: 35px; }
.knowmad-image .main { left: calc(100% - 180px); top: -40px; }
.the-flag h2 { font-size: 45px; }
.the-flag .box { width: 100%; }
.the-flag .main { margin-left: -5px; margin-right: -5px; }
.the-flag .box a { padding: 15px 0; }
.the-flag .box:nth-child(3) { width: 100%; }
.the-flag { padding: 255px 0 140px; }
.partners-about h2 { font-size: 40px; }
.our-values { padding: 110px 0 0; }
.our-values .wrap { padding: 0 15px; margin: 0 auto; max-width: 720px; }
.our-values .wrap .box .title h2 { font-size: 75px; line-height: 1.2; }
.our-values .wrap .box .title { width: 100%; }
.our-values .wrap .box .text { width: 100%; }
.our-values .wrap .box { border: none; padding: 0; }
.experts-about { padding: 140px 0 50px; }
.experts-about .partners .box { margin: 0; }
.experts-about .head-title { margin: 0 0 30px; padding: 0 15px; transform: inherit; left: auto; top: auto; bottom: auto; position: relative; min-width: 100%; width: 100%; }
.experts-about .head-title span { display: none; }
.testimonials-about { padding: 55px 0 80px; }
.testimonials-about .tag span { font-size: 12px; }
.testimonials-about .text { font-size: 22px; line-height: 32px; }
.careers-knowmad { padding: 90px 0 115px; }
.careers-knowmad h2 { font-size: 65px; line-height: 1.1; }
.careers-knowmad .main .text { font-size: 22px; line-height: 32px; }
.opportunities-section { padding: 90px 0 50px; }
.opportunities-section .main-title h2 { font-size: 65px; line-height: 1.2; }
.opportunities-section .tag { width: 100%; margin: 0; }
.opportunities-section .box h2 { font-size: 25px; line-height: 35px; background: -webkit-linear-gradient(-60deg, #FFFFFF, #4DEBBC); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.opportunities-section .box .tag { margin: 10px 0 0; }
.opportunities-section .box .tag span { margin: 5px 13px 5px 0; }
.opportunities-section .box a:hover .wrap { padding: 0; }
.testimonial-position:after { top: -64%; background-size: 102%; }
.testimonial-position .box { margin-bottom: 80px; }
.testimonial-position .box .image { width: 100%; }
.testimonial-position .box .img { max-width: 413px; }
.testimonial-position .box .text { padding: 0; width: 100%; margin: 40px 0 0; }
.testimonial-position .box h3 { font-size: 22px; line-height: 32px; }
.testimonial-position .box:last-child { margin-bottom: 0; }
.the-experts .box .image { height: 490px; }
.our-mission { padding: 0 0 95px; border-radius: 0 0 40px 40px; }
.our-benefits { padding: 50px 0 0; }
.our-benefits .main { padding-bottom: 80svh; }
.our-benefits .main-title .title { height: 300px; }
.our-benefits .main-title .title h2 { font-size: 75px; }
.text-slider h2 { font-size: 50px; }
.text-slider h2:before { margin-left: 20px; width: 25px; height: 25px; background-size: 25px; }
.our-values { border-radius: 40px 40px 0 0; }
.all-started .line { right: -72%; }
.about-textimg .wrap .image { height: 240px; }
.our-benefits .box .inner .text { opacity: 1; }
.our-benefits .box .inner .title { bottom: 15px; opacity: 0; }
/*** ***/
.hero-default { padding: 150px 0 30px; }
.hero-default:before { background-image: url('https://142543.fs1.hubspotusercontent-na1.net/hubfs/142543/knowmad_2024/image/mo-green.png'); background-position: top right -370px; top: 300px; height: 880px; background-size: 100%; }
.hero-default h1 { font-size: 50px; }
.hero-default .sub {margin-bottom:10px;}
.hero-default .text { width: 100%; }
.hero-default .main [class*=button-] { display: none; }
.hero-default [class*="btn"] { display: block; }
.our-mission > div { position: relative; }
.default-page .our-mission { padding-bottom: 50px; }
.marketing-services { padding: 100px 0 30px; }
.marketing-services .box h3 { font-size: 25px; line-height: 35px; }
.marketing-services .box a { padding: 20px 0; min-height: 130px; }
.marketing-services .box a .wrap , .marketing-services .box a:hover .wrap { padding: 0 25px 0 0; }
.marketing-services .box a .wrap h3 { background: linear-gradient(88.77deg, #FFFFFF -0.37%, #12D399 52.6%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.marketing-services .box .img { width: 217px; left: auto; bottom: 4px; }
.marketing-services .box a:hover .img { top: 0; bottom: 4px; }
.marketing-services .box a .img , .marketing-services .box a:hover .img { opacity: 1; top: 6px; bottom: 12px; }
.technology-section .wrap { margin: 0 -10px; }
.technology-section .box { padding: 10px; }
.technology-section .box a { padding: 50px 15px; min-height: 323px; }
.technology-section .box h4 { font-size: 24px; }
.image-default { padding: 8px 6px 12px; border-radius: 0 0 40px 40px; }
.image-default .wrap { min-height: auto; }
.image-default .wrap h2 { font-size: 75px; line-height: 75px; }
.default-page .testimonials-section { padding: 100px 0 100px; }
.number-box .box h2 { font-size: 100px; }
.number-box .box h2 span { font-size: 75px; }
.content-default { padding: 60px 0; background-image: none; font-size: 16px; }
.content-default h3 { font-size: 28px; line-height: 35px; }
.content-default h4 { font-size: 26px; }
.image-slider { padding: 80px 0; }
.image-slider .main-title { margin: 0 0 40px; }
.image-slider h2 { font-size: 55px; }
.image-slider .img { height: 224px; margin: 8px; width: calc(100% - 16px) !important; }
.our-clients .logo { width: 33.33%; }
/*** ***/
.hero-contact { padding: 140px 0 60px; }
.hero-contact h1 { font-size: 45px; }
.hero-contact .left { width: 100%; padding: 0; }
.hero-contact .left { font-size: 16px; line-height: 26px; }
.hero-contact .left .text ul li:before { top: 6px; }
.hero-contact .right { width: 100%; }
.hero-contact .image { height: 313px; }
.hero-contact .logos { margin: 60px 0 40px; justify-content: center; }
.hero-contact .logos > div { margin: 10px 0; width: 100%; text-align: center; }
.hero-contact .left .buttons a { padding: 16px 18px 16px 35px; font-size: 17px; }
.hero-contact .left .buttons a:before { top: 25px; left: 16px; }
.imagetext-contact { padding: 50px 0 90px; font-size: 16px; line-height: 26px; }
.imagetext-contact .text { width: 100%; padding: 0; }
.imagetext-contact h3 { font-size: 35px; }
.imagetext-contact .image { margin: 30px auto 0; width: 100%; }
.contact-information { padding: 70px 0; }
.contact-information .left { width: 100%; padding: 0; }
.contact-information .left h3 { font-size: 25px; line-height: 35px; }
.contact-information .title { padding: 7px 10px; border-radius: 0 0 0 5px; }
.contact-information .title:before { width: 8px; height: 8px; margin-right: 10px; }
.contact-information .right { width: 100%; }
.contact-information .right h2 { font-size: 55px; }
.mission-title:before { width: 740px; height: 740px; margin: 0 auto; background-size: 740px; background-position: center left; right: auto; left: 50%; transform: translateX(-50%); top: -190px; }
#hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner { flex-direction: column !important; padding: 20px !important; }
.the-experts.the-experts-bio .box .image{height: unset;}
.the-experts.the-experts-bio .box .image .image-wrapper{ line-height:0; }
.our-mission.content_disable .mission-title { padding: 80px 0; }
.conwithimg_main .left_part { width: 100%; padding: 0 0 40px; }
.conwithimg_sc { padding: 120px 0 60px; border-radius: 0px 0px 30px 30px; }
.conwithimg_sc:after { right: -30%; }
.threecol_sc { padding: 80px 0 120px; }
}
@media(max-width: 767px) {
.line-bg { left: 25%; right: 25%; }
.line-bg:before { display: none; }
.hero-banner .shape { overflow-x: clip; }
.hero-banner .shape img { width: 140%; }
.growth-title .text { margin-top: -80px; }
.growth-title .text h2 { font-size: 45px; margin: 0 0 5px; }
.growth-scoll-main { padding-left: 0; }
.growth-scoll-main .list-wrapper { flex-wrap: wrap; padding: 0 15px; }
.growth-scoll-main .growth-scoll { margin-top: 50px; }
.growth-scoll .box { min-width: 100%; padding: 15px 0; }
.growth-scoll .box .inner { width: 100%; padding: 30px 30px; }
.growth-scoll .box .inner h4.title { display: none; }
.growth-scoll .box .inner .hover { opacity: 1; }
.growth-scoll .box .inner > div:before { width: 8px; height: 8px; left: -6px; background: #4DEBBC; box-shadow: 0 0 10px #4DEBBC; }
.testimonials-section { background-position: center bottom -30px; background-size: 120%; }
.testimonials-section .arrow-wrap { left: 0; right: 0; margin: 0 auto; max-width: 280px; width: 100%; }
.testimonials-section .cover { padding: 0 15px; }
.testimonials-section .box { padding: 0; }
.testimonials-section .box .inner { padding: 40px 15px 100px; }
.testimonials-section .box .content:before { content: ''; width: 30px; height: 20px; background-size: 30px; }
.journey-starts .shape { width: 180px; }
.journey-starts .title h2 { font-size: 42px; }
.journey-starts .title h2 span { margin: 0 14px; }
.journey-starts .title h2 span { width: 10px; height: 10px; min-width: 10px; }
.success-stories .box a { padding: 0 6px 6px; }
.success-stories .shape { width: 236px; }
.ans-left { width: 100%; padding: 0; }
.ans-right { width: 100%; margin: 30px 0 0; }
.faq-box h3 { padding: 20px 15px; }
.faq-box .ans { padding: 0 15px 40px 15px; }
.path-success .right .compass { width: 100%; max-width: 300px; margin: 0 auto; }
.path-success .right .compass img { width: 100%; }
.website-packages .box .title { min-height: 84px; }
.website-packages .box .text { padding: 30px 10px; }
.website-packages .box .sub-title { margin: 0 0 10px; }
.the-experts .main { margin: 0; }
.the-experts .box { width: 100%; padding: 15px 0; }
.strip-box .title { width: 100%; }
.strip-box .text { width: 100%; }
.service-hero:before { background-position: left 40px top 20%; background-size: 780px; }
/*** ***/
.about-hero {background-position: top 130px right -480px; }
.about-text .left { width: 100%; padding: 0; }
.about-image .box { width: 100%; }
.about-image .box > div { height: auto; }
.about-image .box:nth-child(even) { width: 100%; }
.about-hero .right { margin: 40px 0 0; width: 100%; text-align: center; display: inline-block; }
.about-hero .right .box { display: inline-block; width: 100%; }
.maximize-number { padding: 80px 0 60px; margin-top: -1px; }
.about-textimg .textimg .img { margin: 0; width: 95%; border-radius: 10px 0 15px 0; }
.about-textimg .textimg .text { width: 100%; margin: -26px 0 0; padding: 0 15px; }
.about-textimg .textimg { margin: 0 0 50px; }
.about-textimg .wrap .image { padding: 6px; }
.about-textimg .wrap .image .img { border-radius: 10px; }
.about-textimg .wrap { margin: 0 -150px; }
.experts-about .head-title { padding: 0; }
.experts-about .partners .box { padding: 15px 0; }
.our-values .main-title h2 { font-size: 80px; }
.awards-recognitions .main-title .sub { font-size: 15px; line-height: 23px; }
.our-partners .main-title .sub { font-size: 15px; line-height: 23px; }
.testimonials-about .text:before { background-size: 32px; width: 32px; height: 20px; vertical-align: middle; margin-top: -5px; }
.knowmad-image { min-height: 620px; padding: 0 10px; }
.about-textimg .wrap .image { height: 200px; }
.about-textimg .textimg .text:before { width: 800px; height: 800px; background-size: 800px; top: -240px; }
.service-slider .mount img { min-width: 200%; }
.service-section:before { background-size: 120%; background-position: bottom 290px right -330px; }
/*** ***/
.hero-default .sub { font-size: 14px; }
.hero-default .image { border-radius: 15px; }
.hero-default:before { height: 100%; background-position: top right -240px; background-size: 650px; }
.marketing-services:after { background-position: top right -650px; }
.marketing-services .box .container { width: 100%; }
.marketing-services h2 { font-size: 50px; margin: 0 0 20px; }
.marketing-services h3 { font-size: 27px; line-height: 35px; }
.technology-section .wrap { margin: 0; }
.technology-section .box { width: 100%; padding: 10px 0; }
.testimonial-position:after { top: -300px; background-position: top 0 right; background-size: 500px; }
.number-box .box { width: 100%; padding: 20px 0; }
.number-box { padding: 60px 0; overflow-x: clip; }
.number-box .box .text:before { max-width: calc(100% + 15px); width: calc(100% + 15px); }
.our-clients .logo { width: 50%; }
.our-clients .logo .img { margin: auto; }
.marketing-services .box .link { right: 15px; }
/*** ***/
.hero-contact { background-position: top 500px right -560px; }
.mission-title:before { width: 600px; height: 600px; background-size: 600px; top: -140px; }
.service-top .left h2 { white-space: normal; }
.webinar-hero{padding:160px 0 110px;}
.webinar-hero .pretitle{font-size:14px;line-height:20px;}
.webinar-hero h1{font-size:40px;line-height:45px;margin-top:20px;}
.webinar-hero .content{margin-top:20px;}
.webinar-hero .content{font-size:16px;line-height:26px;}
.webinar-hero .webinar-slider-wrapper{margin:60px -16px 0;}
/* .webinar-hero .webinar-slider-wrapper .box .slide-image{max-height:200px;} */
/* .webinar-hero .webinar-slider-wrapper .box .slide-image img{width:100%;height:100%;object-fit:cover;} */
.webinar-hero .subscribe-form-wrapper .title{font-size:22px;line-height:30px;}
.webinar-hero .subscribe-form-wrapper{margin-top:20px;}
.videotran_sc { padding: 40px 0; }
.videotran_sc .all_insights { margin-bottom: 40px; }
.videotransc_wrap .readmore_btn { min-width: 200px; }
.our-mission.content_disable .mission-title { padding: 50px 0; }
.service-hero.shadow_box:before { bottom: -120px; }
.threecol_sc { padding: 60px 0 100px; }
.threecol_item .threecol_img { max-width: 500px; margin: 0 auto; }
.conwithimg_sc:after { width: 100%; right: 0; transform: translate(0); }
.conwithimg_main .leftcon_bx .btn_grp a { min-width: 310px; }
}
@media(max-width: 500px) {
.awards-recognitions .main { margin: 0 -8px; }
.awards-recognitions .logo { width: 100%; padding: 10px 0; }
.service-section:before { background-size: 120%; background-position: bottom 960px right -150px; }
.our-clients .logo { width: 50%; }
.our-clients .logo .img { margin: auto; }
.our-clients .logo .img { width: 175px; height: 175px; padding: 7%; }
.our-clients .logo { width: 100%; }
.our-clients .logo .img { box-shadow: 0px 0px 16px 3px #4DEBBC; }
.about-textimg .textimg .text:before { width: 630px; height: 630px; background-size: 640px; top: -190px; background-position: center right -70px; left: auto; }
.opportunities-section .main-title h2 { font-size: 50px; }
.service-hero:before { background-position: left -70px top 20%; }
}
@media(max-width: 375px) {
.conwithimg_main .leftcon_bx .btn_grp a { min-width: 290px; }
}