/*-----------------------------------------------
            1. General Style
-------------------------------------------------*/
:root {
    --white-color: #fff;
    --color-yellow: #FFC014;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}


.read-more-btn {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    /* Adjust based on font size and line-height to approximate 100 words */
    -webkit-box-orient: vertical;
    color: white;
}

* {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

body,
html {
    height: 100%;
    margin: 0;
}




body {
    font-size: 16px;
    font-weight: normal;
    /* font-family: var(--body-font-family); */
    overflow-x: hidden;
    scroll-behavior: smooth;
}

ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.d-flex {
    display: flex;
}

.customers-says-area p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    color: var(--body-font-color);
    line-height: 25px;
}
ul {
    margin: 0;
    padding: 0;
}
 .section-b-space {
    padding-bottom: 50px;
}
.section-t-space {
    padding-top: 20px;
    padding-bottom: 70px;
}


.customers-says-area button {
    background-color: transparent;
}
.customers-says-area .section-heading {
color: white;
}
.section-overlay {
    height: 100%;
    width: 100%;
}

.section-heading-img {
    margin-bottom: 18px;
}

.gradient-bg {
    background: rgb(8, 29, 47);
    background: -moz-linear-gradient(153deg, rgba(8, 29, 47, 1) 30%, rgba(8, 47, 79, 1) 65%);
    background: -webkit-linear-gradient(153deg, rgba(8, 29, 47, 1) 30%, rgba(8, 47, 79, 1) 65%);
    /* background: linear-gradient(153deg, rgba(8, 29, 47, 1) 30%, rgba(8, 47, 79, 1) 65%); */
    background: #0d1d2d;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#081d2f",endColorstr="#082f4f",GradientType=1);
    background-blend-mode: overlay, normal, overlay, color-burn, screen, overlay, difference, difference, normal;
    display: flex;
}

/*-------------------------------------------
    13. Testimonial Area Start
-------------------------------------------*/
.testimonial-bottom-content .star-full .iconify, .course-single-page-header .star-full .iconify,
.review-tab-count-box .rating-list .star-full .iconify {
    color: var(--color-yellow);
}
.customers-says-area .section-heading {
    margin-bottom: 80px!important;
    /* width: 42%!important; */
}

/*Testimonial Item*/
.testimonial-item {
    padding-right: 30px;
    padding-left: 30px;
}
.testimonial-top-content {
    border-bottom: 1px solid rgba(255, 255, 255, 0.13);
    margin-bottom: 35px;
    padding-bottom: 20px;
}
.testimonial-content h6 {
    line-height: 17px;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 10px;
}
.testimonial-content p {
    line-height: 14px;
    letter-spacing: 0;
    color: #6E6E96;
}
.testimonial-bottom-content p {
    line-height: 27px;
    color: rgba(255, 255, 255, 0.49);
    margin: 20px 0;
    font-weight: 300;
    text-align: justify;
}

@media only screen and (max-width: 480px) {
    .testimonial-item {
        padding-left: 0;
    }
}
/*-------------------------------------------
    13. Testimonial Area End
-------------------------------------------*/


#shadow-host-companion {
    display: none;
}


.ms-3 {
    margin-left: .4rem;
}


:root {
    --white-color: #fff;
    /* --theme-color: #0077b5; */
    --light-purple: rgba(117, 79, 254, 0.1);
    /* --heading-color: #040453; */
    --orange-color: #FC8068;
    --orange-deep: #FF3C16;
    /* --para-color: #52526C; */
    --gray-color: #767588;
    --gray-color2: #929292;
    --disable-color: #B5B4BD;
    --color-green: #45C881;
    --color-light-green: rgba(69, 200, 129, 0.22);
    --color-yellow: #FFC014;
    --light-bg: #F9F8F6;
    --page-bg: #F8F6F0;
    /* --plyr-color-main: #0077b5; */
    --border-color: rgba(0, 0, 0, 0.07);
    --border-color2: rgba(0, 0, 0, 0.09);
    /* --font-jost: 'Jost', sans-serif; */

    /* --body-font-family: 'Jost', sans-serif; */

    --theme-color: #0077b5;
    --plyr-color-main: #0077b5;
    /* --theme-color value set here*/
    --heading-color: #040453;
    --body-font-color: #52526C;
    --navbar-bg-color: #030060;
    --gradient-banner-bg: linear-gradient(130deg, #ad90c1 0%, rgb(3, 0, 84) 100%), linear-gradient(130deg, #09007b 0%, rgba(15, 0, 66, 0) 30%),
        linear-gradient(129.96deg, rgb(255, 47, 47) 10.43%, rgb(0, 4, 96) 92.78%), radial-gradient(100% 246.94% at 100% 0%, rgb(255, 255, 255) 0%, rgba(37, 0, 66, 0.8) 100%),
        linear-gradient(121.18deg, rgb(20, 0, 255) 0.45%, rgb(27, 0, 62) 100%), linear-gradient(154.03deg, rgb(206, 0, 0) 0%, rgb(255, 0, 61) 74.04%),
        linear-gradient(341.1deg, rgb(178, 91, 186) 7.52%, rgb(16, 0, 119) 77.98%), linear-gradient(222.34deg, rgb(169, 0, 0) 12.99%, rgb(0, 255, 224) 87.21%),
        linear-gradient(150.76deg, rgb(183, 213, 0) 15.35%, rgb(34, 0, 170) 89.57%);

    --gradient-overlay-bg: linear-gradient(180deg, rgba(0, 0, 61, 0.27) 0%, rgba(1, 1, 52, 0.9) 100%);

    --footer-gradient-bg: linear-gradient(130deg, #ad90c1 0%, rgb(3, 0, 84) 100%), linear-gradient(130deg, #09007b 0%, rgba(15, 0, 66, 0) 30%),
        linear-gradient(129.96deg, rgb(255, 47, 47) 10.43%, rgb(0, 4, 96) 92.78%), radial-gradient(100% 246.94% at 100% 0%, rgb(255, 255, 255) 0%, rgba(37, 0, 66, 0.8) 100%),
        linear-gradient(121.18deg, rgb(20, 0, 255) 0.45%, rgb(27, 0, 62) 100%), linear-gradient(154.03deg, rgb(206, 0, 0) 0%, rgb(255, 0, 61) 74.04%),
        linear-gradient(341.1deg, rgb(178, 91, 186) 7.52%, rgb(16, 0, 119) 77.98%), linear-gradient(222.34deg, rgb(169, 0, 0) 12.99%, rgb(0, 255, 224) 87.21%),
        linear-gradient(150.76deg, rgb(183, 213, 0) 15.35%, rgb(34, 0, 170) 89.57%);
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}


.read-more-btn {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    color: white;
    margin-bottom: 5px;
}

h6{
    color: white ;
}

/* .testimonial-content{
    padding: 10px;
} */