/*
Theme Name: Eterna Solutions Ltd
Theme URI: https://proximatesolutions.com/professional-web-design-portfolio/
Author: Proximate Solutions
Author URI: https://proximatesolutions.com/
Description: Wordpress theme designed for Eterna Solutions Ltd.
Version: 1.0.5
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eternasolutions
Tags: one-column, two-columns, custom-menu, featured-images, left-sidebar, right-sidebar
*/
 :root {
    --gold: #C5A47E;
    --primary: #C5A47E;
    --gold-hover: #b38d62;
    --primary-hover: #b38d62;
    --dark: #272727 ;
    --text: #FFFFFF99;
    --gray-line: #444444;
}
body {font-family: "League Spartan", sans-serif;background-color: var(--dark) !important;color: var(--text);margin: 0;overflow-x: hidden;}
h1, h2, h3, h4, h5 , h6 { font-weight: 600; color: white; }
p { line-height: 1.3; }
a { text-decoration: none; display: inline-block; color: #FFFFFF99;}
a:hover{ text-decoration: none;color:var(--gold);}
img {max-width: 100%;}
@media (min-width: 1400px) {
    .container{max-width: 1360px;}
}
.container{padding: 0 25px;}
header .container {max-width: 1717px;}

header {position: absolute; left:0; top:0; right:0; z-index: 9; box-shadow: rgb(0 0 0 / 0%) 0px 1px 2px, rgb(0 0 0 / 0%) 0px 2px 4px, rgb(0 0 0 / 0%) 0px 4px 8px, rgb(0 0 0 / 7%) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px}
.header_bar{padding: 20px 0;}
.top_head_bar {background-color: var(--warning); padding:15px 0; font-size: 14px;}
.top_head_bar a{ text-decoration: none; font-size: 14px;}
.top_head_bar a:hover{color: var(--primary); }
ul.topHeadBar_menu {list-style: none; padding: 0; margin: 0;}
ul.topHeadBar_menu li{display: inline-block; margin-left: 15px; position: relative; padding-left: 20px;}
ul.topHeadBar_menu li img{position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
ul.topHeadBar_menu li+li{ margin-left: 30px;}

.pull-left { float:left;}
.pull-right { float:right;}
.alignleft { float:left; margin:0 15px 10px 0;}
.alignright { float:right; margin:0 0 10px 15px;}
.aligncenter { text-align:center; margin:0 auto 10px; display:block;}
.alignnone { float:none;}
.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; margin-bottom:1rem; padding:4px; max-width:100%; border-radius:4px; -webkit-border-radius:4px;}
.wp-caption img { margin:0; padding:0; border:0;}
.wp-caption p.wp-caption-text { font-size:12px; padding:0 5px; margin:0;}
.sticky {}
.gallery-caption {}
.bypostauthor {}
.br-0 { border-radius:0; -webkit-border-radius:0;}
.clear { clear:both;}
.mrb-10 { margin:0 10px 10px 0;}
.form-group { margin-bottom:1rem;}

ul.top_right{list-style: none; padding: 0; margin: 0;}
ul.top_right li{display: inline-block; vertical-align: middle; font-weight: 400; color: white;}
ul.top_right li a{color: white;  letter-spacing: 2px;}
ul.top_right li a:hover{color:var(--gold);}
ul.top_right li img{width: 18px;}
ul.top_right li+li{margin-left: 15px;}

.logo img{width: 100%; max-width: 231px;}

#menu{padding:0 ;line-height: 0;}
#menu ul{list-style:none;margin:0;padding:0;text-align:center }
#menu ul li{display:inline-block;position:relative;vertical-align:top ;  margin:0 25px;}
#menu ul li:last-child{margin-right:0}
#menu ul li a{color:white;display:block;text-decoration:none;position:relative;line-height:1.1; font-size: 16px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.15em;}
#menu li>a:after{content:'\F282';font-family:bootstrap-icons;margin-left:4px;position:relative;top:3px;font-size:13px;display:none}
#menu li>a:only-child:after{margin-left:0;content:''}
#menu ul li a:hover,#menu ul li.active a,#menu ul li.current-menu-ancestor>a,#menu ul li.current-menu-item>a,#menu ul li.current-menu-parent>a,#menu ul li.current_page_item>a{color:var(--primary)}
#menu ul li a:hover:before,#menu ul li.active a:before,#menu ul li.current-menu-ancestor>a:before,#menu ul li.current-menu-item>a:before,#menu ul li.current-menu-parent>a:before,#menu ul li.current_page_item>a:before{opacity:1}
#menu li.active ul li a{color:#fff;background:#000}
#menu li.active ul li a:hover{color:#fff;background:var(--primary-hover)}
#menu li>ul{position:absolute;left:0;top:100%;z-index:999;min-width:220px;white-space:nowrap}
#menu li:last-child>ul{left:inherit;right:0}
#menu ul li.active ul li a{background:var(--primary);color:white;border-bottom:1px solid var(--primary)!important}
#menu li>ul li{border-bottom:#006a04 1px solid;display:block;position:relative;margin:0;text-align:left}
#menu li>ul li a{color:#333;font-size:13px;padding:10px 15px;border-right:0;font-weight:500}
#menu li>ul li a:after{content:'\F285';font-family:bootstrap-icons;position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:14px}
#menu li>ul li a:hover{color:#fff;text-decoration:none}
#menu li ul li.current-menu-ancestor>a,#menu li ul li.current-menu-item>a,#menu li ul li.current-menu-parent>a,#menu li ul li.current_page_item>a{background:var(--primary-hover);color:#fff}
#menu>li{border-left:1px solid #999}
#menu>li.has-submenu+li,#menu>li:first-child{border-left:0}
#menu li>ul>li>ul{position:absolute;left:100%;top:0;transition:all linear .2s 0;-webkit-transition:all linear .2s 0;visibility:hidden;opacity:0}
#menu li>ul>li:hover>ul{visibility:visible;opacity:1;display:block}
#menu li>ul{transition:all linear .2s 0;-webkit-transition:all linear .2s 0;visibility:hidden;opacity:0}
#menu li:hover>ul{visibility:visible;opacity:1}
#menu li>ul li a{padding:0 23px;transition:all linear .2s 0;-webkit-transition:all linear .2s 0;font-size:14px;background-color:var(--primary);color:#fff}
#menu li>ul li a:hover{background-color:var(--primary-hover);color:#fff!important}
#menu li:hover>ul li a{padding:10px 23px}
#menu li>ul li:hover a{color:#fff}
#menu li>ul li:hover ul li a{color:#fff}
#menu li>ul li ul li a:hover{color:#fff}

@-webkit-keyframes menu_sticky {
    0% { margin-top: -240px}
  50% { margin-top: -90px}
  100% {margin-top: 0}
}

header.sticky {margin:0; position: fixed; top:0; left:0; width:100%; z-index:9; animation-name:menu_sticky; animation-duration: 0.60s; animation-timing-function:ease-out; background-color: var(--dark);
-webkit-box-shadow:rgba(0,0,0,0.1) 0 0 10px; box-shadow:rgba(0,0,0,0.1) 0 0 10px; z-index: 99; border-bottom: 1px solid var(--gold);}
header.sticky .top_head_bar {display: none;}

@media(min-width:992px){
    .herobanner, .innerbanner{margin-top: 115px;}
}

/* Hero Carousel */
.herobanner .item {height: 89vh; min-height: 600px; background-repeat: no-repeat;background-size: cover; background-position: center;display: flex;align-items: center;}
.herobanner .item::before{content: '';position: absolute;top: 0; left: 0; right: 0; bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 1;}
.herobanner .item .container {position: relative;z-index: 2;text-align: center;color: #fff;}
.herobanner h1 { font-size: 60px; line-height: 1.2; margin-bottom: 0; }
.herobanner p { font-size: 1.15rem; max-width: 700px; margin: 30px auto; }
.herobanner .btn{margin:10px;}
.btn img{position: relative; display: inline-block !important; top: -2px ; width: 15px !important; margin-left: 5px;}
.btn_styled {border-radius: 50px;padding: 12px 35px 10px 35px;font-weight: 600;}
.btn-outline-custom {border: 2px solid #fff;color: #fff;}
.btn-gold {background: var(--gold);color: #000; border: 1px solid var(--gold);}
.btn-outline-custom:hover{background: white;color: #000;border-color: white;}
.btn-gold:hover , .btn-gold:focus, .btn-gold:active { background: var(--gold-hover) !important;color: #000  !important;border-color: var(--gold-hover) !important;}
.btn.btn-outline-custom img{filter: invert(100%) sepia(0%) saturate(1453%) hue-rotate(52deg) brightness(106%) contrast(101%);}
.btn.btn-outline-custom:hover img , .btn.btn-outline-custom:focus img , .btn.btn-outline-custom:active img , .btn.btn-outline-custom:visited img{filter: invert(0%) sepia(97%) saturate(12%) hue-rotate(259deg) brightness(101%) contrast(99%) !important;}
.herobanner .owl-nav { position: absolute; bottom: 40px; width: 100%; text-align: center; }
.herobanner .owl-nav button { color: #fff !important; font-size: 14px !important; margin: 0 40px !important; background: none !important;  letter-spacing:5.12px;}
.herobanner .owl-nav button:hover { color: var(--gold) !important; }

/* Sections */
section { padding: 100px 0; position: relative; overflow: hidden; }
.about-section {padding: 120px 0;position: relative;overflow: hidden;}
.watermark {position: absolute;left: 3%;top: 38%;transform: translateY(-50%);font-size: 172px;font-weight: 600;color: #fff;opacity: 0.06;z-index: 0;pointer-events: none;}
.about-section .about_box{padding-top: 100px;padding-bottom: 100px;height: 100%;padding-left: 30px;border-left: 1px solid #FFFFFF1A; position: relative;}
.about-section .about_box.thumb_box {border-right: 1px solid #FFFFFF1A; padding-right: 30px; position: relative;}
.section-title {font-size: 27px;font-weight: 700;line-height: 1.2;margin-bottom: 30px;}
.section-text {font-size: 1rem;line-height: 1.7;color: #ddd;color: #FFFFFF99;}
.specialization-title {font-size: 25px;font-weight: 500;margin-bottom: 50px;color: #fff; }
.specialization-item {align-items: center;margin-bottom: 35px; position: relative; padding-left: 45px; vertical-align: top;}
.specialization-item img {margin-bottom: 10px;width: 35px; position: absolute; left: 0;}
.specialization-item span {font-size: 16px;font-weight: 400;color: #fff;}
.about-image {box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);position: absolute;top:100px; right: 0;width: 446px; height: 446px; object-fit: cover; object-position: center; max-width: inherit;}
.separator-line {width: 1px;background: var(--gray-line);height: 450px;margin: 0 auto;}
.icon-box i { font-size: 3.2rem; color: var(--gold); margin-bottom: 20px; }
.icon-box p { font-size: 1rem; font-weight: 500; margin: 0; }
.why_us_section .container{width: 100%; max-width: 1700px;}
.why_us_section .row .col-md-2{width: 20%; text-align: center;}
.why-item img { width: 50px;  margin-bottom: 15px; }
.why-item h5 { font-size: 16px; font-weight: 400; letter-spacing: 3.6px; line-height: 1.5; text-transform: uppercase;}
.gallery-img {height: 750px;object-fit: cover;transition: transform 0.3s;position: relative; opacity: 0.5;}
.gallery_thumb_wrapper{position: relative; display: block; width: 100%;}
.zoom_btn{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100px !important;height: 100px; opacity: 0;}
.gallery_thumb_wrapper:hover .zoom_btn{opacity: 1;transition: opacity 0.3s;}
.gallery_thumb_wrapper:hover .gallery-img{opacity: 1;transition: opacity 0.3s;}
.process-section {position: relative;overflow: hidden;}
.section-heading {text-align: center;font-size: 2.8rem;font-weight: 700;margin-bottom: 185px;color: #fff;}
.heading_with_space{font-weight: 600; letter-spacing: 11.2px; font-size: 35px;}
.process-item {position: relative;padding: 0 20px;}
.process-item::before {content: attr(data-number);position: absolute;top: -250px;left: 50%;transform: translateX(-50%);font-size: 18rem;font-weight: 700;color: #fff;opacity: 0.05;z-index: 0;pointer-events: none;
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.98) 1%,rgba(255,255,255,0) 64%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.process-icon {width: 47px;height: 47px;margin-bottom: 20px;}
.process-title {font-size: 20px; font-weight: 400; letter-spacing: 3.6px;}
.process-text {font-size: 1rem;line-height: 1.7;color: #aaa;max-width: 280px;margin: 0 auto;}
.heading_with_space span { color: var(--gold); }
#contact-watermark {left: inherit; right: 15%; top: 25%; }
.get_touch_heading{margin-bottom: 110px;}
ul.contact_info_list{list-style: none; padding: 0; margin: 0;}
ul.contact_info_list li+li{margin-top: 10px; }
ul.contact_info_list li{font-size: 18px; color: #FFFFFF99; font-weight: 300;}
ul.contact_info_list li a{font-size: 18px; font-weight: 300;}
.form-control {background: #323232;border: 1px solid #323232; border-radius: 0;color: white;padding: 12px 12px 11px 12px;}
.form-control:focus {box-shadow: none; background-color: #323232; border: 1px solid #646464; color: white;}
.form-control::placeholder {color: #999999;}
.btn-submit{background: var(--gold);color: #000;padding: 12px 15px 11px 15px; min-width: 120px; border-radius: 30px;}
textarea.form-control{padding: 12px 12px 20px 12px;}
footer {background: #303030;padding: 30px 0;font-size: 0.95rem;}
footer i { color: var(--gold); }
ul.social_list{list-style: none; padding: 0; margin: 0;}
ul.social_list li{display: inline-block; margin-left: 25px;}
ul.social_list li a img{height: 25px; filter: invert(40%) sepia(9%) saturate(11%) hue-rotate(356deg) brightness(91%) contrast(94%);}
ul.social_list li a:hover img{filter: invert(71%) sepia(7%) saturate(1559%) hue-rotate(352deg) brightness(94%) contrast(89%);}
.ssss{position: relative;}
.ssss::before{position: absolute; content: ""; top: 0; right: -100px; width: 50px; height: 50px; background-color: red; }

.wpcf7-not-valid-tip { display:none;}
.wpcf7-not-valid { border:1px solid #F00 !important;}
.wpcf7-checkbox.wpcf7-not-valid { border:none !important;}
.wpcf7-checkbox.wpcf7-not-valid input[type=checkbox] { outline:1px solid #F00;}
.wpcf7-list-item { margin:0 15px 0 0;}
.wpcf7 form .wpcf7-response-output { margin:10px 0; padding:1rem; text-align:center; /*border-radius:5px;*/}
.wpcf7 form.invalid .wpcf7-response-output { background:#f8d7da; color:#58151c; border:1px solid #f1aeb5;}
.wpcf7 form.sent .wpcf7-response-output { background:#d1e7dd; color:#0a3622; border:1px solid #a3cfbb;}
.wpcf7-spinner { position:absolute;}

.gettouch_form p { margin-bottom:0;}
.inner_section { min-height:500px;}

.bottom_email { font-size:20px; text-align:center; padding-bottom:20px;}