/*
Theme Name: Denovodigit
Theme URI: -
Description: Denovodigit Wordpress Theme
Version: 1.0
Author: Denovodigit
Text Domain: Denovodigit
*/

/*Basic Style*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
@import url('//fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('//fonts.googleapis.com/css2?family=Unbounded:wght@300;400;500;600;700;800;900&display=swap');

html{ scroll-behavior: smooth; }
body {margin: 0; font-family: "Albert Sans", Arial, sans-serif; line-height: 1.42857; font-size: 16px; color: #333; background: #FBFBFB; overflow-x: hidden; }
* {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
h1, h2, h3, h4, h5, h6 {font-family: "Unbounded", Arial, sans-serif; font-weight: 700; line-height: normal; margin: 0 0 15px; color: #000;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit; color: inherit;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus {color: inherit; opacity: 0.85;}
h1{font-size: 54px;}
h2{font-size: 40px;}
h3{font-size: 24px;}
h4{font-size: 20px;}
h5{font-size: 16px;}
h6{font-size: 14px;}
p { margin: 0 0 10px; color: #393939; font-size: 16px; font-weight: 400; }

a {color: #F0AE01; text-decoration: none; outline: 0; transition: 0.5s all;}
a:hover, a:focus {color: #393939; }

ul, ol {margin-bottom: 10px; margin-top: 0;}
img {max-width: 100%; height: auto; display: block;}

.alignleft {float: left; margin: 5px 20px 20px 0;}
.aligncenter {display: block; margin: 5px auto;}
.alignright {float: right; margin: 5px 0 20px 20px;}

input, button, select, textarea {font-family: inherit; font-size: inherit; line-height: inherit; padding: 6px 30px;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {background: #000; border: 0 none; color: #fff; cursor: pointer; padding: 8px 20px; transition: all 0.5s ease 0s; line-height: 1.3; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

#search-2 #searchform .search-submit{ padding: 0px; }
input:focus, button:focus, textarea:focus {outline: none;}
button, select {text-transform: none;}
label {display: inline-block; font-weight: bold; margin-bottom: 5px; max-width: 100%;}

input, select{-webkit-appearance:none;}

table {border-collapse: collapse; border-spacing: 0; max-width: 100%; width: 100%;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td, table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {border-top: 1px solid #ddd; line-height: 1.42857; padding: 8px; vertical-align: top;}

.btn {background-color: #e11f26; background-image: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.1) 50%, rgba(0,0,0,.1)); background-image: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.1) 50%, rgba(0,0,0,.1)); background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.1) 50%, rgba(0,0,0,.1)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0); background-repeat: repeat-x; background-size: 200%; background-position: 0 -100%; border-radius: 40px; color: #fff; display: inline-block; font-size: 14px; padding: 12px 20px;}
.btn:hover, .btn:focus {color: #fff;}

.full-section {width: 100%; float: left;}
.container {max-width: 1170px; padding: 0 15px; width: 100%; margin: 0 auto; position:relative;}
li.widget {display: block;}


/*Navigation*/
.navigation-wrapper .main-menu ul.menu {margin: 0; padding: 0;}
.navigation-wrapper .main-menu ul.menu li.menu-item {display: inline-block; margin-right: 20px;}
.navigation-wrapper .main-menu ul.menu li.menu-item:last-child {margin: 0;}

/*404 page*/
body.error404 .gdl-page-404 { margin: 50px 0; }
body.error404 .gdl-page-404 .message-box-wrapper { text-align: center; }
body.error404 .gdl-page-404 .message-box-wrapper .message-box-title { margin-bottom: 50px; }
body.error404 .gdl-page-404 .message-box-wrapper .message-box-title span { background-color: #000; color: #ffffff; display: inline-block; font-family: arial; font-size: 200px; font-weight: bold; height: 225px; line-height: 185px; padding: 20px; vertical-align: middle; }
body.error404 .gdl-page-404 .message-box-wrapper .message-box-title span:nth-child(2) { background-color: #727171; color: #ffffff; }
body.error404 .gdl-page-404 .message-box-wrapper .message-box-content p { font-size: 25px; margin: 0; }

/* Button */
a.button { display: inline-block; width: max-content; position: relative; color: #241F21; font-family: "Unbounded"; font-size: 14px; font-weight: 600; letter-spacing: 0.91px; }

body.stop-scrolling{ overflow: hidden; }

/*Header*/
header.header-wrapper { padding: 18px 0; background: #fff; position: sticky; top: 0; left: 0; z-index: 9; }
header.header-wrapper .container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
header.header-wrapper .logo-wrapper { width: 20%; }
header.header-wrapper .logo-wrapper img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
header.header-wrapper.is_sticky .logo-wrapper img { max-width: 80%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
header.header-wrapper .nav-wrapper { width: 75%; }
header.header-wrapper .menu-button,
header.header-wrapper .mobile-menu { display: none; }

header.header-wrapper .nav-wrapper ul { padding: 0; margin: 0; list-style-type: none; display: flex; flex-wrap: wrap; justify-content: right; }
header.header-wrapper .nav-wrapper ul li.menu-item { display: block; width: max-content; margin-right: 5%; position: relative; }
header.header-wrapper .nav-wrapper ul li.menu-item a { font-size: 20px; font-weight: 500; color: #000; display: block; position: relative; }
header.header-wrapper .nav-wrapper ul li.menu-item.current-menu-parent > a,
header.header-wrapper .nav-wrapper ul li.menu-item.current-menu-item > a,
header.header-wrapper .nav-wrapper ul li.menu-item a:hover,
header.header-wrapper .nav-wrapper ul li.menu-item a:hover:after { color: #F0AE01; }
/*header.header-wrapper .nav-wrapper ul li.menu-item ul.sub-menu { position: absolute; width: 200px; padding: 0; margin: 0; list-style-type: none; z-index: 999; background: #fff; display: none; border-bottom: 2px solid #000;  }*/
header.header-wrapper .nav-wrapper ul li.menu-item ul.sub-menu { position: absolute; width: max-content; padding: 0; margin: 0; list-style-type: none; z-index: 999; display: none; flex-wrap: wrap; right: 0; left: 0; background: #FBFBFB; }
header.header-wrapper .nav-wrapper ul li.menu-item ul.sub-menu:before { position: absolute; content: ''; width: auto; height: 100%; background: #FBFBFB; z-index: -1; left: -1000%; }
header.header-wrapper .nav-wrapper ul li.menu-item ul.sub-menu:after { position: absolute; content: ''; width: auto; height: 100%; background: #FBFBFB; z-index: -1; right: -1000%; }
/*header.header-wrapper .nav-wrapper ul li.menu-item ul.sub-menu li.menu-item { width: 100%; margin: 0; }*/
header.header-wrapper .nav-wrapper ul li.menu-item ul.sub-menu li.menu-item { width: max-content; margin: 0;}
header.header-wrapper .nav-wrapper ul li.menu-item ul.sub-menu li.menu-item a { text-align: left; display: block; padding: 5px 20px; font-size: 16px; }
header.header-wrapper .nav-wrapper ul li.menu-item ul.sub-menu li.menu-item a:hover { color: #F0AE01; }
header.header-wrapper .nav-wrapper ul li.menu-item.menu-item-has-children a { padding: 0 20px 0 0; }
header.header-wrapper .nav-wrapper ul li.menu-item.menu-item-has-children > a:after { position: absolute; content: '\f103'; font-family: 'Fontawesome'; font-size: 12px; right: 0; top: 50%; transform: translateY(-50%); }


/* Mobile Menu */
.mobile-header { padding: 10px 0; display: none; background:#fff; position: sticky; top: 0; left: 0; z-index: 9; }
.mobile-header .container { display: flex; flex-wrap: wrap; }
.mobile-header .menu-button { width: 15%; position:absolute; padding: 10px 0px 15px 0px; }
.mobile-header .logo-wrapper { width: 100%; text-align: center; }
.mobile-header .logo-wrapper img { width: 137px; margin: 0 auto; display: block; }


.mobile-menu { width: 100%; margin-top: 10px; padding: 10px; border-top: 2px solid #000; position: fixed; background: #FBFBFB; height: 100%; z-index: 999; top: 55px; visibility: hidden; opacity: 0; left: -1000%; transition: 0.2s all ease-in; }
.mobile-menu.active { visibility: visible; opacity: 1; left: 0; }
.mobile-menu ul { padding: 0; margin: 0; list-style-type: none; }
.mobile-menu ul li.menu-item { width: 100%; display: block; position:relative; }
.mobile-menu ul li.menu-item a { display: block; width: 100%; padding: 10px 0; color: #000; font-size: 16px; line-height: 18px; font-weight: 500; position:relative; }
.mobile-menu ul li.menu-item a:hover,
.mobile-menu ul li.menu-item.current-menu-item > a { color: #F0AE01; }

.mobile-menu ul li.menu-item.menu-item-has-children ul.sub-menu { display: none; background: #393939; padding: 10px; width: 80%; margin: 0 0 0 auto; }

.mobile-menu ul li.menu-item.menu-item-has-children span.opener { width: 25px; height: 25px; display: block; position: absolute; top: 0; right: 0; }
.mobile-menu ul li.menu-item.menu-item-has-children span.opener:after { position: absolute; content: '\2b'; font-family: 'Fontawesome'; font-size: 12px; right: 0; top: 50%; transform: translateY(-50%); width: 20px;padding-right: 0px;padding-left: 50px; padding-bottom: 0px; }
.mobile-menu ul li.menu-item.menu-item-has-children span.opener.active:after { content: '\f068'; }

.mobile-menu ul li.menu-item.menu-item-has-children ul.sub-menu li.menu-item a { color: #fff; padding: 5px 0;}
.mobile-menu ul li.menu-item.menu-item-has-children ul.sub-menu li.menu-item a:hover { color: #F0AE01; }


/* Footer */
footer.footer-wrapper { padding: 50px 0; background: #251F21; }
footer.footer-wrapper .footer-contents { max-width: 900px; width: 100%; margin: 0 auto; }
footer.footer-wrapper .footer-contents .footer-logo { width: 100%; display: block; margin-bottom: 50px; text-align: center; }
footer.footer-wrapper .footer-contents .footer-logo a { display: inline-block; margin: 0 auto; }
footer.footer-wrapper .footer-contents .footer-title { width: 100%; display: block; text-align: center; margin-bottom: 50px; }
footer.footer-wrapper .footer-contents .footer-title h2 { margin: 0; color: #EDEAE1; text-align: center; font-family: "Unbounded"; font-size: 40px; font-weight: 600; }
footer.footer-wrapper .footer-contents .footer-content { width: 100%; display: block; margin-bottom: 45px; }
footer.footer-wrapper .footer-contents .footer-content p { margin: 0; color: #FFF; font-size: 16px; font-weight: 400;}
footer.footer-wrapper .footer-contents .footer-btn { width: 100%; display: block; margin-bottom: 50px; text-align: center; }
footer.footer-wrapper .footer-contents .footer-btn a.button { width: 206px; height: 46px; display: inline-block; color: #FBFBFB; font-family: 'Unbounded'; font-size: 14px; font-weight: 600; letter-spacing: 0.91px; line-height: 46px; background: url('images/white-outline203.png')no-repeat; }
footer.footer-wrapper .footer-contents .footer-btn a.button:hover { color: #F0AE01; background: url('images/white-outline-hover203.png')no-repeat; }
footer.footer-wrapper .footer-contents .footer-btn a.button:focus { color: #fff; background: url('images/white-outline-focus203.png')no-repeat; }


footer.footer-wrapper .footer-menus { width: 100%; display: block; padding-top: 50px; margin-bottom: 50px; border-top: 1px solid #E4E4E4; }
footer.footer-wrapper .footer-menus ul { padding: 0; margin: 0 auto; list-style-type: none; display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 900px; width: 100%; }
footer.footer-wrapper .footer-menus ul li { width: 15%; display: block; }
footer.footer-wrapper .footer-menus ul li a { color: #FFF; font-size: 14px; font-weight: 500; display: block; padding: 5px 0; }
footer.footer-wrapper .footer-menus ul li > ul { display: block; }
footer.footer-wrapper .footer-menus ul li > ul li {width: 100%; display: block;}
footer.footer-wrapper .footer-menus ul li > ul li a { color: #FFF; font-family: Albert Sans; font-size: 14px; font-weight: 300; display: block; padding: 5px 0; }
footer.footer-wrapper .footer-menus ul li a:hover { color: #F0AE01; }

footer.footer-wrapper .copyright-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
footer.footer-wrapper .copyright-wrapper .copytext { width: 30%; }
footer.footer-wrapper .copyright-wrapper .copytext p { margin: 0; color: #A4A4A4; font-size: 14px; font-weight: 400; }
footer.footer-wrapper .copyright-wrapper .policy { width: 30%; }
footer.footer-wrapper .copyright-wrapper .policy ul { padding: 0; margin: 0; list-style-type: none; display: flex; flex-wrap: wrap; }
footer.footer-wrapper .copyright-wrapper .policy ul li { width: max-content; margin-right: 4%; }
footer.footer-wrapper .copyright-wrapper .policy ul li:last-child { margin-right: 0; }
footer.footer-wrapper .copyright-wrapper .policy ul li a { color: #A4A4A4; font-size: 14px; font-weight: 400; display: block; }
footer.footer-wrapper .copyright-wrapper .policy ul li a:hover{ color: #F0AE01; }
footer.footer-wrapper .copyright-wrapper .socials { width: 30%; }
footer.footer-wrapper .copyright-wrapper .socials ul { padding: 0; margin: 0; list-style-type: none; display: flex; flex-wrap: wrap; justify-content: right; }
footer.footer-wrapper .copyright-wrapper .socials ul li { width: max-content; display: block; margin-right: 10%; }
footer.footer-wrapper .copyright-wrapper .socials ul li:last-child { margin-right: 0; }
footer.footer-wrapper .copyright-wrapper .socials ul li a { display: block; }
footer.footer-wrapper .copyright-wrapper .socials ul li a i { color: #A4A4A4; font-size: 14px; font-weight: 400; }
footer.footer-wrapper .copyright-wrapper .socials ul li a:hover i { color: #F0AE01; }

/*  */
section.hero-section .background-with-title { padding: 40px 0; text-align: center; }
section.hero-section .background-with-title h2 { color: #393939; text-align: center; font-size: 80px; font-weight: 600; max-width: 946px; width: 100%; margin: 0 auto; }
section.hero-section .background-with-title h2 span.color-title { color: #F0AE01; }

section.hero-section .hero-wrapper { padding: 45px 0; }
section.hero-section .hero-wrapper .mobile-image { display: none; }
section.hero-section .hero-wrapper .content-wrapper { max-width: 650px; width: 100%; }
section.hero-section .hero-wrapper .content-wrapper.center { margin: 0 auto; }
section.hero-section .hero-wrapper .content-wrapper.right { margin: 0 0 0 auto; }
section.hero-section .hero-wrapper .content-wrapper .content { width: 100%; margin-bottom: 50px; }
section.hero-section .hero-wrapper .content-wrapper .content p { color: #FFF; font-family: Albert Sans; font-size: 16px; font-style: normal; font-weight: 400;}
section.hero-section .hero-wrapper .content-wrapper .title-wrapper { max-width: 415px; width: 100%; }
section.hero-section .hero-wrapper .content-wrapper .title-wrapper h2 { color: #EDEAE1; font-size: 40px; font-weight: 600; margin: 0; display: flex; align-items: center; }
section.hero-section .hero-wrapper .content-wrapper .title-wrapper h2 span.color-title { color: #F0AE01; font-size: 120px; line-height: 100px; font-weight: 600; margin: 0 10px; }

/*multiple-columns */
section.multiple-columns { display:block; }
section.multiple-columns .bg-wrapper { width: 100%; display: block; padding: 50px 0; text-align: center; background: url('images/bg-polygon-shape.png')no-repeat center/cover; }
section.multiple-columns .bg-wrapper h2 { color: #393939; text-align: center; font-size: 40px; font-weight: 600; }
section.multiple-columns .bg-wrapper p { color: #241F21; text-align: center; font-size: 16px; font-weight: 400; }
section.multiple-columns .bg-wrapper a { color: #241F21; font-size: 14px; font-weight: 500; letter-spacing: 3.5px; display: inline-block; padding-bottom: 45px; position: relative; }
section.multiple-columns .bg-wrapper a:after { position: absolute; content: ''; background: url('images/Polygon-4.svg'); width: 31px; height: 35px; bottom: 0; left: 0; right: 0; margin: 0 auto; }
section.multiple-columns .bg-wrapper a:before { position: absolute; content: '\f107'; font-family: 'FontAwesome'; bottom: 5px; left: 3px; right: 0; margin: 0 auto; z-index: 1; color: #fff; width: max-content; }
section.multiple-columns .bg-wrapper a:hover,
section.multiple-columns .bg-wrapper a:hover:before { color: #F0AE01; }

section.multiple-columns .columns-wrapper { padding: 50px 0 0 0; }
section.multiple-columns .columns-wrapper ul { padding: 0; margin: 0; list-style-type: none; display: flex; flex-wrap: wrap; }
section.multiple-columns .columns-wrapper ul li { width: 30%; margin-right: 5%; margin-bottom: 50px; }
section.multiple-columns .columns-wrapper ul li:nth-child(3n) { margin-right: 0; }
section.multiple-columns .columns-wrapper ul li .image { height: 270px; overflow: hidden; margin-bottom: 30px; }
section.multiple-columns .columns-wrapper ul li .image img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s all ease-in; }
section.multiple-columns .columns-wrapper ul li .cont { display: block; width: 100%; }
section.multiple-columns .columns-wrapper ul li .cont a { width: 100%; display: block; margin-bottom: 20px; }
section.multiple-columns .columns-wrapper ul li .cont a h3 { margin: 0; color: #241F21; font-family: "Albert Sans"; font-size: 20px; font-weight: 500; display: inline-block; position: relative; padding: 0 30px 0 0; }
section.multiple-columns .columns-wrapper ul li .cont a h3:after { position: absolute; content: '\f105'; font-family: 'Fontawesome'; right: 0; top: 2px; transition: 0.5s all ease-in; }
section.multiple-columns .columns-wrapper ul li .cont a:hover h3,
section.multiple-columns .columns-wrapper ul li .cont a:hover h3:after { color: #F0AE01; }

section.multiple-columns .columns-wrapper ul li:hover .image img { transform: scale(1.2); }
section.multiple-columns .columns-wrapper ul li:hover .cont h3 { color: #F0AE01; }
section.multiple-columns .columns-wrapper ul li:hover .cont a h3:after { right: -10px; }

/*logos-section*/
section.logos-section { padding: 70px 0 20px 0; }
section.logos-section .title-wrapper { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; margin-bottom: 50px; }
section.logos-section .title-wrapper h2 { width: 20%; color: #241F21; font-size: 40px; font-weight: 600; margin: 0; }
section.logos-section .title-wrapper .title-line { width: 70%; border-bottom: 2px solid #F0AE01; }
section.logos-section .logos-wrapper { width: 100%; display: block; }
section.logos-section .logos-wrapper ul { padding: 0; margin: 0; list-style-type: none; display: flex; flex-wrap: wrap; align-items: center; }
section.logos-section .logos-wrapper ul li { width: 22.7%; margin-right: 3%; margin-bottom: 50px; text-align: center; }
section.logos-section .logos-wrapper ul li:nth-child(4n) { margin-right: 0; }
section.logos-section .logos-wrapper ul li a { display: block; }
section.logos-section .logos-wrapper ul li img { margin: 0 auto; display: block; }

/*banner-header-with-link*/
section.banner-header-with-link { width: 100%; display: block; padding: 20px 0; }
section.banner-header-with-link .banners-slider .slick-list { padding: 0 10% 0 0 !important; }
section.banner-header-with-link .banners-slider .items { padding: 50px 0; margin-right: 15px; }
section.banner-header-with-link .banners-slider .items .inner-wrapper { max-width: 535px; width: 100%; padding-left: 30px; visibility: hidden; opacity: 0; }
section.banner-header-with-link .banners-slider .items.slick-active .inner-wrapper { visibility: visible; opacity: 1; }
section.banner-header-with-link .banners-slider .items .inner-wrapper h2 { color: #EDEAE1; font-size: 40px; font-weight: 600; margin-bottom: 30px; }
section.banner-header-with-link .banners-slider .items .inner-wrapper p { color: #FFF; font-size: 16px; font-weight: 400; }
section.banner-header-with-link .banners-slider .items .inner-wrapper a { color: #FFF; font-size: 14px; font-weight: 500;  letter-spacing: 3.5px; display: inline-block; padding-right: 30px; position: relative; margin: 30px 0 0 0; }
section.banner-header-with-link .banners-slider .items .inner-wrapper a:after { position: absolute; content: '\f105'; font-family: 'FontAwesome'; right: 0; font-size: 20px; top: 0; line-height: 20px; }
section.banner-header-with-link .banners-slider .items .inner-wrapper a:hover,
section.banner-header-with-link .banners-slider .items .inner-wrapper a:hover:after{ color: #F0AE01; }

/*Disable Slider*/
section.banner-header-with-link .banners-slider.stop-slide { display: flex; }
section.banner-header-with-link .banners-slider.stop-slide .items { width: 90%; }
section.banner-header-with-link .banners-slider.stop-slide .items:last-child { width: 20%; margin-right: 0; }
section.banner-header-with-link .banners-slider.stop-slide .items .inner-wrapper { visibility: visible; opacity: 1; }
section.banner-header-with-link .banners-slider.stop-slide .items:last-child .inner-wrapper { display: none; }

/*progress-bar-section*/
section.progress-bar-section { width: 100%; /*padding: 50px 0;*/ position: relative; overflow: hidden; }
section.progress-bar-section:before { position: absolute; content: ''; width: 100%; height: 100%; background: #EDEAE1; top: 0; z-index: -1; left: 0; }
section.progress-bar-section .inner-wrapper { width: 100%; display: flex; flex-wrap: wrap; align-items: center;}
section.progress-bar-section .inner-wrapper .left { width: 30%; }
section.progress-bar-section .inner-wrapper h2 { color: #393939; font-size: 40px; font-weight: 600; margin: 0; }
section.progress-bar-section .inner-wrapper .right.half { width: 70%;     padding: 50px 0; position: relative;}
section.progress-bar-section .inner-wrapper .right.full { width: 100%; }
section.progress-bar-section .right:after { position: absolute; content: ''; width: 1000%; height: 100%; background: #251F21; top: 0; z-index: -1; left: 3.5%; }

section.progress-bar-section .inner-wrapper .right .bar-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px; position: relative;}
section.progress-bar-section .inner-wrapper .right .bar-wrapper:last-child{ margin-bottom:0; }
section.progress-bar-section .inner-wrapper .right .bar-wrapper .number { width: 15%; }
section.progress-bar-section .inner-wrapper .right .bar-wrapper .number span { color: #F0AE01; font-family: Unbounded; font-size: 60px; font-style: normal; font-weight: 600; line-height: normal; }
section.progress-bar-section .inner-wrapper .right .bar-wrapper .bar { width: 83%; }
section.progress-bar-section .inner-wrapper .right .bar-wrapper .bar .skillbar { position: relative; display: block; margin-bottom: 15px; width: 100%; background: #FFF; height: 18px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; -webkit-transition: 0.4s linear; -moz-transition: 0.4s linear; -ms-transition: 0.4s linear; -o-transition: 0.4s linear; transition: 0.4s linear; -webkit-transition-property: width, background-color; -moz-transition-property: width, background-color; -ms-transition-property: width, background-color; -o-transition-property: width, background-color; transition-property: width, background-color; }
section.progress-bar-section .inner-wrapper .right .bar-wrapper .bar .skillbar .skillbar-bar { height: 18px; width: 0px; background: #6adcfa; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
section.progress-bar-section .inner-wrapper .right .bar-wrapper .bar p { color: #FFF; font-size: 20px; font-weight: 500; }
section.progress-bar-section .inner-wrapper .right .bar-wrapper .bar p span { color: #EDEAE1; font-size: 32px; font-weight: 700; line-height: normal; }

/*hero-version2*/
/*section.hero-version2 { width: 100%; display: block; background: url(images/bg-polygon-shape.png)no-repeat center;}*/
section.hero-version2 { width: 100%; display: block; background: url(images/bg-polygon-shape.png); background-repeat-x: repeat; background-repeat-y: no-repeat; }
section.hero-version2 .inner-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; align-items:center; }
section.hero-version2 .inner-wrapper .left { width: 40%;  }
section.hero-version2 .inner-wrapper .left.full { width: 100%; }
section.hero-version2 .inner-wrapper .left .left-inner { max-width: 365px; width: 100%; margin: 0 auto; }
section.hero-version2 .inner-wrapper .left h2 { color: #F0AE01; font-size: 40px; font-weight: 600; }
section.hero-version2 .inner-wrapper .left .desc { width: 100%; }
section.hero-version2 .inner-wrapper .left .desc p { color: #393939; font-size: 16px; font-weight: 400; }
section.hero-version2 .inner-wrapper .right { width: 55%; }

/*our-story*/
section.our-story { width: 100%; display: block; overflow:hidden; }
section.our-story .container { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
section.our-story .story-img { width: 40%; padding-bottom: 30px; position: relative; }
section.our-story .story-img .shape { clip-path: polygon(50% 0%, 100% 28%, 100% 75%, 50% 100%, 0 75%, 0 28%); position: relative; }
section.our-story .story-img:after { position: absolute; content: ''; width: 152px; height: 179px; background: url(images/story-polygon.png)no-repeat center/cover; bottom: 0; left: 0; right: 0; margin: 0 auto; z-index: -1; }
section.our-story .story-cont { width: 55%; padding: 30px 0; position: relative; }
section.our-story .story-cont:before { position: absolute; content: ''; width: 1000%; height: 100%; background: #EDEAE1; z-index: -1; left: -30%; top: 0; }
section.our-story .story-cont h2 { color: #393939; font-size: 40px; font-weight: 600; padding-bottom: 15px; margin-bottom: 15px; position: relative; }
section.our-story .story-cont h2:after { position: absolute; content: ''; width: 100px; height: 2px; background: #F0AE01; bottom: 0; left: 0; }
section.our-story .story-cont .desc { width: 100%; }
section.our-story .story-cont .desc p { color: #757575; font-size: 16px; font-weight: 400; }

/*multiple-columns-with-icon*/
section.multiple-columns-with-icon { padding: 50px 0 0 0; }
section.multiple-columns-with-icon h2 { color: #241F21; font-size: 32px; font-weight: 700; margin-bottom:50px }
section.multiple-columns-with-icon h2.center { text-align: center; }
section.multiple-columns-with-icon h2.left { text-align: left; }
section.multiple-columns-with-icon h2.right { text-align: right; }
section.multiple-columns-with-icon .columns-wrapper { display: flex; flex-wrap: wrap; justify-content: center; }
section.multiple-columns-with-icon .columns-wrapper .col { width: 30%; margin-right: 5%; margin-bottom: 40px; }
section.multiple-columns-with-icon .columns-wrapper .col:nth-child(3n) { margin-right: 0; }
section.multiple-columns-with-icon .columns-wrapper .col .col-img { width: 100%; margin-bottom: 20px; }
section.multiple-columns-with-icon .columns-wrapper .col .col-img img { display: block; margin: 0 auto; }
section.multiple-columns-with-icon .columns-wrapper .col .col-desc { width: 100%; display: block; }
section.multiple-columns-with-icon .columns-wrapper .col .col-desc h3 { color: #241F21;font-size: 20px; font-weight: 500; position:relative; }
section.multiple-columns-with-icon .columns-wrapper .col .col-desc h3.center { text-align: center; }
section.multiple-columns-with-icon .columns-wrapper .col .col-desc h3.line { padding-bottom: 15px; margin-bottom: 15px; }
section.multiple-columns-with-icon .columns-wrapper .col .col-desc h3.line:after { position: absolute; content: ''; width: 22px; height: 2px; background: #F0AE01; bottom: 0; left: 0; right: 0; margin: 0 auto; }
section.multiple-columns-with-icon .columns-wrapper .col .col-desc p { color: #757575; font-size: 14px; font-weight: 400;  }

/*meet-the-team*/
section.meet-the-team { width: 100%; display: block; overflow: hidden; }
section.meet-the-team .title-wrapper { position: relative; background: url(images/bg-polygon-shape.png); border-bottom: 5px solid #F0AE01; height: 100px; margin: 30px 0; }
section.meet-the-team .title-wrapper h2 { width: max-content; display: block; margin: 0 auto; padding: 50px; background: #251F21; color: #fff; font-size: 40px; position: relative; top: -20px; }

section.meet-the-team .members-wrapper { padding: 100px 0 50px 0; }
section.meet-the-team .members-wrapper .teams-boxes { display: flex; flex-wrap: wrap;}
section.meet-the-team .members-wrapper .teams-boxes .box { width: 30%; margin-right: 5%; margin-bottom: 50px; }
section.meet-the-team .members-wrapper .teams-boxes .box:nth-child(3n) { margin-right: 0; }
section.meet-the-team .members-wrapper .teams-boxes .box:last-child { margin-right: 0; }
section.meet-the-team .members-wrapper .teams-boxes .box a { width:100%; height:100%; display: block; }
section.meet-the-team .members-wrapper .teams-boxes .box .image { width: 100%; display: block; }
section.meet-the-team .members-wrapper .teams-boxes .box .image .shape { padding: 5px; border: 2px solid #ffffff; overflow: hidden; background: #fff; clip-path: polygon(50% 0%, 100% 28%, 100% 75%, 50% 100%, 0 75%, 0 28%); position: relative; }
section.meet-the-team .members-wrapper .teams-boxes .box .image .shape:after { position: absolute; content: ''; width: 99%; height: 99%; background: #fff; top: 0; left: 0; z-index: -1; border: 2px solid #fff; clip-path: polygon(50% 0%, 100% 28%, 100% 75%, 50% 100%, 0 75%, 0 28%); visibility: hidden; opacity: 0; }
section.meet-the-team .members-wrapper .teams-boxes .box .image img { display: block; margin: 0 auto; width: 100%; clip-path: polygon(50% 0%, 100% 28%, 100% 75%, 50% 100%, 0 75%, 0 28%); filter: grayscale(1); overflow: hidden; }
section.meet-the-team .members-wrapper .teams-boxes .box .content { width: 100%; margin: 20px 0 0 0; text-align: center; }
section.meet-the-team .members-wrapper .teams-boxes .box .content h3 { color: #393939; font-size: 20px; font-weight: 700; }
section.meet-the-team .members-wrapper .teams-boxes .box .content p { color: #757575; font-size: 16px; font-weight: 700;     /* 25.6px */ }
section.meet-the-team .members-wrapper .teams-boxes .box .content span { color: #241F21; font-size: 22px; display: inline-block; margin: 10px 0 0 0; }

section.meet-the-team .members-wrapper .teams-boxes .box:hover .content h3,
section.meet-the-team .members-wrapper .teams-boxes .box:hover .content span { color:#F0AE01; }
section.meet-the-team .members-wrapper .teams-boxes .box:hover .image .shape{ border-color:#F0AE01; background:#F0AE01; }
section.meet-the-team .members-wrapper .teams-boxes .box:hover .image .shape:after{ visibility:visible; opacity:1; }
section.meet-the-team .members-wrapper .teams-boxes .box:hover .image img { filter: unset; }


/*Member Popup*/
.member-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: rgba(0, 0, 0, 60%); z-index: 999; }

/*.member-popup .inner-member { max-width: 90%; width: 100%; margin: 0 auto; position: relative; top: 50%; transform: translateY(-50%); background: #fff; }  */
.member-popup .inner-member{max-width: 80%; width: 100%; min-height: max-content; max-height: 500px; overflow-y: auto;
margin: 0 auto;position: relative;top: 50%;transform: translateY(-50%);background: #fff;}

.member-popup .inner-member a.close-btn { display: block; width: max-content; color: #FFF; font-size: 14px; font-weight: 500; letter-spacing: 3.5px; position: absolute; right: 10px; top: 10px; }
.member-popup .inner-member a.close-btn:hover { color: #F0AE01; }
.member-popup .inner-member .popup-header-area { width: 100%; display: block; background: #393939; padding: 20px; }
.member-popup .inner-member .popup-header-area .container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.member-popup .inner-member .popup-header-area .left { width: 20%; }
.member-popup .inner-member .popup-header-area .right { width: 75%; }
.member-popup .inner-member .popup-header-area .right h3 { color: #F0AE01; font-size: 40px; font-weight: 600; margin: 0; }
.member-popup .inner-member .popup-header-area .right p { color: #FFF; font-size: 32px; font-weight: 700; padding-bottom: 15px; position: relative; }
.member-popup .inner-member .popup-header-area .right p:after { position: absolute; content: ''; width: 44px; height: 2px; background: #F0AE01; bottom: 0; left: 0; }
.member-popup .inner-member .popup-cont-area { padding: 20px 20px 10px 20px; }
.member-popup .inner-member .popup-cont-area p { color: #757575; font-size: 16px; font-weight: 400; line-height: 24px; }

/*content-with-form*/
section.content-with-form { padding: 50px 0; }
section.content-with-form .container { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
section.content-with-form .left { width: 40%; }
section.content-with-form .left h2 { color: #393939; font-size: 40px; font-weight: 600; margin-bottom: 30px; }
section.content-with-form .left .desc { width: 100%; display: block; }
section.content-with-form .left .desc p { color: #757575; font-size: 16px; }
section.content-with-form .right { width: 50%; }
section.content-with-form .right form { width: 100%; display: block; }
section.content-with-form .right form .frm_form_fields fieldset { padding: 0; }
section.content-with-form .right form .frm_form_fields fieldset .frm_fields_container .frm_form_field input { color: #757575; font-family: "Albert Sans"; font-size: 16px; font-weight: 400; border: 0; border-bottom: 1px solid #A3A1A1; box-shadow: none; border-radius: 0; padding: 5px 0; background: transparent; }
section.content-with-form .right form .frm_form_fields fieldset .frm_fields_container .frm_form_field input:active,
section.content-with-form .right form .frm_form_fields fieldset .frm_fields_container .frm_form_field input:focus { border-color: #F0AE01; color: #F0AE01; }
section.content-with-form .right form .frm_form_fields fieldset .frm_fields_container .frm_form_field input:focus::placeholder { color: #F0AE01; }
section.content-with-form .right form .frm_form_fields fieldset .frm_fields_container { grid-gap: 0 5%; }
section.content-with-form .right form .frm_form_fields fieldset .frm_fields_container .frm_form_field { margin-bottom: 15px; }

section.content-with-form .right form .frm_form_fields fieldset  .frm_submit { margin: 30px 0 0 0; }
section.content-with-form .right form .frm_form_fields fieldset .frm_submit button.frm_button_submit { margin: 0; width: 206px; height: 46px; color: #000; text-align: center; font-size: 14px; font-weight: 600; letter-spacing: 0.91px; text-transform: uppercase; border: 0; box-shadow: none; position: relative; background: url('images/black-outline203.png')no-repeat; line-height: 46px; padding: 0; }
section.content-with-form .right form .frm_form_fields fieldset .frm_submit button.frm_button_submit:hover { background: url('images/white-outline-hover203.png')no-repeat; color: #F0AE01;}
section.content-with-form .right form .frm_form_fields fieldset .frm_submit button.frm_button_submit:focus { background: url('images/white-outline-focus203.png')no-repeat; color: #fff; }

/*hero-banner-with-icon*/
section.hero-banner-with-icon { width: 100%; display: block; }
section.hero-banner-with-icon .bg-wrapper { background: #251F21; padding: 40px 0 40px 0; }
section.hero-banner-with-icon .bg-wrapper .container { display: flex; flex-wrap: wrap; justify-content: space-between; }
section.hero-banner-with-icon .bg-wrapper .left { width: 50%; }
section.hero-banner-with-icon .bg-wrapper .left h2 { color: #F0AE01; font-size: 40px; font-weight: 600; }
section.hero-banner-with-icon .bg-wrapper .left p { color: #FFF; font-size: 16px; font-weight: 400;}
section.hero-banner-with-icon .bg-wrapper .right { width: 30%; }
section.hero-banner-with-icon .bg-wrapper .right .shape { max-width: 250px; width: 100%; clip-path: polygon(50% 0%, 100% 28%, 100% 75%, 50% 100%, 0 75%, 0 28%); position: relative; padding: 30px; margin-bottom: -115px; background: #251f21; }
section.hero-banner-with-icon .ploygon-wrapper { padding: 50px 0; background: url(images/bg-polygon-shape.png)no-repeat center/cover; }
section.hero-banner-with-icon .ploygon-wrapper a { color: #241F21; font-size: 14px; font-weight: 500; letter-spacing: 3.5px; display: inline-block; padding-bottom: 45px; position: relative; }
section.hero-banner-with-icon .ploygon-wrapper a:before { position: absolute; content: '\f107'; font-family: 'FontAwesome'; bottom: 5px; left: 3px; right: 0; margin: 0 auto; z-index: 1; color: #fff; width: max-content; }
section.hero-banner-with-icon .ploygon-wrapper a:after { position: absolute; content: ''; background: url(images/Polygon-4.svg); width: 31px; height: 35px; bottom: 0; left: 0; right: 0; margin: 0 auto; }
section.hero-banner-with-icon .ploygon-wrapper a:hover,
section.hero-banner-with-icon .ploygon-wrapper a:hover:before { color: #F0AE01; }

/*tabs-section*/
section.tabs-section { width: 100%; display: block; }
section.tabs-section .title-wrapper { background: #251F21; padding: 30px 0; margin-bottom: 30px; }
section.tabs-section .title-wrapper h2 { color: #FBFBFB; text-align: center; font-size: 40px; font-weight: 600; margin: 0; }
section.tabs-section .tabs-wrapper { display: block; }
section.tabs-section .tabs-wrapper .tabs-title { width: 100%; position: relative;}
section.tabs-section .tabs-wrapper .tabs-title:after { position: absolute; content: ''; width: 100%; height: 1px; background: #D8D2D4; bottom: -1px; z-index: -1; visibility: hidden; opacity: 0; }
section.tabs-section .tabs-wrapper .tabs-title ul { padding: 0 0 15px 0; margin: 0 0 15px 0; list-style-type: none; display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #D8D2D4; }
section.tabs-section .tabs-wrapper .tabs-title ul li { width: max-content; display: block; position: relative; }
section.tabs-section .tabs-wrapper .tabs-title ul li:last-child { margin-right: 0; }
section.tabs-section .tabs-wrapper .tabs-title ul li a { color: #393939; font-size: 20px; font-weight: 500; padding: 0 20px; text-align: center; }
section.tabs-section .tabs-wrapper .tabs-title ul li.active a { color: #F0AE01; }
section.tabs-section .tabs-wrapper .tabs-title ul li.active:after { position: absolute; content: ''; width: 70px; height: 8px; bottom: -20px; background: url('images/tab-after.png')no-repeat; left: 0; right: 0; margin: 0 auto; }
section.tabs-section .tabs-wrapper .tabs-content { width: 100%; display: block; }
section.tabs-section .tabs-wrapper .tabs-content .inner-cont { width: 100%; display: block; padding: 40px 0; }
section.tabs-section .tabs-wrapper .tabs-content .inner-cont .flex-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between;  }
section.tabs-section .tabs-wrapper .tabs-content .inner-cont .flex-wrapper .left { width: 70%; }
section.tabs-section .tabs-wrapper .tabs-content .inner-cont .flex-wrapper .left.full { width: 100%; }
section.tabs-section .tabs-wrapper .tabs-content .inner-cont .flex-wrapper .left strong { color: #757575; }
section.tabs-section .tabs-wrapper .tabs-content .inner-cont .flex-wrapper .left h2,
section.tabs-section .tabs-wrapper .tabs-content .inner-cont .flex-wrapper .left h3,
section.tabs-section .tabs-wrapper .tabs-content .inner-cont .flex-wrapper .left h4,
section.tabs-section .tabs-wrapper .tabs-content .inner-cont .flex-wrapper .left h5,
section.tabs-section .tabs-wrapper .tabs-content .inner-cont .flex-wrapper .left h6 { font-family: "Albert Sans"; }
section.tabs-section .tabs-wrapper .tabs-content .inner-cont .flex-wrapper .left p { color: #757575; font-size: 16px; line-height: 24px; font-weight: 400; }
section.tabs-section .tabs-wrapper .tabs-content .inner-cont .flex-wrapper .left ul li { color: #757575; font-size: 16px; line-height: 24px; font-weight: 400; }
section.tabs-section .tabs-wrapper .tabs-content .inner-cont .flex-wrapper .right { width: 25%; padding-bottom: 30px; position: relative; }
section.tabs-section .tabs-wrapper .tabs-content .inner-cont .flex-wrapper .right .shape { width: 100%; clip-path: polygon(50% 0%, 100% 28%, 100% 75%, 50% 100%, 0 75%, 0 28%); position: relative; background: #251f21; }
section.tabs-section .tabs-wrapper .tabs-content .inner-cont .flex-wrapper .right .shape img { width: 100%; height: 100%; object-fit: cover; }
section.tabs-section .tabs-wrapper .tabs-content .inner-cont .flex-wrapper .right:after { position: absolute; content: ''; width: 136px; height: 161px; background: url(images/yellow-polygon.png)no-repeat; bottom: 0; left: 0; right: 0; margin: 0 auto; z-index: -1; }

/*icon-columns*/
section.icon-columns { width: 100%; display: block; padding: 90px 0 50px 0; }
section.icon-columns .columns-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; }
section.icon-columns .columns-wrapper .column { width: 23%; text-align: center; margin-bottom: 50px; }
section.icon-columns .columns-wrapper .column .title { padding: 0 20px; }
section.icon-columns .columns-wrapper .column .title h4 { margin: 0; color: #393939; text-align: center; font-family: "Albert Sans"; font-size: 20px; font-weight: 500; }
section.icon-columns .columns-wrapper .column .icon { margin-bottom: 30px; }
section.icon-columns .columns-wrapper .column .icon img { display: block; margin: 0 auto; }

/*faqs*/
section.faqs { padding: 50px 0; }
section.faqs .title-wrapper { padding: 30px 0; text-align: center; background: url(images/bg-polygon-shape.png)no-repeat top/cover; }
section.faqs .title-wrapper h2 { margin: 0; color: #393939; text-align: center; font-size: 40px; font-weight: 600; }

section.faqs .faqs-wrapper { width: 100%; padding: 50px 0 0 0; }
section.faqs .faqs-wrapper .accordions { border-radius: 18px; box-shadow: 0px 5px 16px 0px rgba(8, 15, 52, 0.06); padding: 40px; background: #fff; }
section.faqs .faqs-wrapper .accordions ul.accordion_list { padding: 0; margin: 0; list-style-type: none; }
section.faqs .faqs-wrapper .accordions ul.accordion_list li { width: 100%; padding: 0 50px 30px 50px; margin-bottom: 30px; border-bottom: 1px solid #D9DBE9; }
section.faqs .faqs-wrapper .accordions ul.accordion_list li .question { width: 100%; display: block; position: relative; cursor: pointer; padding: 0 30px 0 0; }
section.faqs .faqs-wrapper .accordions ul.accordion_list li .question span { font-size: 20px; font-weight: 500; line-height: 28px; color: #393939; }
section.faqs .faqs-wrapper .accordions ul.accordion_list li.active .question span { color: #F0AE01; }
section.faqs .faqs-wrapper .accordions ul.accordion_list li .question:after { position: absolute; content: '\2b'; font-family: 'Font Awesome 5 Brands'; right: 0; font-size: 20px; color: #393939; top: 0; }
section.faqs .faqs-wrapper .accordions ul.accordion_list li.active .question:after { content: '\f068'; font-family: 'Fontawesome'; color: #F0AE01; }
section.faqs .faqs-wrapper .accordions ul.accordion_list li .answer { width: 100%; display: none; margin-top: 20px; }
section.faqs .faqs-wrapper .accordions ul.accordion_list li .answer p { color: #757575; line-height: 30px; }
section.faqs .faqs-wrapper .accordions ul.accordion_list li:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }

/*our-work-with-popup*/
section.our-work-with-popup { width: 100%; display: block; padding: 50px 0; }
section.our-work-with-popup .title-wrapper { padding: 30px 0; background: url('images/bg-polygon-shape.png')no-repeat top/cover, #251F21; position:relative}
section.our-work-with-popup .title-wrapper h2 { color: #FBFBFB; font-size: 40px; font-weight: 600; margin-bottom:0; ; }
section.our-work-with-popup .title-wrapper:after { position: absolute; content: ''; width: 100%; height: 2px; background: #F0AE01; bottom: -10px; left: 0; }

section.our-work-with-popup .listing-wrapper { display: block; }
section.our-work-with-popup .listing-wrapper .listings { max-width: 75%; width: 100%; margin: -40px 0 0 auto; background: #fff; display: flex; flex-wrap: wrap; justify-content: space-between; }
section.our-work-with-popup .listing-wrapper .listings .box { width: 25%; display: flex; align-items: center; justify-content: center; border: 1px solid #F3ECEC; background: #FFF; }
section.our-work-with-popup .listing-wrapper .listings .box a { width: 100%; height: 100%; padding: 50px 20px; display: flex; flex-wrap: wrap; align-items: center; }
section.our-work-with-popup .listing-wrapper .listings .box a img { margin: 0 auto; display: block; filter: grayscale(1); opacity: 0.5; }
section.our-work-with-popup .listing-wrapper .listings .box a:hover { background: #F3F3F3; }
section.our-work-with-popup .listing-wrapper .listings .box a:hover img { opacity: 1; filter: none; }

/* Default Section popup */
.section-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: rgba(0, 0, 0, 60%); z-index: 999; }
.section-popup .inner-popup { max-width: 50%; width: 100%; min-height: max-content; max-height: 500px; overflow-y: auto; margin: 0 auto; position: relative; top: 50%; transform: translateY(-50%); background: #fff; }
.section-popup .inner-popup a.close-btn { display: block; color: #fff; font-size: 14px; font-weight: 500; position: absolute; right: 0; top: 0; width: 20px; height: 20px; background: #000; text-align: center; line-height: 21px; }
.section-popup .inner-popup a.close-btn:hover { color: #F0AE01; }

.section-popup .inner-popup .flex-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; }
.section-popup .inner-popup .flex-wrapper .left { width: 100%; }
.section-popup .inner-popup .flex-wrapper .left img{ width: 100%; }
.section-popup .inner-popup .flex-wrapper .right { width: 100%; padding: 20px;}
.section-popup .inner-popup .flex-wrapper .right strong { color: #757575; }
.section-popup .inner-popup .flex-wrapper .right h2,
.section-popup .inner-popup .flex-wrapper .right h3,
.section-popup .inner-popup .flex-wrapper .right h4,
.section-popup .inner-popup .flex-wrapper .right h5,
.section-popup .inner-popup .flex-wrapper .right h6 { font-family: "Albert Sans"; }
.section-popup .inner-popup .flex-wrapper .right p { color: #757575; font-size: 16px; line-height: 24px; font-weight: 400; }

/*result-matter*/
section.result-matter { background: url('images/bg-polygon-shape.png')no-repeat top/cover; padding: 70px 0; position: relative;overflow: hidden;}
section.result-matter.active-after:before { position: absolute; content: ''; width: 33%; height: 100%; background: #251F21; top: 0; left: 0 }
section.result-matter .description { width: 100%; display: block; }
section.result-matter .description .bg-color { width: 100%; display: block; background: #EDEAE1; padding: 50px 50px 40px 100px; z-index: 1; position: relative; }
section.result-matter .description h2 { color: #393939; font-size: 40px; font-weight: 600; }
section.result-matter .description p { color: #757575; }

section.result-matter.full-section.flex-active { padding:0; }
section.result-matter.full-section.flex-active .container { display: flex; flex-wrap: wrap; }
section.result-matter .image { width: 50%; }
section.result-matter .image .image-before { position: relative; }
section.result-matter .image .image-before:before { position: absolute; content: ''; width: 1000%; height: 100%; background: #16130e; z-index: 0; left: -1000%; }
section.result-matter .description.half { width: 53%; margin: 50px 0px 0 -40px; }
section.result-matter .description.half .container { padding: 0; }

/*latest-blog */
section.latest-blog { padding: 50px 0;background: #FBFBFB; }
section.latest-blog .title-wrapper { padding: 30px 0; background: url('images/bg-polygon-shape.png')no-repeat top/cover; }
section.latest-blog .title-wrapper .bg-wrapper { max-width: max-content; width: 100%; margin: 0 0 -60px auto; padding: 30px; background: #EDEAE1; }
section.latest-blog .title-wrapper h2 { margin: 0; color: #393939; font-size: 40px; font-weight: 600; }

section.latest-blog .latest-wrapper { padding: 70px 0 0 0; }
section.latest-blog .latest-wrapper .blogs-wrapper { display: flex; flex-wrap: wrap; justify-content: center; }
section.latest-blog .latest-wrapper .blogs-wrapper .blog-box { width: 30%; margin-right: 5%; margin-bottom: 50px; background: #FFF; }
section.latest-blog .latest-wrapper .blogs-wrapper .blog-box:nth-child(3n) { margin-right: 0; }
section.latest-blog .latest-wrapper .blogs-wrapper .blog-box a { display: block;}
section.latest-blog .latest-wrapper .blogs-wrapper .blog-box .image { width: 100%; height: 280px; overflow: hidden; }
section.latest-blog .latest-wrapper .blogs-wrapper .blog-box .image img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s all ease-in; }
section.latest-blog .latest-wrapper .blogs-wrapper .blog-box .content { padding: 25px 25px 25px 25px; position: relative; }
section.latest-blog .latest-wrapper .blogs-wrapper .blog-box .content h4 { color: #393939; font-family: "Albert Sans"; font-weight: 500; min-height: 74px; }
section.latest-blog .latest-wrapper .blogs-wrapper .blog-box .content p { color: #757575; }
section.latest-blog .latest-wrapper .blogs-wrapper .blog-box .content .meta { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 20px 0 0 0; }
section.latest-blog .latest-wrapper .blogs-wrapper .blog-box .content .meta .date { width: max-content; color: #393939; font-size: 14px; font-weight: 400; }
section.latest-blog .latest-wrapper .blogs-wrapper .blog-box .content .meta .readmore { width: max-content; }
section.latest-blog .latest-wrapper .blogs-wrapper .blog-box .content .meta .readmore span { display: inline-block; color: #393939; font-size: 14px; font-weight: 500; position: relative; padding: 0 20px 0 0; }
section.latest-blog .latest-wrapper .blogs-wrapper .blog-box .content .meta .readmore span:after { position: absolute; content: '\f105'; font-family: 'Fontawesome'; font-size: 16px; right: 0; top: -1px; transition: 0.2s all ease-in; }

section.latest-blog .latest-wrapper .blogs-wrapper .blog-box:hover .image img { transform: scale(1.2); }
section.latest-blog .latest-wrapper .blogs-wrapper .blog-box:hover .content .meta .readmore span { color: #F0AE01; }
section.latest-blog .latest-wrapper .blogs-wrapper .blog-box:hover .content .meta .readmore span:after { right: -5px; }

section.latest-blog .latest-wrapper .button-wrapper { padding: 20px 0; }
section.latest-blog .latest-wrapper .button-wrapper a { width: 254px; height: 48px; display: block; line-height: 48px; color: #241F21; font-size: 14px; font-family: 'Unbounded'; font-weight: 600; background: url('images/black-outline248.png')no-repeat; margin: 0 auto; text-align: center; }
section.latest-blog .latest-wrapper .button-wrapper a:hover { background: url('images/black-outline-hover248.png')no-repeat; color: #F0AE01;}
section.latest-blog .latest-wrapper .button-wrapper a:focus { background: url('images/black-outline-focus248.png')no-repeat; color: #fff; }

/*our-tools*/
section.our-tools { padding: 50px 0; }
section.our-tools .title-wrapper { padding: 30px 0; background: url('images/bg-polygon-shape.png')no-repeat top/cover, #251F21; position: relative }
section.our-tools .title-wrapper h2 { color: #FBFBFB; font-size: 40px; font-weight: 600; margin-bottom: 0; }
section.our-tools .title-wrapper:after { position: absolute; content: ''; width: 100%; height: 2px; background: #F0AE01; bottom: -10px; left: 0; }

section.our-tools .tools-wrapper { padding: 50px 0; }
section.our-tools .tools-wrapper .logo-desc { width: 100%; display: flex; flex-wrap: wrap; }
section.our-tools .tools-wrapper .logo-desc .column { width: 47.4%; margin-right: 5%; padding: 20px; }
section.our-tools .tools-wrapper .logo-desc .column:nth-child(2n) { margin-right: 0; }
section.our-tools .tools-wrapper .logo-desc .column .logo { width: 100%; display: block; margin-bottom: 40px; }
section.our-tools .tools-wrapper .logo-desc .column .desc { width: 100%; }
section.our-tools .tools-wrapper .logo-desc .column .desc p { color: #757575; }
section.our-tools .tools-wrapper .only-logos { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline; margin: 40px 0 0 0; }
section.our-tools .tools-wrapper .only-logos .logo-col { width: 30%; margin-right: 5%; }
section.our-tools .tools-wrapper .only-logos .logo-col:nth-child(3n) { margin-right: 0; }
section.our-tools .tools-wrapper .only-logos .logo-col .logo { text-align: center; }
section.our-tools .tools-wrapper .only-logos .logo-col .logo img { margin: 0 auto; }

/* Blog Page */
.content-wrapper.main-blog { background: #FBFBFB; }

.page-thumbnail { width: 100%; position: relative; min-height: 300px; display: flex; align-items: center; justify-content: center; }
.page-thumbnail:before { position: absolute; content: ''; width: 100%; height: 100%; background: #05211F80; left: 0; top: 0; }
.page-thumbnail h2 { width: 100%; color: #F0AE01; text-align: center; font-size: 40px; font-weight: 600; margin: 0;}

.blog-strip { display: block; width: 100%; background: #EDEAE1; margin-bottom: 60px; }
.blog-strip .container { display: flex; flex-wrap: wrap; justify-content: space-between; }
.blog-strip .strip { width: 70%; padding: 10px 0; }
.blog-strip .strip p { color: #241F21; font-size: 20px; font-weight: 500; margin: 0; }
.blog-strip .search { width: 25%; }
.blog-strip .search .widget { width: 100%; background: #251F21; padding: 30px 20px 30px 20px; margin-bottom: -55px; }
.blog-strip .search .widget h4.widgettitle { display: none; }
.blog-strip .search .widget form#searchform { display: flex; border-bottom: 1px solid #FFFFFF;}
.blog-strip .search .widget form#searchform .search-text { width: 80%; }
.blog-strip .search .widget form#searchform .search-text input[type="text"] { width: 100%; padding: 5px 10px; background: transparent; box-shadow: none; border: 0; /*border-bottom: 1px solid #FFFFFF;*/ color: #FBFBFB; font-size: 20px; font-weight: 500; font-family: 'Albert Sans'; }
.blog-strip .search .widget form#searchform .search-text input[type="text"]::placeholder { color: #fff; }
.blog-strip .search .widget form#searchform .search-submit { position: relative; }
.blog-strip .search .widget form#searchform .search-submit:after { position: absolute; content: '\f002'; font-family: 'FontAwesome'; z-index: 1; color: #fff; font-size: 18px; line-height: 35px; right: 0; margin: 0 auto; }
.blog-strip .search .widget form#searchform .search-submit input[type="submit"] { background: transparent; position: relative; /*border-bottom: 1px solid #FFFFFF;*/ line-height: 23px; }

.main-blog .main-wrapper { width: 100%; display: block; }
.main-blog .main-wrapper .container { display: flex; flex-wrap: wrap; justify-content: space-between; }
.main-blog .main-wrapper .left { width: 70%; }
.main-blog .main-wrapper .right { width: 25%; }

.blogs-wrapper { display: flex; flex-wrap: wrap; justify-content: center; }
.blogs-wrapper .blog-box { width: 45%; margin-right: 7%; margin-bottom: 50px; background: #FFF; }
.blogs-wrapper .blog-box:nth-child(2n) { margin-right: 0; }
.blogs-wrapper .blog-box a { display: block;}
.blogs-wrapper .blog-box .image { width: 100%; height: 280px; overflow: hidden; }
.blogs-wrapper .blog-box .image img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s all ease-in; }
.blogs-wrapper .blog-box .content { padding: 25px 25px 25px 25px; position: relative; }
.blogs-wrapper .blog-box .content h4 { color: #393939; font-family: "Albert Sans"; font-weight: 500; min-height: 74px; }
.blogs-wrapper .blog-box .content p { color: #757575; }
.blogs-wrapper .blog-box .content .meta { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 20px 0 0 0; }
.blogs-wrapper .blog-box .content .meta .date { width: max-content; color: #393939; font-size: 14px; font-weight: 400; }
.blogs-wrapper .blog-box .content .meta .readmore { width: max-content; }
.blogs-wrapper .blog-box .content .meta .readmore span { display: inline-block; color: #393939; font-size: 14px; font-weight: 500; position: relative; padding: 0 20px 0 0; }
.blogs-wrapper .blog-box .content .meta .readmore span:after { position: absolute; content: '\f105'; font-family: 'Fontawesome'; font-size: 16px; right: 0; top: -1px; transition: 0.2s all ease-in; }

.blogs-wrapper .blog-box:hover .image img { transform: scale(1.2); }
.blogs-wrapper .blog-box:hover .content .meta .readmore span { color: #F0AE01; }
.blogs-wrapper .blog-box:hover .content .meta .readmore span:after { right: -5px; }

.pagination-wrapper { width: 100%; display: block; padding: 10px 0 40px 0; }
.pagination-wrapper ul.page-numbers { padding: 0; margin: 0; list-style-type: none; display: flex; flex-wrap: wrap; }
.pagination-wrapper ul.page-numbers li { width: max-content; display: block; }
.pagination-wrapper ul.page-numbers li span,
.pagination-wrapper ul.page-numbers li a { width: max-content; display: block; padding: 0 10px; color: #241F21; font-size: 14px; font-weight: 500; }
.pagination-wrapper ul.page-numbers li span:hover,
.pagination-wrapper ul.page-numbers li a:hover { color: #F0AE01; }

.empty-space { width: 100%; height: 100px; background: url('images/bg-polygon-shape.png')no-repeat top/cover; }


.sidebar { width: 100%; display: block; }
.sidebar .widget { width: 100%; background: #FFF; padding: 20px; margin-bottom: 15px; }
.sidebar .widget h4.widgettitle { text-align: center; color: #393939; font-size: 20px; font-weight: 500; font-family: 'Albert Sans'; padding-bottom: 10px; border-bottom: 1px solid #F0AE01; }

.sidebar .widget.widget_categories { padding: 0px; }
.sidebar .widget.widget_categories h4.widgettitle {cursor: pointer;text-align: left; padding: 10px 40px 10px 20px; background: #EDEAE1; color: #393939; font-size: 20px; font-weight: 500; font-family: 'Albert Sans'; position:relative; }
.sidebar .widget.widget_categories h4.widgettitle:after { position: absolute; content: '\f107'; font-family: 'FontAwesome'; right: 10px; top: 50%; transform: translateY(-50%); }
.sidebar .widget.widget_categories h4.widgettitle.active:after { content: '\f106'; }

.sidebar .widget.widget_categories ul { padding: 0 25px 20px 25px; margin: 0; list-style-type: none; box-shadow: 0 2px 0 #ddd; }
.sidebar .widget.widget_categories ul li.current-cat a { color: #F0AE01; }

.sidebar .widget ul { padding: 0; margin: 0; list-style-type: none; }
.sidebar .widget ul li { width: 100%; display: block; }
.sidebar .widget ul li a { color: #757575; font-size: 16px; font-weight: 400; line-height: 29px; }
.sidebar .widget ul li a:hover { color: #F0AE01; }

/*recent-wrapper*/
.recent-wrapper { width: 100%; display: block; }
.recent-wrapper .recent-box { width: 100%; display: block; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #00000033; }
.recent-wrapper .recent-box:last-child { margin-bottom: 0; }
.recent-wrapper .recent-box .content { width: 100%; display: block; }
.recent-wrapper .recent-box .content h4 { color: #393939; font-family: 'Albert Sans'; font-size: 20px; font-weight: 500; line-height: 24px; margin-bottom: 30px; }
.recent-wrapper .recent-box .content p { color: #757575; font-size: 16px; font-weight: 400; }
.recent-wrapper .recent-box .content .meta { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 30px 0 0 0; }
.recent-wrapper .recent-box .content .meta .date { width: max-content; color: #393939; font-size: 14px; font-weight: 400; }
.recent-wrapper .recent-box .content .meta .readmore { width: max-content; }
.recent-wrapper .recent-box .content .meta .readmore a { display: inline-block; color: #393939; font-size: 14px; font-weight: 500; position: relative; padding: 0 20px 0 0; }
.recent-wrapper .recent-box .content .meta .readmore a:after { position: absolute; content: '\f105'; font-family: 'Fontawesome'; font-size: 16px; right: 0; top: -1px; transition: 0.2s all ease-in; }

.recent-wrapper .recent-box .content .meta .readmore a:hover { color: #F0AE01; }


/*Single Page*/
.single-wrapper { width: 100%; display: block; }
.single-wrapper.single-wrapper .post-date { color: #393939; font-size: 14px; font-weight: 400; margin-bottom: 20px; }
.single-wrapper .post-title { width: 100%; margin-bottom: 20px; }
.single-wrapper .post-title h4 { margin: 0; color: #393939; font-size: 24px; line-height: 36px; font-weight: 500; }
.single-wrapper .post-content { width: 100%; margin-bottom: 30px; }
.single-wrapper .post-content p { display: block; color: #757575;   line-height: 26px; }
.single-wrapper .post-content ul li { color: #757575;   line-height: 26px; }
.single-wrapper .post-content h2,
.single-wrapper .post-content h3,
.single-wrapper .post-content h4,
.single-wrapper .post-content h5 { font-size: 20px; font-family: 'Albert Sans'; }

.single .empty-space { text-align: center; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.single .empty-space a { width: 254px; height: 48px; display: block; line-height: 48px; color: #241F21; font-size: 14px; font-family: 'Unbounded'; font-weight: 600; background: url('images/black-outline248.png')no-repeat; margin: 0 auto; text-align: center; }
.single .empty-space a:hover { background: url('images/black-outline-hover248.png')no-repeat; }
.single .empty-space a:focus { background: url('images/black-outline-focus248.png')no-repeat; color: #fff; }

.single .main-wrapper .left .mobile-btn { display: none; width: 100%; padding: 40px 0; }
.single .main-wrapper .left .mobile-btn a { width: 254px; height: 48px; display: block; line-height: 48px; color: #241F21; font-size: 14px; font-family: 'Unbounded'; font-weight: 600; background: url('images/black-outline248.png')no-repeat; margin: 0 auto; text-align: center; }
.single .main-wrapper .left .mobile-btn a:hover { background: url('images/black-outline-hover248.png')no-repeat; }
.single .main-wrapper .left .mobile-btn a:focus { background: url('images/black-outline-focus248.png')no-repeat; color: #fff; }

/* Work Tab */
section.work-style-category-tabs { padding: 50px 0; }
section.work-style-category-tabs .tabs-wrapper .tabs-title ul { }
section.work-style-category-tabs .tabs-wrapper .tabs-title ul li { width: 50%; text-align: center; }

.work-post { width: 100%; display: block; }
.work-post .work-wrapper { display: flex; flex-wrap: wrap; margin-bottom: 30px; height: 300px; align-content: center; align-items: center; overflow: hidden; }
.work-post .work-wrapper .image { width: 70%; margin-right: -20%; z-index: 1; }
/*.work-post .work-wrapper .title { width: 50%; background: #251F21; padding: 70px 30px 70px 20%; text-align: right; height: 170px; margin: 50px 0; }*/
.work-post .work-wrapper .title { width: 50%; background: #251F21; padding: 0 30px 0 20%; text-align: right; height: 200px; margin: 50px 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: right; }
.work-post .work-wrapper .title h3 { color: #FBFBFB; font-family: 'Albert Sans'; font-size: 20px; font-weight: 500; position: relative; width: max-content; margin: 0 0 0 auto; padding-right: 20px; }
.work-post .work-wrapper .title h3:after { position: absolute; content: '\f105'; font-family: 'Fontawesome'; font-size: 16px; line-height: 24px; transition: 0.2s all ease-in; right: 0; top: 0; }
.work-post a { width: 100%; height: 100%; display: block; }
.work-post .work-wrapper .image img {     max-height: 155px; width: 100%; object-fit: cover; transition: 0.4s all ease-in; }
/*.work-post a:hover .work-wrapper .image img { height: auto; transition: 0.3s all ease-in; }*/
.work-post a:hover .work-wrapper .image img { max-height: 300px; height: 100%; transition: 0.3s all ease-in; }
.work-post a:hover .work-wrapper .image { outline: 3px solid #F0AE01; outline-offset: -20px; }
.work-post a:hover .work-wrapper .title h3,
.work-post a:hover .work-wrapper .title h3:after { color: #F0AE01; }
.work-post a:hover .work-wrapper .title h3:after { right: -10px; }


body.single-work { background: #FBFBFB; }

/* introduction */
section.introduction { width: 100%; display: block; padding: 60px 0; }
section.introduction .inner-wrapper { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
section.introduction .inner-wrapper .left.half { width: 30%; background: #fff; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
section.introduction .inner-wrapper .right.half { width: 67%; }
section.introduction .inner-wrapper .left.full,
section.introduction .inner-wrapper .right.full { width:100%; }
section.introduction .inner-wrapper .right h2 { color: #393939; font-size: 40px; font-weight: 600; margin-bottom: 20px; }
section.introduction .inner-wrapper .right .description { width: 100%; }
section.introduction .inner-wrapper .right .description p { color: #757575; line-height: 26px; }

/*solution*/
section.solution { padding: 0 0 50px 0; background: url('images/bg-polygon-shape.png')no-repeat top; position: relative; }
section.solution:before { position: absolute; content: ''; width: 100%; height: 100px; background: #FBFBFB; z-index: 0; left: 0; top: 0; }
section.solution:after { position: absolute; content: ''; width: 100%; height: 100px; background: #FBFBFB; z-index: -1; left: 0; bottom: 0; }
section.solution .inner-wrapper { width: 100%; display: flex; flex-wrap: wrap; align-items: flex-end; }
section.solution .inner-wrapper .left.half { width: 55%; position: relative; }
section.solution .inner-wrapper .right.half { width: 55%; background: #EDEAE1; padding: 30px 50px; position: relative; margin: 0 0 -40px -10%; }
section.solution .inner-wrapper .left.full,
section.solution .inner-wrapper .right.full { width:100%; }
section.solution .inner-wrapper .right h2 { color: #393939; font-weight: 600; }
section.solution .inner-wrapper .right  p { color: #757575; line-height: 26px; }

/*impact*/
section.impact { width: 100%; padding: 40px 0; }
section.impact .title-desc { max-width: 80%; width: 100%; display: block; margin: 0 auto 20px auto; }
section.impact .title-desc h2 { color: #393939; font-weight: 600; text-align: center; }
section.impact .title-desc .description { width: 100%; }
section.impact .title-desc .description p { color: #757575; line-height: 26px; }
section.impact .code-image { max-width: 80%; width: 100%; text-align: center; display: block; margin: 40px auto 0 auto; }
section.impact .code-image .iframe { width: 100%; }
section.impact .code-image .iframe iframe { width: 100%; }

/*audience*/
section.audience { padding: 40px 0; overflow: hidden; }
section.audience .main-title { width: max-content; display: block; padding: 30px 70px 100px 0; background: #393939; position: relative; }
section.audience .main-title:before { position: absolute; content: ''; background: #393939; width: 100%; height: 100%; z-index: -1; top: 0; left: -100%; }
section.audience .main-title h2 { margin: 0; color: #EDEAE1; font-weight: 600; }
section.audience .description { background: #EDEAE1; width: 100%; position: relative; display: block; padding: 30px 70px 20px 70px; margin: -70px 0 0 0; }
section.audience .description:after { position: absolute; content: ''; background: #edeae1; width: 100%; height: 100%; z-index: -1; top: 0; right: -100%; }

/*content-with-image-columns*/
section.content-with-image-columns { width: 100%; display: block; }
section.content-with-image-columns .title-wrapper { padding: 30px 0; text-align: center; background: url('images/bg-polygon-shape.png')no-repeat top/cover; margin-bottom: 40px; }
section.content-with-image-columns .title-wrapper h2 { color: #393939; font-weight: 600; margin: 0; }

section.content-with-image-columns .columns-wrapper { max-width: 80%; width: 100%; display: block; margin: 0 auto; }
section.content-with-image-columns .columns-wrapper .container { display: flex; flex-wrap: wrap; justify-content: space-between; }
section.content-with-image-columns .columns-wrapper .col.half { width: 48%; }
section.content-with-image-columns .columns-wrapper .col.full { width: 100%; }
section.content-with-image-columns .columns-wrapper .col { margin-bottom: 30px; }
section.content-with-image-columns .columns-wrapper .col .content { width: 100%; margin-bottom: 30px; }
section.content-with-image-columns .columns-wrapper .col .content h2,
section.content-with-image-columns .columns-wrapper .col .content h3,
section.content-with-image-columns .columns-wrapper .col .content h4 { color: #393939; font-family: 'Albert Sans'; font-size: 20px; font-weight: 700; margin-bottom: 10px; }
section.content-with-image-columns .columns-wrapper .col .content p { color: #757575;  line-height: 26px; }
section.content-with-image-columns .columns-wrapper .col .image { width: 100%; display: block; }
section.content-with-image-columns .columns-wrapper .col .image img { display: block; margin: 0 auto; }

section.content-with-image-columns .button-wrapper { padding: 30px 0; text-align: center; }
section.content-with-image-columns .button-wrapper a { width: 297px; height: 46px; display: block; margin: 0 auto; line-height: 46px; color: #241F21; font-family: 'Unbounded'; font-size: 14px; font-weight: 600; letter-spacing: 0.91px; background: url(images/black-outline295.png)no-repeat; position:relative; }
section.content-with-image-columns .button-wrapper a:after { position: absolute; content: ''; width: 14px; height: 17px; right: 40px; background: url('images/button-arrow.png')no-repeat; top: 14px; }
section.content-with-image-columns .button-wrapper a:hover:after{ background: url('images/button-arrow-hover.png')no-repeat; }
section.content-with-image-columns .button-wrapper a:focus:after{ filter: brightness(100); }
section.content-with-image-columns .button-wrapper a:hover { background: url('images/black-outline-hover295.png')no-repeat; color: #F0AE01;}
section.content-with-image-columns .button-wrapper a:focus { background: url('images/black-outline-foucs295.png')no-repeat; color: #fff; }

/*dynamic-banner*/
section.dynamic-banner { width: 100%; display: block; }
section.dynamic-banner .bg-wrapper { background: #251F21; padding: 70px 0 100px 0; }
section.dynamic-banner .bg-wrapper .container { display: flex; flex-wrap: wrap; justify-content: space-between; }
section.dynamic-banner .bg-wrapper .left {width: 100%;}
section.dynamic-banner .bg-wrapper .left h2 { color: #F0AE01; font-size: 40px; font-weight: 600; }
section.dynamic-banner .bg-wrapper .left p { color: #FFF; font-size: 16px; font-weight: 400;}

section.dynamic-banner .image-line { margin: -70px 0 0 0; width: 100%; display: block; }
section.dynamic-banner .img-wrapper { width: 100%; }
section.dynamic-banner .one-line { background: #EDEAE1; padding: 15px 15px; }
section.dynamic-banner .one-line ul { padding: 0; margin: 0; list-style-type: none; display: flex; flex-wrap: wrap; }
section.dynamic-banner .one-line ul li { width: max-content; margin-right: 10px; padding-right: 10px; border-right: 2px solid #000; }
section.dynamic-banner .one-line ul li:last-child { border-right: 0; }
section.dynamic-banner .one-line ul li a,
section.dynamic-banner .one-line p { display: block; color: #393939; font-size: 20px; font-style: normal; font-weight: 500; margin:0; }
section.dynamic-banner .one-line ul li a:hover { color: #F0AE01; }

/*our-work*/
section.our-work { width: 100%; padding: 40px 0; background: #FBFBFB; }
section.our-work .title-wrapper { background: url('images/bg-polygon-shape.png')no-repeat top/cover; margin-bottom: 40px; position: relative; }
section.our-work .title-wrapper h2 { width: max-content; margin: 0; background: #251F21; padding: 30px 50px 30px 0; position: relative; color: #FBFBFB; font-weight: 600; }
section.our-work .title-wrapper h2:before { position: absolute; content: ''; width: 100%; height: 100%; left: -100%; background: #251F21; top: 0; }
section.our-work .our-work-wrapper { max-width: 80%; width: 100%; margin: 0 auto; }
section.our-work .our-work-wrapper .container { display: flex; flex-wrap: wrap; justify-content: space-between; }
section.our-work .our-work-wrapper  .column { width: 45%; }
section.our-work .our-work-wrapper .column .work-blogs { width: 100%; display: block; }

section.our-work .our-work-wrapper .column .work-blogs .blog-box { width: 100%; background: #FFF; }
section.our-work .our-work-wrapper .column .work-blogs .blog-box:nth-child(3n) { margin-right: 0; }
section.our-work .our-work-wrapper .column .work-blogs .blog-box a { display: block; }
section.our-work .our-work-wrapper .column .work-blogs .blog-box .image { width: 100%; height: 280px; overflow: hidden; }
section.our-work .our-work-wrapper .column .work-blogs .blog-box .image img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s all ease-in; }
section.our-work .our-work-wrapper .column .work-blogs .blog-box .content { padding: 25px 25px 25px 25px; position: relative; }
section.our-work .our-work-wrapper .column .work-blogs .blog-box .content h4 { color: #393939; font-family: "Albert Sans"; font-weight: 500; min-height: 74px; }
section.our-work .our-work-wrapper .column .work-blogs .blog-box .content p { color: #757575; }
section.our-work .our-work-wrapper .column .work-blogs .blog-box .content .meta {display: block;margin: 20px 0 0 0;}
section.our-work .our-work-wrapper .column .work-blogs .blog-box .content .meta .readmore { width: max-content; }
section.our-work .our-work-wrapper .column .work-blogs .blog-box .content .meta .readmore span { display: inline-block; color: #393939; font-size: 14px; font-weight: 500; position: relative; padding: 0 20px 0 0; }
section.our-work .our-work-wrapper .column .work-blogs .blog-box .content .meta .readmore span:after { position: absolute; content: '\f105'; font-family: 'Fontawesome'; font-size: 16px; right: 0; top: -1px; transition: 0.2s all ease-in; }
section.our-work .our-work-wrapper .column .work-blogs .blog-box:hover .image img { transform: scale(1.2); }
section.our-work .our-work-wrapper .column .work-blogs .blog-box:hover .content .meta .readmore span { color: #F0AE01; }
section.our-work .our-work-wrapper .column .work-blogs .blog-box:hover .content .meta .readmore span:after { right: -5px; }


section.our-work .our-work-wrapper .column .our-btn { width: 100%; padding: 30px 0; text-align: center; }
section.our-work .our-work-wrapper .column .our-btn a { width: 297px; height: 46px; display: block; margin: 0 auto; line-height: 46px; color: #241F21; font-family: 'Unbounded'; font-size: 14px; font-weight: 600; letter-spacing: 0.91px; background: url(images/black-outline295.png)no-repeat; }
section.our-work .our-work-wrapper .column .our-btn a:hover { background: url('images/black-outline-hover295.png')no-repeat; color: #F0AE01;}
section.our-work .our-work-wrapper .column .our-btn a:focus { background: url('images/black-outline-foucs295.png')no-repeat; color: #fff; }

.fancybox__backdrop { background: rgba(0, 0, 0, 60%) !important; }
.fancybox__footer { display: none !important; }