@font-face { font-family: 'Zodiak'; src: url('./fonts/Zodiak-Bold.otf') format('opentype'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Zodiak'; src: url('./fonts/Zodiak-BoldItalic.otf') format('opentype'); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: 'Zodiak'; src: url('./fonts/Zodiak-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Generalsans'; src: url('./fonts/GeneralSans-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Generalsans'; src: url('./fonts/GeneralSans-Medium.otf') format('opentype'); font-weight: 500; font-style: normal; font-display: swap; }
body { font-family: Zodiak, sans-serif; font-size: 15px; font-weight: normal;  overflow-x: hidden; background-color: #fffcf9;}
h1,
h2,
h3,
h4,
h5,
h6 { font-family: 'zodiakregular'; font-weight: normal; margin-top: 0px !important; margin-bottom: 0px !important; }
h1 { font-size: 125px; letter-spacing: -9px; line-height: 1.1; font-family: Zodiak, sans-serif; }
h2 { font-size: 80px; font-family: Zodiak, sans-serif; font-weight: normal !important; }
h3 { font-size: 70px; font-family: Zodiak, sans-serif; font-weight: normal !important; }
h4 { font-size: 65px; font-family: Zodiak, sans-serif; font-weight: normal !important; }
h5 { font-size: 48px; font-family: Zodiak, sans-serif; font-weight: normal !important; }
h1 strong { letter-spacing: -1px; font-style: italic; }
p { margin-bottom: 20px !important; font-family: Generalsans, sans-serif; font-weight: 500 !important; letter-spacing: -0.5px; }
.common-btn a, a.expviewmore { border-radius: 52px; background-color: #ffd5bc !important; -webkit-transition: all 350ms ease; transition: all 350ms ease; color: #f87360 !important; font-size: 20px; text-align: center; letter-spacing: -1px; text-transform: capitalize; padding: 1.2rem 1.8rem; display: block; text-align: left; font-family: Generalsans, sans-serif; }
.common-btn a svg { width: 40px; }
.common-btn a:hover,
.common-btn a:focus, a.expviewmore:hover, a.expviewmore:focus { background: #ffe7d9 !important; transform: translate(0px, -5px); -webkit-transform: translate(0px, -5px); }
a.expviewmore { width: 240px; float: left; font-weight: 500; padding: 1rem 3.3rem 1rem 1.87rem; position: relative;}
a.expviewmore::after { background: url(./assets/images/arrow-red.svg) right center no-repeat !important; width: 40px; height: 16px; position: absolute; right: 20px; top: 40%; content: ''; display: block; }
/*menu hover*/
.menu-drop-down { position: fixed; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 1000; transform: translateY(-100vh);height: 100vh; background-color: #f87360; transition: all ease-in-out 0.4s 0s; overflow: hidden; }
.menu-open { display: block; transform: translateY(0); }
ul.elementor-nav-menu { display: flex; flex-direction: column; justify-content: space-between !important; padding:10px 13px; align-items: flex-end; height: calc(100vh - 150px); }
ul.elementor-nav-menu li { display: block; /*padding: 15px;*/ text-align: right; }
ul.elementor-nav-menu li a { transition: all 350ms ease; font-family: 'zodiakregular'; font-weight: normal !important; text-transform: uppercase; position: relative; padding: 0px !important; display: inline-block; color: #fff !important; font-size: 70px; line-height: 80px; letter-spacing: -5px; }
ul.elementor-nav-menu li a:hover { line-height: 80px; padding-right: 50px !important; background: none !important;}
ul.elementor-nav-menu li a.elementor-item-active { background: none !important;  }
.toggle-icon img { width: 80px; cursor: pointer; }
 
/*newsletter*/
.newsletter .wpcf7-email { width: 80%; height: 100%; margin-bottom: 0px; padding: 1.75rem; border-style: none; background-color: transparent; font-family: Generalsans, sans-serif; color: #fff; font-size: 1.2rem; line-height: 20px; font-weight: 400; outline: none; }
.newsletter .wpcf7-email::-webkit-input-placeholder { color: #fff; }
.newsletter .wpcf7-email:-ms-input-placeholder { color: #fff; }
.newsletter .wpcf7-email::-ms-input-placeholder { color: #fff; }
.newsletter .wpcf7-email::placeholder { color: #fff; }
.main-form-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 82px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #009c95; -webkit-transition: all 350ms ease; transition: all 350ms ease; }
.main-form-wrapper:hover { background-color: #f87360; -webkit-transform: translate(0px, -5px); -ms-transform: translate(0px, -5px); transform: translate(0px, -5px); }
.form-button-wrapper { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.main-form-wrapper input.wpcf7-submit { -webkit-appearance: button; }
.button-icon.white { position: absolute; z-index: 0; display: block; width: 45px; margin-left: 0rem; }
.main-form-wrapper input.wpcf7-submit { position: relative; z-index: 10; width: 130px; background-color: transparent; color: transparent; border: none; outline: none; }

/*footer icon*/

.footer-newsletter-wrapper .wpcf7-email { width: 100%; height: 100%; margin-bottom: 0px; padding: 1.75rem; border-style: none; background-color: transparent; font-family: Generalsans, sans-serif; color: #f87360; font-size: 1.2rem; line-height: 20px; font-weight: 400; outline: none; }
.footer-newsletter-wrapper .wpcf7-email::-webkit-input-placeholder { color: #f87360; }
.footer-newsletter-wrapper .wpcf7-email:-ms-input-placeholder { color: #f87360; }
.footer-newsletter-wrapper .wpcf7-email::-ms-input-placeholder { color: #f87360; }
.footer-newsletter-wrapper .wpcf7-email::placeholder { color: #f87360; }
.footer-newsletter-wrapper .main-form-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 82px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #ffe7d9; }

.footer-orange-bottom-wrapper { background-color: #f87360; }
.footer-form-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 82px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #ffe7d9; }
.footer-form-text { height: 82px; margin-bottom: 0px; padding: 1.75rem; border-style: none; background-color: transparent; font-family: Generalsans, sans-serif; color: #fff; font-size: 1.2rem; line-height: 20px; font-weight: 400; }
.footer-newsletter-wrapper .button-icon.white { display: none; }
.footer-newsletter-wrapper input.wpcf7-submit { background: url(./assets/images/arrow-red.svg) right center no-repeat !important;  }

.social-icon .elementor-widget-image { display: inline-block; width: auto; margin: 0 40px 10px 0px; }
.social-icon .elementor-widget-image img { max-width: 31px; }
.main-form-wrapper .wpcf7-not-valid-tip { position: absolute; left: 5px; bottom: -25px;  }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { background-color: #ffb900; }


/*Post Slider plugin css*/
.carousel-slider__post-image { background-position: 0px 4%; }
.carousel-slider__post-title { margin: 1.5rem auto; }
.carousel-slider__post-header h2{margin-top:0rem;margin-bottom:0rem;font-size:3rem;line-height:110%;font-weight:400;letter-spacing:-5px;}
.carousel-slider__post-excerpt {  font-family: Generalsans, sans-serif; font-size: 0.9375rem; line-height: 130%; font-weight: 500; letter-spacing: -0.5px; margin: 0px; }
.carousel-slider__post-meta { display: none; }
.carousel-slider__post {border-radius: 0px;box-shadow: none; margin: 0px; padding: 1.9rem; position: relative; width: 100%; border: 1px solid #343434;}

.owl-nav { position: absolute; right: 0px; top: -80px; width: 130px; height: 50px; }
.owl-nav button.owl-prev, .owl-nav button.owl-next {border: 1.5px solid #f87360 !important; width: 50px !important; height: 50px !important; display: flex !important; border-radius: 100% !important; justify-content: center; align-items: center; outline: none !important; }
.owl-nav button.owl-prev svg, .owl-nav button.owl-next svg { display: none; }
.owl-nav button.owl-prev { background: url(./assets/images/arrow-red.svg) center center no-repeat !important; transform: rotate(180deg) !important; top:0px !important; background-size: 75% !important; }
.owl-nav button.owl-next { background: url(./assets/images/arrow-red.svg) center center no-repeat !important; background-size: 75% !important; }

/*media page*/
.ha-post-tab .ha-post-tab-filter { border: none !important; }
.media-tab a.ha-post-tab-thumb { float: left; width: 43%; padding-right: 30px !important; }
.media-tab .ha-post-tab .ha-post-tab-item-inner .ha-post-tab-thumb img { height: 270px; object-position: top; }
.media-tab .ha-post-tab .ha-post-tab-meta { display: none; }
.ha-post-tab .ha-post-tab-filter li { font-family: Generalsans, sans-serif; font-weight: 500 !important;}

/*post page*/
@media (min-width: 1340px){
    [type=button], [type=submit], button { border-color: #f87360; color: #f87360; }
    [type=button]:hover, [type=submit]:hover, button:hover { color: #fff;  background-color: #f87360; border-color: #f87360;}
    .single-post a { color: #f87360; }
.page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
    max-width: 1280px;}
    .single-post h1 { font-size: 60px; letter-spacing: -2px; }
    .single-post h2.comment-reply-title { font-size: 40px; }
    .page-content { margin-top: 40px; }
}



@media screen and (max-width: 991px){
h1 { font-size: 110px; }
.carousel-slider__post-content { justify-content: flex-start; }
}

@media screen and (max-width: 767px){
h1 { font-size: 80px; }
h2 { font-size: 48px; }
h3 { font-size: 32px;  }
h4 { font-size: 26px;}
h5 { font-size: 20px; }
.footer-newsletter-wrapper .main-form-wrapper, .main-form-wrapper {height: 62px;}
.footer-newsletter-wrapper .wpcf7-email, .main-form-wrapper .wpcf7-email { padding: 1rem; }
.social-icon .elementor-widget-image { margin: 0px auto 10px; }
.wpcf7-spinner { margin: 0 10px; }
.media-tab a.ha-post-tab-thumb { float: none; width: 100%; padding-right: 0px !important; margin-bottom: 20px !important; }
.media-tab .ha-post-tab .ha-post-tab-item-inner .ha-post-tab-thumb img { height: 400px; width: 100%; object-position: top; }
.owl-nav { width: 100%; top: -60px; }
.owl-nav button.owl-prev, .owl-nav button.owl-next { width: 40px !important; height: 40px !important; }
a.expviewmore { float: none; }

}
@media screen and (max-width: 479px){
    h1 { font-size: 65px; }
.common-btn a { font-size: 16px; }
.elementor-button span { align-self: center; }
.carousel-slider__post { padding: 0.7rem; }
.carousel-slider__post-header h2 { font-size: 1.3rem; letter-spacing: -1px; }

}