/* 
Theme Name:  Polot Studio child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: polot-studio
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


body{
    font-family: 'tex_gyre_herosregular', Arial, sans-serif !important;
    box-sizing: border-box;
    /*letter-spacing: 0.6px;*/
}

.heda-h2{
    /*letter-spacing: 3px;*/
}


.font-bold{
    font-family: 'tex_gyre_herosbold', Arial, sans-serif !important;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
}

.eael-creative-button{
    min-width: auto !important;
}

.site-header, body:not([class*="elementor-page-"]) .site-main{
    max-width: 1140px;
}

.menu-item-30 a,
.menu-item-134 a{
    font-family: 'tex_gyre_herosbold', Arial, sans-serif !important;
    /*font-weight: bold !important;*/
}

.contact-head span{
    font-size: 35px;
    color: #999999;
    bottom: 8px;
    position: relative;
    left: 10px;
    font-family: 'tex_gyre_herosregular', Arial, sans-serif !important;
}

.contact-rainbow a{
    /*background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);*/
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background:
            url('assets/img/gradient.png')
            no-repeat center center;
    background-size: cover;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

.box-image > div{
    /*background-position: calc(100% + 40px) -40px !important;*/
    /*background-position: 190% -90% !important;*/
    /*background-size: 70% !important;*/
}

.box-image-1 > div{
    background-size: 55% !important;
    background-position: 110% -35% !important;
}

.box-image-2 > div{
    background-size: 39% !important;
    background-position: 95% -35% !important;
}

.box-image-3 > div{
    background-position: 190% -90% !important;
}

.box-image-4 > div{
    background-size: 60% !important;
    background-position: 110% -20% !important;
}

.box-image-5 > div{
    background-size: 54% !important;
    background-position: 119% -100% !important;
}

.box-image-6 > div{
    background-size: 56% !important;
    background-position: 120% -40% !important;
}



.herosbold{
    font-family: 'tex_gyre_herosbold', Arial, sans-serif !important;
}

@media (max-width:1199px) {

}


@media (min-width: 1024px){
    .lang-item-first{
        border-left: 1px solid #ffffff !important;
    }

    .menu-item-30 a,
    .menu-item-134 a{
        padding-right: 60px !important;
    }
    .lang-item-first a{
        padding-left: 60px !important;
    }
}


@media (max-width:1024px) {
    .contact-head span{
        font-size: 20px;
        color: #999999;
        position: relative;
        bottom: 2px;
        width: 100%;
        float: left;
        padding-left: 0;
        margin-top: 5px;
        left: 0;
    }

    .head-bg .elementor-element-populated{
        background: transparent !important;
    }

    .heda-h2{
        letter-spacing: 2px;
    }

    .head-section-h2{
        font-size: 8.7vw;
        line-height: 8vh;
    }

    .lang-item::before{
        content: " ";
        width: 40px;
        height: 20px;
        position: absolute;
        top: 0;
        left: 15px;
        border-top: 1px solid #000;
    }

    .lang-item{
        margin-top: 10px !important;
        padding-top: 5px !important;
    }

    .menu-item:not(.lang-item){
        font-family: 'tex_gyre_herosbold', Arial, sans-serif !important;
    }

    #mobile1{

     }

    #mobile2{
        bottom: 0;
        position: absolute;
        left: 0;
        display: block;
        width: 100%;
        top: 90vh;
    }
}


@media (min-width: 768px){

}

@media (min-width: 768px) and (max-width:1023px){
    .contact-head span {
        font-size: 40px;
    }
}

@media (max-width:767px) {
    .contact-head span {
        font-size: 20px;
    }

    .head-section-h2{
        line-height: 7vh;
    }
}

@media (min-width: 1921px) and (max-width:2200px){
    .head-section-h2{
        font-size: 4vw;
        line-height: 4.4vw;
    }

    .head-section-sub{
        font-size: 1.5vw;
        line-height: 1.6vw;
    }
}