.cilent-swiper {
            overflow: hidden;
        }

        .vt-location {
            max-width: 300px;
        }

        .vt-location .btn {
            color: #fff;
            border: 0px;
            font-weight: 300;
            padding-inline: 0px;
            font-size: 14px;
        }

        .vt-location .dropdown-toggle::after {
            display: inline-block;
            margin-left: unset;
            vertical-align: baseline;
            border: 0px;
            font-family: "icon-m2e";
            position: relative;
            top: 2px;
            left: 0px;
            content: "\e949";
        }

        .vt-location button i {
            margin-right: 6px;
        }

        .vt-location .dropdown-menu {
            position: absolute;
            right: 10px !important;
            left: unset !important;
            top: 34px !important;
            transform: unset !important;
        }

        .vt-location .btn:focus {
            box-shadow: 0 0 0 .2rem rgba(255, 162, 0, 0);
        }

        .vt-location .dropdown-menu {
            backdrop-filter: blur(30px);
            background-color: rgb(0 0 0 / 34%);
            border: 1px solid #ffa20057;
            box-shadow: 0px 1px 9px -3px #ffa20057;
            border-radius: 0;
            max-width: 300px;
            max-height: 400px;
            overflow-y: auto;
        }

        .vt-location .dropdown-menu>a {
            padding: 5px 10px 5px 10px;
            background-color: transparent;
            font-weight: 300;
            color: #fff;
            font-size: 15px;
            max-width: 300px;
            min-width: 200px;
        }

        .vt-location .dropdown-menu>a:hover {
            color: #FFA200
        }
/* 
        .vt-location:hover .dropdown-menu {
            display: block;
        } */

        .vt-location .dropdown-item {
            display: flex;
            align-items: center;
        }

        .vt-location .dropdown-item img {
            width: 25px;
            height: 25px;
            margin-right: 8px;
            object-fit: contain;
        }

        .vt-location .btn img {
            width: 20px;
            height: 20px;
            margin-right: 4px;
            object-fit: contain;
        }

        .headermobmenu-mobile__navigation .vt-location {
            display: flex;
            justify-content: flex-end;
        }

        .headermobmenu-mobile .vt-location button i {
            font-size: 20px;
            margin-left: 40px;
        }

        .headermobmenu-mobile .vt-location button img {
            margin-left: 40px;
        }

        @media screen and (max-width: 1200px) {
            .headermobmenu-mobile .vt-location button i {
                font-size: 18px;
                margin-left: 22px;
            }

            .headermobmenu-mobile .vt-location .btn {
                padding-top: 0px;
                padding-bottom: 0px;
            }

            .headermobmenu-mobile .vt-location .btn img {
                width: 28px;
                height: 28px;
                margin-left: 22px;
            }
        }

/* START - home page How We Solve Real Problems section slider added css code */
.vt-sec-my-60{
    margin:60px 0;
}
.vt-h3{
    font-size:32px;
    font-weight:600;
}      
#problemSlider img{
    height:450px;
    object-fit: contain;
    width:100%;
}
.carousel-indicators li{
    width:10px;
    height:10px;
    border-radius:50%;
}
.carousel-indicators .active{
    background-color:#007bff;
}

#problemSlider img{
    height:600px;
    object-fit: contain;
    border-radius:9px;
    }

    #problemSlider .carousel-control-prev-icon,
    #problemSlider .carousel-control-next-icon{
        background-image:none;
        width:40px;
        height:40px;
    }
    
    #problemSlider .carousel-control-prev-icon::after{
        content:"\276E";
        font-size:40px;
        color:#f58220;
    }
    
    #problemSlider .carousel-control-next-icon::after{
        content: "\276F";
        font-size:40px;
        color:#f58220;
    }

    
    #problemSlider .carousel-control-next, #problemSlider  .carousel-control-prev{
        --offset: -40px
    }
    #problemSlider  .carousel-control-prev {
        left: var(--offset);
    }
    #problemSlider  .carousel-control-next {
        right: var(--offset);
    }
@media (max-width: 768px) {
    #problemSlider .carousel-control-next, #problemSlider  .carousel-control-prev{
        --offset: -20px
    }
    #problemSlider img {
    height: auto;
    padding-inline: 20px;
    }
    #problemSlider .carousel-item{
    align-content: center;
    }
    
}

/* END - home page  How We Solve Real Problems section slider added css code */