/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
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 */

.page_header {
    clip-path: polygon(0 0, 100% 0, 100% 86%, 0% 100%);
}

.page_header .header_image {
    position: relative;
}
.page_header .header_image img {width: 100%;height: 100%;object-fit: cover;}

.header_image.e-flex.e-con.e-child {
    position: absolute;
    right: 0;
    height: 100%;
    width: 100%;
    max-width: 970px;
}

.header_image.e-flex.e-con.e-child .elementor-widget.elementor-widget-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}


.header-inner {
    max-width: 1200px !important;
}



.exp_timtline .twae-vertical.twae-wrapper .twae-timeline:before {
    display: none;
}

.exp_timtline .twae-start,.twae-end {
    display: none !important;
}

.exp_timtline .twae-content {
    padding-left: 0px !important;
}

.exp_timtline .twae-wrapper .twae-icondot {
    background: transparent !important;
}

.exp_timtline .twae-arrow {
    display: none;
}

.exp_timtline .twae-labels {
    max-width: 50px !important;
}

.exp_timtline .twae-icondot {
    left: 75px !important;
    right: inherit !important;
}

.exp_timtline .twae-vertical-right.twae-wrapper .twae-story {width: 100%;}

.exp_timtline .twae-vertical-right.twae-wrapper .twae-labels {
    left: 0px;
}

.exp_timtline .twae-wrapper .twae-content {
    left: 125px;
    box-shadow: none;
    max-width: 500px;
}

.exp_timtline .twae-wrapper .twae-title {
    margin-bottom: 0px;
}

.exp_timtline .twae-vertical.twae-wrapper .twae-timeline {
    padding: 0px !important;
}

.exp_timtline .twae-wrapper .twae-content:before {
    content: '';
    width: 4px;
    height: calc(100% - 35px);
    position: absolute;
    background: #fff;
    left: -40px;
    top: 41px;
}

.exp_timtline .twae-wrapper .twae-content {
    overflow: inherit;
}

.exp_timtline .twae-vertical-right.twae-wrapper .twae-story:last-child .twae-content:before {display:none}

.section_experience:after {
    content: '';
    position: absolute;
    background: #ffffff15;
    top: 0;
    right: 0;
    width: calc(40% + 65px);
    height: 100%;
}

.strategy_points{margin-top:75px;}
.strategy_points figure.elementor-image-box-img {
    width: 92px !important;
    height: 92px;
    background: #000;
    display: grid;
    align-content: center;
    justify-items: self-start;
    border-radius: 50%;
    margin-left: -20px !important;
    margin-top: -66px !important;
    justify-content: center;
}

.footer_contact  h3.elementor-image-box-title {
    margin: 0px;
    white-space: nowrap;
}

footer p {
    margin: 0px;
}

.heading_bar h2:after {
    width: 135px;
    height: 4px;
    content: '';
    display: block;
    margin-top: 20px;
    background: linear-gradient(to right, rgba(48, 80, 178, 1) 0%, rgba(0, 54, 255, 0.01) 98%, rgba(0, 54, 255, 0) 99%);
}
.heading_bar_mid h2:after {
    width: 280px;
    height: 4px;
    content: '';
    display: block;
    margin-top: 20px;
    background: linear-gradient(to right,  rgba(48,80,178,0) 0%,rgba(48,80,178,0.03) 1%,rgba(48,80,178,1) 30%,rgba(48,80,178,1) 70%,rgba(48,80,178,0) 100%);
    margin-left: auto;
    margin-right: auto;
}


.heading_bar_white h2:after {
    width: 135px;
    height: 4px;
    content: '';
    display: block;
    margin-top: 20px;
    background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.01) 98%,rgba(255,255,255,0) 99%);

}

.section_strategy {
    position: relative;
}

.section_strategy:before {
    content: '';
    width: 516px;
    height: 346px;
    background: url(images/cs_logo.png);
    background-repeat: no-repeat;
    position: absolute;
    top: -170px;
    left: 60%;
}

body.home {
    overflow-x: hidden;
}

.section_lets_work_together h2.elementor-heading-title span {
    display: block !important;
}



div#contact_form {
    padding: 25px;
    border: solid 1px #ffffff75;
    background: #00000022;
    border-radius: 15px 15px 0px 0px;
}

div#contact_form label {
    color: #fff;
    width: 100%;
    margin-bottom:15px;
    display: block;
}

div#contact_form .hf {
    display: flex;
    gap: 20px;
}

div#contact_form input {
    margin-top: 10px;
    border: solid 1px #fff !important;
    outline: 0px !important;
    background: transparent;
    border-radius: 8px !important;
    width:100% !important;
    color:#fff;
}
div#contact_form textarea {
    margin-top: 10px;
    border: solid 1px #fff !important;
    outline: 0px !important;
    background: transparent;
    border-radius: 8px !important;
    width:100% !important;
    max-height:100px;
    color:#fff;
}

div#contact_form span.wpcf7-form-control-wrap {
    width: 100%;
    display: block;
}

div#contact_form input.wpcf7-form-control.wpcf7-submit.has-spinner {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px 25px;
    width: auto !important;
    background:#fff;
    color:#000;
}



div#year_of_experience h2 {
    font-size: 16px;
    width: 200px;
    height: 200px;
    background: #ffffff;
    border-radius: 50%;
    padding: 30px;
    padding-left:50px;
    padding-top:50px;
    font-weight: 500;
    
}

div#year_of_experience h2 span {
    font-size: 48px;
    display: block;
    font-weight: 900;
}

div#year_of_experience {
    position: relative;
}

div#year_of_experience .elementor-widget.elementor-widget-heading {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding:75px;
    background:#fff2;
    border-radius:50%
}

div#year_of_experience ul.elementor-icon-list-items {
    gap: 30px;
    display: grid;
    text-align: right;
    max-width: calc(100% - 278px);
    justify-items: flex-end;
    padding-top:30px
}

div#year_of_experience ul.elementor-icon-list-items li.elementor-icon-list-item span {background: #fff;color: #000;padding: 8px 25px;border-radius: 50px;}

div#year_of_experience ul.elementor-icon-list-items li.elementor-icon-list-item:nth-child(2) {
    padding-right: 37px;
}

div#year_of_experience ul.elementor-icon-list-items li.elementor-icon-list-item:nth-child(3) {
    padding-right: 37px;
}


div#education_award span.elementor-icon {
    fill: #fff !important;
}

div#education_award .elementor-icon-box-icon {
    background: #012ac0;
    padding: 10px;
    border-radius: 10px;
}

div#education_award svg {
    font-size: 25px;
}

div#education_award ul {
    padding-left: 20px;
font-size: 16px !important;
    line-height:30px;
}

div#education_award h3.elementor-icon-box-title {
    margin-bottom: 10px !important;
    font-size: 18px !important;
}

div#education_award p.elementor-icon-box-description {
    font-size: 16px !important;
}

div#contact_form  span.wpcf7-list-item.first {
    margin-left: 0px;
}

div#contact_form  span.wpcf7-list-item {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    margin-right: 30px;
}

div#contact_form  span.wpcf7-form-control.wpcf7-checkbox {
    display: flex;
}

div#contact_form  span.wpcf7-list-item label {width: 22px !important;}


.content_scroller {
    max-height: 600px;
    overflow-y: scroll;
}




.content_scroller::-webkit-scrollbar
{
    width: 10px;
    background-color: #f5f5f573;
}

.content_scroller::-webkit-scrollbar-thumb
{
    background-color: #ffffffbd;
}



.skilled_image {
    height: 100%;
    position: relative;
    max-height: 480px;
    overflow: hidden;
    border-radius: 25px 0px 0px 25px;
}

.skilled_image img {
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
}
/*Responsive Start*/
@media (max-width: 1300px){
    .section_strategy:before {
        left: inherit !important;
        right: 15px;
        width: 40%;
        background-size: contain;
    }
    .page_header {
        overflow: hidden;
    }
}

@media (max-width: 1200px){
    .page_header .header_image img {
        margin-right: -200px;
    }
}

@media (max-width: 1024px){
    .elementor-widget-tl-site-logo img {
        max-width: 170px;
    }

    div#pro_mob_img {
        position: inherit;
    }

    .header_image.e-flex.e-con.e-child {
        position: inherit;
    }

     .page_header .header_image img {
        max-width: 400px;
        margin: auto;
        border-radius: 15px;
        box-shadow: 0px 0px 25px #ffffffc9;
    }
}

@media (max-width: 767px){
    div#pro_mob_img {
        position: inherit;
    }

    .header_image.e-flex.e-con.e-child {
        position: inherit;
        order: 1;
        width: 150px;
    }

    .page_header .header_image img {
        margin: 0px;
    }
    .section_experience:after {
        display: none;
    }

    .exp_timtline .twae-icondot {
        left: 0px !important;
        top: 0px !important;
    }

    .exp_timtline .twae-vertical-right.twae-wrapper .twae-story {
        padding-left: 50px;
    }

    .exp_timtline .twae-wrapper .twae-content {
        left: 0px;
        padding-bottom: 15px;
    }

    .exp_timtline .twae-wrapper .twae-content:before {
        top: 10px;
        height: calc(100% - 17px);
    }

    .exp_timtline .twae-labels {}

    .exp_timtline .twae-labels {
        padding-bottom: 0px !important;
    }

    .skilled_image {
        border-radius: 25px;
        margin-bottom: 20px;
        height: 300px;
    }

    .content_scroller {
        border-radius: 25px;
        overflow: inherit;
        height: auto !important;
        max-height: inherit;
    }

    .skilled_image img {
        object-fit: fill;
    }

    div#year_of_experience .elementor-widget.elementor-widget-heading {
        position: inherit;
        width: 350px;
        display: none;
    }

    div#year_of_experience ul.elementor-icon-list-items {
        max-width: 100% !important;
        text-align: left !important;
        justify-content: left;
    }

    div#year_of_experience ul.elementor-icon-list-items li.elementor-icon-list-item {
        padding-right: 0px !important;
        width: 100%;
    }

}