h1{
    font-size: 35px;
    line-height: 1.2;
    color: #000;
    font-family: 'source_sans_probold';
}
h2 {
    font-size: 32px;
    line-height: 32px;
    color: #000;
    font-family: 'source_sans_prosemibold';
}

h3 {
    font-size: 30px;
    line-height: 30px;
    color: #000;
    font-family: 'source_sans_proregular';
}
h4 {
    font-size: 25px;
    color: #000;
    font-family: 'source_sans_prosemibold';
}
h5 {
    font-size: 20px;
    line-height: 20px;
    color: #000;
    font-family: 'source_sans_prolight';
}
h6 {
    font-size: 18px;
    line-height: 20px;
    color: #000;
    font-family: 'source_sans_prosemibold';
}

/* .home-page p{
    font-size: 18px;
    font-family: 'source_sans_prolight';
    color: #000;
} */

.read-more a{
    text-decoration: none;
    color:  #7D7D7D;
    font-family: 'source_sans_prosemibold';
    font-size: 18px;
}

.read-more a:hover{
    color: #2B3990;
}

.small-title {
    font-size: 22px;
    font-family: 'source_sans_prosemibold';
    margin-bottom: 3px;
}

.small-description {
    font-size: 19px;
    font-family: 'source_sans_prolight';
}

.description {
    font-size: calc(19px + 0.390625vw);
    font-family: 'source_sans_prolight';
}

/*video-shimmer*/

.video-shimmer .video-box{
    flex: 0 0 55%;
}
.video-shimmer .video-box .video-img{
    width: 100%;
    height: 280px;
}

.video-shimmer .video-thumbnails .video-items-box .thumbnails{
    height: 58px;
    width: 70px;
}

.video-shimmer .video-thumbnails .video-items-box .box-title{
    height: 12px;
    width: 200px;
}

.video-shimmer .video-thumbnails .video-items-box .title-description{
    height: 12px;
    width: 200px;
}

.loading {
    position: relative;
    background-color: #e2e2e2;
}

/* The moving element */
.loading::after {
    display: block;
    content: "";
    position: absolute;
    width: 75%;
    height: 100%;
    /* transform: translateX(-100%); */
    background: -webkit-gradient(linear, left top,
                right top, from(transparent), 
                color-stop(rgba(255, 255, 255, 0.2)),
                to(transparent));
                  
    background: linear-gradient(90deg, transparent,
            #ffffffa1, transparent);

    /* Adding animation */
    animation: loading 1s infinite;
}

/* Loading Animation */
@keyframes loading {
    100% {
        transform: translateX(32%);
    }
}




@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    } 
    }  

 /* a {
    color: #000;
    font-size: 17px;
    text-decoration: none;
    font-family: 'source_sans_proregular';
} */

/* .home-page .container {
        padding: 0px 70px;
        max-width: 100%;
    } */

.backround-div {
    background-color: #2B3990;
    width: 100%;  
}

.banner-section .banner-left {
    padding: 50px 0px;
}

.banner-section .color-white {
    color: #fff;
}

.banner-section .title-bold {
    color: #fff;
    max-width: 400px;
}

.banner-section  .download-app-btn{
    background-color: transparent;
    border: none;
}

.banner-section .download-app-btn img{
    width: 160px;
}
.banner-section .download-app-btn img:hover{
    transform: scale(1.05);
    transition: all 0.3s ease-in-out;
}

.banner-section .banner-right{
    width: 378px;
}

.banner-section .banner-mobile img{
    width: 378px;
}

.video-bg {
    background-color: #E2EFFA;
    position: relative;
    z-index:0;
}

.video-bg h2 {
    margin: 0;
}

.video-bg .inner-container{
    column-gap: 40px;
    row-gap: 18px;
}

.video-bg .inner-container .left-section{
    width: 100%;
}

.video-bg .inner-container .left-section .video-js{
    width: 100%;
    height: 500px;
    object-fit: cover;

}

.video-bg .inner-container .left-section .video-js .vjs-control-bar{
    bottom: 15px;

}
.video-bg .inner-container .left-section .video-js .vjs-tech{
    top: 16px;
}

.video-bg .inner-container .left-section video{
    max-height: 466px;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.video-bg .inner-container .right-section{
    width: 260px;
}

.video-bg .inner-container .right-section .video-items{
    gap: 15px;
}

.video-bg .inner-container .right-section .video-items .thambnail-div img {
    width: 80px;
    height: 54px;
    /* opacity: 0.5; */
    cursor: pointer;
}

.video-bg .inner-container .right-section .video-items .video-pause-icon {
    width: 17px;
     position: absolute;
     margin-left: 33px;
     z-index: 1;
     cursor: pointer;
     margin-top: 17px;
 }
 

.video-bg .inner-container .right-section .video-items .video-title {
    font-size: 20px;
    line-height: 1.2;
}

.video-bg .inner-container .right-section .video-items .video-description {
    font-family: 'source_sans_prolight';
}

.message-section .message-mobile{
    width: 290px;
}

.message-section .message-mobile img{
    width: 290px;
}

.message-section .paid-messages img{
    width: 80px;
}

.core-features-section .core-features{
    flex: 0 0 47%;
}

.core-features-section .core-features img{
    width: 40px;
}

.question-section .question-mobile{
    width: 290px;
}

.question-section .question-mobile img{
    width: 290px;
}

.question-section .ask-questions img{
    width: 60px;
}

.call-section .call-mobile{
    width: 290px;
}

.call-section .call-mobile img{
    width: 290px;
}

.call-section .instant-call img{
    width: 70px;
}

.subscribe-section{
    background-color: #2B3990;
}

.subscribe-section .subscribe-btn{
    background-color: #8DC63F;
}

.subscribe-section .subscribe-btn:hover{
    opacity: 0.9;
}



/* old */
.customer-revs {
    background-color: #D8D8D8;
}
body .text-success {
    color: #8DC63F !important;
}
.customer-revs p::before {
    content: '\f10d ';
    font-family: 'fontawesome';
    color: #8DC63F;
    margin-right: 11px;
}
.customer-revs p::after {
    content: '\f10e';
    font-family: 'fontawesome';
    color: #8DC63F;
    margin-left: 11px;
}

.slideshow-container {
    position: relative;
    background: transparent;
}

.mySlides {
    display: none;
    padding: 0px;
    text-align: center;
}


.author {
    color: #000;
}

p.quote {
    font-size: calc(20px + 0.390625vw);
    font-style: italic;
    font-family: 'source_sans_prolight';
}

.slider p.quote {
    margin-top: 40px;
}

.mySlides.first {
    margin-left: 85px;
}
.mySlides.second {
    margin-left: 20px;
}


.active-video img#reloadDiv {
    opacity: inherit;
}



  
  .prev:hover, .next:hover {
    background-color: rgba(0,0,0,0.8);
  }
  .prev, .next {
    cursor: pointer;
    position: absolute;
    /* top: 50%; */
    width: auto;
    padding: 16px;
    margin-top: -172px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
  }

  .dropdown .fa{
    color: white;
    font-size: 20px;
    vertical-align: middle;
  }

.slider{
    position:relative;
    margin:0 auto;
    top:0px;
    left:0px;
    width:980px;
    height:380px;
    overflow:hidden;
    visibility:hidden;
    align-items: center;
    text-align: center;
}
.first-slide{
    cursor:default;
    position:relative;
    top:0px;left:0px;
    width:980px;
    height:380px;
    overflow:hidden;
    background: #D8D8D8;
}
#loader-wrapper{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1000;
    background: #4689E0;
    /* background-image: url('/front/theme/img/hero-bg.jpg'); */
    }
    #loader-wrapper img {        
       width: -webkit-fill-available;

    }  
   
   .loader-wrapper-one{
       width:200px;
       height:60px;
       position: absolute;
       left:50%;
       top:50%;
       transform: translate(-50%, -50%);
   }
   .loader-circle{
       width:20px;
       height:20px;
       position: absolute;
       border-radius: 50%;
       background-color: #fff;
       left:15%;
       transform-origin: 50%;
       animation: circle .5s alternate infinite ease;
   }

   @keyframes circle{
       0%{
           top:60px;
           height:5px;
           border-radius: 50px 50px 25px 25px;
           transform: scaleX(1.7);
       }
       40%{
           height:20px;
           border-radius: 50%;
           transform: scaleX(1);
       }
       100%{
           top:0%;
       }
   }
   .loader-circle:nth-child(2){
       left:45%;
       animation-delay: .2s;
   }
   .loader-circle:nth-child(3){
       left:auto;
       right:15%;
       animation-delay: .3s;
   }
   .loader-shadow{
       width:20px;
       height:4px;
       border-radius: 50%;
       background-color: rgba(0,0,0,.5);
       position: absolute;
       top:62px;
       transform-origin: 50%;
       z-index: -1;
       left:15%;
       filter: blur(1px);
       animation: shadow .5s alternate infinite ease;
   }

   @keyframes shadow{
       0%{
           transform: scaleX(1.5);
       }
       40%{
           transform: scaleX(1);
           opacity: .7;
       }
       100%{
           transform: scaleX(.2);
           opacity: .4;
       }
   }
   .loader-shadow:nth-child(4){
       left: 45%;
       animation-delay: .2s
   }
   .loader-shadow:nth-child(5){
       left:auto;
       right:15%;
       animation-delay: .3s;
   }
   .loader-wrapper-one .loading-text{
       position: absolute;
       top:75px;
       font-family: 'Lato';
       font-size: 20px;
       letter-spacing: 12px;
       color: #fff;
       left:15%;
   }

@media (min-width: 576px){
    h1{
        font-size: 40px;
        }

    h2 {
        font-size: 37px;
        line-height: 37px;
	}
    

    h3 {
        font-size: 35px;
        line-height: 35px;
    }

    .banner-section .title-bold {
        max-width: 456px;
    }

    .banner-section .download-app-btn img{
        width: 170px;
    }

    .message-section .message-mobile {
        width: 400px;
    }

    .message-section .message-mobile img{
        width: 400px;
    }

    .core-features-section .core-features img{
        width: 50px;
    }

    .question-section .question-mobile{
        width: 400px;
    }
    
    .question-section .question-mobile img{
        width: 400px;
    }

    .call-section .call-mobile{
        width: 400px;
    }
    
    .call-section .call-mobile img{
        width: 400px;
    }
}

@media (min-width: 768px){
    h1{
        font-size: 45px;
        color: #000;
        font-family: 'source_sans_probold';
    }

    h2 {
        font-size: 43px;
        line-height: 43px;
    }

    h3 {
        font-size: 40px;
        line-height: 40px;
    }

    .backround-div{
        background-image: url(/front/theme/img/home-page/banner-bg.png);
        background-color: #E2EFFA;
        height: 585px;
        position: relative;
        background-size: cover;
    }

    .banner-section {
        position: absolute;
        top: 70px;
        z-index: 1;
    }
    
    .banner-section .banner-left 
    {
        padding: 0;
    }

    .banner-section .title-bold {
        width: 327px;
        max-width: 100%;
    }


    .banner-section .banner-right {
        width: 397px;
    }

    .banner-section .banner-mobile img {
        width: 397px;
    }

   .video-bg .inner-container .left-section{
    width: 100%;
    height: fit-content;
    }

    .message-section .paid-messages img{
        width: 90px;
    }

    .core-features-section .core-features img{
        width: 60px;
    }

    /* .core-features-section .core-features {
        flex: 0 0 47%;
    } */

    .question-section .ask-questions img{
        width: 70px;
    }
    
    .call-section .instant-call img{
        width: 80px;
    }
    
}
@media (min-width: 992px){
    h1{
        font-size: 52px;
    }

    h2 {
        font-size: 48px;
        line-height: 48px;
    }

    h3 {
        font-size: 45px;
        line-height: 45px;
    }

    .small-title {
        font-size: 25px;
        font-family: 'source_sans_prosemibold';
        margin-bottom: 3px;
    }

    .backround-div{
        height: 620px;
    }

    .banner-section .title-bold {
        width: 390px;
        letter-spacing: -1px;
    }

    .banner-section .download-app-btn img {
        width: 200px;
    }

    .banner-section .banner-right {
        width: 450px;
    }

    .banner-section .banner-mobile img {
        width: 450px;
    }

    .message-section .message-mobile{
        width: 450px;
    }
    
    .message-section .message-mobile img{
        width: 450px;
    }

    .message-section .paid-messages img{
        width: 100px;
    }

    .core-features-section .core-features img{
        width: 70px;
    }

    .question-section .question-mobile{
        width: 450px;
    }
    
    .question-section .question-mobile img{
        width: 450px;
    }

    .question-section .ask-questions img{
        width: 80px;
    }

    .call-section .call-mobile{
        width: 450px;
    }
    
    .call-section .call-mobile img{
        width: 450px;
    }
    
    .call-section .instant-call img{
        width: 90px;
    }
    
}


@media (min-width: 1200px){
    h1{
        font-size: 57px;
    }

    .backround-div{
        height: 690px;
    }

    .banner-section .title-bold {
        width: 396px;
    }

    .banner-section .download-app-btn img {
        width: 215px;
    }

    .banner-section .banner-right {
        width: 530px;
    }

    .banner-section .banner-mobile img {
        width: 530px;
    }

    .video-bg .inner-container .right-section {
        width: 520px;
    }

    .message-section .message-mobile{
        width: 500px;
    }
    
    .message-section .message-mobile img{
        width: 500px;
    }

    .question-section .question-mobile{
        width: 500px;
    }
    
    .question-section .question-mobile img{
        width: 500px;
    }

    .call-section .call-mobile{
        width: 500px;
    }
    
    .call-section .call-mobile img{
        width: 500px;
    }

}