*,ul,ol{padding: 0; margin: 0;}
body{font-family: 'Creato Display';}
h1,h2,h3,h4,h5,h6.div,ul li, li,a, ul li a,button,input,select,textarea{font-family: 'Creato Display';}
.bgBlue{background: #330066;}
.bg-none{background: none;}
.font-12{font-size: 12px;}
.font-14{font-size: 14px;}
.font-16{font-size: 16px;}
.font-18{font-size: 18px;}
.font-20{font-size: 20px;}
.font-22{font-size: 22px;}
.font-24{font-size: 24px;}
.font-26{font-size: 26px;}
.font-28{font-size: 28px;}
.font-30{font-size: 30px;}
.font-32{font-size: 32px;}
.font-34{font-size: 34px;}
.font-36{font-size: 36px;}
.font-38{font-size: 38px;}
.font-40{font-size: 40px;} 
.font-42{font-size: 42px;} 
.font-44{font-size: 44px;} 
.font-46{font-size: 46px;} 
.font-48{font-size: 48px;} 
.font-50{font-size: 50px;} 
.fw-900{font-weight: 900;}
.fw-500{font-weight: 500;}
.bg-green{background: #00ED9A;}

.colorp{color: #330066;}
.color14{color: #141233;}
.colorsky{color:#9999FF;}
.color80{color:#808080;}
.color66{color:#666;}
.color99{color:#999;}
.color1a{color:#1A1A1A;}
.color4d{color:#4d4d4d;}

.mdi-arrow-top-right:before {
    content: "\F05C";
    transform: rotate(45deg) translateX(2px);
}
/*Nav top*/
.navbar-dark.fixed{background: #330066;}
.navbar-dark .navbar-nav .nav-link{color: #fff;}
.navbar-dark .navbar-nav .nav-link.bg-green{color: #000; font-weight: 600; margin-left: 15px;}
.logob{display: none;}

.pricingbdy .logob{display: inline-block;}
.pricingbdy .logow{display: none;}
.pricingbdy .navbar-dark .navbar-nav .nav-link{color: #000;}
.pricingbdy .navbar-dark.fixed .navbar-nav .nav-link{color: #fff;}
.pricingbdy .navbar-dark.fixed .navbar-nav .nav-link.bg-green{color: #000;}
.pricingbdy .navbar-dark.fixed .logob{display:none;}
.pricingbdy .navbar-dark.fixed .logow{display:block;}


/*Home banner start css*/
  
           .bannertextbg{position: relative; height: 480px;} 
           .bannertext {
    position: relative;
    width: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
}
           .bannertextbg:before{content: ""; background: url("../images/banner-img.png")center/cover no-repeat;
    background-size: contain;
    loading: lazy;
    position: absolute;
    top: 0;
    right: 0;
    width: 57%;
    height:490px; 
    z-index: 1;}
           .bannertext button{height: 50px; border-radius: 5px; padding: 0 20px; border:none;}
           .bannertext h1{max-width: 530px; font-weight: 900;}
           .bannertext .mxw{max-width: 480px;}
           
           .grd3{display: grid; grid-template-columns: repeat(3, 1fr); justify-content: center; align-items: center;}
           
           .img1{display: inline-block; position: relative;}
           .img1:before{    content: "";
    position: absolute;
    width: 100%;
    left: -7%;
    height: 420px;
    background: #330066;
    filter: blur(36px);
    border-radius: 100%;
    z-index: -1;}
           
/*Home banner end css*/




/*Our clients*/ 
.sec{padding:40px 0}
.client-slider1.owl-carousel .owl-item img{width: auto !important;}

/*track LOg*/
.trackapp{max-width: 400px; margin: 0 40px 0 15px;}
.mxw550{max-width: 550px}
.imgst{width: 30px;
    height: 30px;
    background-size: cover;
    border-radius: 50%;
    box-shadow: 0px 0px 0px 1px rgba(78, 70, 70, 0.2);
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-flex;
    margin-top: 1px;
    margin-right: 5px;
    flex-shrink: 0;
    background-color: #ffffff;
    position: relative;
    vertical-align: middle;
    background-image:url("../images/comprehensive-call-climg.png");}
    .imgst1{ background-image:url("../images/client2.svg");}
    .imgst2{ background-image:url("../images/client1.svg");}
    .imgst3{ background-image:url("../images/client7.png");}
    .imgst4{ background-image:url("../images/client3.svg");}
    .imgst5{ background-image:url("../images/client4.svg");}
    .imgst6{ background-image:url("../images/client6.png");}

.nsight-dashboard{position: relative; z-index: 2}
.nsight-dashboard:before{content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 70%;
    height: 50%;
    margin: 0 auto;
    box-shadow: 0 20px 40px rgba(0,0,0,0.3);
    z-index: -1;}



/**/
.listimpbg{display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; justify-content: center; grid-gap: 3rem;}
.bggrey{background: #ECE7F0;}

.ht250{height: 250px;}

.imgtrack{position: relative;}
.arrow-right-long{position: absolute; top: 50%; transform: translateY(-50%);left: 105%;}
.listimpbg.pset { 
    grid-gap:0rem;
}
.pset .listimp1 {padding: 0 50px}

.startrack i{color: #ccc;}
.startrack i.active{color: #FF9933;}

.owl-carousel.owl-theme.text-slider{padding: 0 70px;}
.text-slider.owl-carousel .owl-nav button.owl-next, .text-slider.owl-carousel .owl-nav button.owl-prev {width: 50px; height: 50px; border-radius: 50px; border: 1px solid #ccc; color: #000;position: absolute;
    top: 50%;
    transform: translateY(-50%);}

.text-slider.owl-carousel .owl-nav button.owl-next:hover, .text-slider.owl-carousel .owl-nav button.owl-prev:hover{background: #330066; color: #fff;}
.text-slider.owl-carousel .owl-nav button.owl-prev{left: 0;}
.text-slider.owl-carousel .owl-nav button.owl-next{right: 0;}
.text-slider.owl-carousel .owl-nav {
    margin-top: 0;
    position: absolute;
    left: 0; width: 100%;
    top: 50%;
    transform: translateY(-50%);
}


/**/
.Startyour{position: relative; overflow: hidden; z-index: 2}
.Startyour:before{content: "";
    width: 50%;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 19%;
    right: 15%;
    height: 61%;
    border-radius: 100%;
    background: #CC99FF;
    filter: blur(70px);
    z-index: -1;}
.t2grid{display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 2rem; }
.Startyour .t2grid{margin: 30px 0}
.Startyour .t2grid div{font-size: 16px;}
.Startyour .t2grid span{min-width: 40px; }
.Startyour button{height: 50px;
    border-radius: 5px;
    padding: 0 20px;
    border: none; margin-top: 30px;}


/*FAQ*/
.faqs .accordion-item{ border: 1px solid #ccc;
    margin: 10px 0;
    border-radius: 10px;
    overflow: hidden;}
.faqs .accordion-button{font-size: 18px; font-weight: bold;}
.faqs .accordion-collapse{background-color: #E8E2EE;}
.faqs .accordion-button:not(.collapsed) {
    color: #330066;
    background-color: #E8E2EE;
    box-shadow:none;
}

.faqs .accordion-button::after {
    flex-shrink: 0;
 width: 28px; height: 28px;
    margin-left: auto;
    content: "\F419";     display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
     font-size: 30px;
    text-rendering: auto;
    line-height: inherit;    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; background: none;
    transition: transform 0.2s ease-in-out;     transform: translateY(-4px);
}
.faqs .accordion-button:not(.collapsed)::after {
    content: "\F377";
    background: none; 
    transform: rotate(-180deg);
}

/*Footer start css*/
footer{background: #F7F4F9; padding: 30px 0}
.linkdn i{color:#0077B5;}











@media (max-width:1199px){
/*   home banner*/
    .bannertextbg {
    position: relative;
    height: 390px;
}
    .bannertextbg:before { 
        height: 415px;}
     .font-40 {
    font-size: 36px;
}
    .font-18 {
    font-size: 16px;
    }
    .bannertext .mxw {
    max-width: 400px;
    }
    /*   home banner*/
    
/*    Why Bussiness*/
    .ht250 {
    height: 200px;
    padding: 30px 20px;
}
    .how-it-works .font-24 {
    font-size: 20px;
}
    
    .Startyour .font-46 {
    font-size: 40px;
}
    .leftDnew{width: 67%;}  
    .img1:before {  
    left: -4%;
        height: 310px;}
/*    Why Bussiness*/
}


/*Contact us start css*/
.bglightgary{background: #F4F8FB; border-radius: 25px; padding: 30px;}
           .bglightgary .bgform{max-width: 980px; margin: 0 auto;  }
           .bglightgary .bgBlue{min-width: 406px; transform: translateX(20px);width: 100%; padding: 30px 0 0 0; border-radius: 50px 0 0 0;position: relative; overflow: hidden;}
           .bglightgary .bgBlue:before{content: "";
    position: absolute;
    bottom: -35%;
    left: -26%;
    width: 290px;
    height: 180px;
    background: #f4f8fb;
    transform: rotate(45deg);}
           .bglightgary .bgBlue img{transform: translateY(-10px);  }
           .mx-290{max-width: 290px;}
           
           .formListinput{padding:30px 20px 30px 40px; border: 1px solid #1a1a1a; border-radius: 0 10px 10px 10px;}
           
           .formListinput input,.formListinput textarea{border: none; border-bottom: 1px solid #1a1a1a; border-radius: 0; font-size: 14px; color: #808080; padding-top:0; padding-left: 0; }
           .select2-container--default .select2-selection--single{border: none !important; border-bottom: 1px solid #1a1a1a!important; border-radius:0!important}
           .select2-container--default .select2-selection--single .select2-selection__rendered{color: #808080; font-size: 14px; border: none;}
           .select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
    font-size: 12px;
    font-weight: 500;
}
           .form-control:focus {
    color: #212529;
    background-color: #fff;
/*    border-color: #330066;*/
    outline: 0;
    box-shadow:none;
}
           .btnsmt{height: 50px;
    border-radius: 5px;
    padding: 0 20px;
    border: none;
    margin-top: 30px;}
/*Contact us end css*/


@media (max-width:991px){
    .pset .listimp1 {
        padding: 0 10px;
    }
    .arrow-right-long {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 96%;
        width: 30px;
    }
    .Startyour .font-46 {
        font-size: 35px;
    }
    .leftDnew {
        min-width: 65%;
    }
    .t2grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 1rem;
    }
    .Startyour .t2grid div {
        font-size: 13px;
    }
   footer .mxw550 {
        max-width: 460px;
    }
    footer .font-14 {
        font-size: 12px;
    }
.coptxbtm{justify-content: center !important;}
    .text-slider .font-18 {
        font-size: 14px;
    } 
    .font-36 {
        font-size: 26px;
    }

    .trackapp {
        min-width: 310px;
        margin: 0 15px 0 15px;
    }
    .img1:before { 
        height: 150px;
    }
    span.callclim.me-5 {
        margin: 11px !important;
    }

    .FEATURES .font-16 {
        font-size: 13px;
    }
    .FEATURES .font-14 {
        font-size: 12px;
    }
    .listimpbg {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        align-items: center;
        justify-content: center;
        grid-gap: 1rem;
    }
    .listimpbg .font-18 {
        font-size: 14px;
    }
    .bannertext h1 {
        max-width: 530px;
        font-weight: 900;
        font-size: 26px;
    }  
    .bannertext .font-18 {
        font-size: 13px;
    }
    .bannertextbg:before {
        height: 275px;
        width:54%;
    }
    .bannertextbg {
        position: relative;
        height: 256px;
        padding-bottom: 10px;
    }
    .how-it-works .listimpbg.pset.mt-5 {
        margin-top: 0 !important;
    }
    .faqs p{font-size: 13px;}

    a.flogo {
        width: 160px;
    }
}
@media (max-width:767px){
     
    .bannertextbg{height: auto;}
    .bannertext { 
        width: 100%;
        text-align: center;}
        .bannertext p, .bannertext h1{margin-left:auto ; margin-right: auto;}
        .bannertext button{margin: 0 auto;}
        .bannertextbg:before{display: none;}
        .bannertextbg:after {
            content: "";
            background: url(../images/banner-img.png)center/cover no-repeat;
            background-size: contain; 
            position: relative;
            bottom: -23px; display: inline-block;
            right: 0;
            width:100%;
            height:275px;
            z-index: 1;
        }
        .sec {
            padding: 20px 0;
        }
        .textbg.mt-5 {
            margin-top: 0 !important;
        }

        .trackapp {
            min-width: 231px;}
            .trackapp .font-34 {
                font-size: 21px;
            }
            .trackapp .font-18 {
                font-size: 12px;
            }
            .trackapp .font-24 {
                font-size: 16px; margin-top: 30px !important;
                font-weight: 700 !important;
            }
            .img1:before {
                height: 106px;
            }
            .font-36 {
                font-size: 20px;
            }

            .d-flex.justify-content-between.align-items-center.mt-5.comprecall{flex-direction: column-reverse; grid-gap: 1rem; margin-top: 15px !important;}


            section.sec.FEATURES .col-md-12.d-flex.justify-content-between.align-items-start.mb-3 {
                flex-direction: column;
                
            }
              section.sec.FEATURES .col-md-12.d-flex.justify-content-between.align-items-start.mb-3 .bvctxt{text-align: center;}
            .listimpbg.mt-5 {
                margin-top: 11px !important;
            }
            .listimpbg {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                align-items: self-start;
                justify-content: center;
                grid-gap: 1rem;
            }
            .ht250 {
                height: 138px; margin-top: 20px;}
            .faqs .accordion-button {
                font-size: 14px;}
                .Startyour .t2grid span {
                    min-width: 27px;
                }
                .Startyour .t2grid {
                    margin: 14px 0;
                }
                .Startyour .font-46 {
                    font-size: 30px;
                }
                .nsight-dashboard:before { 
                    width: 63%;
                    height: 33%; 
                    box-shadow: 0 -6px 40px rgba(0,0,0,0.1); 
                }
                .nsight-dashboard{padding: 0 15px !important;}

                .coptxbtm ul li a {
                    font-size: 11px;
                    padding: 10px 5px !important;
                }
                footer .mxw550 {
                    max-width: 280px;
                }
}


@media (max-width:575px){
.arrow-right-long{display: none;}

.Dnewbg {
    flex-direction: column;
}
.leftDnew {
    min-width: 100%;
}

.coptxfst .d-flex.justify-content-start.align-items-end {
    flex-direction: column;
    align-items: self-start !important;
}
footer .mxw550 {
    max-width: 240px;
    margin-left: 0 !important;
    margin-top: 10px}
    .d-flex.flex-wrap.justify-content-between.align-items-center.border-top.coptxlinks {
        flex-direction: column;
    }
   footer ul.nav.justify-content-start.align-items-center {
        justify-content: center !important;
    }
    footer p.mb-0.text-body-secondary.font-12.color66.fw-500 {
        margin-top: 15px;
    }
    footer .nav-link { 
        padding: 0.2rem 1rem;}
        .coptxbtm ul li a { 
            padding: 2px 5px !important;
        }

}
@media (max-width:425px){
    .bannertext h1 { 
        font-size: 22px;
    }
    .font-24 {
        font-size: 20px;
    }
    .Startyour .t2grid div {
        font-size: 13px;
        flex-direction: column;
        text-align: center;
    }
    .leftDnew{text-align: center;}
    .leftDnew {
        text-align: center;
        margin-bottom: 30px;
    }
    .bannertextbg p.text-white.font-18.fw-medium.mt-4 {
        margin-top: 0 !important;
    }
   .textbg .img1,.textbg .img2{display: none;}
   .grd3 { 
    grid-template-columns: repeat(1, 1fr);}
    .listimpbg {
        display: grid;
        grid-template-columns: repeat(1, 1fr);}
        .why-business .ht250 {
            height: auto;
            margin-top: 20px;
        }

        .why-business .listimp1 {
            display: flex;
            flex-direction: row-reverse; align-items: flex-start; border-bottom: 1px solid #e6e6e6;
        }
        .why-business .listimp1:nth-child(3){border-bottom: none;}
        .why-business .ht250 {
            height: auto;
            margin-top: 0;
            width: 90px;
            padding: 10px;
            margin-right: 10px;
        }

        .how-it-works .ht250 {
            height: auto;
            margin-top: 20px;
            padding: 0;
        }

        .owl-carousel.owl-theme.text-slider {
            padding: 0 15px;
        }
        
        
        .text-slider.owl-carousel .owl-nav {
            margin-top: 0;
            position: relative;
            left: 0;
            width: 100%;
            top: 0;
            transform: translateY(0%);
        }
        .text-slider.owl-carousel .owl-nav button.owl-next, .text-slider.owl-carousel .owl-nav button.owl-prev {
            width: 50px;
            height: 50px;
            border-radius: 50px;
            border: 1px solid #ccc;
            color: #000;
            position: relative;
            top: 0;
            transform: translateY(0%);
        }

        .text-slider .listimp1.text-start {
            text-align: center !important;
        }
        .text-slider  .d-flex.align-items-center.text-start.mb-1.startrack {
            justify-content: center;
        }
        .text-slider .d-flex.align-items-start.mt-5 {
            justify-content: center;
            margin-top: 20px !important;
            margin-bottom: 10px;
        }
        .owl-carousel.owl-theme.text-slider {
            margin-top: 0 !important;
            
        }
        .imgtrack img {
            width: 150px;
        }


}




/* Pricing start responsive code */
@media (max-width:1199px){
    .planlist ul li { 
        font-size: 12px;}
       .plan-sec .font-50 {
            font-size: 36px;
        }
        .planlist { 
            margin-top: 20px !important;
        } 
        
        .list.list1 ul li {
            font-size: 12px;
        }
        .list.list1 ul li span {
            line-height: 16px;
            display: inline-block;
        }
}
@media (max-width:991px){
    .planlist ul li { 
        height: 40px !important; 
        line-height: 38px!important;
    }
    .planlist.planlist .palndiscnt { 
        padding: 3px 10px;} 
       .planlist .font-24 {
            font-size: 20px;
        }
        .palndiscntbg{position: relative;}
        button.border-0.bg-none {
            position: absolute; top: 0;
            right: -7px;
        }
        .list4 .teamplan {
            padding: 44px 0 49px 0 !important;
        }
}
.mobilevew{display: none;}
@media (max-width:767px){
/* .mobilevew{display: block;} */
.sht {
    height: 256px !important;
    padding: 24px 8px !important;
}
.planlist .font-14 {
    font-size: 12px;
}
.planlist.planlist .palndiscnt {
    padding: 3px 5px!important;
    width: 100% !important;
    font-size: 10px!important;
}
.list4 .teamplan {
    padding: 47px 0 49px 0 !important;
}
.planlist .font-24 {
    font-size: 15px;
}
.getbtnPlan button {  
    width: 110px !important;
    height: 37px!important;
    font-size: 14px!important;}
}
@media (max-width:575px){
      .mobilevew{display: block;}  
      .planlist {
        display: grid;
        grid-template-columns: repeat(2, 1fr) !important;}

        .planlist{background: none !important; gap:20px 0px;}
        .planlist .list{background: #fff !important;}

        .plan-sec .font-50 { margin-top: 20px;
            font-size: 26px;
        }

}
/* Pricing start responsive code */


/* contact us start css */
/* 
.iti__country-list{font-size: 12px; font-weight: bold; max-height: 200px !important; max-width: 300px !important;}
.iti-mobile .iti__country-list{max-width: 300px !important;} */
.navbar span.mdi.mdi-menu {
    color: #fff;
}

.navbar-dark.fixed span.mdi.mdi-menu {color: #fff;}
.pricingbdy .navbar span.mdi.mdi-menu{color:#000;}
.pricingbdy .navbar-dark.fixed span.mdi.mdi-menu{color:#fff;}


@media (max-width:991px){
    .bglightgary .bgform { 
        flex-direction: column-reverse;
    }
    .formListinput { 
        margin-bottom: 20px;
    }
    .iti {
        position: relative;
        display: inline-block;
        width: 100%;
    }
    .formListinput { 
        width: 100%;
    }
    .formListinput {
        padding: 15px;}
        .formListinput .mb-3.col-md-6 {
            margin: 0;
        }
        .bglightgary .bgBlue {
            min-width: 264px;     transform: translateX(0px);}
            .ticon.d-flex.justify-content-start.align-items-center.font-24.color14.fw-bold img {
                width: 99px;
            }
            .navbar-dark .navbar-collapse{background: #330066;}
            .pricingbdy .navbar-collapse { 
                background: #fff;
                border: 1px solid #e6e6e6;
                box-shadow: 0 0 10px rgba(0,0,0,0.1);
            }
            .pricingbdy .navbar-dark.fixed{background: #330066;}
            .navbar-dark ul.navbar-nav.ms-auto.mb-2.mb-lg-0 {
                margin-left: 3rem !important;
            }
            .navbar-dark .navbar-nav .nav-link.bg-green {
                color: #000;
                font-weight: 600;
                margin-left: 0;
                width: 180px;
                text-align: center;
            }
            .navbar-dark.fixed  .navbar-collapse{background: none; border: none;
                box-shadow: none;}
}
@media (max-width:575px){
.climtnImg {display: none;}
.climtnbg{padding:10px;}
.climtnbg .font-18 {
    font-size: 12px;
}
.bglightgary .bgBlue .font-32 {
    font-size: 25px;
}
.bglightgary .mx-290 {
    max-width: 200px;
}
}