/******************* Custom HTML for home page 05.08.2022 *********************/

@media (max-width: 1919px){
    .banner-text .banner-col .elementor-column-wrap.elementor-element-populated{
        padding: 0rem 12rem 0rem 12rem !important;
    }
    .banner-heading.elementor-widget.elementor-widget-litho-heading{
        width: 90% !important;
        max-width: 100% !important;
    }
    .edge-box{
        padding: 0px 25px;
    }
    .circle-box{
        padding: 130px 25px;
    }
}
@media (min-width: 1400px){
    .banner-text .banner-col .elementor-column-wrap.elementor-element-populated{
        padding: 0rem 10rem 0rem 10rem !important;
    }
}
@media (max-width: 1025px){
    .banner-text .banner-col .elementor-column-wrap.elementor-element-populated{
        padding: 0rem 0rem 0rem 0rem !important;
    }
    .banner-heading.elementor-widget.elementor-widget-litho-heading{
        width: 90% !important;
        max-width: 100% !important;
    }
    /* .banner-heading .elementor-widget-container{
        padding-right: 280px !important;
    } */
    .edge-box{
        padding: 0px 25px;
    }
    .circle-box{
        padding: 130px 25px;
    }
}

@media (max-width : 767px){
    .container{
        padding-left: 15px;
        padding-right: 15px;
    }
    #moblang::after{
        content: '';
        position: absolute;
        background: url('https://www.betatesting.net/projects/zavrantonas/wp-content/uploads/2022/08/Polygon-arrow.svg') no-repeat;
        height: 14px;
        width: 14px;
        right: 0;
        left: auto;
    }
    .edge-box{
        display: flex;
        flex-direction: column-reverse;
    }
    .edge-box .left-box{
        width: 100%;
    }
    .edge-box::after{
        content: '';
        width: 100%;
        display: flex;
        background: linear-gradient(180deg, rgba(255, 205, 34, 0.26) 33.33%, rgba(255, 205, 34, 0) 100%);
        padding: 0px 15px;
        height: 125px;
        position: absolute;
        top: 0;
        margin: 0px -15px;
    }
    .edge-box .right-box{
        width: 100%;
        height: 125px;
        background: none;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    .edge-box .heading{
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 21px;
        line-height: 32px;
        color: #F6B909;
    }
    .edge-box span{
        font-family: 'Oxygen', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 25px;
        line-height: 32px;
        color: #000000;
    }
    .edge-box .text-box{
        padding-left: 0px;
    }
    .edge-box .black_btn{
        width: auto;
        margin-left: 0px;
        padding: 12px 40px;
    }
   
    .edge-box .icon_one{
        margin-left: 0%;
        position: relative;
        margin-top: 0%;
        width: 65.72px;
        height: 76.44px;
    }
    .edge-box .icon_two{
        position: relative;
        margin-left: 0%;
        margin-top: 0%;
        width: 65.72px;
        height: 76.44px;
    }
    .edge-box .icon_three{
        position: relative;
        margin-left: 0%;
        margin-top: 0%;
        width: 65.72px;
        height: 76.44px;
    }
    .edge-box .icon_one img{
        position: absolute;
        width: 100%;
    }
    .edge-box .icon_two img{
        position: absolute;
        width: 100%;
    }
    .edge-box .icon_three img{
        position: absolute;
        width: 100%;
    }

    .circle-box{
        padding: 40px;
    }
    .circle-box .tech-row{
        display: block;
        margin: 0px -15px;
    }
    .circle-box .tech-row:first-child{
        margin-bottom: 0px;
    }
    .circle-box .tech-box{
        margin-bottom: 20px;
        padding: 0px 5px;
        flex: 100%;
        max-width: 100%;
    }

    .circle-box a{
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: left;
    }
    
    .circle-box .tech-icon{
        width: 100%;
        margin: 0px auto;
    }
    .circle-box .tech-text{
        width: 100%;
        padding: 0px 40px 0px 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 148px;
    }
    .tech-text::after{
        top: 60px;
    }

    /******************* header css *********************/

    .web-heading .elementor-sticky--active {
        background: linear-gradient(113.03deg, #000000 -100.23%, #3D3D3D 100.23%);
    }
    .web-heading .elementor-sticky{
        background: linear-gradient(113.03deg, #000000 -100.23%, #3D3D3D 100.23%);
    }

    .banner-heading .elementor-widget-container{
        padding-right: 0px !important;
    }
    .banner-heading.elementor-widget.elementor-widget-litho-heading{
        width: 79% !important;
        max-width: 100% !important;
    }
    h1.litho-heading.elementor-size-default{
        line-height: 1.5rem;
    }


    /********************** footer css *************************/

    .mob-sitemap .elementor-nav-menu li{
        text-align: center;
    }
    .mob-sitemap .elementor-nav-menu--dropdown .elementor-item.elementor-item-active{
        background-color: transparent;
    }
    .oblic{
        display: none;
    }

    .contactForm .wpcf7-submit{
        width: 100% !important;
    }


    /********************** contact css ****************************/

    .connect .elementor-container.elementor-column-gap-default{
        display: flex;
        flex-direction: column-reverse;
    }
    .contactForm .contact-form-wrapper .contact-form-text .wpcf7-list-item-label a{
        display: block;
    }

    .contact-form-text{
        font-family: "Oxygen", Sans-serif !important;
    }
    

    /************************ about us css ***************************/

    .ios-div .elementor-view-default .elementor-icon{
        border: none;
        padding: 30px 0px;
        border-radius: 0%;
        margin: 0px;
    }
    .ios-div .elementor-inner-column{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .ios-div .elementor-image-box-wrapper{
        display: flex !important;
        align-items: center !important;
    }
    .ios-div .elementor-widget-image-box .elementor-image-box-content{
        text-align: left;
        padding-left: 30px;
    }
    .ios-div .elementor-inner-column.elementor-element{
        border-bottom: 2px dashed #3d3d3d;
    }
    .ios-div .elementor-inner-column.elementor-element:last-child{
        border-bottom: none;
    }

    .sd-pic-one img, .sd-pic-two img{
        padding: 10px;
    }

    .zv-brand-slider .brand-logo-carousel{
        display: flex;
        align-items: center;
    }

    .zv-brand-slider .brand-logo-carousel img{
        width: 50%;
    }


    .list-number.one {align-items: flex-start; }
    .pr-accordion-content .txt { width: 100%; padding-right: 0px; }
    .pr-accordion-content .pic { width: 100%; padding-left: 0px; }
    .pr-accordion-content .pic img {padding: 10px; max-width: 300px; margin: 0 auto; display: block;}

    .mobpic{
        display: block;
    }
    .webpic{
        display: none;
    }
    .team-style-4 .team-member-image{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .team-slider .team-member-image img{
        /* width: 100% !important;262px */
      /* height: auto;  315px */
       width: 348px !important;
        height: 381px;
    }
    
    .team-style-4 .team-member-details {
        width: 100% !important;
    }

    .team-member-details.team-member-overlay{
        width: 100% !important;
        /* max-width: 262px; */
    }

    .zv-brand-slider .swiper-container-horizontal>.swiper-pagination-bullets{
        top: 108px;
    }

    .fa-caret-down:before{
        content: '';
        background: url('https://www.betatesting.net/projects/zavrantonas/wp-content/uploads/2022/08/Polygon-arrow.svg');
        background-repeat: no-repeat;
        height: 14px;
        width: 14px;
        appearance: none;
        position: absolute;
        font-size: 0;
        right: 0px;
        top: auto;
    }

    .elementor-pagination-position-outside .elementor-swiper-button {
        top: calc(40% - 30px / 2) !important;
    }

    .highlighted.fa-caret-down:before{
        content: '';
        background: url('https://www.betatesting.net/projects/zavrantonas/wp-content/uploads/2022/10/Polygon_upicon.png');
        background-repeat: no-repeat;
        height: 14px;
        width: 14px;
        appearance: none;
        position: absolute;
        font-size: 0;
        right: -15px;
        top: 23px;
    }
}