@import url("fontAwesome.min.css");
@font-face { font-family: fontAwesome; src: url(../fonts/fontawesome-webfont.woff2); }
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600&family=Vazirmatn:wght@400;500;600&display=swap');
/*font-family: 'Outfit', sans-serif;
font-family: 'Vazirmatn', sans-serif;*/
body{ padding: 0; margin: 0; border:0px; }
:root{
--white: #ffffff;
--black: #000;
--offwhite: #f4f4f4;
--offblack: #424242;
--yellow: #fbb339;
--darkyellow: #9d6912;
--heading: 'Outfit', sans-serif;
--paragraph: 'Vazirmatn', sans-serif;
--icons:'FontAwesome';
--animation:cubic-bezier(0,.07,.025,1);
}
*{ font-family: var(--paragraph); color: var(--offblack); text-decoration: none; line-height: normal; }
ul, li, a, p, h5, h6, h4, h3, h1, h2{ padding: 0; margin: 0; }
ul{ padding-left: 0; margin-left: 0; }
ul li{ list-style-type: none; }
a, a:hover{ text-decoration: none; color: var(--offblack); }
p{ font-size: 16px; line-height: 22px; color: var(--offblack); font-weight: 400; padding-bottom: 20px; }
p strong{ font-size: 18px; font-style: normal; font-weight: 500; font-family: var(--heading); color: var(--darkyellow); margin-bottom: 30px; display: inline-block; }
h1, h2, h3, h4, h5, h6{ text-transform: capitalize; font-family: var(--heading); margin-bottom: 30px; }
h1, h2{ font-weight: 600; }
h3, h4{ font-weight: 500; }
h1{ font-size: 60px; }
h2{ font-size: 42px; }
h3{ font-size: 36px; }
h4{ font-size: 28px; }
h5{ font-size: 22px; font-weight: 400; }
h6{ font-size: 14px; font-weight: 300; }
a.cta{ padding: 10px 30px; background-color: transparent; text-transform: uppercase; font-size: 18px; margin-top: 30px; display: inline-block; border-radius: 6px; }
a.cta.yellow{ color: var(--offblack); background-color: var(--yellow); }
a.cta.yellow:hover{ color: var(--white); background-color: var(--darkyellow); }
section, footer .footer_top{ padding: 80px 0px; }
.yellow{ color: var(--yellow); }
section.nav_header{ padding: 0px; box-shadow: 2px 2px 6px rgb(0 0 0 / 20%); }
.nav > .container{ display: flex; justify-content: space-between; align-items: center; padding: 10px 0px; position: relative; }
.nav > .container button{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.navbar-toggler.collapsed{ background-color: var(--offblack); }
ul.navbar-nav > li{ list-style-type: none; display: inline-block; }
ul.navbar-nav > li a{ text-decoration: none; margin-left: 20px; position: relative; display: inline; }
ul.navbar-nav > li a:before{ position: absolute;  content:''; background-color: var(--yellow); opacity: 0.75; height: 6px; left: 50%; right: 50%; bottom: bottom: 14px; z-index: -1; transition: all 500ms var(--animation); }
ul.navbar-nav > li:hover a:before,
.navigation ul > li a.active:before{ left: 10%; right: 10%; z-index: -1; bottom: 14px; }
ul.navbar-nav > li, .navigation ul{ margin-left: 0; padding-left: 0; }
ul.dropdown-menu li:hover a{ background-color: transparent; }
.navbar-brand img{ width: 100%; max-width: 120px; }
.image_wrapper{width: 100%; display: inline-block; position: relative; overflow: hidden; vertical-align: top;}
.image_wrapper:before{content: ""; display: block; padding-top: 20%;}
.image_wrapper img{width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.topbar{ background-color: var(--offblack); padding: 8px 0px; }
.social_contact{ display: flex; justify-content: space-between; }
.social_contact span{ margin-left: 20px; }
.social_contact span, .social_contact span a, .social_contact i{ color: var(--offwhite); }
section.slider{ padding: 0; }
.carousel, .carousel-inner, .carousel-item{ height: 600px; min-height: 300px; }
.carousel-item{ position: relative; }
.carousel-item:before{ position: absolute; content: ''; left: 0; bottom: 0; right: 0; top: 0; background-color: var(--black); opacity: 0.50; }
.carousel-item .carousel_content{ position: absolute; left: 30%; top: 50%; transform: translate(-50%, -50%); width: 40%; }
.carousel-item .carousel_content h3, .carousel-item .carousel_content p, .carousel-item .carousel_content a{ color: var(--white); }
.carousel-item .carousel_content h3{ margin-bottom: 30px; }
.feature_box{ text-align: center; box-sizing: border-box; padding: 30px 20px; background-color: var(--offwhite); }
.features .container .row{ align-items: stretch; }
.feature_box h5{ margin-bottom: 20px; }
.feature_box .image_wrapper:before{ padding-top: 70%; }
.feature_box .image_wrapper img{ width: 60%; background-color: var(--white); padding: 16px; border-radius: 50%; }
.about_content h3{ margin-bottom: 30px; }
section.about .image_wrapper:before{ padding-top: 71%; }
section.services{ padding-bottom: 40px; }
.service_box{ margin-bottom: 50px; }
.service_box h3{ margin-bottom: 20px; margin-top: 20px; }
.service_box .image_wrapper:before{ padding-top: 71%; }
section.decsription{ padding: 30px 0px; }
.zigzag_box{ padding-bottom: 80px; }
.zigzag_content h3{ color: var(--yellow); }
footer .footer_top{ background-color: var(--offblack); }
footer .footer_top .footer_widget h4{ margin-bottom: 30px; color: var(--yellow); }
footer .footer_top .footer_widget li,
footer .footer_top .footer_widget li a,
footer .footer_top .footer_widget a,
footer .footer_top .footer_widget p,
footer .footer_top .footer_widget p a{ color: var(--white); }
footer .footer_top .footer_widget li{ margin-bottom: 10px; }
footer .footer_copyright{ text-align: center; background-color: var(--darkyellow); color: var(--white); padding: 8px 0px; }
@media screen and (max-width: 1199px) {
.carousel, .carousel-inner, .carousel-item { height: auto; }
}

.expertise_page .image_wrapper:before, .our_businesses .image_wrapper:before{ padding-top: 72%; }
.para_list_content h5{ color: var(--yellow); }
.para_list_content ul li{ position: relative; padding-left: 20px; }
.para_list_content ul li:before{ content:"\f00c"; position: absolute; left: 0; top: 40%; transform: translateY(-50%); font-size: 16px; font-family: var(--icons); color: var(--darkyellow); }

.accordion_content .accordion-item{ border: 1px solid var(--yellow); margin-bottom: 20px; }
.accordion_content .accordion-item .accordion-button:not(.collapsed){ color: var(--darkyellow); background-color: #fbb33938; box-shadow: none; }
.contact_detail{ position: relative; }
.contact_detail:before{ position: absolute; content:''; width: 1px; height:100%; top: 0; bottom: 0; right: 0; background-color: #00000050; }
.contact_form_details .row > div:last-child .contact_detail:before{ background-color: transparent; }
.contact_detail ul li{ margin-bottom: 8px; }
.contact_detail h3{ font-size: 30px; }
.contact_detail ul li.contact_mobile,
.contact_detail ul li.contact_land,
.contact_detail ul li.contact_fax,
.contact_detail ul li.contact_email,
.contact_detail ul li.contact_website,
.contact_detail ul li.contact_address,
.contact_detail ul li.contact_message{ position: relative; padding-left: 32px; }

.contact_detail ul li.contact_mobile:before,
.contact_detail ul li.contact_land:before,
.contact_detail ul li.contact_fax:before,
.contact_detail ul li.contact_email:before,
.contact_detail ul li.contact_website:before,
.contact_detail ul li.contact_address:before,
.contact_detail ul li.contact_message:before{ position: absolute; top: 40%; transform: translateY(-50%); font-size: 18px; font-family: var(--icons); left: 0; color: var(--darkyellow); }

.contact_detail ul li.contact_mobile:before{ content:"\f10b"; }
.contact_detail ul li.contact_land:before{ content:"\f1e4"; }
.contact_detail ul li.contact_fax:before{ content:"\f1ac"; }
.contact_detail ul li.contact_email:before{ content:"\f003"; }
.contact_detail ul li.contact_website:before{ content:"\f0ac"; }
.contact_detail ul li.contact_address:before{ content:"\f276"; }
.contact_detail ul li.contact_message:before{ content:"\f075"; }

section.form{ padding: 20px 0px 80px 0px; }
.footer_widget span.map iframe{ width: 100%; height: 200px; }