.owl-carousel {
    max-width: none !important;
}

#customers .slick-active {
    width: 100% !important;
    display: flex;
    flex-flow: row;
}

#customers .slick-track {
    width: 100% !important;
}

.dialog {
    top: 50%;
    left: 100px;
    transform: translate(-50%, -50%);
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    z-index: 10000;
}

.close-btn {
    position: absolute;
    top: 0px;
    right: 10px;
    cursor: pointer;
}

.class_items_border {
    border: 1px solid #c1c1c13d;
}

.class_items_head {
    background-color: #f3f6f6;
    padding: 10px 15px;
    border-radius: 15px 15px 0px 0px;
    font-size: 16px;
    border-bottom-color: rgba(193, 193, 193, 0.24);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom: none;
}

.class_items_main {
    margin-top: 5px;
}

.main_pricing .price_title {
    background-color: white;
    border-radius: 10px;
}

.tabs-style-shape nav li.tab-current a span {
    color: #602323;
}

.tabs-style-shape nav li a span {
    background-color: #602323;
}

.tabs-style-shape nav li a:hover span {
    background-color: #d9d5d5;
    color: black;
}

.tabs-style-shape nav li a svg {
    position: absolute;
    left: 100%;
    margin: 0;
    width: 3em;
    height: 100%;
    fill: #602323;
}

.tabs-style-shape nav li a:hover svg {
    fill: #d9d5d5;
}


/* .content-wrap section p {
            font-size: 16px;
            color: white;
        } */


/* .main_pricing section .row div {
            color: black;
            margin-bottom: 10px;
            font-size: 16px;
        } */


/* .main_pricing section .row div p {
            background-color: #602323;
            border-radius: 50px;
            margin-bottom: 20px;
        }
         */


/* .main_pricing section .row {
            background-color: #f3f6f6;
            padding: 30px;
            border-radius: 20px;
        } */


/*.accordion-collapse {
        transition: all 0.35s !important; 
    }

    .collapse {
        transition: all 0.35s !important;
    }*/


/*      .collapse {
        transition: all 0.35s !important;
    }

    .collapsing {
        height: inherit;
        overflow: inherit;
        transition: inherit;
        font-size: inherit;
        width: inherit;
    }


    .collapse:not(.show) {
        height: inherit;
        overflow: inherit;
        transition: inherit;
        font-size: inherit;
        width: inherit;
        display:none;
    }


    .collapse .show {
        height: inherit;
        transition: all 0.35s !important;
        transform:inherit;
    }
     */


/*  
    .collapse:not(.show) {
        position: absolute;
        display: inherit;
        visibility: hidden;
        font-size: 0px;
        line-height: 0 !important;
        height: 0px;
        padding: 0px;
        margin: 0px;
        margin-top: 0px;
    }*/

.hightlight {
    background: linear-gradient(transparent 40%, rgb(255, 255, 255));
}

.opinion .box .list {
    transform: translateY(25px);
}

.team .box {
    background-color: #fff !important;
    border-radius: 20px;
    padding: 0px;
}

.main-play {
    position: absolute;
    top: 150px;
    right: 10px;
    left: 10px;
    bottom: inherit;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all .5s ease-in-out;
}

.main-play-ico {
    font-size: 70px;
    background-color: rgb(255, 255, 255, 0.7);
    border-radius: 60px;
    padding: 0px;
    margin: 0px;
    height: 100px;
    width: 100px;
    text-align: center;
    transition: all .5s ease-in-out;
}

.portfolio-item .item-img-overlay {
    background-color: rgba(255, 255, 255, 0) !important;
}

.main-play-ico:hover {
    background-color: rgb(255, 255, 255, 1);
}

.main-play:hover {
    color: rgb(0, 0, 0);
}

.portfolio-item:hover .main-play-ico {
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255, 1);
}

.portfolio-item img {
    transition: all 0.3s;
}

.portfolio-item:hover img {
    transform: scale(1.05) rotate(-2deg);
}

.portfolio-item:hover {
    cursor: pointer;
}

.vid-title {
    padding: 10px 5px 0px 0px;
    font-size: 16px;
}

.main-img {
    overflow: hidden;
    border-radius: 16px;
}

#news .news-list-item .d-block.text-muted {
    text-align: left;
}

.why-us2 .header .mdi::after {
    content: "";
    background: url(assets/images/features-icon.png) no-repeat;
    width: 83px;
    height: 86px;
    position: absolute;
    margin-right: -66px;
    margin-top: -8px;
}

.why-us2 .header.p-4 {
    text-align: center;
}

.why-us2 h3 {
    text-align: center;
    font-size: 20px;
}

.why-us2 .d-block.lh-lg {
    padding: 10px;
    text-align: center;
}

.txt-number {
    font-size: 20px;
    position: absolute;
    top: 10px;
    left: 20px;
    background: #602323;
    width: 30px;
    height: 30px;
    border-radius: 22px;
    color: white;
    text-align: center;
    padding-top: 1px;
}

.why-us2 .card {
    transition: all 0.3s;
    cursor: pointer;
}

    .why-us2 .card .mdi {
        transition: all 0.3s;
        color: #4a4a4a;
    }

    .why-us2 .card:hover .mdi {
        color: #602323e7;
    }

    .why-us2 .card .mdi::before {
        transition: all 0.1s;
    }

    .why-us2 .card:hover .mdi::before {
        transform: scale(1.2) rotate(-10deg);
    }

    .why-us2 .card .mdi::after {
        transition: all 0.2s;
    }

    .why-us2 .card:hover .mdi::after {
        transform: scale(1.2) rotate3d(1, 0, 0, 180deg);
    }

.why-us2 .header.p-4 {
    min-height: 130px;
}

.btn-primary-outline:hover {
    color: #fff;
    background: #602323 radial-gradient(circle, transparent 1%, #602323 1%) center/15000% !important;
}

.btn-primary-outline {
    border-color: #B08080 !important;
}

    .btn-primary-outline:hover {
        color: #fff;
        background: rgb(214, 8, 102) radial-gradient(circle, transparent 1%, rgb(214, 8, 102) 1%) center center / 15000% !important;
    }



p.accordion {
    background-color: #f3f6f6;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    margin-bottom: 0px;
    display: flex;
    justify-content: space-between;
    border-radius: 16px 16px 0px 0px;
}

    p.accordion.active, p.accordion:hover {
        background-color: #f3f6f6;
        font-weight: bold;
    }

    p.accordion:after {
        content: '\2795';
        font-size: 13px;
        color: #777;
        float: right;
        margin-left: 5px;
    }

    p.accordion.active:after {
        content: "\2796";
    }


div.panel {
    padding: 0 18px;
    background-color: #f3f6f6;
    max-height: 0;
    overflow: hidden;
    transition: 0.4s ease-in-out;
    opacity: 0;
    margin-bottom: 10px;
    line-height: 40px;
}

    div.panel.show {
        opacity: 1;
        max-height: 500px;
        border-radius: 0px 0px 16px 16px;
        line-height: 40px;
    }

.seeall {
    color: black !important;
    
}