/*
Theme Name: Emotion
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: Hilal
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 3.5
Tested up to: 6.4
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

html {
	font-family: "Lato", sans-serif !important;
    overflow-x:hidden;
}

body {
	margin: 0;
   transition: all 0.4s;
   scroll-behavior: smooth;
   overflow: hidden;
   background-color: #1C1B28;
}
*{   
   font-family: "Lato", sans-serif !important;
}

:root {
   --orange:#D63827;
   --yellow:#FAA41B;
   --white: #FFFFFF;
   --lightGrey:#707266;
   --darkBlue:#171620;
   --blue:#1C1B28;
   --darkGrey:#CECECE;
   --grey:#DCDBDB;
   --lightGrey:#F5F5F5;
}

/* .hfe-nav-menu-icon svg,.hfe-flyout-close svg{fill:var(--white) !important;} */

p,h1,h2,h3,h4,h5,h6{padding: 0;margin: 0;font-size: inherit;}
[class*=" eicon-"], [class^=eicon]{font-family: 'eicons' !important;}

/* FONTS */
.lato{font-family: "Lato", sans-serif !important;}

/* BACKGROUND COLORS */
.bg-white{background-color: var(--white);}
.bg-black{background-color: var(--black);}
.bg-blue{background-color: var(--blue);}

/* COLORS */
.col-white,.col-white .elementor-heading-title{color: var(--white) !important;}
.col-yellow,.col-yellow .elementor-heading-title{color: var(--yellow) !important;}


.center{text-align: center;}

/* Container */
.elementor-section.elementor-section-boxed > .elementor-container{max-width: 90% !important;width: 1445px;}
.elementor-inner-section .elementor-container{width: 100% !important;}

.container,.sub-container{width: 90% !important;margin-right: auto;margin-left: auto;}
.container{max-width: 1600px !important;}
.sub-container{max-width: 1380px !important;}


/* CUSTOM CSS */
.mr-0{margin: 0;}
.mb-5{margin-bottom: 5px;}
.mr-20{margin-right: 20px;}
.mt-15{margin-top: 15px;}
.mb-15{margin-bottom: 15px;}
.mb-25{margin-bottom: 25px;}
.mb-30{margin-bottom: 30px;}
.mb-80{margin-bottom: 80px;}
.mt-60{margin-top: 60px;}

.w-100 .elementor-container {width: 100% !important;}
.wpcf7-not-valid{border-color:#dc3232 !important;}
.wpcf7-not-valid-tip{display: none;}

.flex-row .elementor-container{display: flex;flex-direction: row;}
.flex-column .elementor-container,.flex-col{display: flex;flex-direction: column;}
.align-i-center{align-items: center;}
.align-i-start{align-items: flex-start;}
.align-i-end{align-items: flex-end;}
.text-upper{text-transform: uppercase;}
.text-iniial{text-transform: initial;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.flex-wrap{flex-wrap: wrap;}
.cursor{cursor: pointer;}
.flex{display: flex;}
.flex-row-basic{display: flex;flex-direction: row;}
.flex-column-basic{display: flex;flex-direction: column;}
.justify-between{justify-content: space-between;}
.justify-center{justify-content: center;}
.pointer{cursor: pointer;}
.fl-right{float: right;}

/* FONT WEIGHTS */
.light{font-weight: 300;}
.regular,.regular *{font-weight: 400 !important;}
.medium{font-weight: 500;}
.semibold{font-weight: 600;}
.bold,.bold *{font-weight: 700 !important;}
.extrabold{font-weight: 800;}
.black.black *{font-weight: 900 !important;}
.right{text-align: right;}
.capitalize{text-transform: capitalize;}

.underline{text-decoration: underline !important;}
.uppercase{text-transform: uppercase;}
.letterspacing{letter-spacing: 2px;}
.letterspacing-5{letter-spacing: 5px;}

.italic{font-style: italic;}

/* FONT SIZES */
.fs-120{font-size: 120px;line-height: 144px;}
.fs-100{font-size: 100px;line-height: 120px;}
.fs-84{font-size: 84px;}
.fs-44{font-size: 44px;line-height: 52px;}
.fs-36{font-size: 36px;line-height: 32px;}
.fs-24{font-size: 24px;line-height: 32px;}
.fs-18{font-size: 18px;line-height: 24px;}
.fs-14{font-size: 14px;line-height: 19px;}

.relative{position: relative;}
.entry-header{display: none;}
.underline-red{border-bottom: 1px solid var(--red);}
.underline-white{border-bottom: 1px solid var(--white);}

.pd-0{padding: 0;}


.form .wpcf7-spinner{background-size: 100%!important;background: url('assets/images/loader.gif');opacity: initial;background-color: transparent;width: 40px;height: 40px;}
.wpcf7-spinner::before{display: none;}
.wpcf7-response-output{color: var(--black);border: 1px solid var(--yellow) !important;background-color: var(--yellow);border-radius: 10px;margin-top: 85px !important;padding: 10px !important;}

/* Header */
/* .logged-in #header {top:32px;} */
header{height:86px;}
#header{background-color: var(--blue);position: fixed;left: 0;right: 0;top:0;z-index: 999999;padding: 0;}
#header .menu-item a{font-size: 16px;text-transform: uppercase;color: var(--white) !important;font-weight: 700;position: relative;padding: 35px 0;display: block;}
#header .menu-item{display: flex;align-items: center;margin-right: 70px;}
#header .menu-item.current-menu-item::after{content: "";display: block;height: 5px;width: 100%;bottom: 0;left: 0;right: 0;background-color: var(--orange);position: absolute;}
#header .btn-header a{transition: 0.5s;background-color: var(--white);width: 180px;height: 49px;border-radius: 50px;display: flex;align-items: center;justify-content: center;color: var(--blue) !important;padding: 0;}
#header .btn-header a:hover{background-color:var(--orange);color:var(--white) !important;}
#header .btn-header{margin: 0 !important;}
#header .hfe-nav-menu-icon svg path{fill:var(--white)}
#header .hfe-nav-menu__toggle{margin: 0 !important;text-align: right;}
#menu-item-22::after{display: none !important;}

/* Footer */
#footer .line .text a{display: block; width: 35px;height: 35px;border: 1px solid var(--white);border-radius: 50%;display: flex;justify-content: center;align-items: center;}
#footer .line .text .flex div:first-of-type{width: 75%;display: flex;}
#footer .line .text .flex div:first-of-type::before{content: "";display: inline-block;border-radius: 50%;min-width: 15px;height: 15px;border: 1px solid var(--white);margin: 7px 15px 0 0;}
#footer .line{border-bottom:1px solid var(--white) ;}
#footer .sm a{color: var(--white);margin: 0 10px;}
#footer .sm a:first-of-type{margin-left: 0;}
#footer .sm a:last-of-type{margin-right: 0;}

#footer .menu-item a{font-size: 14px;color: var(--white);padding: 0;margin-bottom: 14px;font-weight: 400 !important;}
#footer .menu-item a:hover{text-decoration: underline;}


/*BUTTON */
.btn a{display: flex;width: 140px;text-transform: capitalize;background: transparent !important;padding: 0;}
.btn a span{transition: 0.5s;}
.btn a span{font-size: 18px;font-weight: 700 !important;color: var(--white);text-transform: initial;}

.top-line::before{content: "";width: 80px;height: 3px;background-color: var(--lightGrey);display: block;margin-bottom: 25px;}
.square-right::after,.square-left::after{content: "";display: block;width: 120px;height: 120px;background-color: var(--blue);position: absolute;bottom: -60px;z-index: -1;}
.square-right::after{right: -60px;}
.square-left::after{left: -60px;}
.square-left,.square-right{position: relative;z-index: 0;}

.accordion{display: flex;align-items: center;}
.accordion .circle{min-width: 16px;height: 16px;background-color: var(--lightGrey);border-radius: 50%;}
.accordion .line{width: 605px;max-width: 90%;height: 1px;background-color: var(--lightGrey);position: relative;margin-right: 20px;}
.accordion .line::after{content: "";width: 104px;max-width: 100%;height: 2px;bottom: -2px;right: 0;display: block;position: absolute;z-index: 0;background-color: var(--lightGrey);}
.accordion .link{cursor: pointer;user-select: none;}
.accordion .link span{margin-left: 10px;}
.panel {display: none;overflow: hidden;}


/* Home */
#play-video{width: 70px;height: 70px;border-radius: 50%;background-color: var(--orange);margin-right: 20px;display: flex;align-items: center;justify-content: center;}
.links-home a{color: var(--white);padding: 0 120px;border-right: 1px solid var(--white);}
.links-home a:first-of-type{padding-left: 0;}
.links-home a:last-of-type{padding-right: 0;border-right:none}

.title-square h2::after{content: "";width: 52px;height: 52px;background-color: var(--yellow);border-radius: 15px;right: -104px;z-index: 2;top: 50%;transform: translateY(-50%);display: block;position: absolute;}
.title-square h2::before{content: "";width: 52px;height: 52px;background-color: var(--orange);border-radius: 15px;right: -135px;z-index: 2;top: -10%;transform: translateY(-50%);display: block;position: absolute;}
.title-square h2 span::after{content: "";position: absolute;bottom: -10px;left: 0;height: 6px;background-color: var(--orange);width: 100px;}
.title-square h2{display: initial;position: relative;}

/* service */
.service-img{width: 100px;height: 100px;background: #282733;}
.service-img .elementor-widget-container{    display: flex;justify-content: center;align-items: center;}

/* Banner */
.banner{background-color: #1C1B28;}
.banner .container > div:last-of-type{width: 40%;}
.banner .container > div:first-of-type{margin-top: 55px;width: 50%;}
.banner .container{padding-top: 40px;}
.banner img{width: 100%;}

.list{margin:25px 0 0 0;padding: 0;}
.list li{list-style: none;}
.list li::before{content:"";display: inline-block;width: 10px;height: 10px;border-radius: 50%;background-color: var(--orange);margin-right: 20px;}

/* FORM */
.form .flex{justify-content: space-between;}
.form .label{font-size: 12px;color:#434141;font-weight: 600;margin-bottom: 15px;}
.form input[type],textarea,select{background-color: transparent;outline: none;border: 1px solid var(--white);padding: 27px 30px;font-size: 18px;color: var(--white);border-radius: 10px;width: 100%;}
.form .flex > div{width: 49%;margin-bottom: 15px;}
::placeholder{font-size: 18px;color: var(--white);}
.form input[type='submit']{transition: all 0.4s;border-color: var(--orange);font-size: 16px;cursor: pointer;text-transform: uppercase;background-color: var(--orange);color: var(--white);padding: 0;width: 188px;height: 60px;float: right;margin: 40px 0 115px 0;border-radius: 15px;font-weight: 700;}
.form input[type='submit']:hover{background-color: transparent;color: var(--orange);}
.form .flag-container{border-right: 1px solid #DDDDDD;}
/* .intl-tel-input .selected-flag .iti-arrow{background-image: url('./assets/images/arrow-down.png');border: none;} */
select {-webkit-appearance: none;-moz-appearance: none;text-indent: 1px;text-overflow: '';}
.select{position: relative;}
.select::after{content: "";display: block;width: 20px;position: absolute;height: 12px;top: 42%;background-image: url(./assets/images/arrow-down.png);right: 28px;}
textarea{height: 140px;}

#contact .title::after{content:"";width:80px;height: 3px;background-color: var(--lightGrey);display: block;margin: 15px auto 60px auto;}

.col-grey.fs-18,.fs-20.col-grey{text-align: justify;}

#goup{background-color: var(--yellow);z-index: 99;width: 75px;height: 75px;padding: 0;display: flex;align-items: center;justify-content: center;border-radius: 0;position: fixed;bottom: 170px;right: 0;display: none;}
#goup svg{width: 25px;}
.up-container{position: initial;}

#video-popup {
   height: 100vh;
   top: 0;
   z-index: 999;
   width: 100%;
   background: rgba(0, 0, 0, 0.8);
}
#video-popup > .elementor-widget-container {
  position: relative;
   top: 110px;
   width: 50%;
   left: 25%;
   height: auto;
}

@media screen and (max-width: 1660px){
   .home-banner::after,#home-section2::after,.banner::after,#section2-about::after{width: 60px;}
}

@media screen and (max-width: 1440px){
	#header .menu-item {margin-right: 40px;}
	#header .menu-item a {font-size: 16px;}
   .home-banner::after, #home-section2::after{height: 400px;}
   #services-home .service {padding: 74px 15px;}
   .accordion .line {width: 385px;}

   .fs-120{font-size: 90px;line-height: 100px;}
   .fs-100{font-size: 64px;line-height: 95px;}
   .fs-84{font-size: 70px;}
   .fs-44{font-size: 38px;line-height: 45px;}
   .fs-36{font-size: 28px;line-height: 32px;}
   .fs-24{font-size: 22px;line-height: 32px;}
   .fs-18{font-size: 16px;line-height: 20px;}
   .fs-14{font-size: 14px;line-height: 19px;}

   .links-home a{padding: 0 50px;} 
   .banner .container > div:first-of-type{margin-top: 0;}
   #goup{width: 45px;height:45px;}
   #goup svg{width: 18px;}


}

@media screen and (max-width: 1024px){
    header{height: 81px;}
	#header .menu-item a{color: var(--blue) !important;}
	#header{flex-direction: row !important;align-items: center;justify-content: space-between;padding: 9px 0 9px 0;}
	#header .menu-item a {padding: 25px 0;}
	#header .btn-header a{margin-top: 40px !important;background-color: var(--blue);color: var(--white) !important;}
	#header .hfe-nav-menu{display: flex;flex-direction: column;align-items: center;padding-top: 70px !important;}
	#header .menu-item {margin-right: 0;}

	#footer .title h2{margin-bottom: 15px;}
   .flex-rev.elementor-element.e-flex{flex-direction: column-reverse !important;}
   .flex.responsive{flex-direction: column;}
   .elementor-element.e-flex,.elementor-element.e-flex .e-con-inner{flex-direction: column !important;}
   .flex-row.e-flex{flex-direction: row !important;align-items: center;}
   #header .container.e-flex{flex-direction:row !important;align-items: center;}
   #footer .sm .e-con-inner,#footer .links .e-con-inner{flex-direction: row !important;}
   #footer .links .e-con-inner > div:last-of-type{margin-left: 110px;}

   .fs-120{font-size: 40px;line-height: 100px;}
   .fs-100{font-size: 34px;line-height: 95px;}
   .fs-84{font-size: 30px;}
   .fs-44{font-size: 26px;line-height: 45px;}
   .fs-36{font-size: 20px;line-height: 32px;}
   .fs-24{font-size: 18px;line-height: 25px;}
   .fs-18{font-size: 14px;line-height: 20px;}
   .fs-16{font-size: 16px!important;line-height: 20px;}
   .fs-14{font-size: 14px;line-height: 19px;}

   #play-video{width: 45px;height: 45px;margin-right:10px;}
   #play-video img{width: 18px;}
   .links-home a {padding: 0 17px;}
   .btn-home img{width: 20px;margin-left: 10px;}
   .slider-container{margin-top: 20px;}
   .title-square h2::after,.title-square h2::before{width: 30px;height: 30px;border-radius: 8px;}
   .title-square h2::after{right: -45px;}
   .title-square h2::before{right: -63px;}
   .title-square h2 span::after{width: 55px;}

   .form input[type='submit']{margin: 20px 0 20px 0;width: 130px;height: 45px;padding: 0 !important;}
   .form input[type], textarea, select {padding: 20px 10px;font-size: 14px;}
   .form .flex{flex-direction: column;}
   .form .flex > div {width: 100%;}

   .banner .container > div:last-of-type{width: 100%;}
   .banner .container > div:first-of-type{margin-bottom: 20px;width: 100%;}
   .banner .container{padding-top: 40px;}
   .banner img{width: 50% ;margin-left: auto;}
   #goup{bottom: 40px;}

   #video-popup > .elementor-widget-container {
       width: initial;
       left: 0;
       right: 0;
   }

   .mb-30{margin-bottom: 15px;}

   #footer .line .text .flex div:first-of-type{width: 90%;}

}
@media screen and (max-width: 767px){
	/* .logged-in #header {
        top: 46px;
    } */
   .fs-24{font-size: 16px;line-height: 24px;}
    header {
      height: 60px;
  }
}
@media screen and (max-width: 500px){
}
@media screen and (max-width: 424px){
   .fs-100{font-size: 23px;line-height: 95px;}

}
/* Soueast */
.montserrat h2{
  font-family: "Montserrat", sans-serif!important;
}
.poppins p,
.poppins label{
  font-family: 'Poppins', sans-serif!important;
}
.Lateef label {
    font-family: 'Lateef', sans-serif !important;
}
.page-id-1058 header{
	height:0!important;
}
.form-row{
display: flex;
justify-content: space-between;	
align-items: center;
}
.form-label{
	width:50%;
}
.form-label.ar{
	text-align:right!important;
}
.cl-purple{
	color:#391a47;
}
.cl-orange{
	color:#f58020;
}
.cl-red{
	color:#CC0000;
}
.soueast-bg {
	background: var(--white);
	border-radius: 20px;
	box-shadow: 0 4px 12px rgb(0 0 0 / 83%);
	width:600px;
}
.form-input .wpcf7-form-control{
	width:100%;
	padding: 10px;
    border-radius: 10px;
    border: 1px solid var(--darkGrey);
}
.soueast-submit .wpcf7-submit, .honda-submit .wpcf7-submit{
	width: 100%;
    padding: 5px;
    border-radius: 10px;
    background: #f58020;
    border: 1px solid #f58020;
	font-weight:bold;
	font-size:20px;
	color:var(--white);
	box-shadow: 0 10px 12px rgb(0 0 0 / 28%);
}
.honda-submit .wpcf7-submit{
    background: #CC0000;
    border: 1px solid #CC0000;
}
.page-id-1058 .wpcf7-response-output{
 background: #f58020!important;
 border: 1px solid #f58020!important;
 margin-top: 0 !important;
 color:var(--white)!important;
}

.wpcf7-submit{cursor:pointer;}

.page-id-1203 #masthead {display: none !important;}