/* Remove Chrome Input Field's Unwanted Yellow Background Color */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
} 
/*---------------------------------
    6. SCREENSHOT AREA
----------------------------------*/
.screenshot-area{
    background:#e6f0f9;
}
.screenshot-area .area-title {
    margin-bottom: 130px;
}

.mobile_screen {
    /*left: 50%;*/
    /*    transform: translateX(-61%);*/
    /*margin-left: -170px;*/
    /*margin-left: -159px;*/
    /*margin-top: -112px;*/
    /*margin-top: 10px;*/
    /*position: absolute;*/
    /*width: auto !important;*/
    /*z-index: 9;*/
    left: 50%;
    margin-left: -188px;
    margin-top: -81px;
    position: absolute;
    width: auto;
    z-index: 9;
    scale: .8;
}

.owl-item.active.center img {
    left: 50%;
    margin: auto auto auto -132px;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: auto !important;
    z-index: 9;
}

/*.screenshot-slider .owl-item img { */
/*        margin: 0 auto;*/
    /*max-height: 550px;*/
/*    max-width: 100%;*/
/*    -webkit-transition: all 0.4s ease 0s;*/
/*    transition: all 0.4s ease 0s;*/
/*    width: auto !important;*/
/*    height: auto !important;*/
    /*height:  !important;*/
/*    scale: 1.16;*/
/*    object-fit: contain;*/
/*}*/
.screenshot-slider .owl-item img { 
        margin: 0 auto;
    max-height: 570px;
    max-width: 100%;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: auto !important;
    height: auto !important;
    /*height: 550px !important;*/
    /*scale: 1.186;*/
    object-fit: contain; 
}

.screenshot-slider .owl-controls {
    margin-top: 70px;
    text-align: center;
}

.screenshot-area .owl-nav > div {
    color: #17bdc8 !important;
    display: inline-block !important;
    font-size: 35px !important;
    height: 40px;
    text-align: center;
    width: 70px !important;
    -webkit-transition: 0.3s;
    transition: 0.3s ; 
    background: transparent !important;
}

.screenshot-area .owl-nav {
    
    display: none !important;
}

.screenshot-area .owl-nav > div:hover {
    color: #272727;
}
.owl-item.active {
    background-color: transparent;
}
.owl-dot.active span , .owl-dot span:hover{
    background-color: #17bdc8 !important;
}
.owl-dot.active {
    background-color: transparent !important;
}
.btn_slider{
        display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    margin: 20px auto;
}
.phone_float{ 
    bottom: 110px; 
}