:root {
    --header-bg-color: #f5f5f5;
    --nav-item-color: #161c2d;
    --top-nav-item-color: #161c2d;
    --hero-bg-color: #f5f5f5;

    --section-1-bg-color: #f5f5f5;
    --section-2-bg-color: #eeeeee;
    --section-3-bg-color: #111111;
    --section-4-bg-color: #fff;
    --section-5-bg-color: #f5f5f5;
    --section-6-bg-color: #111111;

    --footer-bg-color: #191919;
}

header .navbar-expand .navbar-brand img {
    height: 75px !important;
}

/* faqs */
.collapsible-link {
    width: 100%;
    position: relative;
    text-align: left;
    display: flex;
    align-items: start;
    justify-content: start;
}
.funfacts .card p {
    white-space: normal;
    font-weight: 400 !important;
}
.funfacts .btn-link:hover,
.funfacts .btn-link:focus {
    text-decoration: none;
}
.collapsible-link::before {
  content: "\e606";
  position: absolute;
  top: 50%;
  right: 0.8rem;
  transform: translateY(-50%);
  display: block;
  font-family:'icons';
  font-size: 1.1rem;
}

.collapsible-link[aria-expanded="true"]::before {
  content: "\e604";
}

/* subscribeSec */
.subscribeSec {
    background-image: url(../images/home-landing-bg4.png); background-repeat: repeat; background-position: bottom center; background-attachment: scroll;
    padding: 80px 0 80px !important;
}
.subscribeSec p{
    font-size: 18px; color: #000; margin: 0;
}

@media(min-width:768px){
    .subscribeSec {
       padding: 80px 0 160px !important;
    }
}

.PlayIcon{
    position: relative; top: -35px; left: 120px;
}
@media(min-width:768px){
    .PlayIcon{
        top: -35px; left: 190px;
    }
}

.accordion .card-body {
    background: var(--section-2-bg-color);
    color: var(--primary-t-color);
}
.card:not(.no-hover):hover h3, .card:not(.no-hover):hover h4, .card:not(.no-hover):hover p {
    color: var(--primary-t-color);
}

.AboutSecPart.right:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 100%;
    right: 0;
    width: 50%;
    border-bottom: 1px dashed var(--primary-l-color);
}
.AboutSecPart.right:after {
    content: '';
    position: absolute;
    z-index: 2;
    bottom: -50px;
    left: 50%;
    left: calc(50% - 2.5px);
    width: 5px;
    height: 100px;
    background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%);
    background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%);
}