@font-face 
{
  font-family: 'Poppins-Regular';
  src: url('../fonts/Poppins-Regular.TTF');
  src: local("?"), url('../fonts/Poppins-Regular.woff') format("woff"), url('../fonts/Poppins-Regular.TTF') format("truetype"); 
}

@font-face 
{
  font-family: 'Poppins-SemiBold';
  src: url('../fonts/Poppins-SemiBold.TTF');
  src: local("?"), url('../fonts/Poppins-SemiBold.woff') format("woff"), url('../fonts/Poppins-SemiBold.TTF') format("truetype"); 
}

@font-face 
{
  font-family: 'Roboto-Regular';
  src: url('../fonts/Roboto-Regular.TTF');
  src: local("?"), url('../fonts/Roboto-Regular.woff') format("woff"), url('../fonts/Roboto-Regular.TTF') format("truetype"); 
}

html, body{font-family:Arial, Tahoma, sans-serif; color:#344e6c; font-size:15px; line-height: 22px;}

a{color:#0a58ca; text-decoration:none; transition:color 0.3s ease-in-out;}
a:hover{color:#23527c; text-decoration:none;}

.clearfix{width:100%;}

/* Back to top button */
.back-to-top{position:fixed; display:none; background:#5e87eb; color:#fff; width:44px; height:44px; text-align:center; line-height:1; font-size:16px; border-radius:50%; right:15px; bottom:15px; transition:background 0.5s; z-index:999;}
.back-to-top i{padding-top:12px; color:#fff;}


.header{margin:0; padding:0;}
.header-upper{background:#3f8bae; height:35px;}
.top_nav{display:flex;}
.top_nav_buttons{display:flex; float:right; margin:10px 0;}
.top_nav_buttons a{margin:0 5px;}
.logo{padding:5px 0; display:inline-block; font-size:30px; font-weight:bold; text-transform:uppercase; color:#333;}
.logo img{height:50px;}
.logo a{color:#333; text-decoration:none;}
.logo a:hover{color:#333; text-decoration:none;}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.main-nav, .main-nav * {margin:2; padding:0; list-style:none; }
.main-nav > ul > li{position: relative; white-space: nowrap; float: left; margin: 0 5px 0; border-top: 5px solid #fff;}
.main-nav a{
      display: block;
    color: #555;
    position: relative;
    margin: 0;
    padding: 13px 8px;
    margin: 0 1px;
    text-decoration: none;
    transition: 0.3s;
    font-weight: 600;
    line-height: 20px;
    font-size: 15px;
}
.main-nav a:hover, .main-nav .active > a, .main-nav li:hover > a {color:#5e87eb; text-decoration:none;}
.main-nav li a:focus{color:#5e87eb; text-decoration:none;}
.main-nav .drop-down ul {display:block; position:absolute; left:0; top:calc(100% + 30px); z-index:999; opacity 0; visibility:hidden; padding:0; background:#fff; box-shadow:0px 0px 30px rgba(127, 137, 161, 0.25); transition:ease all 0.3s;}
.main-nav .drop-down:hover > ul {opacity:1; top:100%; visibility:visible;}
.main-nav .drop-down li {min-width:180px; position:relative;}
.main-nav .drop-down ul a {padding:10px 20px;font-size: 13px;color: #333; border-right:none;}
.main-nav .drop-down ul a:hover, .main-nav .drop-down ul .active > a, .main-nav .drop-down ul li:hover > a {color:#fff; background:#5e87eb;}
.main-nav .drop-down > a:after {content:"\f107"; font-family:FontAwesome; padding-left:5px;}
.main-nav .drop-down .drop-down ul {top:0; left:calc(100% - 30px);}
.main-nav .drop-down .drop-down:hover > ul {opacity:1; top:0; left:100%;}
.main-nav .drop-down .drop-down > a {padding-right:35px;}
.main-nav .drop-down .drop-down > a:after {content:"\f105"; position:absolute; right:15px;}

/* Mobile Navigation */
.mobile-nav {position:fixed; top:0; bottom:0; z-index:9999; overflow-y:auto; left:-260px; width:260px; padding-top:18px; background:rgba(19, 39, 57, 0.8); transition:0.4s;}
.mobile-nav * {margin: 0;padding: 0;list-style: none;}
.mobile-nav a {display:block; position:relative; color:#fff; padding:5px 10px; font-weight:500; font-size:13px;}
.mobile-nav a:hover,
.mobile-nav .active > a,
.mobile-nav li:hover > a {color:#3f8bae; text-decoration:none;}
.mobile-nav .drop-down > a:after {content:"\f078"; font-family:FontAwesome; padding-left:10px; position:absolute; right:15px;}
.mobile-nav .active.drop-down > a:after {content:"\f077";}
.mobile-nav .drop-down > a {padding-right:35px;}
.mobile-nav .drop-down ul {display:none; overflow:hidden;}
.mobile-nav .drop-down li {padding-left:20px;}
.mobile-nav-toggle{position:absolute; right:0; top:70px; z-index:9998; border:0; background:none; font-size:24px; transition:all 0.4s; outline:none !important; line-height:1; cursor:pointer; text-align:right;}
.mobile-nav-toggle i {margin:10px 10px 0 0; color:#5e87eb;}
.mobile-nav-overly{width:100%; height:100%; z-index:9997; top:0; left:0; position:fixed; background:rgba(19, 39, 57, 0.8); overflow:hidden; display:none;}
.mobile-nav-active {overflow:hidden;}
.mobile-nav-active .mobile-nav {left:0;}
.mobile-nav-active .mobile-nav-toggle i {color:#01837d;}

.nav-justified > .nav-link, .nav-justified .nav-item{margin: 0 2px;}
.nav_bar{background:#fff; border-bottom: 1px solid #f9f9f9; padding-bottom: 10px;
    padding-top: 10px;}

.fixed-top{top:-40px; transform:translateY(40px); transition:transform .3s; background:#fff; border-bottom:1px solid #ececec; box-shadow: 0 0 10px #ccc;}

.master-wrapper-content{margin:0; min-height:500px;}

/*-------------------- Start Home Page CSS ------------------------*/
.home_bg{overflow:hidden; position:relative; z-index:1; height:auto; background:url(../images/home-bg.jpg); background-position: center top;
    background-size: 100% auto; background-repeat:no-repeat; }
.banner_text{
      margin: 20px 0 15px;
    font-size: 48px;
    font-weight: bold;
    line-height: 58px;
    color: #fff;
}
.banner_sub_text{font-size:18px; line-height:25px; color:#fff;}


.grey-cr{height:400px; width:400px; border-radius:500px;  position:absolute; bottom:-20%; left:-10%; z-index:-1; background:rgb(215, 215, 215, 0.17);}

.learnmore_btn{background:#fff; color:#1f3f8d; font-weight: 600;  border-radius:2px; padding:18px 24px; margin:0 20px 0 0; font-size:16px; text-transform:uppercase;}
.contact_btn{
  background: #00ecd7;
    color: #01005e;
    border-radius: 2px;
    padding: 18px 26px;
    /* box-shadow: 0 0 10px #ccc; */
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.contact_btn:hover{background:#4965aa; color:#fff;}

.pricing .card {border:none; border-radius:10px; transition:all 0.2s; box-shadow:0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);}
.pricing .card-title{margin:0.5rem 0 20px; font-size:20px; font-weight:bold; text-align:center;}
.pricing .card-price{font-size: 3rem; margin: 0;}
.pricing .card-price .period {font-size: 0.8rem;}
/* Hover Effects on Card */
.pricing .card:hover{margin-top: -.25rem; margin-bottom: .25rem; box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);}

.price-features:first-child{border-right: 1px solid #ccc;}
.price-features{text-align: center;}
.pricing-table span {display: block; font-weight: 700; font-size:22px;}
.price-left-info h4{font-size:25px; line-height: 3.1rem; margin: 0;}
.price-left-info h4 span {font-size:15px;}


.pricing-box{background:#fff; box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3); border-radius:5px; overflow:hidden; padding:0 0 20px; min-height:445px; margin-bottom:25px;}
.pricing-blue-head{background-image:linear-gradient(185deg, #0d6efd 85%,#fff 0%);}
.pricing-green-head{background:(206deg, #34ba8c);}
.pricing-green-head{background-image:linear-gradient(185deg, #34ba8c 85%,#fff 0%);}
.pricing-head{text-align:center; color:#fff; padding:10px 10px 25px;}
.pricing-head span{display: block; font-size:15px;}
.pricing-head  .amount {font-size:30px; font-weight: 600; margin:5px 0;}

.pricing-feature-list {margin: 0; padding: 0.25em 0 0.8em; list-style-type: none; text-align: center;}
.pricing-feature-list li{padding:5px;}
.pricing-feature-list .price_text {color:#0d6efd; font-size:22px; font-weight:bold; line-height: 1.5;}
.price_text>.year{font-size: 0.58em; font-weight: 500;}
.pricing-feature-list .price_text_black {color:#333; font-size:22px; font-weight:bold; line-height: 1.5;}
.price_text_black>.year{font-size: 0.58em; font-weight: 500;}

.or_seprator{position: relative; padding: 0 0 0.4em 0; text-align:center;}
.or_seprator > span{font-weight: 500;}
.or_seprator>span:before{content: ""; width: 45px; height: 2px; background-color: #4f5a67; position: absolute; top: 12px; left:25px;}
.or_seprator>span:after{content: ""; width: 45px; height: 2px; background-color: #4f5a67; position: absolute; top: 12px; right:25px;}

.pricing-btn{border:1px solid #0d6efd; border-radius:20px; color:#0d6efd; padding:5px 20px; transition: all 0.2s;}
.pricing-btn:hover{border:1px solid #0d6efd; background:#0d6efd; border-radius:20px; color:#fff; padding:5px 20px;}

.border-bottom-green{border-bottom:5px solid #55ac37 !important; margin:0 0 20px;}
.border-bottom-blue{border-bottom:5px solid #4686d5 !important; margin:0 0 20px;}
.border-bottom-orange{border-bottom:5px solid #e89b40 !important; margin:0 0 20px;}


.contact_section{margin:50px 0;}
.contact_section a{color:#333;}
.contact_section a:hover{color:#0d6efd;}
.contact_section .address_block{display: table; padding-bottom: 15px;}
.contact_section .icon{display: table-cell; vertical-align: middle;}
.contact_section .detail{display: table-cell; padding-left: 15px; vertical-align: middle;}
.contact_section .icon i{height:2.5rem; width:2.5rem; border: 1px dashed #acacac; border-radius: 50%; line-height:2.5rem; background-color: #fff; color: #0d6efd; display: inline-block; text-align: center; font-size:20px;}


.ClientSaySection{margin:80px 0;}
.ClientSaySection .ClientSayHead{background:url(../images/ClientSayHeadBg.png) no-repeat; width: 338px; height: 188px; color: #fff; text-align: center; padding: 55px 0 0;}
.ClientSaySection .ClientSayHead .Head{font-size: 24px; margin:0 0 15px;}
.ClientSaySection .ClientSayHead .SubHead{font-size: 40px;}
.ClientSayTitle{color:#0d6efd; font-size:30px; line-height:35px; margin:0 0 20px; width:100%; display:block;}
.ClientMessage{
      color: #333333;
    font-size: 18px;
    line-height: 25px;
    width: 100%;
    display: block;
    margin: 0 0 20px;
    font-style: italic;
}
.ClientName{color:#7c7c7c; font-size:18px; font-weight:700; line-height:25px; text-align:right; width:100%; display:block;}
.ClentDeg{color:#0d6efd; font-size:18px; font-weight:700; line-height:25px; text-align:right; width:100%; display:block;}
.owl-theme .owl-controls .owl-page.active span{width:28px; background:#0d6efd;}

.form-label{margin:0;}
.mandatory{color:#cd1414;}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.footer{background:#303e45; color:#999;}
.copyright{font-size:12px; color:#ccc; text-align:center; padding:15px 0; margin:10px 0 0;}




@media (max-width: 768px){
.mobile-nav-toggle{position: fixed; top: 15px;}
.home_bg{height:auto;}
.banner_text{margin: 0 0 15px;}
}


@media (max-width:480px){
.pricing-box{min-height:auto; margin-bottom:25px;}
.top_nav_buttons{display:flex; float:right; margin:45px 0 5px;}
}

.right_img {
    width: 100%;
    height: 550px;
    object-fit: cover;
    border-radius: 0px 0px 3px 3px;
}
.fade_left {
  animation: fadeInRight 1s ease-in-out;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateY(300px);
  }
  to {
    opacity: 1;
  }
}
.fade_right {
  animation: fadeInRight 1s ease-in-out;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(300px);
  }
  to {
    opacity: 1;
  }
}

.heading-2{
  color: #01005e;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: "Lora";
}
.heading_text_size{
      color: #01005e;
    font-size: 42px;
    font-weight:600;
}
.sec-number-count {
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
    /* padding: 25px 0px 25px 0px; */
    padding: 30px;
    margin-top: 20px;
}
.sec-populated{
      border-style: dashed;
    border-width: 0px 1px 0px 0px;
    border-color: #C8C8C8;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 0px 35px 0px 35px;
}
.sec-populated h1{
  color:#01005e;
    font-size: 32px;
    font-weight: 600;
}
.sec-populated-2{
      border-style: dashed;
    border-width: 0px 0px 0px 0px;
    border-color: #C8C8C8;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 0px 35px 0px 35px;
}
.sec-populated-2 h1{
  color:#01005e;
    font-size: 32px;
    font-weight: 600;
}
.background-home-contact-sec{
    overflow: hidden;
    position: relative;
    z-index: 1;
    height: auto;
    background: url(../images/requirement.jpg);
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.pad-10{
  padding-top: 60px;
  padding-bottom: 60px;
}
.testimonial_sec{
  background: url(../images/testimonial-back.jpg);
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.testimonial{
    background-color: #f1f1f1;
    border-radius: 3px;
    padding: 25px 25px 25px 25px;
}
.ClientName {
    color: #5e87eb;
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
    text-align: right;
    width: 100%;
    display: block;
}
footer{
   background: url(../images/footer.jpg);
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding: 50px 0px;
}
.border-footer{
      border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #FFFFFF21;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 1em 0em 1.5em 0em;
}
 .product p {
        font-weight: normal;
        line-height: 28px;
    }

    .panel-single {
        border-bottom: none;
        padding: 35px 40px;
        margin-bottom: 30px;
        border: 1px solid rgba(0, 0, 0, 0.08);
        -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
    }

    .product ul {
        font-size: 16px;
    }

    .form-style-partner {
        background-color: #e3eeee;
        border-style: solid;
        border-width: 1px;
        border-color: #7A7A7A7A;
        transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
        padding: 1.5em 2em;
    }

    .criteria {
        padding-bottom: 20px;
    }

    form .form-control {
        background-color: #f2f6f8;
        border-radius: 0;
        border: 1px solid #00000052;
        box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.11);
    }
    .card-body{
        display:block;
    }
    .btn.btn-primary:hover:enabled {
        box-shadow: 0 0.5em 0.5em -0.4em #ff923cba;
        background-size: 100% 100%;
        transform: translateY(-0.15em);
    }
    .btn.btn-primary:hover{
        font-weight:bold;
    }
        svg {
        height: 23rem;
        width: 100%;
    }

    #envelope {
        animation: float 2s ease-in-out infinite;
    }

    #star1, #star2, #star3, #star4, #star5, #star6 {
        animation: blink 1s ease-in-out infinite;
    }

    #star2 {
        animation-delay: 100ms;
    }

    #star3 {
        animation-delay: 500ms;
    }

    #star4 {
        animation-delay: 700ms;
    }

    #star5 {
        animation-delay: 300ms;
    }

    #star6 {
        animation-delay: 200ms;
    }

    .contact-form {
        box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);
        padding: 3em 3em 3em 3em;
    }

    form .title {
        font-family: "Pacifico", cursive;
        color: #212529;
        font-size: 2.5rem;
    }

    form .form-control {
        background-color: #f2f6f8;
        border-radius: 0;
        border: 1px solid #00000052;
        box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.11);
    }

        form .form-control.thick {
            height: 3.3rem;
            padding: 0.5rem 3.5rem;
        }

        form .form-control:focus {
            background-color: #f2f6f8;
            border: none;
            box-shadow: 0px 7px 5px rgba(0, 0, 0, 0.11);
        }

    form .message .form-control {
        padding: 0.5rem 1.8rem;
    }

    form ::placeholder {
        font-family: "Quicksand", sans-serif;
        font-weight: 400;
        font-size: 1.1rem;
        color: #838788;
        position: relative;
        left: 0;
    }

    form input,
    form textarea {
        font-family: "Quicksand", sans-serif;
        color: #212529;
        font-size: 1.1rem;
    }

    form .icon {
        color: #57565c;
        height: 1.3rem;
        position: absolute;
        left: 1.5rem;
        top: 1.1rem;
    }

    .btn.btn-primary:hover:enabled {
        box-shadow: 0 0.5em 0.5em -0.4em #ff923cba;
        background-size: 100% 100%;
        transform: translateY(-0.15em);
    }

        .btn.btn-primary:hover {
            font-weight: bold;
        }

    .sec-contact-address {
        padding: 50px 0px 80px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-size: cover;
        background-position: center;
    }


    .contact-info-item {
        display: flex;
        margin-bottom: 20px;
    }

    .contact-info-icon {
        height: 55px;
        width: 55px;
        background-color: #e1edea;
        text-align: center;
        border-radius: 50%;
    }

        .contact-info-icon i {
            font-size: 22px;
            line-height: 55px;
        }

    .contact-info-content {
        margin-left: 20px;
    }

        .contact-info-content h4 {
            color: #33d8ae;
            font-size: 20px;
            margin-bottom: 5px;
        }

        .contact-info-content p {
            color: #000;
            font-size: 1em;
        }

    .contact-info {
        background-color: #fff;
        padding: 30px 20px;
    }
    .footer-social-link a i{
         color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 9px;
    font-size: 20px;
    margin: 5px;
    }
  .link-footer h4{
      color: #fff;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.2em;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  footer ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-family: 'Manjari', sans-serif;
}
.link-footer ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-family: 'Manjari', sans-serif;
    color: #c8c8c8;
    padding-bottom: 10px;
}
.link-footer ul li a{
 color: #c8c8c8;
 font-size: 16px;
}
.breadcrumb{
    background: url(../images/aboutus.jpg);
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 8em 1em 8em 1em;
}
.vision{
  padding: 15px 15px 15px 15px;
     border-style: solid; 
    border-width: 1px 1px 1px 1px;
    border-color: #c8c8c8;
    border-radius: 3px 3px 3px 3px;
    margin-bottom: 20px;
}
.ekit-wid-con{
      background-color: #f1f1f1;
    padding: 30px 25px 30px 25px;
    border-radius: 3px 3px 3px 3px;
    text-align: center;
}
.partner_form{
  background-color: #5f90d933;
}
   .bb-title {
        position: relative;
        display: inline-block;
    }

    /* .bb-title::before {
            content: '';
            position: absolute;
            background-color: #2ec49e;
            width: 100%;
            height: 1px;
            bottom: -10px;
            left: 0;
            right: 0;
        }*/

    .price-text {
        font-weight: 400 !important;
        margin-top: 0px !important;
        font-size: 16px !important;
    }

    .card {
        background-color: #fafafa !important;
        margin-bottom: 30px;
    }

    .thumbnail {
        height: 75px;
        border-radius: 0px;
        background: linear-gradient(45deg, #8dc73f 0, #3bb678 100%);
        padding-top: 24px;
        color: #fff;
        width: 100%;
    }

    .thumbnail-btn {
        background-color: #b1d750;
        font-weight: normal;
        padding: 5px 16px;
        margin: 15px;
        border: 0px !important;
        color: #fff;
        text-transform: uppercase;
    }

    .thumbnail-2 {
        height: 75px;
        border-radius: 0px;
        background: linear-gradient(45deg, #ff9700 0, #fecc17 100%);
        padding-top: 24px;
        color: #fff;
        width: 100%;
    }

    .thumbnail-btn-2 {
        background-color: #ff9700;
        font-weight: normal;
        padding: 5px 16px;
        margin: 15px;
        border: 0px !important;
        color: #fff;
        text-transform: uppercase;
    }

    .thumbnail-3 {
        height: 75px;
        border-radius: 0px;
        background: linear-gradient(45deg, #00b6e8 0, #5674b9 100%);
        padding-top: 24px;
        color: #fff;
        width: 100%;
    }

    .thumbnail-btn-3 {
        background-color: #00bff3;
        font-weight: normal;
        padding: 5px 16px;
        margin: 15px;
        border: 0px !important;
        color: #fff;
        text-transform: uppercase;
    }

    .plan-table {
        list-style: disc;
        padding: 25px 16px;
        text-align: left;
        font-size: 16px;
    }

        .plan-table li {
            list-style-type: none;
            margin-bottom: 8px;
        }

            .plan-table li .fa-check {
                color: #7ec449;
                padding-right: 5px;
            }

            .plan-table li .fa-remove {
                color: #ff3100;
                padding-right: 5px;
            }

    .btn-outline-secondary:hover {
        background-color: #33d8ae;
        font-weight: bold;
        padding: 5px 16px;
        margin: 15px;
        border: 0px !important;
    }
    .free-text {
        background-color: #ffffff;
        padding: 4px 10px;
        color: #47b86f;
        box-shadow: 0 0px 5px rgba(0,0,0,0.19), 0 2px 0px rgba(0,0,0,0.23);
        border-radius: 22px;
        background-color: #fff;
        / display: flex;
        / box-shadow: 1px 1px 16px -6px rgba(0, 0, 0, 0.5);
    }
    @media only screen and (max-width: 900px) {
  .top_nav_buttons {
    display: flex;
    float: right;
    margin: 12px 36px 2px 0px;
}
}
.Login_box {
    padding: 30px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin: 0 10px 40px 10px;
    background: #fff;
    box-shadow: 0 10px 29px 0 rgb(68 88 144 / 10%);
    transition: all 0.3s ease-in-out;
    border: 5px solid #e8e8e8;
}