.single-box:hover {
            
            background: black;
            border-radius: 15px;
            
        }

        .single-box p:hover {
            color: #fff!important;
        }

        .img-text {
            width: 100%;
            height: 100%;

            display: block;
            text-align: center;
            padding: 35% 5%;
            
            border-radius: 15px;
            box-shadow: 1px 4px 13px -2px rgba(0,0,0,.14);
        }
        .img-text h3 {
            color: var(--primary_color);
            font-size: 40px;
            letter-spacing: 2px;
        }
        .img-text p {
            font-size: 17px;
            color: black;
            font-weight: 500;
        }
        .single-box {
            position: relative;
            height: 80%;
        }
        .img-area {
            position: absolute;
            width: 20%;
            height: 20%;
            border: 1px solid var(--primary_color);
            overflow: hidden;
            top: 10px;
            left: 10px;
            border-radius: 50%;
        }
        .img-area img {
            width: 100%;
            background-size: cover;
        }
        /* .carousel-indicators {
            left: 0;
            top: auto;
            bottom: 10px;
        }
        .carousel-indicators li{
            background: #000;
            border-radius: 50%;
            width: 15px;
            height: 15px;
        }
        .carousel-indicators .active{
            background: var(--primary_color);
        } */
        .corosal-title {
            text-align: center;
            margin: 20px 0 40px 0;
        }
        .corosal-title h3 { 
            font-size: 43px;
            font-weight: 600;
        }
        .wrapper {
            background:#f5f5f5;
        }