/**************general****/
* {
    text-decoration: none !important;
}

.second-layout-overlay ul {
    list-style : none;
}

.yellow-bordered-link {
    border: 1px solid #FFBA05;
    color: #FFBA05 !important;
    border-radius: 4px;
}


/**************** border gradient *****************/
.main {
    overflow : hidden !important;
}
.main a {
    color : #dc4f35 !important;
}
.main-wrapper {
    max-width : 1800px !important;
}
.circle-top-swiper {
    box-shadow: 4px 4px 12px rgba(0,0,0,.08);
    padding-top: 20px;
}
.circle-top-swiper a {
    display : block;
}
.btn-gradient-2 {
    background: linear-gradient(white, white) padding-box,
    linear-gradient(to right, #CE4CAC, #FFBA05) border-box;
    border-radius: 50%;
    border: 4px solid transparent;
    transition: all linear 300ms;
    width: 145px !important;
    height: 145px !important;
}
.btn-gradient-2:hover {
    background: linear-gradient(white, white) padding-box,
    linear-gradient(to right, #CE4CAC, #FFBA05) border-box;
    border-radius: 50%;
    border: 4px solid transparent;
}
.btn-gradient-2 > img {
    width: 125px !important;
    height: 125px !important;
}
.btn-gradient-2 {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 1em;
    color: darkblue;
    padding: 0.5rem 1rem;
    cursor: pointer;
}
.uldiv p{
    font-size: 17px !important;
}
/**************** carousel style ******************/
.owl-nav {
    display: none;
}
.owl-dots {
    display: none;
}
.anchors-slider-slide p {
    font-size : 18px;
}
/*************** second layout ********************/
.second-layout-overlay {
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.3);
}
.second-layout-overlay img {
    object-fit: cover;
    width: 100%;
}
/***************** yellow line design ******************/
.yellow-line {
    background: #FFBA05;
    width: 150px;
    height: 4px;
}
/******************** title start ********************/
.more-info {
    width: 32px;
    height: 16px;
    font-size: 18px;
    background: lightgray;
    color: white;
    line-height: 0px;
    border-radius: 2px;
}
.video-overlay {
    background: rgba(0,0,0,0.3);
    border-radius: 12px;
}

title-font-custom-1 {
    font-size : 22px;
}

/***********************slider********************/
.anchors-slider-slide {
    width: 297px !important;
    height: 197px !important;
}
.more-custom {
    background: lightgray;
    line-height: 197px;
    width: 297px !important;
    height: 197px;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.w-75-c {
    width: 75%;
    margin: 0 auto;
}

.circle-slider-p {
        width: 100% !important;
        font-size : 16px !important;
    }


/*media query*/
@media only screen and (max-width: 600px) {

.yellow-bordered-link {
    border: 1px solid #FFBA05;
    color: #FFBA05 !important;
    border-radius: 4px;
    font-size: 12px !important;
}
    
    .uldiv{
        font-size : 13px !important;
    }
    
    .uldiv p{
        font-size : 13px !important;
    }
    
    .anchors-slider-slide p {
    font-size : 13px;
    }

    .btn-gradient-2 {
        width: 104px !important;
        height: 104px !important;
    }
    .btn-gradient-2 > img {
        width: 85px !important;
        height: 85px !important;
    }
    .circle-slider-p {
        font-size : 12px !important;
    }
    

    
    .anchors-slider-slide img {
    width: 100%;
    height: 112px !important;
    object-fit: cover;
    }


    .anchors-slider-slide {
        width: 170px !important;
        height: 170px !important;
    }
    .more-custom {
        background: lightgray;
        line-height: 170px;
        width: 170px !important;
        height: 112px !important;
    }


    .yellow-line {
        background: #FFBA05;
        width: 50px;
        height: 4px;
    }


    .w-75-c {
        width: 100%;
    }
    .mySwiperrrrr {
        padding-right: 20px !important;
    }

}

@keyframes spin-loading {
    100% {
        transform: rotateZ(360deg);
    }
}
@keyframes spin-loading-img {
    100% {
        transform: rotateZ(-360deg);
    }
}


@media only screen and (max-width: 1700px) and (min-width: 1500px)  {
    .circle-slider-p {
        margin-right: 4px;
    }
}