@font-face {
    font-family: "Nunito Sans Semi Bold";
    src: url("../fonts/Nunito_Sans/NunitoSans-SemiBold.ttf") format("truetype");
  }
  @font-face {
    font-family: "Nunito Sans";
    src: url("../fonts/Nunito_Sans/NunitoSans-Regular.ttf") format("truetype");
  }
.landing-page{
    min-width: 1440px;
}
.landing-page .top-nav{
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px;
     margin-left: 0px; 
}
.navbar-collapse  .nav-item a{
    color: #000000 !important;
    font-family: "Nunito Sans";
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    }
.active{
    position: relative;
}
.active::before{
    content: '';
    width: 48px;
    height: 3px;
    background-color: #26ca97;
    position: absolute;
    
    
    bottom: 3px;
    left: 10px;
}
.request-button{
    width: 178px;
    height: 47px;
    border-radius: 3px;
    background-color: #26ca97;
    color: #ffffff;
}
.main-area-of-landing .top-row,
.how-to-use, 
.plans-section{
    padding-right: 90px;
    padding-left: 85px;
}
.top-left-col{
    padding-top: 152px;
}
.top-heading{
    color: #000000;
    font-family: "Nunito Sans";
    font-size: 44px;
    font-weight: 700;
    padding-right: 76px;
}
.heading-plain-text{
    margin-top: 26px;
    color: #000000;
    font-family: "Nunito Sans";
    font-size: 22px;
    font-weight: 400;
    line-height: 40px;
}
.image-of-play-button{
    margin-top: 67px;
    margin-bottom: 92px;
    /* padding-left: 70px;
    padding-right: 105px; */
    width: 100%;
    height: 180px;
    position: relative;
}
.free-email-input{
    padding-right: 35px;
}
.free-email-input input{
    height: 57px;
    background-color: #f8f8f8;
    color: #9b9b9b;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-weight: 400;
}
.input-group-append span{
    border-radius: 3px;
    background-color: #26ca97;
    color: #ffffff;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-weight: 700;
}
.form-control:focus {
    color: #9b9b9b;
    background-color: #f8f8f8;
    border-color: #f8f8f8;
    outline: 0;
    box-shadow: none;
}
.heading-text-2{
    color: #000000;
    font-family: "Nunito Sans";
    font-size: 36px;
    font-weight: 700;
    margin-top: 175px;
}
.features{
    margin-bottom: 100px;
    margin-top: 115px;
}
.features .col-4 .col{
    margin-bottom: 29px;
}
.features .feature-heading{
    color: #000000;
    font-family: "Nunito Sans";
    font-size: 22px;
    font-weight: 700;
}
.features .feature-text{
    margin-top: 7px;
    color: #000000;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-weight: 400;
}
.works{
    background-color: #f5f9fd;
    padding-right: 90px;
    padding-left: 85px;
    padding-top: 76px;
    padding-bottom: 98px;
}
.heading-text-3{
    margin-top: 76px;
    color: #000000;
    font-family: "Nunito Sans";
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 60px;
}
.how-it-works-left{
    padding-right: 80px;
}
.how-it-works .active-row .how-it-works-heading-text{
    color: #ffffff;
    font-family: "Nunito Sans";
    font-size: 20px;
    font-weight: 700;
}
.how-it-works .how-it-works-heading-text{
    color: #000000;
    font-family: "Nunito Sans";
    font-size: 20px;
    font-weight: 700;
}
.how-it-works .active-row .how-it-works-plain-text{
    color: #ffffff;
    font-family: "Nunito Sans";
    font-size: 14px;
    font-weight: 400;
}
.how-it-works  .how-it-works-plain-text{
    color: #000000;
    font-family: "Nunito Sans";
    font-size: 14px;
    font-weight: 400;
}
.how-it-works-left .col-8{
    padding: 12px 9px 0 30px;
}
.active-row{
    border-radius: 10px;
    background-color: #26ca97;
     color: #ffffff;
}
.how-it-works-left .col-3{
    padding: 17px 0 19px 37px;
}
.row.space-bottom {
    background-color: #ffffff;
    border-radius: 10px;
    margin-top: 12px;
    box-shadow: 0px 0px 20px #eef1fa;
}
.how-it-works-right .input-group{
    margin-top: 129px;
}
.how-it-works-right .input-group input{
    background-color: #ffffff;
}
.how-it-works-right .free-email-input{
    /* padding: 0 67px; */
    padding: 0;
}
.comment-review-section .comment-review-heading{
    margin-top: 4.4375rem;
    color: #000000;
    font-family: "Nunito Sans";
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 4.4375rem;
}
.comment-review-section .comments-div .mid-comment{
    border-radius: 6px;
    background-color: #f5f9fd;
    margin: 0 2.8125rem;
}
.comment-review-section .comments-div .col-3{
    border-radius: 6px;
    background-color: #f5f9fd;
    margin: 0 2.8125rem;

}
.comment-review-section .comments-div .image-comma{
    padding-top: 2.0625rem;
}
.comment-review-section .comments-text{
    padding: 2.1875rem 2.1875rem 1.8125rem 2.1875rem;
    margin-bottom: 0;
}
.comment-review-section .avatar-image img{
    width: 4.125rem;
    height: 4.125rem;
    border-radius: 50%;
    margin-bottom: 1rem;
}
.comment-review-section .user-name{
    color: #000000;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0.5rem;
    
}
.comment-review-section .user-designstion{
    color: #000000;
    font-family: "Nunito Sans";

}
.how-to-use-pitch{
    margin-top: 11.125rem;
    padding-left: 5.3125rem;
    padding-right: 4.875rem;
}
.how-to-use-pitch .how-to-use-heading{
    color: #000000;
    font-family: "Nunito Sans";
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 2.1rem;
}
.how-to-use-pitch .how-to-use-text{
    color: #000000;
    font-family: "Nunito Sans";
    font-size: 24px;
    font-weight: 400;
    line-height: 39px;
    margin-bottom: 4.3rem;
}
.how-to-use-pitch .demo{
    height: 64px;
    border-radius: 6px;
    background-color: #26ca97;
    color: #ffffff;
}
.how-to-use-pitch .sample{
    height: 64px;
    border-radius: 6px;
    background-color: #140d9b;
    color: #ffffff;
}

.count{
    margin-top: 11.625rem;
    padding: 1.375rem 0 2.9375rem 0;
    background-color: #26ca97;
}

.count .count-text{
    color: #ffffff;
    font-family: "Nunito Sans";
    font-size: 24px;
    font-weight: 700;
    
   
}
.count .count-numbers{
    color: #140d9b;
    font-family: "Nunito Sans";
    font-size: 120px;
    font-weight: 700;
    margin-bottom: 0;
    height: 10rem;
}
.count .count-title{
    color: #ffffff;
    font-family: "Nunito Sans";
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0;
}
.plans-section{
    background-color: #f5f9fd;
}
.plans-section .plan-title{
    text-align: center;
    padding-top: 6.875rem;
    color: #000000;
    font-family: "Nunito Sans";
    font-size: 36px;
    font-weight: 700;
}
.plans-section .plan-plain-text{
    color: #6c7b8d;
    text-align: center;
    font-family: "Nunito Sans";
    font-size: 20px;
    font-weight: 400;
}


.plans-section .plan-items{
    padding-top: 3.56rem;
    padding-bottom: 3rem;
    border-radius: 10px;
    margin-bottom: 9.25rem;
    margin-top: 7.375rem;
    background-color: #ffffff;
    box-shadow: 0px 0px 15px #f1f4fb;
}

.plans-section .plan-items .plan-item-title{
    color: #26ca97;
    font-family: "Nunito Sans";
    font-size: 20px;
    font-weight: 700;
    margin-top: 3rem;
}
.plans-section .plan-items .cost{
    color: #140d9b;
    font-family: "Nunito Sans";
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 0;
}
.plans-section .plan-items  .special{
    color: #8798ad;
    font-family: "Nunito Sans";
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 2.5rem;
}
.plans-section .plan-items .plan-information{
    color: #000000;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
}
.plans-section .plan-items .plan-information .unlimited{
    color: #000000;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-weight: 700;
    line-height: 32px;
}
.free-infosection{
    background-color: #26ca97;
    
}
.free-infosection .free-info-image{
    margin-top: 3.375rem;
    margin-bottom: 3.5rem;
}
.free-infosection .free-title{
    color: #ffffff;
    font-family: "Nunito Sans";
    font-size: 42px;
    font-weight: 700;
    margin-top: 5.25rem;
}
.free-infosection .free-plain-text{
    color: #ffffff;
    font-family: "Nunito Sans";
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 4.5rem;
}
.free-infosection .input-group-append span{
    border-radius: 0 3px 3px 0;
    background-color: #140d9b
}
.blog-section{
    padding-top: 6.875rem;
    padding-bottom: 8.875rem;
    background-color: #f5f9fd;
}
.blog-section .blog-title{
    color: #000000;
    font-family: "Nunito Sans";
    font-size: 36px;
    font-weight: 700;
}
.blog-section .avatar-icon img{
    height:  40px;
    width: 40px;
    border-radius: 50%;
    
}
.blog-section .blog-inside-title{
    color: #000000;
    font-family: "Nunito Sans";
    font-size: 24px;
    font-weight: 700;
    margin-bottom:1.6rem;
    margin-top: 1.625rem;
}
.blog-section .plain-text-blog{
    color: #000000;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-weight: 400;
}
.blog-section .time{
    color: #26ca97;
    font-family: "Nunito Sans";
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 1.5rem;
}
.blog-section .blog-items{
    border-radius: 10px;
    box-shadow: 0 0 12px #f1f5fb;
    background-color: #ffffff;
}
.blog-section .person-name{
    color: #000000;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: 700;
}
.blog-section .date{
    color: #6c7b8d;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: 400;
}

.footer-section{
    background-color: #140d9b;
    padding: 3.5rem  9.25rem 2.4375rem 5.3125rem;
}
.footer-section .about-heading{
    color: #26ca97;
    font-family: "Nunito Sans";
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 2rem;
}
.footer-section .footer-plain-text{
    color: #ffffff;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-weight: 300;
    line-height: 27px;
    opacity: 0.8;
}
.copyright{
    color: #ffffff;
    font-family: "Nunito Sans";
    font-size: 12px;
    font-weight: 400;
    margin-top: 2.875rem;
}

.footer-section .products{
    color: #26ca97;
    font-family: "Nunito Sans";
    font-size: 36px;
    font-weight: 700;
}
.footer-section .products-text{
    color: #ffffff;
    font-family: "Nunito Sans";
    font-size: 24px;
    font-weight: 700;
    line-height: 40px;
    margin-top: 1.75rem;
    margin-bottom: 3.6875rem;
}
.footer-section .contact-texts{
    color: #ffffff;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: 600;
    
}
.footer-section hr{
    margin-top: 2rem;
}
.footer-section .contact-texts span{
    color: #ffffff;
    font-family: "Nunito Sans";
    font-size: 12px;
    font-weight: 600;
    opacity: 0.8;
    margin-bottom: 0.95rem;
    
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}
.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-25%);
    transform: translate(0,-25%);
}
#exampleModal .modal-header,#verification .modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem 1rem 2rem;
    border-bottom: 1px solid #fff;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    color: #271ab3;
    font-family: "Nunito Sans";
    font-size: 20px;
    font-weight: 700;
}
.modal{
    background-color: none;
    
}
/* .modal-content{
    padding: 28px 43px 20px 39px;
} */
.modal input{
    background-color: #f6f6fb;
    color: #8798ad;
    font-family: "Nunito Sans";
    font-size: 14px;
    font-weight: 400;
}
.modal .small-text{
    color: #8798ad;
    font-family: "Nunito Sans";
    font-size: 11px;
    margin-top: 9px;
    margin-bottom: 24px;
}
.modal .submit-button{
    border-radius: 4px;
    background-color: #26ca97;
    color: #ffffff;
    font-family: "Nunito Sans";
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 2rem;
}
.modal .support, .location, .contact{
    color: #000000;
font-family: "Nunito Sans";
font-size: 13px;
font-weight: 600;
}
.modal .tracking{
    margin-bottom: 13px;
}
.modal .modal-plain-text{
    color: #6c7b8d;
    font-family: "Nunito Sans";
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 1.1rem;
}
.modal .heading-in-touch{
    color: #000000;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-weight: 700;
    padding-top: 28px;
}
.colorme{
    padding-left: 38px;
    padding-right: 39px;
    padding-bottom: 20px;
    background-color: #f4f6fc;;
}
.inputs-sections{
    padding-left: 38px;
    padding-right: 39px;
    padding-top: 28px;
}
.modal .date{
    color: #6c7b8d;
    font-family: "Nunito Sans";
    font-size: 11px;
    font-weight: 300;
    
}
.nd-modal-plain-text{
    color: #6c7b8d;
    font-family: "Nunito Sans";
    font-size: 14px;
    font-weight: 400;
    padding-left: 38px;
    padding-right: 39px;
}
.nd-modal-plain-text .special{
    font-family: "Nunito Sans";
    font-weight: 700;
}
.resend-code{
    color: #271ab3;
    font-family: "Nunito Sans";
    font-weight: 700;
}
.input-code input{
    height: 50px;
    width: 40px;
    border-radius: 3px;
    background-color: #f6f6fb;
    border: 0;
    margin-bottom: 28px;
    
}
@media (min-width: 576px){
    #exampleModal .modal-dialog,#verification .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }
    #exampleModal .modal-dialog,#verification .modal-dialog {
        position: fixed;
        width: 410px;
        margin: .5rem;
        pointer-events: none;
        left: auto;
        right: 275px;
        top: 175px;
    }
}