.right-side {
    width: 26%;
    height: auto;

    display: inline-block;
    float: right;
    position: sticky;
    top: 83px;
}

.card1-store-detail {
    padding: 23px;
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 2px;
}

.container-5 {
    position: relative;
    text-align: center;
    color: white;
}

i.ri-check-line.-line-icon-store {
    border: 2px solid #0d6efd;
    border-radius: 20px;
    font-size: 12px;
    color: #0d6efd;
    font-weight: 600;
}

i.ri-check-line.-line-icon-store2 {
    border: 2px solid #000000;
    border-radius: 20px;
    font-size: 12px;
    color: #000000;
    font-weight: 600;
}

.text-danger1 {
    color: #86b7fe;
}

i.ri-time-line {
    font-size: 18px;
    color: #e21e24;
    font-weight: 700;
}

p.store-details-time {
    font-size: 15px;
    color: #e21e24;
}

a.store-details-time-btn {
    background: #e21e24;
    color: white;
    width: 100%;
    position: relative;
    margin: 0 auto;
    display: block;
    text-align: center;
    padding: 13px 10px;
    border-radius: 30px;
    font-size: 16px;
}

a.store-details-time-bttn {
    background: #e21e2400;
    color: #e21e24;
    width: 100%;
    position: relative;
    margin: 0 auto;
    display: block;
    text-align: center;
    padding: 11px 10px;
    border-radius: 30px;
    font-size: 16px;
    border: 1.10px solid #e21e24;
}

a.store-details-time-bttn:hover {

    border: 1.10px solid rgb(0, 0, 0) !important;
}

p.text-content-store-details {
    font-size: 14px;
    color: black;
    /* text-align: center; */
    margin: 20px 0px 10px 0px;
}

h3.text-price-store {
    font-size: 20px;
}

.centered-box-stoore {
    position: absolute;
    top: 50%;
    /* left: 34%; */
    transform: translate(0%, -52%);
    text-align: start;
    width: 50%;
}

.display-flex-box {
    display: flex;
}

p.mt-2-rating-student {
    margin: 11px 0px 0px 5px;
    font-size: 15px;
}

.centered-box-stoore h1 {
    color: white;
}

.bg-details-box {
    /* background-image: linear-gradient(rgb(0 0 0 / 71%), rgb(0 0 0 / 77%)), url(../images/store/a95ab6bb-c877-4931-bf89-9b0d0005eb7e_1735642662273_Managing-the-store.jpg);
   */
    background: linear-gradient(90deg, #15283c 0%, #15283c);
    height: 100%;
    position: relative;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: white;
    /* z-index: -1; */
}









/* 


.box {
    position: absolute;
    top: 150px;
    left: 50%;
    transform: translate(-50%, -50%);
} */



/* --------- */
.col-sm-3.border-right-1 {
    border-right: 1px solid #d4d4d4;
    /* height: 39px; */
    margin: 15px 0px;
    padding: 16px 10px;
}

.col-sm-3.border-right-11 {
    margin: 15px 0px;
    padding: 16px 10px;


}

.col-sm-3.border-right-1 p {
    font-size: 14px;
    margin: 10px 0px 0px 0px;
}

.col-sm-3.border-right-11 p {
    font-size: 14px;
    margin: 10px 0px 0px 0px;
}

.col-sm-3.border-right-1 b {
    font-size: 16px;
    color: #000000;
}

.col-sm-3.border-right-11 b {
    font-size: 16px;
    color: #000000;
}



.rating-box-detailsuu {
    background: white;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    text-align: center;

    border-radius: 69px;
    border-left: 6px solid #dc3545;
    border-right: 6px solid #dc3545;
    padding: 0px 19px;

}

.section2 {
    height: 562px;


    padding: 20px 0;
    position: absolute;
    width: 100%;
}

.main-box-section {
    width: auto;
    margin: 50px auto;
    clear: both;
}

.main-box-section:before,
.main-box-section:after {
    content: '';
    display: table;
    clear: both;
}

.left1-side {
    width: 70%;

    display: inline-block;
    vertical-align: top;
    float: left;
    border: 0;
    margin: 454px 0px 0px 0px;
    position: relative;
}

.left1-side div {
    /* background: #999; */
    height: auto;
}

/* .left1-side div+div {
    margin-top: 50px;
} */

p.star-icon-symboll {
    font-size: 27px;
    /* gap: 21px; */
    /* position: relative; */
    margin: 0px 0px 0px 0px;
    color: #ffbf00;
}

p.star-icon-symboll span {
    font-size: 23px;
    /* gap: 21px; */
    /* position: relative; */
    margin: 0px 0px 0px 0px;
    color: #ffbf00;
}

span.span-text-3 {
    font-size: 18px !important;
    font-weight: 600;
    margin: 0px 5px 0px 0px !important;
}

.centered-box-stoore p {

    font-size: 17px;
    margin: 0px;
}

.centered-box-stoore h1 {}

p.mt-2-rating-student {
    margin: 10px 0px 0px 7px !important;
    font-size: 15px !important;
}

span.rating-content {
    color: #0dcaf0;
}


/* tab css */

.tabs {
    display: flex;
    flex-wrap: wrap;
    height: 300px;
    width: auto;
}

.tabs label {
    padding: 23px 20px;
    order: 1;
    border-radius: 4px;
    /* display: flex
; */
    /* justify-content: center;
    align-items: center; */

    margin: 0px 14px 12px 0px;
    cursor: pointer;
    background-color: #ffffff;
    font-weight: 600;
    transition: backgroundease 0.3s;
    color: black;
    width: 23%;
    box-shadow: 0 4px 54px rgb(173 187 225 / 44%);
}

.tabs label .circle-p {


    color: rgb(0, 0, 0);

}

.tabs label .circle-p1 {


    color: rgb(255, 255, 255);

}

/* 
.tabs label:hover {
   
    background-color: #e21e24;
    
    color: rgb(255, 255, 255);
} */
.tabs .tab {
    order: 9;
    flex-grow: 1;
    width: 100%;
    height: 100%;
    display: none;

    background: #cae0fe38;

    padding: 20px;
    /* background: #f8f9fa;
    padding: 20px; */
    /* box-shadow: #e21e24 0px 7px 29px 0px; */
    margin: 0px 27px 0px 0px;
    /* border-bottom: 2px solid red; */


}

.tabs .tab .circle-p {}

.circle-p {
    display: flex;
    height: 30px !important;
    width: 30px;
    border-radius: 50%;

    padding: 2px;
    border: 2px solid;
    /* border: 1px solid black; */
    align-items: center;
    justify-content: center;
}

.circle-p1 {
    display: flex;
    height: 20px !important;
    width: 20px;
    border-radius: 50%;
    background: #fff;
    align-items: center;
    justify-content: center;
}

.tabs input[type="radio"] {
    display: none;
}

.tabs input[type="radio"]:checked+label {
    /* background: #e21e24; */
    /* color: #0a355b;
    background-color: #cae0fe;
    margin-bottom: 0; */
    background-color: #cae0fe38;
    margin-bottom: 0;
    color: #e21e24;
    box-shadow: 0 4px 54px rgb(173 187 225 / 0%);


}

.tabs input[type="radio"]:checked+label .circle-p {
    /* background: #e21e24; */
    color: #e21e24;


}

p.text-tab {
    font-size: 18px;
}

.tabs input[type="radio"]:checked+label .circle-p1 {
    background: #e21e24;
    color: rgb(0, 0, 0);


}

.tabs input[type="radio"]:checked+label+.tab {
    display: block;
}

@media (max-width: 465px) {

    .tabs .tab,
    .tabs label {
        order: initial;
    }

    .tabs label {
        width: 100%;
        margin-left: 50px;
    }
}

img.img-user-store {
    width: 76px !important;
    margin: 0 auto;
    height: 76px !important;
    border: 2px solid #ad1216;
    border-radius: 129px;
    padding: 4px;
}

b.box-progress {
    font-weight: 500;
    color: #ffffff;
    border: 1px solid #198754;
    padding: 2px 4px;
    margin-bottom: 30px;
    background: #198754;
    border-radius: 40px;
    font-size: 11px;

}
.tab-box h5 {
    font-size: 26px ;
}
p.tab-content-txet {
    font-size: 15px;
    color: #000000;
    margin: 6px 0px;
    text-align: justify;
}
.owl-carousel.owl-rtl {
    direction: rtl;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

h5.text-center.alumni-box {
    font-size: 19px;
    font-weight: 400;
    width: 63%;
    text-align: center;
    margin: 19px auto 5px auto;
}

.card.card-980 {
    height: 251px !important;
    padding: 11px 10px 10px 10px;
    box-shadow: #f3f3f4 2px 0px 22px 4px;
    margin: 55px 8px 24px 8px;
    background: #fff;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 4px solid #bc0e1f;
}

h3.card-title.alumni-title {
    font-size: 18px;
    margin: 14px 0px 0px 0px;
}



.tabs-wrapper {
    max-width: 100% !important;
    width: 100%;
}

.border-uyt76 {
    border-right: 0px solid !important;
}

.tabss {
    list-style: none;
    padding: 0;
    display: flex;
    /* gap: 10px; */

    .li-tab-box-7 {
        cursor: pointer;
        padding: 15px 20px;

        /* border: 1px solid #DDD; */
        background-color: #e9ecef;
        transition: .25s;
        color: black;
        width: 100%;

        font-size: 16px;
        text-align: center;
        border-right: 1px solid #afadae;



        &:hover {

            color: #FFF;
            background-color: #bc0e1f;
        }

        &.active {

            color: #FFF;
            background-color: #bc0e1f;
        }
    }
}

.atecy9 {
    margin: 123px 0px 44px 0px;
}


.tab-content {
    display: none;
    padding: 45px 20px;
    border: 1px solid #DDD;
    margin-top: 10px;
    border-radius: 5px;


}

img.img-7-top-companies {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

h2.text-center.atecy99.m {
    margin: 92px 0px 0px 0px;
}

.explore-text {
    font-size: 16px;
    color: black;
    margin: 0px 0px 9px 0px !important;
}


span.text-star-rating-12 {
    color: #c4710d;
}

p.rating-content-98 {
    display: flex;
    height: 53px !important;
    width: 53px;
    border-radius: 50%;
    padding: 2px;
    background-color: #cc1a1f;
    align-items: center;
    justify-content: center;
}

.user-name-text {
    display: flex;
    border-radius: 500px;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 20px;
}



.rating-content-968 {

    margin: 0px 0px 0px 15px;

}

.testimonial-rating span {
    color: #c4710d;
    font-size: 18px;
    margin: 0px !important;
    padding: 0px !important;
}
.testimonial-rating span b {
    color: #525252;
    font-size: 14px;
    margin: 0px !important;
    padding: 0px !important;
}
h5.user-title-name {
    margin: 6px 0px -6px 0px;
    padding: 0px;
    font-size: 18px;
}


p.card-rating-content {
    color: #000000;
    margin: 20px 0px;
    text-align: justify;
}
.technologies-logo {
    margin: -35px 0px;
}
.alumni-logos1 .owl-item.owl-items4.active {

}
.alumni-logos1 .owl-item.owl-items4.cloned {

}
.logo-alumni{
margin-right: 10px !important;
margin-left: 10px !important;
}
.owl-items4 {
    animation: animate 38slinear infinite !important;
}
.card-rating-box {
    background: #f6f7fc;
    padding: 32px 30px;
    border-radius: 5px;
    border-right: 7px solid #ad1217;
    margin: 50px 0px 0px 0px;
    /* border-left: 1px solid #d7d7d700;
    border-top: 1px solid #d7d7d700;
    border-bottom: 1px solid #d7d7d700; */
}

.card-rating-box:hover {
    background: #f6f7fc;
    padding: 32px 30px;
 
    border-radius: 5px;
    border-right: 7px solid #c4710da8 ;
    margin: 50px 0px 0px 0px;
}
img.alumni-logo {
    background: white;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 5px;
    margin: 30px 37px;
}


.question-faq {
    font-size: 17px;
    font-weight: 600;
   
    position: relative;
    display: flex
;
    align-items: center;
    cursor: pointer;
    background: #fff;
    box-shadow: 0 4px 54px rgb(173 187 225 / 44%);
    border-radius: 8px;
    padding: 17px 20px;
    margin: 0px 0px 14px 0px;
    color: black;
}



.question-faq::after {
    content: "\002B";
    font-size: 2.2rem;
    position: absolute;
    right: 20px;
    transition: 0.2s;
}

.question-faq.active::after {
    transform: rotate(45deg);
}

.answercont {
    max-height: 0;
    overflow: hidden;
    transition: 0.3s;
}

.answer-faq {
    padding: 23px 20px 10px 20px;
    line-height: 23px;
    color: black;
}
.question-faq.active {
    background: #e31e24;
    color: white;
    margin: 0px;
    border-radius: 8px 8px 0px 0px;
}
.question-faq.active+.answercont {
    background: #fff;
    box-shadow: 0 4px 54px rgb(173 187 225 / 44%);
    margin: 0px 0px 13px 0px;
}
.tabs.margin33900 {
    margin: 90px 0px 0px 0px;
}
/* #main {

    display: flex;
} */

@media (max-width:480px){
    .left1-side {
            width: 100% !important;
            float: initial;
            margin:  35px 0px 0px 0px;
            order: 2;
    
        }
    
        p.mt-2-rating-student {
            margin: 10px 0px 0px 0px !important;
            font-size: 15px !important;
            text-align: start !important;
        }
    
        .question-faq {
            font-size: 16px !important;
        }
    
        div#myRedDIV {
            order: 2;
        }
    
        a.default-btn.store-details-time-btn,
        a.default-btn.store-details-time-bttn.mt-2 {
            width: 100% !important;
    
        }
    
        div#myPinkDIV {
            order: 1;
        }
    
        .atecy9 {
            margin: 44px 0px 44px 0px;
        }
    
        h2.text-center.atecy99.m {
            margin: 53px 0px 0px 0px;
        }
    
        .tabss {
            list-style: none;
            padding: 0;
            display: grid !important;
    
        }
    
        .tabss {
            .li-tab-box-7 {
    
    
                margin: 0px 0px 9px 0px !important;
            }
        }
    
        img.alumni-logo {
            width: auto !important;
        }
    
        img.alumni-logo {
            background: white;
            box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
            padding: 5px;
            margin: 30px 1px;
        }
    
        .alumni-slider11 .owl-nav {
            display: none !important;
        }
    
        .alumni-slider1 .owl-nav {
            display: none !important;
        }
    
        h5.text-center.alumni-box {
            font-size: 17px;
            font-weight: 400;
            width: auto;
            text-align: center;
            margin: 19px auto 5px auto;
        }
    
        .tabs.margin33900 {
            margin: 40px 0px 0px 0px;
        }
    
        .col-sm-3.border-right-1 p {
            font-size: 16px;
            margin: 10px 0px 0px 0px;
            text-align: center !important;
        }
    
        .col-sm-3.border-right-11 p {
            font-size: 16px;
            margin: 10px 0px 0px 0px;
            text-align: center;
        }
    
        .col-sm-3.border-right-1,
        .col-sm-3.border-right-11 {
            border-right: 0px solid #fac9c900;
            background: #ffffff00 !important;
            box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
    
            padding: 61px 0px;
        }
    
        .col-sm-3.border-right-11 b,
        .col-sm-3.border-right-1 b {
            font-size: 20px;
        }
    
        .tabs label {
    
            margin-left: 0px !important;
        }
    
        .tabs .tab {
    
    
            margin: 0px 0px 18px 0px;
    
        }
    
        .tabs label {
    
    
            margin: 0px 0px 12px 0px;
        }
    
        .rating-box-detailsuu {
            background: #ffffff00 !important;
            box-shadow: rgb(100 100 111 / 0%) 0px 7px 29px 0px !important;
            text-align: center !important;
            border-radius: 12;
            border-left: 0;
            border-right: 0;
            padding: 0px 19px;
        }
    
        .right-side {
            width: 100%;
            height: auto;
            display: inline-block;
            float: initial !important;
            position: relative;
            top: 0px;
            order: 1;
        }
    
        .centered-box-stoore {
            position: relative;
            top: auto;
            /* left: 34%; */
            transform: translate(0%, 0%);
            text-align: start;
            width: auto;
        }
    
        .section2 {
            height: 562px;
            padding: 20px 0;
            position: relative;
            width: 100%;
        }    /* Ensure the parent container is a flexbox */
        .main-box-section.mobile-menu-box {
            display: flex;
            flex-direction: column; /* Stack elements vertically */
        }
    
        /* Red DIV - should appear second */
        #myRedDIV {
            order: 2;
            width: 100%;
        }
    
        /* Blue DIV - should appear first */
        #myBlueDIV {
            order: 1;
            width: 100%;
        }
        
}