/* 
Theme Name:		 Corehives Child
Theme URI:		 http://childtheme-generator.com/
Description:	 Corehives Child is a child theme of Corehives, created by ChildTheme-Generator.com
Author:			 Habib Ali Khan
Author URI:		 http://childtheme-generator.com/
Template:		 corehives
Version:		 1.0.0
Text Domain:	 corehives-child
*/

@font-face {
    font-family: 'AltShifterLogo';
    src: url('assets/fonts/AltShifter-LogoFont.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CinaGeo';
    src: url('assets/fonts/CinaGEO-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CinaGeoBold';
    src: url('assets/fonts/CinaGEO-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body, html {
    width: 100%;
    overflow-x: hidden;
}

.alt--shifter h1,
.alt--shifter h2, 
.alt--shifter h3, 
.alt--shifter h4, 
.alt--shifter h5, 
.alt--shifter h6 {
     font-family: 'AltShifterLogo', sans-serif !important;
}

.cina--geo h1,
.cina--geo h2, 
.cina--geo h3, 
.cina--geo h4, 
.cina--geo h5,
.cina--geo h6, 
.cina--geo .elementor-button-text,
.cina--geo p {
    font-family: 'CinaGeo', sans-serif !important;
}

.cina--geo-bold h1,
.cina--geo-bold h2, 
.cina--geo-bold h3, 
.cina--geo-bold h4, 
.cina--geo-bold h5,
.cina--geo-bold h6, 
.cina--geo-bold .elementor-button-text{
    font-family: 'CinaGeoBold', sans-serif !important;
}


.hero--heading .row--1 a {
    background-color: #050a1a;
    font-family: "Poppins", sans-serif;
    color: #fff;
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 400;
    padding: 20px 44px;
    border-radius: 50px;
    margin-bottom: 20px;
    display: block;
}

.hero--heading .row--1 a img {
    width: 17px;
    height: 17px;
    margin-left: 10px;
    margin-bottom: -3px;
}

.hero--heading .row--1, 
.hero--heading .row--2  {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.hero--heading .row--2 {
    align-items: center;
}

.hero--heading .row--2 {
    font-size: 135px;
}

.hero--heading .row--2 a {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    background-color: #ffd74b;
    display: flex;
    align-items: center;
    min-width: 440px;
    border-radius: 50px;
    justify-content: start;
    color: #050a1a;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.hero--heading .row--2 a span {
    background: #050a1a;
    color: #fff;
    min-height: 80px;
    border-radius: 50px;
    min-width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 40px;
    position: relative;
    font-size: 18px;
}

.hero--heading .row--2 a span::before {
    content: '';
    width: calc(100% + 15px);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #fff;
    border-radius: 50px;
}

.hero--heading .row--4 {
    display: block;
    text-align: end;
}

.elementor-element.hero--section {
    position: relative;
}

.elementor-element.hero--section .e-con-inner {
    overflow: hidden;
}

.elementor-element.hero--section .absolute--img-hero {
    position: absolute;
    bottom: -16%;
    right: 0;
    width: 290px;
}

.custom--btn-black .elementor-button-content-wrapper {
    position: relative;
    display: inline-flex;
    justify-content: flex-end;
}

.custom--btn-black .elementor-button-content-wrapper::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -15px;
    width: 70%;
    height: 8px;
    background-color: #ffd74b;
    z-index: -1;
}

.custom--btn-black .elementor-button-content-wrapper .elementor-button-icon {
    width: 17px;
}

.elementor-element.web--design-heading {
    max-width: 1090px !important;
}

.elementor-element.web--design-heading span {
    position: relative;
    z-index: 1;
}

.elementor-element.web--design-heading span::before {
    content: "";
    position: absolute;
    bottom: 25px;
    right: -20px;
    width: 65%;
    height: 14px;
    background-color: #ffd74b;
    z-index: -1;
}

.elementor-element.width--600 {
    max-width: 600px !important;
}


.web--design-box .elementor-widget-button .elementor-button .elementor-button-content-wrapper {
    position: relative;
}

.web--design-box .elementor-widget-button .elementor-button .elementor-button-content-wrapper::before  {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #3c3323;
}

.start--a-project-heading {
    display: inline-flex;
    position: relative;
}

.inner--container {
    display: inline !important;
}

.start--a-project-heading::before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #ffd74b;
}

.web--design-section .web--design-img {
    max-width: 480px !important;
    position: absolute;
    right: 0px;
    top: 470px;
}

.case--studies-section .absolute--col {
    position: absolute;
    right: 0;
    min-height: 611px;
    top: 50%;
    transform: translateY(-50%);
}

.case--studies-section .absolute--col .elementor-button-content-wrapper::before {
    bottom: -10px;
    height: 4px;
}

.case--studies-section .absolute--col .elementor-widget-image.first--img {
    position: absolute;
    bottom: 20px;
    right: 5%;
    width: 195px;
}

.case--studies-section .absolute--col .elementor-widget-image.second--img {
    position: absolute;
    bottom: -130px;
    left: -100px;
    z-index: -1;
    min-width: 760px;
}