@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Dancing+Script:wght@400..700&family=Mukta:wght@200;300;400;500;600;700;800&family=Platypi:ital,wght@0,300..800;1,300..800&family=Sedan+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Dancing+Script:wght@400..700&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Platypi", serif;
    /* font-family: "Caveat", cursive; */
}
.term{
    font-family:"platypi" ,serif;
    line-height: 1.6;
    margin: 20px;
}
.term h1, h2 {
    font-size: 20px;
    color: #000000;
    font-family: "platypi",serif;
    font-weight: 600;
}
.terms-section {
    margin-bottom: 20px;
}
.terms-section p strong{
    font-size: 16px;
}
.terms-section p {
    font-size: 13px;
    color: #333;
    font-family: "platypi",serif;
    font-weight:400;
    margin: 10px 0;
}
.certificate{
        background: #fafafa;
        padding:30px 0px;
}
.privacy-policy {
    max-width: 100%;
    margin: 20px 0 !important;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.privacy-title {
    text-align: center;
    margin-bottom: 20px;
    color: #333;
}
..certificate-img{
    padding: 50px 0px;
}
.privacy-section {
    margin-bottom: 20px;
}
.privacy-section h2 {
    border-bottom: 2px solid #333;
    padding-bottom: 5px;
    margin-bottom: 10px;
    color: #333;
}
.privacy-section p {
    font-size: 13px;
    margin-bottom: 10px;
}
.privacy-section ul li{
    font-size:13px;
}
.privacy-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.privacy-list-item {
    background: #f9f9f9;
    margin-bottom: 10px;
    font-size:15px;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.ii a i{
    color: #fff;
    font-size:20px;
}
.yyy{
    padding-top: 50px !important;
}
.ii{
    transition: .5s;
}
.ii:hover{
    transform: scale(1.1);
}
.phone {
    position: fixed;
    width: 50px;
    height: 50px;
    z-index: 999;
    top: auto;
    left: auto;
    bottom: 90px;
    /* bottom: 220px; */
    right: 20px;
    background: #5195FF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    
}
.my-popup {
    position: relative;
    position: fixed;
    background: linear-gradient(rgba(3, 3, 3, 0.856), rgba(0, 0, 0, 0.833));
    height: 100vh;
    width: 100%;
    z-index: 9999;
    /* margin-top: -160px; */
    top: 0;
    left: 0;
}
.kvServiceHeadbtn{
    margin-top: 50px;
}
.learn-btn-1{
    background:var(--blue);
    padding: 8px 0px;
    width: 100%;
    border: none;
    color: #fff;
}
.read-more-btn{
    background: var(--blue);
    padding: 8px 0px;
    width: 100%;
    border: none;
    color: #fff;
}
.form-section .fa-xmark {
    position: absolute;
    right: -10px;
    top: -10px;
    height: 35px;
    width: 35px;
    font-size: 25px;
    padding-top: 5px;
    color: #fff;
    background: #b80000;
    border: 2px solid #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 50px;
    cursor: pointer;
    z-index: 999;
}
.form-content {
    font-size: 18px;
    color: #b80000;
}
.form-section {
    width: 55%;
    top: 30%;
    left: 60%;
    transform: translate(30%, 10%);
    box-shadow: rgba(90, 89, 89, 0.733) 0px 5px 15px;
    padding: 20px 20px;
    position: relative;
    border-radius: 10px;
    border: 1px solid #b80000;
}
.certi {
    padding: 8px 9px;
    background: var(--blue);
    color: #fff !important;
    font-size: 10px !important;
    border-radius: 10px;
}
.certi i{
    color:#fff !important
}

.mail{
    position: fixed;
    width: 50px;
    height: 50px;
    z-index: 999;
    top: auto;
    left: auto;
    bottom: 155px;
    /* bottom: 220px; */
    right: 20px;
    background: #D22C2E;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  
}
.whatsapp {
    position: fixed;
    width: 50px;
    height: 50px;
    z-index: 999;
    top: auto;
    left: auto;
    bottom: 30px;
    /* bottom: 220px; */
    right: 20px;
    background: #25c904;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
   
:root {
    --green:#33AFE2;
    --blue: #33AFE2;
    --main-head: "Platypi", serif;
}

.navbar {
    background: #ffffff7a;
    transition: all 0.5s;
}

.navbar img {
    width: 150px;
}

/* .navbar a{
    color: #fff !important;
} */
.navbar-scrolled {
    background-color: #ffffff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}
.login {
    font-family: var(--main-head);
    background:#33AFE2;
    color: #fff !important;
    padding: 12px 18px;
    font-size: 13px !important;
    text-decoration: none;
    border-radius: 10px;
    margin-right: 20px;
}
.navbar-scrolled .login{
    color: #fff !important;
}
.navbar-scrolled a {
    color: #000 !important;
    transition: all 0.5s;
}

.nav-item {
    padding: 0 20px;
}
.navbar-dark .navbar-nav .nav-link {
    color:#fff;
    font-family: "Platypi", serif;
}
/* kv banner start */
.KVBanner {
    background: radial-gradient(at top right, #3BFBC32B 0%, #000000 92%), url(../images/banner/banner1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: transparent;
    opacity: 1;
    /* transition: background 0.3s, border-radius 0.3s, opacity 0.3s; */
}

.KVBannerContent {
    padding-top: 200px;
    padding-bottom: 160px;
}
.KVBannerContent h2 {
    font: 44px var(--main-head);
    font-weight: 700;
    color: #fff;
}
.solution-img{
    overflow: hidden;
}
.solution-img img {
    transition: .5s;
    overflow: hidden;
    width: 100%;
}
.solution-box-01{
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    background: #fff;
    min-height: 395px !important;
    margin-top: 20px;
}
.solution-box{
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    background: #fff;
    min-height: 400px;
    margin-top: 20px;
}
.head-btn-01{
    background-color: #ddd;
    border: none;
    text-decoration: none;
    font-size: 14px;
    padding: 12px 20px;
    overflow: hidden;
    transition: .5s;
    color: #000000;
    font-weight: 700;

}
.head-btn-02{
    margin-top: 10px;
    background-color: #ddd;
    border: none;
    text-decoration: none;
    font-size: 14px;
    padding: 10px 18px;
    overflow: hidden;
    transition: .5s;
    color: #000000;
    font-weight: 700;

}
.solution-img-01{
    width: 100px ;
    height: 100px;
    display: inline-block;
    padding: 10px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #ddd;
}
.solution-img-01 img{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    border-radius: 50%;
    border: 1px solid #ddd;
    text-align: center;
    display: inline-block;
    width: 100%;
}
.solution-box:hover .kvSolutionContent .head-btn-01{
    background: var(--blue);
    color: #fff;
    transform: scale(1.1);
}
.solution-box:hover .solution-img img {
    transform: scale(1.1);
}
.network{
    background:#fafafa;
    /*transform: translateY(-100px);*/
    position: relative;
}

.network-box{
    background: #fff;
    border-radius: 15px;
    padding: 20px 0px;

    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.KVBannerContent h4 {
    font: 28px var(--main-head);
    font-weight: 700;
    color: #fff;
    margin: 0px 0 44px;
}
.KVBannerContent a {
    color: #ffffff;
    text-decoration: none;
    font: 14px var(--main-head);
    background: var(--green);
    padding: 12px 19px;
    border-radius: 25px;
}

.KVBannerContent a:hover {
    background: #111;
    color: #fff;
}

/* kv banner end  */

/* kv solution start */

.kvSolution {
    background: #Fafafa;
    padding: 30px 0px;
}

.kvSolutionContent {
    padding: 20px 10px;
    text-align: start;
    background: #fff;
}
#net{
    transform: translateY(-100px);
    /* background-color: #fff; */
}
.kvSolutionContent h4 {
    font: 17px var(--main-head);
    color: #111;
    font-weight: 600;
    margin: 0;
    padding: 0px 0 5px;
    text-align: start;
}
.networkContent h4 {
    font: 18px var(--main-head);
    color: #111;
    font-weight: 600;
    margin: 0;
    padding: 0px 0 5px;
    /* text-align: start; */
}
.networkContent p{
    font-size: 12px;
}
.networkContent{
    padding: 10px 30px 0;
}
.kvSolutionContent p{
    font-size: 12px;
}
.extra h4{
    margin: 0;
    font-weight: 700;
    font-size: 13px !important;
}
/* kv solution end */

/* who we are start */
.whoWeAre {
    background:#fafafa;
    margin-top: -25px;
    padding-top: 34px;
    padding-bottom: 42px;
}

.whoWeAreContent h6 {
    color:var(--blue);
    font-weight: 800;
    font: 22px "Caveat", cursive;
}

.whoWeAreContent h2 {
    font: 40px var(--main-head);
    color: #111;
    font-weight: 700;
    padding-bottom: 10px;
}
.whoWeAreContent span{
    color: var(--blue);
    font: 40px var(--main-head);
}

.whoWeAreContent p {
    font: 14px var(--main-head);
    text-align: justify;
}

.whoWeAreContent a {
    font: 12px var(--main-head);
    text-decoration: none;
    color: #fff;
    background-color: var(--green);
    padding: 8px 12px;
    border-radius: 5px;
}

.whoWeAreContent a:hover {
    color: #fff;
    background: #111;
}

.btn {
    padding: 10px 0;
}

.whoWeAreImage img {
    border-radius: 20px;
    border: 2px solid var(--green);
    padding: 20px;
}

/* who we are end */

/* kv services start */
.kvService {
    background: #f9f9f9;
    padding: 30px 0;
}

.kvServiceHeading {
    padding: 30px 0;
}

.kvServiceHeading p {
    font-family: var(--main-head);
    font-size: 16px;
    color:var(--blue);
    font-weight: 600;
}

.kvServiceHeading h2 {
    font: 30px var(--main-head);
    color: #111;
    font-weight: 600;
}

.kvServiceInner {
    min-height: 412px;
    border: 2px solid #ddd;
    padding: 20px;
    background: #ffffff;
    border-radius: 10px;
}

.kvServiceInner img {
    width: 100%;
    padding: 20px;
}

.kvServiceInner h4 {
    color:var(--blue);
    text-align: center;
    font: 18px var(--main-head);
    font-weight: 500;
}

.kvServiceInner p {
    font: 13px var(--main-head);
    text-align: center;
    color: #111;
    padding-bottom: 5px;
}

.head-btn {
    border: none;
    color: #fff;
    text-decoration: none;
    padding: 8px 15px;
    background-color:var(--blue);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    border-radius: 15px;
    font: 12px var(--main-head);
}

/* kv services end */

/* quality start */
.quality {
    background: radial-gradient(at top right, #3BFBC32B 0%, #008bc5 92%), url(../images/discount-banner/discount-banner-img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: transparent;
    opacity: 1;
}

.qualityContent {
    padding: 150px 0;
}

.qualityContent h2 {
    font: 35px var(--main-head);
    color: #fff;
    font-weight: 700;
}

.qualityContent p {
    font: 15px var(--main-head);
    color: #fff;
    text-align: justify;
    padding: 10px 0;
}

.qualityContent a {
    color: #111;
    background: var(--green);
    text-decoration: none;
    padding: 12px 26px;
    border-radius: 20px;
    font: 16px var(--main-head);
}

.qualityContent a:hover {
    color: #fff;
    background: #111;
}

/* quality end */

/* black sec start */

.black-sec {
    background-color: #fbfbfb;
    padding: 50px 0px 10px;
    bottom: -25%;
    transform: translateY(-50%);
    color: var(--green);
    border-radius: 30px;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;

}

.black-sec i {
    color: var(--blue);
    font-size: 40px;
}

.black-sec span {
    color: #111;
    font-size: 40px;
    font-family: var(--main-head);
}

.black-sec p {
    color: #111;
    font-size: 20px;
    font-family: var(--main-head);
}

/* black sec end */

/* offer start  */
.offer-bg{
    padding: 0px 0px 0px;
    background-color: transparent;
    background-image: radial-gradient(at center center, #FFFFFF80 0%, #fff 75%);
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.offer{
    background: url(../images/services/bg_grey.png);
    /* padding: 30px 0; */
}
.offerHeading h6{
    font: 20px "Caveat", cursive;
    font-weight: 600;
    color:var(--blue);
}
.offerHeading h2{
    font: 40px var(--main-head);
    color: #111;
    font-weight: 600;
    padding-bottom: 40px;
}
.offerContent{
    background: #fff;
    padding: 30px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    min-height: 250px;
}
.offerContent h4{
    font: 20px var(--main-head);
    color: #111;
    font-weight: 600;
    padding: 6px 0;
}
.offerContent p{
    font: 14px var(--main-head);
}
.offerContent i{
    font-size: 30px;
    color:var(--blue);
}
/* offer end */


/* footer start here */

.footer-logo img{
    padding-bottom: 8px;
    width: 150px;
    overflow: hidden;
}
.footer{
    background: #fbfbfb;
    padding: 100px 0px 50px;
}
.footer-box ul{
    padding-top: 10px !important;
    padding: 0;
    margin: 0;
    list-style: none;
}
.footer-box ul li{
    font-size: 15px;
    padding-top: 0px;
}
.footer-box ul li a{
    text-decoration: none;
    color: #000000;

}
.footer-box ul li a i{
    padding-right: 10px;
    color:var(--blue);
}
.footer-box h4{
    color: var(--blue);
    font-size: 20px;
    font-family: var(--main-head);
    font-weight: 600;
    
}
.login i{
    padding-left: 5px;
}
.footer-box p{
    margin: 0;
    font-weight: 400;
    font-size: 13px;
    color: #888888;
}
.footer-form input{
    background: #fff;
    padding: 10px 20px;
    border: none;
    
}
.footer-form button{
    background: var(--yellow);
    padding: 10px 27px;
    margin-top: 20px;
    border-radius: 6px;
    color: #fff;
    border: none;
    
} 

.lgx-copyright ul li a{
    text-decoration: none;
    font-size: 13px;
    color: #000000;
    font-family: var(--main-head);

}
.lgx-copyright ul{
    padding-left:0px !important;
    padding: 0;
    justify-content: start;
    margin: 0;
    list-style: none;


}
.pttt{
    padding-left: 20px;
}
.lgx-copyright p{
    color: #888888;
    font-size: 14px;
     font-weight: 400;
}
.lgx-copyright p a{
    color: var(--yellow);
    text-decoration: none;
}
.last-icon span a i{
      font-size: 20px;
      padding-right: 13px;
}
.last-icon span a i:hover{
    color: var(--yellow);
}
#line{
    border-top: 1px solid #000;
    margin-top: 20px;
    padding-top: 20px;
}

/* footer end here */

/* about page csss strt  */
.about-head .abt-btn span {
    color:var(--blue);
    font-size: 16px;
    padding-left: 5px;
}
.about-head .abt-btn a {
    text-decoration: none;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
}
.abt-btn {
    color: #fff;
}
.about-head h2 {
    font-size: 40px;
    font-weight: 600;
    color: #fff;
    font-family: var(--main-head);
}
.serv{
    padding: 150px 0px 100px !important;
}
.about-head {
    padding: 230px 0px 180px;
}
.abt-img{
    padding: 60px 0px 60px;
}
.aboutbanner {
    background: radial-gradient(at bottom right, #3BFBC3CC 0%, #008BC5 75%),url(../images/services/bg_grey.png) center right no-repeat fixed;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
.story{
    background: radial-gradient(at bottom right, #3BFBC3CC 0%, #008BC5 75%),url(../images/about-img/last-bg.jpg) center right no-repeat fixed;
    background-size: cover;
    padding: 130px 0px 100px;
}
.story-01{
    padding: 50px 0px !important;
}
.mission-box{
    border-radius: 10px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FFFFFF2B;;
    transition: 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 10px 10px 10px 10px;
    padding:20px 10px ;
}
.mission-icon{
    display: inline-block;
    align-items: center;
    padding: 20px 25px;
    border-radius: 5px;
    background: #fff;
}
.mission-icon i{
    align-items: center;
    font-size: 45px;
    color: #008BC5;
}
.mission-content h5{
    color: #fff;
    padding: 10px 0px 0;
}
.mission-content p{
    color: #fff;
    font-size: 13px;
}
.mission-box:hover{
    background-color: #fff;
}
.mission-box:hover h5{
    color: #000000;

}
.mission-box:hover p{
    color: #000000;
}
.story-box{
    padding: 30px 0 0;
}
.story-box span{
    color: #fff;
    font-family: var(--main-head);
    font-size: 30px;
    font-weight: 700;
   
}

.story-box p{
    color: #fff;
    font-size: 13px;
    line-height: 1.4;
}

/* contact us start */
.getInTouch{
    padding: 40px 0;
}
.getHeading h6{
    font: 18px "Caveat", cursive;
    font-weight: 600;
    color:var(--blue);   
}
.getHeading{
    padding: 30px 0;
}
.getHeading h3{
    font: 30px var(--main-head);
    font-weight: 500;
    color: #111;
}
.getDetails{
    padding: 40px;
    min-height: 250px;
}
.getDetails i{
    background:var(--blue);
    padding: 20px;
    font-size: 22px;
    color: #fff;
}
.getDetails h5{
    padding-top: 10px;
    font: 20px var(--main-head);
    color: #111;
}
.getDetails p{
    font: 14px var(--main-head);
    color: #111;
}
.getDetails a{
    font: 14px var(--main-head);
    text-decoration: none;
    color: #111;
}
.getInfo{
    padding: 40px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    min-height: 250px;
}
.getInfo i{
    background: var(--blue);
    padding: 20px;
    font-size: 22px;
    color: #fff;
}
.getInfo h5{
    padding-top: 10px;
    font: 20px var(--main-head);
    color: #111;
}
.getInfo a{
    font: 14px var(--main-head);
    text-decoration: none;
    color: #111;
}
.getDetails:hover{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.contactForm{
    padding: 60px 0;
}
.contactFormInner{
    padding: 30px 0;
}
.contactFormInner h5{
    font: 25px "Caveat", cursive;
    font-weight: 600;
    color: var(--blue);  
}
.contactFormInner h2{
    font: 40px var(--main-head);
    color: #111;
    font-weight: 600;
    padding: 10px 0;
}
.contactFormInner p{
    font: 14px var(--main-head);
    font-weight: 600;
    color: #111;
    opacity: .8;
}
.Cform{
    padding: 40px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.Cform h2{
    font: 20px var(--main-head);
    font-weight: 600;
    color: var(--blue); 
    padding-bottom: 20px;    
}
.Cform form input{
    padding: 10px;
}
#name{
    border: none;
    border-bottom: 2px solid #ddd;
    width: 100%;
    margin-bottom: 10px;
}
#email{
    border: none;
    border-bottom: 2px solid #ddd;
    width: 100%;
    margin-bottom: 10px;
}
#textarea{
    border: none;
    border-bottom: 2px solid #ddd;
    width: 100%;
    margin-bottom: 10px;
}
.button{
    border: none;
    background: var(--green);
    padding: 10px 0;
    width: 100%;
    color: #fff;
    border-radius: 5px;
    font-family: var(--main-head);
    margin-top: 10px;
}
/* contact us end */
.conto-text-btn a {
    background: #45cc2b;
    text-decoration: none;
    color: #fff;
    font-family: var(--main-head);
    font-weight: 600;
    font-size: 14px;
    padding: 15px 30px;
    border-radius: 10px;
}
.conto-text span a {
    color: rgb(255, 0, 0);
    font-size: 22px;
    font-weight: 600;
    text-decoration: none;
}
.conto-text span {
    font-size: 24px;
    color: #fff;
    font-family: var(--main-head);
    font-weight: 700;
}
.conto-text-btn i{
    color: #fff;
    padding-right: 10px;
    font-size: 20px;
}
.conto-text-btn{
    margin-top: 20px;
}

.kvvv{
    padding-bottom:100px !important;
}
@media screen  and (max-width:759px){
   
    .Cform h2 {
    font: 16px var(--main-head);
    font-weight: 600;
    color:var(--blue);
    padding-bottom: 9px;
}
.contactFormInner p {
    font: 11px var(--main-head);
    font-weight: 600;
    color: #111;
    opacity: .8;
}
.contactFormInner h2 {
    font: 20px var(--main-head);
    color: #111;
    font-weight: 600;
    padding: 0px 0;
}
.kvvv{
    margin-top:0px !important;
}
.contactFormInner {
    padding: 2px 0;
}
.contactForm {
    padding: 7px 0;
}

    .getHeading h3 {
    font: 18px var(--main-head);
    font-weight: 500;
    color: #111;
}
.getInTouch {
    padding: 0px 0;
}
    
.whoWeAreContent{
        padding: 30px 0px 10px;
    }
    .whoWeAreImage img {
        height: 100%;
        margin: 50px 0px 0px;
        width: 100%;
        border-radius: 20px;
        border: 2px solid var(--green);
        padding: 10px;
    }
    .abt-img {
        padding: 75px 0px 12px;
    }
    .about-head {
        padding: 110px 0px 61px !important;
    }
    .kvSolutionContent p {
        text-align: center;
        font-size: 10px;
    }
    .about-head h2 {
        font-size: 11px;
        font-weight: 600;
        color: #fff;
        font-family: var(--main-head);
    }
    .story {
        background: radial-gradient(at bottom right, #3BFBC3CC 0%, #008BC5 75%), url(../images/about-img/last-bg.jpg) center right no-repeat fixed;
        background-size: cover;
        padding: 2px 0px 31px;
    }
    .story-box p {
        color: #fff;
        font-size: 10px;
        line-height: 1.4;
    }
    .story-box span {
        color: #fff;
        font-family: var(--main-head);
        font-size: 18px;
        font-weight: 700;
    }
    .yyy{
    padding-top:20px !important
    }
   
    .conto-text span a {
        color: rgb(255, 0, 0);
        font-size: 16px;
        font-weight: 600;
        text-decoration: none;
    }
    .conto-text span {
        font-size: 10px;
        color: #fff;
        font-family: var(--main-head);
        font-weight: 700;
    }
    .conto-text-btn i {
        color: #fff;
        padding-right: 10px;
        font-size: 14px;
    }
    .conto-text-btn a {
        background: #45cc2b;
        text-decoration: none;
        color: #fff;
        font-family: var(--main-head);
        font-weight: 600;
        font-size: 11px;
        padding: 9px 12px;
        border-radius: 10px;
    }
    .yyy {
     margin-top: 0px !important; 
}
#net {
    transform: translateY(0px);
    /* background-color: #fff; */
}
    .whoWeAre {
        padding-top: 50px;
        padding-bottom: 10px;
    }
    .network {
        transform: translateY(20px);
        position: relative;
    }
    .form-section {
        width: 90%;
        top: 30%;
        left: 0%;
        transform: translate(9%, 10%);
        box-shadow: rgba(90, 89, 89, 0.733) 0px 5px 15px;
        padding: 20px 20px;
        position: relative;
        border-radius: 10px;
        border: 1px solid #b80000;
    }
    
    .KVBannerContent {
        padding-top: 105px;
        padding-bottom: 36px;
    }
    .KVBannerContent h4 {
        font: 12px var(--main-head);
        font-weight: 700;
        color: #fff;
        margin: 0px 0 27px;
    }
.KVBannerContent h2 {
    font: 23px var(--main-head);
    font-weight: 700;
    color: #fff;
}
.kvSolutionContent h4 {
    font: 15px var(--main-head);
    color: #111;
    font-weight: 700;
    padding: 15px 0;
    text-align: center;
}
.kvSolution {
    position: relative;
    margin-top:0px;
    right: 0;
    left: 0;
    bottom: -45%;
}

.whoWeAreImage img {
    margin: 50px 0px 0px;
    width: 100%;
    border-radius: 20px;
    border: 2px solid var(--green);
    padding: 10px;
}
.whoWeAreContent a {
    font: 10px var(--main-head);
    text-decoration: none;
    color: #000;
    background-color: var(--green);
    padding: 9px 11px;
    border-radius: 20px;
}
.whoWeAreContent p {
    font: 11px var(--main-head);
    text-align: justify;
}
.whoWeAreContent h2 {
    font: 30px var(--main-head);
    color: #111;
    font-weight: 700;
    padding-bottom: 0px;
}
.whoWeAreContent span {
    color: var(--blue);
    font: 22px var(--main-head);
}
.kvServiceInner p {
    font: 10px var(--main-head);
    text-align: center;
    color: #111;
    padding-bottom: 5px;
}
.kvServiceInner img {
    width: 100%;
    padding: 0px;
}
.kvServiceInner {
    min-height: 412px;
    border: 2px solid var(--green);
    padding: 10px 10px 15px;
    border-radius: 10px;
}
.head-btn-01 {
    background-color: #ddd;
    border: none;
    text-decoration: none;
    font-size: 9px;
    padding: 8px 9px;
    overflow: hidden;
    transition: .5s;
    color: #000000;
    font-weight: 700;
}
.kvServiceHeadbtn {
    margin-top: 28px;
}
    .kvServiceHeading p {
        font-family: var(--main-head);
        font-size: 7px;
        color: var(--blue);
        font-weight: 600;
    }
        .kvServiceHeading h2 {
        font: 14px var(--main-head);
        color: #111;
        font-weight: 600;
    }
.whoWeAreContent span {
    color: var(--blue);
    font: 22px var(--main-head);
}
.black-sec {
    background-color: #fbfbfb;
    padding: 50px 0px 10px;
    bottom: -25%;
    transform: translateY(0%);
    color: var(--green);
    border-radius: 30px;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}
.qualityContent {
    padding: 50px 0;
}
.qualityContent p {
    font: 10px var(--main-head);
    color: #fff;
    text-align: justify;
    padding: 10px 0;
}
.kvServiceInner img {
    width: 100%;
    padding: 0px;
}
.qualityContent h2 {
    font: 16px var(--main-head);
    color: #fff;
    font-weight: 700;
}
.black-sec i {
    color:var(--blue);
    font-size: 21px;
}
.black-sec p {
    color: #111;
    font-size: 11px;
    font-family: var(--main-head);
}
.black-sec span {
    color: #111;
    font-size: 25px;
    font-family: var(--main-head);
}
.qualityContent {
    padding: 50px 0;
}
.qualityContent p {
    font: 10px var(--main-head);
    color: #fff;
    text-align: justify;
    padding: 10px 0;
}
.qualityContent h2 {
    font: 16px var(--main-head);
    color: #fff;
    font-weight: 700;
}
.offerContent p {
    font: 11px var(--main-head);
}
.offerHeading h2 {
    font: 16px var(--main-head);
    color: #111;
    font-weight: 600;
    padding-bottom: 18px;
}
.footer-box{
    text-align: center !important;
    margin-top: 20px;
}
.footer {
    background: #fbfbfb;
    padding: 44px 0px 34px;
}
.navbar-toggler i{
    color: #000;
}
.lgx-copyright p {
    text-align: center;
    color: #888888;
    font-size: 14px;
    font-weight: 400;
}
.lgx-copyright ul {
    padding-left: 0px !important;
    padding: 0;
    justify-content: center;
    margin: 0;
    list-style: none;
}
.navbar-scrolled a {
    color: #000 !important;
    transition: all 0.5s;
}
.login {
    font-family: var(--main-head);
    background: #33AFE2;
    color: #fff;
    padding: 9px 10px;
    font-size: 10px !important;
    text-decoration: none;
    border-radius: 10px;
    margin-right: 0px;
}
.nav-item {
    padding: 0px 10px;
}
.navbar-dark .navbar-nav .nav-link {
    font-size: 10px;
    color: rgb(0, 0, 0);
    font-family: "Platypi", serif;
}
.navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0px;
    padding-left: 0px;
}
}
@media screen and (min-width:760px) and (max-width:1269px) {
    .kvSolutionContent h4 {
        font: 14px var(--main-head);
        color: #111;
        font-weight: 700;
        padding: 15px 0;
        text-align: center;
    }
    .kvSolution {
        margin-top: 20px;
        position:relative;
        right: 0;
        left: 0;
        bottom: -45%;
    }
    .nav-item {
        padding: 0 8px;
    }
    .kvServiceInner {
        min-height: 380px;
        border: 2px solid var(--green);
        padding: 0px 10px 20px;
        border-radius: 10px;
    }
    .kvServiceInner p {
        font: 11px var(--main-head);
        text-align: center;
        color: #111;
        padding-bottom: 5px;
    }
    .whoWeAre {
        padding-top: 25px;
        padding-bottom: 0px;
    }
    .KVBannerContent h4 {
        font: 17px var(--main-head);
        font-weight: 700;
        color: #fff;
        margin: 0px 0 44px;
    }
.KVBannerContent h2 {
    font: 37px var(--main-head);
    font-weight: 700;
    color: #fff;
}
.kvSolutionContent h4 {
    font: 14px var(--main-head);
    color: #111;
    font-weight: 700;
    padding: 15px 0;
    text-align: center;
}.KVBannerContent {
    padding-top: 180px;
    padding-bottom: 180px;
}
.black-sec p {
    color: #111;
    font-size: 15px;
    font-family: var(--main-head);
}
.black-sec i {
    color: var(--blue);
    font-size: 24px;
}
.black-sec span {
    color: #111;
    font-size: 26px;
    font-family: var(--main-head);
}
.black-sec {
    background-color: #fbfbfb;
    padding: 41px 0px 15px;
    bottom: -25%;
    transform: translateY(4%);
    color: var(--green);
    border-radius: 30px;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}

}
@media screen and (min-width:1270px) and (max-width:1350px) {
    .kvServiceInner p {
        font: 11px var(--main-head);
        text-align: center;
        color: #111;
        padding-bottom: 5px;
    }
    .kvServiceInner {
        min-height: 426px;
        border: 2px solid var(--green);
        padding: 20px;
        border-radius: 10px;
    }
    
}