/*!
Theme Name: hyperion-website
*/

@font-face {
    font-family: 'TT Firs Text';
    src: url('assets/fonts/TTFirsText-Md.eot');
    src: url('assets/fonts/TTFirsText-Md.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/TTFirsText-Md.woff2') format('woff2'),
        url('assets/fonts/TTFirsText-Md.woff') format('woff'),
        url('assets/fonts/TTFirsText-Md.ttf') format('truetype'),
        url('assets/fonts/TTFirsText-Md.svg#TTFirsText-Md') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


/*global style starts here*/
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option { margin: 0; padding: 0; border: 0; outline: 0; }
html { -webkit-text-size-adjust: none }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block }
audio, canvas, video { display: inline-block }
audio:not([controls]) { display: none; height: 0 }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -.5em }
sub { bottom: -.25em }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; }
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; cursor: pointer }
:focus { outline: 0 }
ol {margin: 20px 0 20px 16px;}
table { border-collapse: separate; border-spacing: 0 }
caption { text-align: left; font-weight: 400 }
blockquote:before, blockquote:after, q:before, q:after { content: "" }
blockquote, q { quotes: "" "" }
table { border: 0 none; border-collapse: collapse; border-spacing: 0 }
td { vertical-align: top }
img { border: 0 none; max-width: 100% }
.none { display: none }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
.clear { clear: both }
img {max-width: 100%;width: auto; height: auto;}
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both }
.cf { *zoom:1 }
::selection { background: #F25424; color: #fff }
::-moz-selection { background: #F25424; color: #fff }
#page {position: relative;}

code, pre { box-shadow: 5px 7px 30px 0px rgb(0 0 0 / 10%); margin: 10px 0 20px 0; display: block; font-size: 12px; line-height: 20px; border: 1px solid #e8e8e8; padding: 20px 10px; white-space: pre-wrap; overflow: auto; background: #f2f3f5; }
code:empty,pre:empty {display: none;}

p {font-family: "Inter", serif;font-weight: 400;font-size: 16px;color: inherit;line-height: 28px;margin-bottom: 20px;}
p:last-child {margin-bottom: 0;}
p a {text-decoration: underline;color: #F25424;}
p a:hover, p a:focus, p a:hover strong, p a:focus strong {color: #F25424;text-decoration: none;}
button:focus,a:focus,input:focus {outline: 1px dotted #000;outline-offset: 2px;}


h1,.h1 {font-family: 'TT Firs Text';font-size: 72px;font-weight: 500;margin-bottom: 30px;color: inherit;line-height: 77px;}
h2,.h2 {font-family: 'TT Firs Text';font-size: 53px;font-weight: 500;margin-bottom: 15px;color: #110B0B;line-height: 60px;}
h3,.h3 {font-family: 'TT Firs Text';font-size: 41px;font-weight: 500;margin-bottom: 32px;color: #110B0B;line-height: 53px;}
h4,.h4 {font-family: "Inter", serif;font-size: 31px;font-weight: 600;margin-bottom: 20px;color: #110B0B;line-height: 1.2;}
h5,.h5 {font-family: "Inter", serif;font-size: 24px;font-weight: 600;margin-bottom: 33px;color: #110B0B;line-height: 36px;}
h6,.h6 {font-family: "Inter", serif;font-size: 18px;font-weight: 600;margin-bottom: 20px;color: #110B0B;line-height: 29px;}

ul {margin: 20px 0 20px 20px;}


strong { font-weight: 700; }

a, input, textarea,button { transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; outline: none; }
a { text-decoration: none; color: inherit; }
a:hover, a:focus { text-decoration: none; color: #F25424; outline: none; }

html {scroll-behavior: smooth;}
body {font-family: "Inter", serif;font-weight: 400;font-size: 16px;color: #000;margin: 0;padding: 0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;line-height: 28px;letter-spacing: 0px;scroll-behavior: smooth;font-style: normal;overflow-x: hidden;}

textarea, input[type="text"], input[type="url"], input[type="tel"], input[type="email"], input[type="password"], input[type="date"], input[type="search"], textarea, select {font-size: 16px; line-height: 20px; border: none; border-bottom: 1px solid #847E78; border-radius: 0; outline: 0; padding: 0 0 13px; height: auto; font-family: "Inter", serif; font-weight: 400;box-shadow: none;color: #000;background: transparent;width: 100%;display: inline-block;vertical-align: middle;text-align: left;padding: 23px 0px;outline: none;}

input[type="text"]:focus,input[type="password"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="date"]:focus, input[type="search"]:focus, textarea:focus {color: #313341;border-color: #F25424;}
select:focus {color: #000;border-color: #000;}

input[type="search"]::-webkit-search-cancel-button { display: none; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; }

textarea {height: 162px;resize: none;border: 1px solid #000;padding: 19px 22px;letter-spacing: 0.1px;}

button, input[type="button"], input[type="submit"],input[type="reset"] {padding: 23px 45px 22px 35px;display: inline-block;position: relative;font-family: "Inter", serif;border-radius: 50px;font-size: 16px;font-weight: 600;line-height: 12px;text-align: left;background: #F25424 url('assets/images/right-arrow.svg') no-repeat center center;background-size: 10px;z-index: 1;border: 1px solid #F25424;color: #fff;text-transform: capitalize;min-width: 200px;transition: all 0.4s ease-in-out;}

button:hover, input[type="button"]:hover, input[type="submit"]:hover, button:focus, input[type="button"]:focus,input[type="submit"]:focus,input[type="reset"]:hover,input[type="reset"]:focus{background: #000;border-color: #000;color: #fff;outline: none;}

.contact-form .gform-footer .button {padding: 23px 45px 22px 35px !important; display: inline-block !important; position: relative;font-family: "Inter", serif !important; border-radius: 50px !important; font-size: 16px !important; font-weight: 600 !important; line-height: 12px !important;!im; text-align: left !important; background: #F25424 url('assets/images/right-arrow.svg') no-repeat center right 28px !important; background-size: 10px !important; z-index: 1;border: 1px solid #F25424;color: #fff;text-transform: capitalize !important; min-width: 201px !important; transition: all 0.4s ease-in-out !important;}
.contact-form .gform-footer .button:hover,.contact-form .gform-footer .button:focus {background-color: #000 !important;border-color: #000 !important;color: #fff !important;background-position: center right 20px !important; }

input::-moz-placeholder {opacity: 1 !important;color: #000 !important;}
input:-moz-placeholder {opacity: 1 !important;color: #000 !important;}
input::-webkit-input-placeholder {color: #000 !important;}
input:-ms-input-placeholder {opacity: 1 !important;color: #000 !important;}
textarea::-moz-placeholder {opacity: 1 !important;color: #000 !important;}
textarea:-moz-placeholder {opacity: 1 !important;color: #000 !important;}
textarea::-webkit-input-placeholder {color: #000 !important;}
textarea:-ms-input-placeholder {opacity: 1 !important;color: #000 !important;}

select {-webkit-appearance: none;width: auto;cursor: pointer;background-image: url(assets/images/down-arrow.png);background-repeat: no-repeat;background-position: center right 18px;background-size: 9px;padding-right: 35px !important;text-overflow: ellipsis;white-space: nowrap;border: 1px solid #3D3836;border-radius: 50px;font-size: 16px;line-height: 20px;font-weight: 400;color: #110B0B;padding: 13px 22px 12px;min-width: 158px;}
select::-ms-expand {display: none;}


.btn {padding: 19px 40px 20px 30px;display: inline-block;position: relative;font-family: "Inter", serif;border-radius: 50px;font-size: 16px;font-weight: 600;line-height: 12px;text-align: left;background: #F25424;z-index: 1;border: 1px solid #F25424;color: #fff;text-transform: capitalize;min-width: 180px;transition: all 0.4s ease-in-out;}
.btn:after {content: "";background: url('assets/images/right-arrow.svg') no-repeat center center;position: absolute;top: 0;bottom: 0;right: 23px;background-size: 10px;width: 10px;height: 10px;margin: auto;transition: all 0.4s ease-in-out;}
.btn:hover,.btn:focus,.btn:focus-visible {background: #000;border-color: #000;color: #fff;}
.btn:hover:after,.btn:focus:after {right: 17px;}

.link-btn {text-transform: uppercase;display: inline-block;vertical-align: middle;color: #F25424;text-decoration: none;font-family: "Inter", serif;font-size: 14px;/*border-bottom: 1px dashed rgb(242 84 36 / 20%);*/letter-spacing: 2px;font-weight: 600;line-height: 20px;padding-bottom: 7px;position: relative;background: url('assets/images/dot-img.svg')repeat-x bottom;background-size: auto 2px;}
.link-btn:before {content: "";position: absolute;left: 0;bottom: 0px;width: 0px;position: absolute;background: #F25424;transition: all 0.4s ease-in-out;height: 1px;}
.link-btn:after{content: "";background: url('assets/images/right-arrow-orange.svg') no-repeat center center;background-size: 11px;width: 11px;height: 11px;transition: all 0.4s ease-in-out;display: inline-block;vertical-align: middle;margin-left: 16px;margin-top: -2px;line-height: 1;}
.link-btn:hover:after,.link-btn:focus:after {margin-left: 23px;}
.link-btn:hover:before,.link-btn:focus:before {width: 100%;}

.bg-cover {background-size: cover;background-repeat: no-repeat;background-position: center center;}
.flex { display: flex; flex-wrap: wrap; }

@keyframes move-right {
  0% {
    transform: translateX(0px);
      opacity: 1/* Original position */
  }
25% {
    transform: translateX(40px);
      opacity: 0/* Original position */
  }
  50% {
    transform: translateX(-50px); 
      opacity: 0;
  }
    75% {
    transform: translateX(-40px); 
    opacity: 1
  }
  100% {
    transform: translateX(0);
    opacity: 1; /* Move back to the original position */
  }
}


@keyframes move-left {
  0% {
    transform: translateX(0px);
      opacity: 1/* Original position */
  }
25% {
    transform: translateX(-40px);
      opacity: 0/* Original position */
  }
  50% {
    transform: translateX(50px); 
      opacity: 0;
  }
    75% {
    transform: translateX(40px); 
    opacity: 1
  }
  100% {
    transform: translateX(0);
    opacity: 1; /* Move back to the original position */
  }
}
.slick-arrow { min-width: 1px; padding: 0; font-size: 0; width: 60px; height: 60px; background: #F6F6F5; border-radius: 100%; border: none; position: absolute; bottom: 0; right: 0;overflow: hidden;} 
.slick-arrow:hover,.slick-arrow:focus {background: #ECECEC;}
.slick-arrow:after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url('assets/images/right-arrow-black.svg') no-repeat center center;background-size: 14px;animation: move-left 0.4s ease-in-out forwards;}
.slick-prev {margin-right: 70px;}
.slick-prev:after {background-image: url('assets/images/left-arrow-black.svg')}
.slick-arrow:hover:after {animation: move-right 0.4s ease-in-out forwards;}


.slick-dots { margin: 0; list-style: none; display: flex; flex-wrap: wrap; }
.slick-dots li { line-height: 0; padding: 5px; }
.slick-dots li:only-child {display: none;}
.slick-dots li button { min-width: 1px; padding: 0; font-size: 0; border: none; width: 12px; height: 12px; border-radius: 100%; background: rgb(17 11 11 / 10%); }
.slick-dots .slick-active button { background: #F25424; }

/* header style starts from here */
@keyframes slideDown {0% {transform: translateY(-100%);}100% {transform: translateY(0%);}}
@-webkit-keyframes slideDown {0% {transform: translateY(-100%);}100% {transform: translateY(0%);}}
@-moz-keyframes slideDown {0% {transform: translateY(-100%);}100% {transform: translateY(0%);}}

.site-header {border-bottom: 1px solid #fff;position: absolute;top: 0;left: 0;width: 100%;z-index: 11;padding: 33px 0 32px;}
.site-header.sticky {background: #fff;border-color: #fff;box-shadow: 0px 0px 5px rgb(0 0 0 / 20%);position: fixed;top: 0;left: 0;z-index: 11;animation: slideDown 0.5s linear 0s;-webkit-animation: slideDown 0.5s linear 0s;-moz-animation: slideDown 0.5s linear 0s;-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.site-header .row { align-items: center; }
.header-main { display: flex; flex-wrap: wrap; align-items: center; } 
.header-logo {display: inline-block;vertical-align: middle;max-width: 189px;position: relative;z-index: 1;} 
.header-logo svg { display: block; width: 100%; height: auto; }
.header-logo img { width: 100%; display: block; }

.site-menu { width: calc(100% - 180px); }
.main-menu { padding-left: 71px; }
.menu-icon { display: none; }
.enumenu_ul {margin: 0 -19px;display: flex;flex-wrap: wrap;}
.enumenu_ul > li {color: #fff;list-style: none;padding: 0 19px;}
.enumenu_ul > li:hover > a,.enumenu_ul > li > a:hover,.enumenu_ul > li > a:focus,.enumenu_ul > li.current-menu > a {color: #F25424;text-shadow: 0px 0px 1px #F25424;}
.enumenu_ul > li.has-children > a { display: inline-block; vertical-align: middle; position: relative; padding-right: 22px; }
.enumenu_ul > li.has-children > a:after { content: "\f107"; font-family: "Font Awesome 6 Pro"; font-weight: 400; color: #F25424; position: absolute; top: 0; right: 0; bottom: 0; font-size: 15px; }

.header-btn {margin-left: auto;width: 180px;} 
.enumenu_ul > li { position: relative; }
.enumenu_ul > li:after { content: ""; position: absolute; top: 100%; left: 0; right: 0; height: 48px; }
.enumenu_ul > li.menu-li {display: none}
.enumenu_ul > li > ul {position: fixed;top: 123px;left: 0;right: 0;margin: 0;padding: 0;width: 100%;}
.menu-wrap {display: flex;flex-wrap: wrap;padding: 40px 40px 68px;max-width: 1430px;margin: 0 auto;}
.menu-left-listing {width: 30%;} 
.menu-right-content {width: 63.5%;margin-left: auto;} 
.menu-img-wrap {display: flex;flex-wrap: wrap;justify-content: flex-end;margin: 0 -11px;}
.menu-img-col {width: 33.33%;padding: 0 11px;} 
.menu-img-col > a { display: block; }
.menu-img { overflow: hidden; width: 100%;padding-bottom: 97%;position: relative;border-radius: 6px;margin-bottom: 21px;} 
.menu-img img { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; object-fit: cover; transition: all 0.4s ease-in-out; } 
.menu-img-col > a:hover .menu-img img { transform: scale(1.2); }
.menu-left-listing ul { margin: 0; }
.menu-left-listing ul li {display: block;font-size: 24px;line-height: 36px;font-weight: 600;color: #110B0B;margin-bottom: 18px;}
.menu-left-listing ul > li > a {display: inline-block;vertical-align: middle;position: relative;padding-left: 65px;}
.menu-left-listing ul > li > a:before,.menu-left-listing ul > li > a:after {content: "";position: absolute;top: 0;left: 0;background: url('assets/images/grey-right-arrow.svg') no-repeat center center;background-size: 16px;width: 16px;height: 13px;margin: auto;bottom: 0;transition: all 0.4s ease-in-out;}
.menu-left-listing ul > li > a:before {background-image: url(assets/images/orange-right-arrow.svg);opacity: 0;}
.menu-left-listing ul > li > a:hover {padding-left: 75px;}
.menu-left-listing ul > li > a:hover:before {opacity: 1;}
.menu-left-listing ul > li > a:hover:after {opacity: 0;}
.menu-content h5 {margin-bottom: 0;}

.menu-singleimg .menu-img-col { margin-left: auto; width: 36%; } 
.menu-singleimg .menu-img {border-radius: 16px; padding-bottom: 116%; margin-bottom: 0; }
.menu-singleimg .menu-wrap { padding-bottom: 40px; }
/*.menu-singleimg .menu-left-listing {padding: 6px 30px 0px;}*/

@media (min-width: 768px) {
    .menu-drop{ position: absolute; width: 100%; top: 0; left: 0; z-index: 0; background: #fff; transition: all 0.3s ease-in-out; pointer-events: none; transform: translateY(-100%); pointer-events: none; }
    .enumenu_ul {display: flex !important}
    .enumenu_ul > li > ul {opacity: 0;pointer-events: none;}
/*    .enumenu_ul > li > ul:before {content: "";position: absolute;top: 0;left: ;width: 100%;background: #fff;height: 100%;transform: scaleY(0);transition: all 0.4s ease-in-out;transform-origin: top;}*/
/*    .menu-open .enumenu_ul > li > ul:before{transform: scaleY(1);}*/
/*    .enumenu_ul > li.menu-open > ul:before {transform: scaleY(1)}*/
    .enumenu_ul > li.active .sb-menu { opacity: 1;pointer-events: auto; }
    .enumenu_ul > li > ul .back-button {display: none;}
    .menu-wrap {padding: 40px 50px 68px;opacity: 0;transition: all 0.5s ease-in-out;transition-delay: 0.1s;}
    .enumenu_ul > li.active .menu-wrap {opacity: 1;}
    .menu-open .menu-drop{transform: translateY(0%);}
    body.menu-open { position: relative; } 
    body.menu-open:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; backdrop-filter: blur(10px); /* Controls the blur intensity */ -webkit-backdrop-filter: blur(10px); /* Safari compatibility */ background: rgb(255 255 255 / 20%); /* Optional: Add a dark overlay */ z-index: 1; }
    .menu-open .enumenu_ul > li { color: #000; }
    .menu-open .header-logo svg *,.menu-open .sticky .header-logo svg * { fill: #000; }
/*    .header-black.sticky .enumenu_ul > li {color: #fff;}*/
    .menu-open .sticky .enumenu_ul > li {color: #000;}
    .menu-open .header-black.sticky .header-logo svg * { fill: #000; }
    .sticky .enumenu_ul > li {color: #000;}
}

.site-header.header-black {border-color: #ECECEC;}
.header-logo svg * { fill: #fff; }
.sticky .header-logo svg * {fill: #000;}
.header-black .enumenu_ul > li { color: #000; }
.header-black .header-logo svg *{ fill: #000; }
/* header style ends from here */

.container {max-width: 1430px; padding: 0 50px;}
.zoom-image {transform: scale(1.3);transition: transform 2.4s cubic-bezier(.165,.84,.44,1) .5s;will-change: transform;}
.zoom-image.fadeIn {transform: scale(1);}
/* home page style starts from here */

.black-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;z-index: 111;opacity: 1;transition: opacity 1.5s ease-out;}
.main-banner {margin-bottom: 10px; background: #000; position: relative;min-height: 100vh;padding-top: 125px;color: #fff;display: flex;flex-wrap: wrap;overflow: hidden;}
.banner-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;opacity: 0;transition: opacity 1s ease-in-out; /} 
.banner-video:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);opacity: 0.7;}
.banner-video video { width: 100%; height: 100%; object-fit: cover; }

.banner-caption {position: relative;z-index: 1;padding-top: 76px;width: 100%;}
.banner-caption .container,.banner-caption .row,.banner-caption .col-12 {height: 100%;}
.banner-caption-main {display: flex;align-items: flex-start;justify-content: flex-start;flex-direction: column;padding-bottom: 30px;}
.banner-caption h1 { font-size: 90px; line-height: 87px; margin-bottom: 35px; }
.banner-caption p {font-size: 18px;line-height: 28px;font-weight: 600;max-width: 570px;color: #ECECEC}
.banner-caption .btn {margin-top: 11px;}
.playPauseButton {margin-top: auto;margin-left: auto;font-weight: 700;font-size: 12px;color: #fff;}
.playPauseButton:hover,.playPauseButton:focus {color: #fff;}
.playPauseButton i { margin-right: 8px; display: inline-block; vertical-align: middle; font-size: 11px; }
.main-banner.paused .playPauseButton > i:before {content: "\f04b";}
.banner-content { max-width: 750px;opacity: 0;transform: translateY(100px); transition: all 1s ease-in-out;padding-bottom: 125px; }

.main-banner + .content-image-section {padding-top: 80px;}
.content-image-section {padding: 94px 0 94px;} 
.right-image {width: 83.5%;display: block;margin-top: 10px;margin-left: auto;border-radius: 16px;position: relative;overflow: hidden;}
.right-image img {display: block;width: 100%;border-radius: 16px;}
.content-left {color: #3D3836;padding: 0px 0 0;height: 100%;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;}
.content-left p {color: #3D3836;}
.content-left p:first-child { margin-bottom: 9px; } 
.content-left p small { display: block; text-transform: uppercase; font-size: 14px; font-weight: 600; color: #F25424;letter-spacing: 0.5px; }
.content-left .link-btn {margin-top: auto;}

.content-section { padding: 101px 0 57px; color: #3D3836; }
.content-column p { margin-bottom: 13px; max-width: 600px; }
.content-column p small { letter-spacing: 0.5px; display: block; text-transform: uppercase; font-size: 14px; font-weight: 600; color: #F25424; }
.content-column .link-btn {margin-top: 10px;}
.right-content p {color: #3D3836;margin-bottom: 33px;}
.right-content p:last-child { margin-bottom: 0; }

.before-after-section {padding: 0 0 33px;}
.image-wrapper {position: relative;width: 100%;padding-bottom: 53%;overflow: hidden;border-radius: 16px;}
.before-image, .after-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.before-image > img, .after-image > img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.after-image { clip-path: inset(0 0 0 50%); -webkit-clip-path: inset(0 0 0 50%); } .before-image { clip-path: inset(0 50% 0 0); -webkit-clip-path: inset(0 50% 0 0); }
.slider-handle { position: absolute; top: 0; left: 50%; width: 7px; height: 100%; background: #F25424; cursor: ew-resize; z-index: 10; }
.slider-handle::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);background: url('assets/images/handle-icon.svg') no-repeat center center; z-index: 11;width: 85px; height: 44px;background-size: 85px; }
.comparison-container { position: relative; }
.content-wrapper {display: flex;flex-wrap: wrap;} 
.content-wrapper .container { max-width: 1250px; } 
.before-text,.after-text {width: 35%;text-align: center;position: absolute;top: 50%;left: 0;transform: translateY(-50%);padding: 0 30px;}
.after-text { right: 0;left: auto; }
.white-btn { display: inline-block; vertical-align: middle; font-size: 18px; line-height: 28px; background: #fff; color: #110B0B; border-radius: 16px; padding: 8px 18px; font-weight: 600; }
.white-btn > img { display: inline-block; vertical-align: middle; max-width: 19px; margin-right: 18px; margin-top: -2px; }
.white-btn:hover,.white-btn:focus { background: #f25424; color: #110B0B; }
.before-text h2, .after-text h2 { margin-bottom: 32px; } 

.bg-content-section { position: relative; z-index: 1; color: #fff; padding: 77px 0 83px; overflow: hidden;}
.bg-content-section .col-12 { min-height: 72vh; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; }
.content-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; }
.content-bg:after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.5;}
.content-bg:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);opacity: 0.5;}
.content-bg img { width: 100%; height: 100%; object-fit: cover; }
.bg-content-section .content-column { max-width: 650px; width: 100%; margin-bottom: auto; }
.bg-content-section .content-column > p { margin-bottom: 0; }
.counter-wrap { display: flex; flex-wrap: wrap; margin-top: 170px; width: 100%; }
.counter-info {width: 25%;border-left: 1px solid #F25424;padding-left: 34px;padding-right: 15px;}
.counter-info p {color: #F6F6F5;font-weight: 700;}
.conter-text { text-transform: uppercase; font-size: 72px; line-height: 77px; font-weight: 500; margin-bottom: 10px;display: flex;align-items: center;font-family: 'TT Firs Text';}
.conter-text sup { top: 0; font-size: inherit; }

.slider-section {padding: 92px 0 135px;overflow: hidden;}
.slider-section .slick-list {overflow: inherit;}
.slider-section .content-column p { margin-bottom: 0; }
.content-column > h2:last-child {margin-bottom: 0;}
.link-right { display: flex; align-items: flex-end; justify-content: flex-end; padding-bottom: 16px; } 
.slider-wrap {margin: 34px -10px 80px;cursor: grab;position: relative;}
.slider-wrap .slick-track {display: grid ; grid-auto-flow: column;}
.slider-wrap .slick-arrow { bottom: -110px; }
.slider-item { padding: 0 10px; transition: min-width 0.5s ease-in-out; min-width: 1px; transition-delay: 0.5s; }
.slider-inner {position: relative;height: 100%;min-height: 580px; display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-end;}
.slider-content { position: absolute; bottom: 0; left: 0; padding: 0 30px 34px; width: 100%; }
.slide-img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;overflow: hidden;}
.slide-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 16px; }
.slider-inner h4 { margin: 0; }
.hover-content {padding-top: 7px; position: relative;width: 100%;padding-right: 55px;display: none;}
.slider-item:hover { min-width: 805px;transition-delay: 0s; }
/*.slider-item:hover .hover-content {height: auto;opacity: 1; transition-delay: 0.2s; transition: all 0.5s ease-in-out;transition-delay: 0.2s;}*/
.orange-icon { display: flex; align-items: center;justify-content: center;flex-wrap: wrap;position: absolute; bottom: 0; right: 0; background: #F25424; border-radius: 100%; width: 50px; height: 50px;transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;  }
.orange-icon:hover,.orange-icon:focus{background: #000;}
.orange-icon img {display: block;width: 12px;}
.hover-content p { margin-bottom: 0;color: #3D3836; }
.progressbar { position: relative; display: block; margin-left: 0; width: calc(100% - 200px); height: 3px; border-radius: 10px; overflow: hidden; background-color: #f6f6f5; background-image: linear-gradient(to right, #F25424, #F25424); background-repeat: no-repeat; background-size: 0 100%; opacity: 1; z-index: 1; transition: background-size 0.4s ease-in-out;}
.cursor-image {position: relative;cursor: grab;}
.link-cursor { position: absolute; pointer-events: none; border-radius: 100px; overflow: hidden; width: 70px; height: 40px; background-size: 70px; overflow: hidden; opacity: 0;  transition-duration: .4s;transition-property: opacity;transition-timing-function: cubic-bezier(.4,0,.2,1); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity: 1; transition-property: transform;margin-left: 55px; margin-top: 15px;}
.link-cursor.active {opacity: 1;}
.no-hover .slick-track { min-width: 100%; }

.case-study-slider {background: #f6f6f5;overflow: hidden;padding: 94px 0 144px;}
.casestudy-slider {margin: 35px -5px 0;}
.casestudy-slider-wrap {position: relative;}
.case-study-slider .content-column p {margin-bottom: 20px;}
.casestudy-slider .slick-list {overflow: inherit;padding: 0 8.5%;}
.casestudy-item { padding: 0 5px; }
.casestudy-item-inner {width: 100%;position: relative;padding: 34px 41px 39px;color: #fff;aspect-ratio: 1.785;} 
.content-detail {padding-top: 34px;}
.casestudy-img { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.casestudy-img:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.6;border-radius: 16px; }
.casestudy-img img {display: block;width: 100%;height: 100%;object-fit: cover;border-radius: 16px;}
.casestudy-content {height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start;max-width: 430px; }
.casestudy-content p {max-width: 350px;}
.content-tag ul { margin: 0 -3px; padding: 0; list-style: none; display: flex; flex-wrap: wrap; } 
.content-tag ul li { display: inline-block; vertical-align: middle; margin: 0 3px; background: rgb(1 1 1 / 40%); font-size: 12px; font-weight: 600; line-height: 14px; text-align: center; padding: 8px 10px; border-radius: 50px; text-transform: capitalize; margin-bottom: 5px; }
.content-tag { margin-bottom: auto; } 
.casestudy-item-inner .btn { margin-top: 20px; }
.casestudy-item-inner h3 { color: #F6F6F5; margin-bottom: 19px; text-transform: capitalize; }
.casestudy-item-inner p { color: #ECECEC;}
.casestudy-slider .slick-arrow {top: -108px;bottom: auto;background: #fff;}

:root { --progress-bar-stroke-width: 2.1; --progress-bar-size: 38px; }
.circle-progress { position: absolute; top: 23px; right: 10.5%; }
.circle-progress svg { height: var(--progress-bar-size); transform: rotate(-90deg); width: var(--progress-bar-size); }
.progress-bar__background { fill: none; stroke: #110B0B; stroke-width: var(--progress-bar-stroke-width); }
.progress-bar__progress { fill: none; stroke: #fff; stroke-dasharray: 100 100; stroke-dashoffset: 100; stroke-linecap: round; stroke-width: var(--progress-bar-stroke-width); transition: stroke-dashoffset 5s ease-in-out; }

.logo_slider_section {background: #f6f6f5;padding: 94px 0 70px;overflow: hidden;}
.logo-slider{display: flex;flex-direction: row;flex-wrap: nowrap;}
.logo-slider-main{overflow: hidden;}
.logo_slider_section .content-column p { margin-bottom: 0; }
.logo-slider-sec {margin-top: 0;}
.logo-slider-item{ padding: 0 10px; }
.reverse-slide-main.logo-slider-main {margin-top: -40px;}
.inner-logo-slider-box{width: 320px;min-height: 320px;background: #fff;padding: 15px;display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: center;align-items: center;transition: all 0.3s ease-in-out;position: relative;border-radius: 16px;}
.logo-slider-box{position: relative;padding: 40px 0;}
.inner-logo-slider-box:before{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #fff;  transition: all 0.3s ease-in-out;border-radius: 16px;}
.logo-slider-box:hover .inner-logo-slider-box:before{opacity: 1;top: -20px;bottom: -20px;}
.logo-slider-box:hover .inner-logo-slider-box{transform: scale(1.05) rotate(5deg);}
.logo-slider-img{position: relative;z-index: 1;padding: 15px;display: block;width: 100%;}
.logo-slider-img img{width: auto;max-height: 48px;display: block;margin: 0 auto;}

.news-section {padding: 100px 0 108px;overflow: hidden;}
.news-section .content-column p { margin-bottom: 0; color: #847E78; font-size: 21px; max-width: 100%; }
.news-section .link-right {padding-bottom: 0;}
.news-slider {margin: 50px -15px 0;}
.news-slider .slick-list { overflow: inherit; }
.news-column {padding: 0 15px;}
.news-inner {display: block;}
.news-img {position: relative;padding-bottom: 57.1%;margin-bottom: 17px;overflow: hidden;border-radius: 16px;}
.news-img img { transition: all 0.5s ease-in-out; border-radius: 16px; display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; } 
.news-inner:hover .news-img img {transform: scale(1.1);}
.news-inner p { margin-bottom: 4px; line-height: 24px; color: #3D3836; } 
.news-inner p small {font-weight: 600;font-size: 14px;color: #F25424;}
.news-inner h5 { margin-bottom: 7px; position: relative; padding-right: 30px; } 
.news-inner h5:after {content: "";background: url('assets/images/up-arrow.svg') no-repeat center center;background-size: 12px;position: absolute;top: 10px;bottom: 0;right: 9px;width: 12px;height: 13px;}
.author-detail { display: flex; flex-wrap: wrap; margin-top: 23px; align-items: center; }
.author-img { width: 40px; }
.author-img img { display: block; width: 40px; border-radius: 100%; height: 40px; object-fit: cover; }
.author-content { width: calc(100% - 40px); padding-left: 10px; } 
.author-content h6 { font-size: 14px; font-weight: 600; font-family: "Inter", serif; line-height: 20px; margin-bottom: 0; } 
.news-inner .author-content p { margin: 0; font-size: 14px; color: #B5B0AD; line-height: 20px; }

.bottom-section { position: relative; padding: 101px 0; overflow: hidden; }
.section-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.white-sec { background: #fff; position: relative; width: 84%; margin: 0 auto; border-radius: 16px; text-align: center; padding: 100px 100px 103px; }
.white-sec h3 { max-width: 620px; margin: 0 auto 30px; }
/* home page style ends from here */

/* Footer style starts from here */
.site-footer { padding: 79px 0 50px; background: #f6f6f5; }
.footer-top {display: flex;flex-wrap: wrap;border-bottom: 1px solid #ECECEC;padding-bottom: 78px;}
.footer-logo { width: 174px; }
.footer-logo a { display: block; vertical-align: middle; } 
.footer-logo a img { display: block; width: 100%; } 
.footer-left { width: 20%; padding-top: 10px; }
.footer-left .social-icons { margin-top: 75px; }
.social-icons ul { margin: 0 -5px; list-style: none; display: flex; flex-wrap: wrap; } 
.social-icons ul li { padding: 0 5px; }
.social-icons ul li a { display: flex; flex-wrap: wrap; background: #ECECEC; color: #847E78; width: 52px; height: 52px; border-radius: 100%; align-items: center; justify-content: center; font-size: 20px; }
.social-icons ul li a:hover,.social-icons ul li a:focus {background: #C6C6C6;color: #847E78;}

.footer-right { width: calc(75%); display: flex; flex-wrap: wrap; margin-left: auto; }
.menu-column { width: 33.33%; } 
.menu-column h6 { font-size: 16px; line-height: 28px; font-weight: 700; font-family: "Inter", serif; color: #3D3836; } 
.menu-column ul { margin: 0; list-style: none; }
.menu-column ul li { color: #847E78; margin-bottom: 8px; }
.menu-column ul li:last-child { margin-bottom: 0; } 
.menu-column ul li a {border-bottom: 1px solid transparent;}
.menu-column ul li a:hover { color: #847E78; border-bottom: 1px solid; font-weight: 600; }

.footer-middle {border-bottom: 1px solid #ECECEC;padding: 74px 0 80px;display: flex;flex-wrap: wrap;}
.footer-subscribe { width: 50.5%; padding: 4px 0 0; }
.footer-subscribe h5 { color: #110B0B; margin: 0; font-weight: 600; }
.footer-subscribe form { position: relative; margin-top: 14px; max-width: 380px; }
.footer-subscribe form input[type="email"] { background: #ECECEC; color: #3D3836; font-size: 11px; line-height: 15px; border-radius: 30px; padding: 18px 25px 18px; border: 1px solid transparent; }
.footer-subscribe form input:focus {background: #fff;border-color: #F25424;}
.footer-subscribe form input::-moz-placeholder {opacity: 1 !important;color: #3D3836 !important;}
.footer-subscribe form input:-moz-placeholder {opacity: 1 !important;color: #3D3836 !important;}
.footer-subscribe form input::-webkit-input-placeholder {color: #3D3836 !important;}
.footer-subscribe form input:-ms-input-placeholder {opacity: 1 !important;color: #3D3836 !important;}
.footer-subscribe .wpcf7-response-output { display: none; }
.footer-subscribe .wpcf7 form.sent .wpcf7-response-output { display: block; margin: 0; border: none; padding: 0; }

.footer-subscribe form  button { position: absolute; top: 5px; right: 10px; min-width: 1px; padding: 0; border-radius: 100%; width: 41px; height: 41px; background: #F25424; border: none; display: flex; align-items: center; justify-content: center; }
.footer-subscribe form  button:hover,.footer-subscribe form  button:focus {background: #C6C6C6;}
.footer-subscribe form button img { display: block; max-width: 10px; } 

.footer-address { width: 24.7%; padding-right: 101px; }
.footer-address h6 { font-size: 16px; color: #3D3836; }
.footer-address p { color: #847E78; }

.footer-bottom { display: flex; flex-wrap: wrap; padding: 43px 0 0; align-items: center; } 
.copyright-left { width: 40%; }
.copyright-left p { color: #B5B0AD; font-size: 15px; }
.bottom-link { width: 60%; } 
.bottom-link ul { margin: 0; list-style: none; display: flex; align-items: center; justify-content: flex-end; }
.bottom-link ul li { color: #847E78; padding-left: 28px; } 
.bottom-link ul li a:hover,.bottom-link ul li a:focus {color: #847E78;font-weight: 600;}
.bottom-link ul li:first-child { padding-left: 0; }
/* Footer style ends from here */

/* Solution page style starts here */
.two-column-section {padding: 0 0 100px;}
.two-column-main { position: relative; overflow: visible; }
.two-column-wrap { display: flex; flex-wrap: wrap; align-items: flex-start; }
.text__left {width: 46%;padding-top: 246px;position: sticky;top: 50px;}
.breadcrumbs {color: #110B0B;margin-bottom: 14px;font-size: 0;display: flex;align-items: center;}
.breadcrumbs a {display: inline-block;vertical-align: middle;text-decoration: none;position: relative;border-bottom: 1px solid;}
.breadcrumbs > a,.breadcrumbs > span {font-size: 16px;line-height: 18px;margin-right: 37px;}
.breadcrumbs > a {font-weight: 600;}
.breadcrumbs > *:last-child { margin-right: 0; }
.breadcrumbs a:after {content: "";background: url('assets/images/orange-arrow.svg') no-repeat center center;display: inline-block;vertical-align: middle;width: 23px;height: 8px;margin: auto;background-size: 23px;margin-left: 6px;margin-right: 7px;position: absolute;top: 0;bottom: 0;left: 100%;}
.text__left > p {color: #847E78;font-size: 21px;line-height: 36px;max-width: 500px;} 
.text__left h1 { margin-bottom: 16px; } 
.faq-wrap {border-top: 1.5px solid #f2f2f2;margin-top: 79px;margin-bottom: 72px;max-width: 557px;}
.faq-row { border-bottom: 1.5px solid #f2f2f2; }
.faq-title { padding: 29px 30px 29px; position: relative; cursor: pointer; }
.faq-title:after { content: "\f067"; font-family: "Font Awesome 6 Pro"; font-weight: 900; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; width: 50px; height: 50px; border-radius: 100%; text-align: center; color: #000; background: #F6F6F5; display: flex; align-items: center; justify-content: center; font-size: 14px; transition: all 0.4s ease-in-out; }
.faq-title:hover::after { background: #F25424; transform: rotate(90deg); }
.faq-title.active:after {content: "\f068";}
.faq-title.active:hover:after {transform: rotate(180deg);}
.faq-title h6 { margin: 0; }
.faq-content {display: none;padding: 0 30px 30px 30px}
.faq-content > p {color: #3D3836;}

.slider__right { position: absolute; top: 0; right: 0; bottom: 0; width: 50%;}
.image-slider {position: sticky; top: 0; right: 0;}
.image-slider .slick-track {display: flex;}
.item-img { position: relative; padding-bottom: 120%; }
.img-item {height: auto;}
.item-img img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; } 

.image-slider .slick-dots { position: absolute; right: 22px; display: block; top: 50%; transform: translateY(-50%); } 
.image-slider .slick-arrow { right: 26px; bottom: 32px; } 
.cta-column { background: rgb(255 200 184 / 50%); border-radius: 16px; padding: 30px 31px 33px; } 
.cta-column h3 { margin-bottom: 26px; max-width: 490px; }

.related-section { padding: 160px 0; }
.two-column-section + .related-section {padding-top: 60px;}
.related-section .content-column p { margin-bottom: 0; }
.related-wrap { display: block; margin-top: 61px; position: relative; }
.related-img { position: relative; padding-bottom: 68%; overflow: hidden; border-radius: 16px; }
.related-img img { transition: all 0.5s ease-in-out;display: block; position: absolute; top: 0; left: 0; object-fit: cover; width: 100%; height: 100%; }
.related-text { position: absolute; bottom: 0; left: 0; padding: 0 100px 27px 30px; width: 100%; }
.related-text *:last-child { margin-bottom: 0; }
.related-text:after {content: ""; display: flex; align-items: center;justify-content: center;flex-wrap: wrap;position: absolute; bottom: 26px; right: 35px;  border-radius: 100%; width: 50px; height: 50px;background: #F25424 url('assets/images/right-arrow.svg') no-repeat center center;background-size: 12px;transform: scale(0);transition: all 0.5s ease-in-out;}
.related-wrap:hover .related-text:after {transform: scale(1)}
.related-wrap:hover .related-img img {transform: scale(1.1)}
/* Solution page style starts here */

/* News page style starts here */
.news-page {padding: 124px 0 100px;}
.news-wrap {display: flex;flex-wrap: wrap;padding: 50px 0 0;margin: 0 -15px;}
.news-wrap .no-post { padding: 0 15px; }
.news-wrap .news-column {width: 33.33%;margin-bottom: 98px;}
.news-filter { padding: 107px 0 0; }
.news-filter-wrap {display: flex;flex-wrap: wrap;padding-top: 7px;}
.news-filter-left {width: 70%;margin: 0 -7px;display: flex;flex-wrap: wrap;}
.news-filter-right {width: 30%;}
.news-filter-dropdown {padding: 0 7px;max-width: 50%;}
.news-filter-right select {margin-left: auto;display: table;}

.pagination {display: flex;flex-wrap: wrap;width: 100%;margin: 30px -5px 0;}
.page-numbers {font-family: "Montserrat", serif;background: #F6F6F5;width: 46px;height: 46px;border-radius: 100%;display: flex;align-items: center;justify-content: center;font-size: 16px;font-weight: 700;margin: 0 5px;}
.prev.page-numbers,.next.page-numbers { font-size: 0; position: relative; } 
.prev.page-numbers:after,.next.page-numbers:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('assets/images/right-arrow-black.svg') no-repeat center center; background-size: 14px; }
.prev.page-numbers:after { background-image: url('assets/images/left-arrow-black.svg')}
.page-numbers.current,.page-numbers:hover {background: #F25424;color: #fff;}
div#pagination {margin: 0;padding: 0;}

.ajax-loader-img {  position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 70%); z-index: 11;display: none; } 
.ajax-loader-img img { display: block; max-width: 100px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); }
/* News page style ends here */

/* News Detail page style starts here */
.single-post .site-main {padding-top: 124px;}
.single-header { padding: 107px 0 32px; }
.single-header .content-tag ul li { background: #F6F6F5; color: #847E78; } 
.single-header h1 { margin-bottom: 25px; } 
.single-bg { position: relative; padding-bottom: 36%; overflow: hidden;} 
.single-bg > img { display: block; height: 100%; width: 100%; object-fit: cover; position: absolute; top: 0; left: 0; } 
.single-share-wrap { position: absolute; bottom: 30px; left: 0; right: 0; }

.single-content { padding: 100px 0 0; }
.single-content-left img { display: flow; width: 130px; height: 130px; object-fit: cover; border-radius: 100%; margin-bottom: 18px; }
.single-content-left { text-align: center; max-width: 130px; position: sticky; top: 150px; } 
.single-content-left h6 { margin-bottom: 0; }
.single-content-left p { line-height: 20px; color: #B5B0AD; }
.single-content-right { padding-left: 10%;color: #3D3836; }
.single-content-right p {margin-top: 68px;margin-bottom: 0;}
.single-content-right p:first-child { margin-top: 0; }
.single-content-right h1,.single-content-right h2,.single-content-right h3,.single-content-right h4,.single-content-right h5,.single-content-right h6 { margin-top: 68px; }
.single-content-right blockquote { font-family: 'TT Firs Text'; font-size: 41px; font-weight: 500; color: #110B0B; line-height: 53px; margin: 27px 0 0; }
.single-content-right blockquote p {font-size: inherit;line-height: inherit;font-weight: inherit;font-family: inherit;}
.single-content-right blockquote p:before {content: "“";}
.single-content-right blockquote p:after {content: "”";}
.single-content-right blockquote p:before,.single-content-right blockquote p:after {color: #F25424;}
.single-content-right blockquote + p { margin-top: 50px; }
.single-content-right .social-icons { margin-top: 50px; }
/* News Detail page style ends here */

/* case detail page style starts here */
.banner-img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.banner-img:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);opacity: 0.7;z-index: 1;}
.banner-img img {display: block;width: 100%;height: 100%;object-fit: cover;}
.single-case-study .site .site-main { padding-top: 0; }
.single-case-study .banner-caption { padding-top: 60px; }
.single-case-study .banner-caption h1 { max-width: 690px; }
.banner-content .breadcrumbs { color: #fff; margin-bottom: 27px; }

.share-icons-wrap { margin-top: auto; margin-left: auto; display: flex; flex-wrap: wrap; padding-bottom: 22px;justify-content: flex-end;transition: all 0.3s ease-in-out;overflow: hidden;}
.share-list {order: -1;opacity: 0;transition: all 0.3s ease-in-out;margin-left: 0;position: relative;overflow: hidden;}
.share-list ul {margin: 0;padding: 0;display: flex;flex-wrap: wrap;list-style: none;transform: translateX(100%) scale(0);transition: all 0.3s ease-in-out;} 
.share-ic {cursor: pointer;background: #FFFFFF;width: 50px;height: 50px;border-radius: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;transition: all 0.3s ease-in-out;position: relative;margin-left: 10px;} 
.share-ic img { display: block; margin: auto; }
.share-ic:hover {background: #F25424;}
.share-icons-wrap.active .share-list {opacity: 1;left: 0;transform: translateX(0%)}
.share-list.social-icons li a { width: 50px; height: 50px; font-size: 18px; }
.share-icons-wrap.active .share-list ul {transform: translateX(0%) scale(1);}

.single-content.casestudy-single-content { padding: 80px 0 0; }
.casestudy-content-left > p { margin-bottom: 31px; }
.casestudy-content-left p small { display: block; text-transform: uppercase; color: #F25424; font-size: 14px; line-height: 28px; font-weight: 600; }
.inner-info { margin-bottom: 30px; } 
.inner-info:last-child { margin-bottom: 0; } 
.inner-info h6 { font-size: 16px; line-height: 28px; font-weight: 700; color: #000; margin-bottom: 0; } 
.inner-info p {color: #000;}
.inner-info p:last-child { margin-bottom: 0; } 

.casestudy-single-content .single-content-right {padding: 34px 0 0 4px;}
.single-content-right p { color: #3D3836; } 
.single-content-right p span { font-size: 21px; line-height: 36px; color: #3D3836; display: block; letter-spacing: 0.3px; } 
.casestudy-single-content .single-content-right p { margin-top: 0px; margin-bottom: 20px; } 
.casestudy-single-content .single-content-right p:last-child { margin-bottom: 0; }

.project-gallery-section {padding: 144px 0 0;overflow: hidden;}
.project-gallery-section .content-column p { margin-bottom: 0; }

.gallery-slider {margin: 48px -5px 0;}
.gallery-slider .slick-list {overflow: inherit;padding: 0 1.5%;}
.gallery-slider .slick-arrow { top: -110px; bottom: auto; }
.gallery-item { padding: 0 5px; }
.gallery-img { position: relative; padding-bottom: 55.6%; border-radius: 16px; overflow: hidden; }
.gallery-img img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.project-related-section { padding: 130px 0 120px; }
.project-related-section .related-text h4 {color: #fff;}
/* case detail page style ends here */

/**** 404 page style starts from here ****/
.error-404.not-found { background: #3D3836; text-align: center; color: #fff; padding: 194px 0 70px; min-height: 100vh; display: flex; align-items: center; justify-content: center;flex-direction: column; } 
.page-title { font-size: 190px; font-weight: 700; line-height: 1; }
.page-content p { font-size: 18px; }
/**** 404 page style ends from here ****/


/** About Company page style starts here **/
.main-banner__inner .banner-caption { padding-top: 58px; }
.main-banner__inner .banner-content {padding-left: 28px;height: 100%;padding-bottom: 15px;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;}
.main-banner__inner .banner-content .btn {margin-top: auto;}
.main-banner + .content-section { padding: 81px 0 91px; } 
.right-content {padding-top: 5px;}
.right-content p {margin-bottom: 20px;}
.right-content p:last-child {margin-bottom: 0;}
.right-content .link-btn {margin-top: 10px;}
.content-left p span,.right-content p span { display: block; font-size: 21px; line-height: 36px; letter-spacing: 0.3px; margin-bottom: 27px; }

.content-left h3 { margin: 11px 0 50px; padding-right: 20px; }
.content-left h3:first-child {margin-top: 0;}
.content-left h3:last-child {margin-bottom: 0;}

.team-slider-section {background: #F6F6F5;padding: 90px 0 127px;overflow: hidden;} 
.team-slider {margin: 49px -15px 61px;}
.team-slider .slick-list { overflow: inherit; }
.team-slider .slick-arrow { bottom: -90px; background: #fff }
.team-column { padding: 0 15px; } 
.team-img {border-radius: 16px;overflow: hidden;padding-bottom: 136%;position: relative;margin-bottom: 23px;} 
.team-img img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; } 
.team-inner h5 { margin-bottom: 13px; } 
.team-inner p { margin-bottom: 18px; color: #3D3836; line-height: 24px; }
.team-inner p small { letter-spacing: 0.5px; display: block; text-transform: uppercase; font-size: 14px; font-weight: 600; color: #F25424; } 
.team-slider-section .progressbar { background-color: #fff; }

.full-img-section { position: relative; padding-bottom: 60%; overflow: hidden;}
.full-img-section img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } 
.full-img-content {position: absolute;bottom: 28px;right: 0;left: 0;width: 100%;color: #F6F6F5;}
.full-img-content ul {display: table;margin: 0;margin-left: auto;}
.full-img-content ul li {list-style: none;margin-bottom: 15px;position: relative;padding-left: 20px;}
.full-img-content ul li:after {content: "";position: absolute;top: 10px;left: 0;width: 8px;height: 8px;border-radius: 100%;background: #fff;}
.full-img-content ul li:last-child {margin-bottom: 0}

.icon-list-section {padding: 92px 0 101px;}
.icon-list-section .content-column p { margin-bottom: 0px; } 
.icon-list-section .content-left { max-width: 545px; }
.icon-list-section .content-left h2 {margin-bottom: 36px;}
.icon-list-section .content-left .btn { margin-top: auto; }
.content-icon-wrap { padding-top: 10px; }
.content-icon-row {display: flex;flex-wrap: wrap;padding: 40px 0;border-bottom: 1px solid #ECECEC;}
.content-icon-row:first-child { padding-top: 0; }
.content-icon-row:last-child { border-bottom: none; padding-bottom: 0; }
.content-icon-row.no-content .icon-left { margin: auto; }
.icon-left { width: 72px; }
.icon-left img { display: block; margin: 0 auto; }
.icon-content-right { width: calc(100% - 72px); padding-left: 42px;margin: auto;}
.icon-content-right h5 { margin-bottom: 12px; letter-spacing: 0.5px; }
.icon-content-right *:last-child { margin-bottom: 0; }

.image-content-sticky-section { position: relative; }
.image__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-attachment: fixed; bottom: 0; z-index: -1; }
.image__bg:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.6; background: #000; z-index: -1; }

.content-sticky-main {padding: 147px 0 147px;color: #fff;text-align: center;}
.content-sticky-wrap {max-width: 500px;margin: 0 auto;}

.content-sticky-wrap p small { font-size: 14px; color: #F25424; line-height: 28px; font-weight: 600; letter-spacing: 0.5px; } .content-sticky-wrap > h2 { font-size: 90px; line-height: 87px; }
.content-sticky-wrap > p { margin-bottom: 0; }

.sticky-content-listing-wrap {counter-reset: listing-counter;margin-top: 93px;}
.sticky-content-listing {position: relative;margin-bottom: 44px;}
.sticky-content-listing:last-child { margin-bottom: 0; }
.sticky-content-listing:before {content: counter(listing-counter, decimal-leading-zero);counter-increment: listing-counter;display: block;font-size: 18px;line-height: 28px;font-weight: 600;color: #F25424;margin-bottom: 0;}
.sticky-content-listing h2 { color: #fff; margin-bottom: 4px; }

.two-box-section {padding: 154px 0 150px;}
.two-box-section .content-column { max-width: 1100px; height: auto; }
.img-content-wrap {display: flex;flex-wrap: wrap;margin: 0 -20px;padding-bottom: 170px;}
.img-content-col { padding: 0 20px; margin-top: 70px; width: 50%; }
.img-content-col *:last-child { margin-bottom: 0; }
.img-content-col:nth-child(2n) { position: relative; top: 170px; }
.img-content-link {display: block;position: relative;}
.img-bg { overflow: hidden; border-radius: 16px; position: relative; padding-bottom: 70.5%; margin-bottom: 26px; position: relative; overflow: hidden;}
.img-bg:after { content: "";background: #F25424 url('assets/images/right-arrow.svg') no-repeat center center;position: absolute; bottom: 25px; right: 25px; border-radius: 100%; width: 50px; height: 50px; transform: scale(0);transition: all 0.5s ease-in-out;}
.img-bg img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s ease-in-out; }
.img-content-link:hover .img-bg:after {transform: scale(1)}
.img-content-link:hover .img-bg img {transform: scale(1.1)}
/** About Company page style ends here **/

/** About Quality page style starts here **/
.content-logo-wrap {display: flex;flex-wrap: wrap;justify-content: flex-start;margin: auto -47px 0;padding-top: 50px;width: 100%;}
.content-column { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; height: 100%; }
.content-logo-col { margin-top: 30px; padding: 0 47px; border-right: 1px solid rgb(181 176 173 / 50%); display: flex ; flex-direction: column; align-items: center; justify-content: center; }
.content-logo-col:last-child {border-right: none;}
.content-logo-col img { max-width: 112px; display: block; }
/** About Quality page style ends here **/

/** About EU Funded page style starts here **/
.right-content .btn { margin-top: 27px; }
/** About EU Funded page style ends here **/

/** About Approach page style starts here **/
.icon-list-section .content-left .btn { margin-top: auto; } 
.content-left h2 { margin-bottom: 40px; }
.content-listing { margin-top: 32px; border-top: 1px solid #ECECEC; padding-top: 39px; }
.content-listing ul { margin: 0; display: flex; flex-wrap: wrap; list-style: none; }
.content-listing ul li { width: 50%; position: relative; font-size: 18px; line-height: 1.3; font-weight: 600; color: #000; padding-left: 40px; margin-top: 26px; } 
.content-listing ul li:before { content: "\f00c"; font-family: "Font Awesome 6 Pro"; font-weight: 900; background: #F25424; width: 18px; height: 18px; position: absolute; top: 3px; left: 0; border-radius: 100%; color: #fff;font-size: 12px; text-align: center; line-height: 18px; }

.three-box-section {padding: 106px 0 60px;}
.three-box-wrap { display: flex; flex-wrap: wrap; margin: 0 -10px; } 
.three-box-col { width: 33.33%; padding: 0 10px; }
.box-inner { margin-bottom: 50px; } 
.box-img {width: 99%;display: flex;align-items: center;justify-content: center;background: #F6F6F5;border-radius: 16px;aspect-ratio: 0.87;margin-bottom: 50px;overflow: hidden;}
.box-img img { display: block; max-height: 261px; width: auto; }
.box-content { padding-right: 10px; }
.box-content h4 { letter-spacing: 1px; margin-bottom: 30px; } 

.tabing-content-section {padding: 124px 0 160px;overflow: hidden;} 
.tab-header { display: block; height: auto; }
.tab-header h2 { margin-bottom: 20px; }
.tab-header p {font-size: 21px;line-height: 36px;color: #3D3836;letter-spacing: 0.3px;}

.tab-menu {margin-top: 98px;margin=: 0;}
.tab-menu ul { margin: 0; list-style: none; display: flex; flex-wrap: wrap; } 
.tab-menu ul {margin: 0 -18px;list-style: none;} 
.tab-menu ul li {color: #110B0B;font-size: 31px;line-height: 1.2;font-weight: 600;padding: 0 18px;}
.tab-menu ul li a { display: inline-block; vertical-align: middle; border-bottom: 2px solid transparent; line-height: 1.1; letter-spacing: 0.5px; } 
.tab-menu ul li .tab-link.active { color: #F25424; border-color: #F25424; }

.tab-content { display: none; }
.tab-content.active { display: block; }

.three-content-wrap {margin: 0 -10px;padding-top: 67px;margin-bottom: 80px;}
.three-content-col {width: 33.33%;padding: 0 10px;}
.three-content-inner {min-height: 632px; width: 100%; background: #F6F6F5; border-radius: 16px; height: 100%; padding: 42px 51px 42px 56px; }
.inner-num { display: block; color: #F25424; font-size: 24px; line-height: 36px; font-weight: 600; margin-bottom: 11px; } 
.inner-bg { margin-bottom: 22px; } 
.inner-bg img { display: block; max-height: 188px; } 
.three-content-inner h4 { margin-bottom: 0; }
.three-content-inner p { margin-bottom: 30px; }
.three-content-inner p:last-child { margin-bottom: 0; }
.three-content-inner p span { color: #F25424; display: block; font-weight: 700; } 
.three-content-wrap .slick-arrow { top: 100%; bottom: 0; margin-top: 50px; }
.three-content-wrap .slick-list { overflow: inherit; }
.tab-slider-wrap .slick-list {overflow: inherit;}
/** About Approach page style ends here **/

/** About Design Solution page style starts here **/
.content-left p span {margin-bottom: 15px;}
.image-left-section .image-left-col { order: -1; } 
.image-left-section .right-image { margin-left: 0; } 
.content-image-section .content-left .btn { margin-top: 47px; }
.content-left h2:first-child { padding-top: 10px; }
.content-image-section.image-left-section h2 {max-width: 595px;}
.three-content-wrap .slick-track { display: flex; }
.three-content-col { height: auto; }
/** About Design Solution page style ends here **/

/** Design Solution page style starts here **/
.right-content > ul { margin: 50px 0 0; color: #3D3836; padding: 0 24px 0 10px; }
.right-content > ul > li { list-style: none; font-size: 21px; line-height: 36px; position: relative; padding-left: 20px; letter-spacing: 0.3px; }
.right-content > ul > li:before { content: ""; position: absolute; top: 15px; left: 0; width: 7px; height: 7px; background: #3D3836; border-radius: 100%; }
/** Design Solution page style ends here **/

/** Case study page style starts here **/
.casestudy-page { padding: 114px 0 130px; }
.casestudy-page .row { margin: 0 -10px; }
.casestudy-page .col-12 { padding: 0 10px; }
.casestudy-page .news-filter-wrap { padding: 0; margin-bottom: 29px; }
.casestudy-page .related-wrap { margin-top: 20px; }
.casestudy-page .content-tag { position: absolute; top: 0; left: 0; padding: 22px 20px; width: 100%; }
.casestudy-page .content-tag ul li { color: #fff; }
.casestudy-page .related-text h4 { color: #fff; letter-spacing: 0.5px; margin-bottom: 0; }
.casestudy-page .related-text p {font-size: 18px;line-height: 29px;}
.casestudy-page .hover-related-text { color: #fff; display: none; padding-top: 10px; max-width: 450px; }
.casestudy-page .related-img:after { content: ""; position: absolute; top: 0; left: 0; background: #010101; bottom: 0; right: 0; transition: all 0.5s ease-in-out; opacity: 0.20; }
.casestudy-page .related-wrap:hover .related-img:after {opacity: 0.6;}

.casestudy-page .pagination { padding-top: 20px; }
/** Case study page style ends here **/

/** Contact page style starts here **/
.contact-page { padding: 230px 0 202px; }
.contact-page p { color: #3D3836; }
.contact-page p strong { color: #000; }
.contact-header { margin-bottom: 90px; }
.contact-info { max-width: 230px; } 
.contact-info p + p strong { display: block; margin-top: 37px; }
.contact-right > p span { display: block; font-size: 21px; line-height: 36px; }
.contact-page p { color: #3D3836; } .contact-page p strong { color: #000; } 
.contact-more-info { margin-top: 38px; }
.contact-more-info p { font-size: 24px; line-height: 36px; font-weight: 600; margin: 0; }
.contact-more-info p a { display: inline-block; vertical-align: middle; text-decoration: none; color: inherit; }
.contact-more-info p.contactlink { color: #000; } 
.contact-more-info p.maillink { color: #F25424; } 
.contact-left .social-icons { margin-top: 48px; }
.contact-form { padding: 64px 0 0; }
.contact-form .gfield .ginput_container input[type="text"],
.contact-form .gfield .ginput_container input[type="email"],
.contact-form .gfield .ginput_container textarea { font-size: 16px !important;line-height: 20px !important;border: none !important;border-bottom: 1px solid #847E78 !important;border-radius: 0 !important;outline: 0 !important;padding: 0 0 13px;height: auto;font-family: "Inter", serif !important;box-shadow: none !important; }
.contact-form .gfield .ginput_container input[type="text"]:focus,
.contact-form .gfield .ginput_container input[type="email"]:focus,
.contact-form .gfield .ginput_container textarea:focus {border-color: #F25424 !important;}
.contact-form .gfield { margin-bottom: 25px; position: relative; }
.contact-form .gfield .gfield_label {font-family: "Inter", serif;font-size: 16px;line-height: 20px;display: block;margin-bottom: 20px;position: absolute;top: 0;left: 0;}
.contact-form .gfield .gfield_label .gfield_required .gfield_required {display: none;}
.contact-form .gfield .gfield_label .gfield_required:after {content: "*";display: inline-block;vertical-align: top;margin-top: -4px;margin-left: 1px;font-size: 16px;color: #F25424;}
.contact-form .gfield_radio { display: flex; flex-wrap: wrap; flex-direction: row !important;width: 100%;} 
.contact-form .gfield_radio .gchoice {width: auto;margin-right: 22px;cursor: pointer;}
.contact-form .gform-theme--api,
.contact-form .gform-theme--framework { --gf-ctrl-choice-size-md: 16px;}
.contact-form .gform-field-label,
.contact-form .ginput_container_consent .gform-field-label {font-size: 16px !important;font-family: "Inter", serif !important;font-weight: 400;line-height: 1.2 !important;}
.contact-form .gfield_radio .gchoice input:focus,
.contact-form .ginput_container_consent input:focus { outline: none; }
.contact-form .gfield_radio .gchoice input:before,
.contact-form .ginput_container_consent input:before { background: #fff; width: 6px !important; height: 6px !important; border-radius: 100%; content: "" !important; }
.contact-form .gfield_radio .gchoice input,
.contact-form .ginput_container_consent input { border-color: #847E78; }
.contact-form .gfield_radio .gchoice input:checked,
.contact-form .ginput_container_consent input:checked {border-color: #F25424 !important;background: #F25424 !important;}
.contact-form .gfield_radio .gchoice input,
.contact-form .ginput_container_consent input{--gf-ctrl-border-width: 1px !important;border-radius: 100%; outline: none !important;border-color: #847E78 !important;border-radius: 100%  !important;--gf-ctrl-choice-size-md: 16px !important;}
.contact-form .gform-footer { padding-top: 7px;}
.contact-form .gfield .ginput_container textarea { height: 33px; min-block-size: auto !important; }
.contact-more-info .maillink a:hover { color: #000; }
.contact-more-info .contactlink a:hover { color: #F25424; }
.contact-form .gfield .gfield_label.hidden { display: none !important; }
.contact-form .gfield.gfield--type-choice .gfield_label { position: relative !important; display: block  !important; }
/** Contact page style ends here **/