@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
	--range: #feb12f;
	--myorange: #f2a72b;
	--myblue: #5d5cdc;
	--myyellow: #fee92f;
	--darkblue: #2a2a83;
	    --line:#e5e7eb;         /* light gray line */
      --primary:#0d6efd;      /* Bootstrap primary */
      --accent:#6610f2;       /* purple accent */
      --card-bg:#ffffff;
      --muted:#6c757d;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Montserrat', sans-serif;
}
body, html{
    width: 100%;
    overflow-x: hidden;
}


/******************************************** avinash css *****************************************/

/*--Footer-social-icon--*/
.social-icons ul{
    padding:0px!important;
}
.social-icons ul li a i{
    font-size:19px;
    background-color: #fff;
    padding: 8px;
    width: 35px;
    height: 35px;
    border-radius: 50px;
    text-align: center;
}
    .s-icons{
        list-style:none;
    }
    .social-icons li{
            padding-right: 17px;
    font-size: 25px;
}
.fa-facebook{
    color:#0863f7;
}
.fa-instagram{
        color: #d42088;
}
.fa-linkedin{
    color:#0077b5;
}
.fa-pinterest{
    color:#b7081b;
}
.fa-youtube{
    color:#fe0000;
}

/* --blog_details-- */
.banner-card img{
    width: 100%;
    height: auto;
}
   .kiit-heading-bdetail h2{
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
}
.kiit-heading-bdetail p{
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
} 
.kiit-top-heading h1{
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    line-height: 24px;
    color: #5d5cdc;
    padding-bottom: 40px;
}
.k-subheading {
    font-size: 30px;
    color: #5d5cdc;
    font-weight: 400;
    line-height: 24px;
}

/* --terms & conditions-- */

.k-wecover ul li strong{
    font-weight: 600 !important;
}
.k-wecover h2{
    font-size: 25px !important;
    line-height: normal;
    color: #191919 !important;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0 !important;
    font-weight: 600 !important;
    letter-spacing: 0;
}
.k-cover h1{
    width:11%!important;
}
.k-space{
    font-size: 16px !important;
    font-style: italic;
    line-height: 32px !important;
    color: #777 !important;
    font-weight: 300 !important;
}
.ck-privacy h1{
    width:15%!important;
}
.pk-privacy h1{
    width:15%!important;
}
.condition_para-tab h1{
    border-bottom: 5px solid #5d5cdc;
    width: 25%;
    font-size: 25px !important;
    line-height: normal;
    color: #191919 !important;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0 !important;
    font-weight: 600 !important;
    letter-spacing: 0;
}
.condition_para-tab p{
    padding: 8px;
}
/*-------------------------------------*/

.kmenu-logo img{
    background-color: black;
    padding: 5px 10px;
    border-radius: 8px;
    width: 120px;
}
.kmenu-color{
    color:#000!important;
}
.kiit-font a{
font-size: 15px!important;
}

.dropbtn {
  background-color: #04AA6D;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  transition: .2s;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: #037048;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  position: absolute;
  /*background-color: #f1f1f1;*/
  width: 100%;
  /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  transition: .3s;
  cursor: pointer;
}
.sub-menu-item a{
    background-color:#000;
}

.sub-menu-item{
  display: none;
  background-color: #5d5cdcb5;
    color: #fff;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover, .dropdown-content a:active, .dropdown-content a:focus {
    background-color: #5d5cdc;
     /*background-color: #000;*/
    color: #fff !important;}

.sub-menu-item a:hover, .sub-menu-item a:active, .sub-menu-item a:focus {background-color:#5d5cdc;}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}


/* --client.php-- */

.kiit-width{
    width:100%;
}
.kiit-modal-header{
     /*width: 100%;*/
    padding:2px 5px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    border-radius: 5px;
}
.kbtn-digi{
    margin-left: 463px!important;
}
.testi_cards img {
    width: 120px;
    margin-bottom: 17px;
}
.testi_cards{
    position:relative;
    padding: 20px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 20px;
    text-align: center;
}
.testi_cards i{
    position: absolute;
    top: 12%;
    left: 44%;
    background-color: #5d5cdcbf;
    width: 40px;
    height: 40px;
    padding: 10px;
    border-radius: 50px;
    font-size: 20px;
    text-align: center;
    color: #fff;
}



/* --Mega menu css-- */

.k-bind-mega{
    /*display: grid;*/
    /*place-items: center;*/
    padding: 0px 0px 0px 5px;
}
.k-bind-mega h5 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
}
.k-mega-border{
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
        padding: 7px 0 7px 7px;
}


/* --Whatsapp page css-- */

.k-whatsapp-btn h1{
    color:#fff;
    font-size: 35px;
    /*line-height: 24px; */
    font-weight: 500;
    letter-spacing: 1px; 
    color: white;
   
}
.k-whatsapp-btn p{
    color: #fff;
    text-align: justify;
    font-size: 17px;
    font-weight: 300;
}
.k-whatsapp-btn img{
    width:30px;
    padding-right:5px;
}
.k-whatsapp-btn i{
    padding-right:5px;
}
.kkwhatsapp-btn a{
    padding:12px 19px;
    font-size:15px;
}
.kiit-whatsapp-attention{
    padding:25px;
    text-align:center;
}
.kiit-whatsapp-attention img{
    width:70%;
    height:auto;
}
.kt-full a {
	margin-top: 10px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	transition: all .5s ease;
	font-weight: 500;
	border-radius: 32px;
	font-size: 17px;
	border:2px solid #fff;
	font-weight: 500;
	padding: 10px 15px 11px;
	margin: 7px;
	background-color:#0aac6d;
	background-size: 200% 100%;
}

.kt-full a:hover {
	background-color:#fff;
	color:#0aac6d;
}

.kt-full h2 {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.0;
    padding-bottom: 10px;
	color: #0aac6d;
	}

.kt-full p {
    color: #000;
    font-size: 17px;
    font-weight: 400;
}

.kt-full a {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.kbtn .kiit-whatsapp-submit{
    background-color:#0aac6d;
}
.kbtn .kiit-whatsapp-submit:hover{
    background-color:#f0f8ff;
    color:#0aac6d;
}
.kiit-whatsapp-form{
    background-color:#0aac6d8f!important;
    border-color:#0aac6d!important;
}
.kiit-acr .kiit-acordion-bg:not(.collapsed) {
    background-color:#0aac6d!important;
}
.kiit-acr .kiit-acordion-bg {
    background-color:#0aac6d!important;
}
.k-faq-question h2 span{
    color:#0aac6d;
}
.k-whatsapp-via h2 span{
    color:#0aac6d;
}
.k-whatsapp-bg ul li{
    border-color: #0aac6d;
}
.k-whatsapptext li{
    border-color:#0aac6d;
}
.kiit-special-feature h2 span{
    color:#000;
}
.kiit-special-feature h2{
    color:#0aac6d;
}
.kiit-special-feature h3{
    color:#feb12f;
}
.kiit-overview h2{
    color:#0aac6d;
}
.kiit-overview h2 span{
    color:#000;
}
.kiit-whatsapp-heading h2 span{
    color:#0aac6d;
}
.k-full-btn ivr a{
    background-color:#0aac6d;;
}
/*.k-full-btn a:hover{*/
/*    color:green;*/
/*}*/
.k-whatsapp-btn a{
    background-color:#0aac6d;
    border:2px solid #fff;
}
.k-whatsapp-btn a:hover{
    color:#0aac6d;
    border:2px solid #0aac6d;
}

.k-whatsapp-bg .ul-tag li:hover {
   background-color:#0aac6d;;
   }
.k-whatsapptext li a:hover {
    color: #fff;
}
.kiit-img-whatsapp img {
    width: 30%;
    height: auto;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.kiit-abc{
 position: relative;
 background-image: linear-gradient(to bottom, rgb(10 172 109), rgb(72 179 73 / 26%)), url(https://discover-himachal.in/digimonster/assets/images/banner/whats-bg.jpg);

}
.kiit-leaf {
  list-style: none;
  background: #0aac6d;
  transition: all 0.5s ease 0s;
  border: 1px solid #ccc;
  padding: 10px;
  margin: 8px 0px;
  border-radius: 20px 0px 20px 0px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kiit-leaf a {
    text-decoration: none;
    color: #fff;
}
.kiit-leaf:hover {
    background: #fff;
    transform: scale(1.1);
    margin: 15px 0px;
}

.kiit-leaf:hover a {
	color:#0aac6d;
}

/* --contactuspage.php css-- */

.kiit-images-sec{
    text-align: center;
}    
.card ifarme{
    border: 4px solid #f7f7f7;
}
.kabc li a i{
    font-size:18px;
}
.kabc{
    padding: 0px 10px 8px!important;
}
.kbr{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
}
.kwrap-heading{
    padding: 12px 0px 5px 24px!important;
}
.card-body h5 {
    font-size: 17px;
    color: #0c121f;
    line-height: 1.2;
    font-weight: 600;
}
.card .kabc{
    border-top:none!important;
}
/*.card>.list-group {*/
/*    border-top:none;*/
/*}*/
.card ul .kbr{
    border:none!important;
}
.card ul li{
    /*justify-content: center;*/
    align-items: center;
}
.card ul li a{
    padding-top: 3px;
    width: 30px;
}
.card iframe{
    border: 0;
    width: 100%;
    height: 245px;
}
.card{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.kiit-images-sec img{
  
    width:68%;
    /*background-color: #e9eaec;*/
}
.kiit-contact-wrap{
        padding:21px;
        background-color:#fff;
}
.one-tab , .two-tab  , .three-tab , .four-tab ,.five-tab{
    margin-bottom: 9px;
}

.one-tab , .two-tab  , .three-tab , .four-tab ,.five-tab label{
    color:#fff;
}
.contact-map-bg{
    background-color:#5d5cdc;
}
.k-border{
        border-bottom: 1px dashed #dfdfdf;
}
.kiit-icon-tab p{
    font-size: 15px;
    font-weight: 400;
    color: #000;
}
.kiit-icon-tab h3{
    line-height: 1.2em;
    font-size: 19px;
    font-weight: 600!important;
}
.kiit-icon-tab a{
    padding: 0px 25px 0px 0px;
    text-decoration:none;
}

.kiit-icon-tab a i{
    
    width: 50px;
    height: 50px;
    background-color: #5d5cdc;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-size: 18px;
}
.kiit-form-tab h6{
    font-size: 14px;
    font-weight: 600;
    color: #5d5cdc;
}
.kiit-form-tab h2{
    font-size: 22px;
    font-weight: 700;
    text-align: left;
    line-height: 2;
    color: #000;
    margin: 0px;
}
.kiit-form-tab p{
        font-size: 16px;
    font-weight: 400;
    text-align: left;
    line-height: 22px;
    color: #000;
}
.kiit-map{
     width: 100%;
    padding:2px 5px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    border-radius: 5px;
}
.form-container form{
    padding: 10px!important;
}
.form-container input,textarea{
    outline:none;
}
.k-one input{
    width:90%;
}

.form-container {
    width: 100%;
    /* margin: 40px auto; */
    background-color: #5d5cdc;
    /* padding: 20px; */
    /* border-radius: 8px; */
    /* box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; */
    border-top: 8px solid #ffb334;
    padding: 13px 19px 21px;
    border-radius: 9px;
}
.form-container form {
    display: grid;
    gap: 10px;
}
.form-container form label {
    font-weight: 500;
}
.two-input{
    padding-left: 23px!important;
}
.two-input input{
    width: 100%;
}
.one-input input{
   
    width: 96%;
}
.form-container form label{
    padding-bottom: 5px;
}

.form-container form input, textarea {
    width: 100%;
    padding: 5px 10px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.form-container form input{
    font-size:14px;
}

.form-container form button {
    background-color: #ffb334;
    color: #fff;
    padding: 10px;
    border: none;
        border-radius: 3px;
    cursor: pointer;
   }

.form-container form button:hover {
    background-color:#fff;
    color:#ffb334;
}



/*--- Contactus-new.php page css ---*/

/*.kiit-bg-color{*/
/*    background-color:#fff;*/
/*        margin-top: -230px;*/
/*}*/
/*.kiit-contact-wrap{*/
/*        padding:21px;*/
/*        background-color:#fff;*/
/*}*/
/*.one-tab , .two-tab  , .three-tab , .four-tab ,.five-tab label{*/
/*    color:#fff;*/
/*}*/
/*.contact-map-bg{*/
/*    background-color:#5d5cdc;*/
/*}*/
/*.k-border{*/
/*        border-bottom: 1px dashed #dfdfdf;*/
/*}*/
/*.kiit-icon-tab p{*/
/*    font-size: 15px;*/
/*    font-weight: 400;*/
/*    color: #000;*/
/*}*/
/*.kiit-icon-tab h3{*/
/*    line-height: 1.2em;*/
/*    font-size: 19px;*/
/*    font-weight: 600!important;*/
/*}*/
/*.kiit-icon-tab a{*/
/*    padding: 0px 25px 0px 0px;*/
/*    text-decoration:none;*/
/*}*/

/*.kiit-icon-tab a i{*/
    
/*    width: 50px;*/
/*    height: 50px;*/
/*    background-color: #5d5cdc;*/
/*    border-radius: 50%;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    color: #ffffff;*/
/*    font-size: 18px;*/
/*}*/
/*.kiit-form-tab h6{*/
/*    font-size: 14px;*/
/*    font-weight: 600;*/
/*    color: #5d5cdc;*/
/*}*/
/*.kiit-form-tab h2{*/
/*    font-size: 22px;*/
/*    font-weight: 700;*/
/*    text-align: left;*/
/*    line-height: 2;*/
/*    color: #000;*/
/*    margin: 0px;*/
/*}*/
/*.kiit-form-tab p{*/
/*        font-size: 16px;*/
/*    font-weight: 400;*/
/*    text-align: left;*/
/*    line-height: 22px;*/
/*    color: #000;*/
/*}*/
/*.kiit-map{*/
/*     width: 100%;*/
/*    padding:2px 5px;*/
/*    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;*/
/*    border-radius: 5px;*/
/*}*/
/*.form-container form{*/
/*    padding: 10px!important;*/
/*}*/
/*.form-container input,textarea{*/
/*    outline:none;*/
/*}*/
/*.k-one input{*/
/*    width:90%;*/
/*}*/

/*.form-container {*/
/*    width: 100%;*/
    /*margin: 40px auto;*/
/*    background-color: #5d5cdc;*/
    /*padding: 20px;*/
    /*border-radius: 8px;*/
    /*box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;*/
/*    border-top: 8px solid #ffb334;*/
/*}*/

/*.form-container form {*/
/*       display: grid;*/
/*    gap: 10px;*/
/*}*/
/*.form-container form label {*/
/*    font-weight: bold;*/
/*}*/
/*.two-input{*/
/*    padding-left: 23px!important;*/
/*}*/
/*.two-input input{*/
/*    width: 100%;*/
/*}*/
/*.one-input input{*/
   
/*    width: 96%;*/
/*}*/
/*.form-container form label{*/
/*    padding-bottom: 5px;*/
/*}*/

/*.form-container form input, textarea {*/
/*    width: 100%;*/
/*    padding: 8px;*/
/*    box-sizing: border-box;*/
/*    border: 1px solid #ccc;*/
/*    border-radius: 4px;*/
/*}*/

/*.form-container form button {*/
/*    background-color: #ffb334;*/
/*    color: #fff;*/
/*    padding: 10px;*/
/*    border: none;*/
/*    border-radius: 4px;*/
/*    cursor: pointer;*/
/*   }*/

/*.form-container form button:hover {*/
/*    background-color:#fff;*/
/*    color:#ffb334;*/
/*}*/

/* --contactus.php-- */

/*.contact-map-bg{*/
/*    background-color:#5d5cdc;*/
/*}*/
/*.k-border{*/
/*        border-bottom: 1px dashed #dfdfdf;*/
/*}*/
/*.kiit-icon-tab p{*/
/*    font-size: 17px;*/
/*    font-weight: 400;*/
/*    color: #000;*/
/*}*/
/*.kiit-icon-tab h3{*/
/*    line-height:1.2em;*/
/*    font-size: 24px;*/
/*    font-weight: 600!important;*/
/*}*/
/*.kiit-icon-tab a{*/
/*    padding: 0px 25px 0px 0px;*/
/*}*/
/*.kiit-icon-tab a{*/
/*    text-decoration:none;*/
/*}*/
/*.kiit-icon-tab a i{*/
    
/*            width: 65px; */
/*            height: 65px;*/
/*            background-color: #5d5cdc; */
/*            border-radius: 50%; */
/*            display: flex;*/
/*            justify-content: center;*/
/*            align-items: center;*/
/*            color: #ffffff; */
/*            font-size: 24px; */
/*        }*/
/*.kiit-form-tab h6{*/
/*    font-size: 14px;*/
/*    font-weight: 600;*/
/*    color:#5d5cdc;*/
/*}*/
/*.kiit-form-tab h2{*/
/*    font-size: 35px;*/
/*    font-weight: 700;*/
/*    text-align: left;*/
/*    line-height: 2;*/
/*    color: #000;*/
/*}*/
/*.kiit-form-tab p{*/
/*    font-size: 17px;*/
/*    font-weight: 400;*/
/*    text-align: left;*/
/*    line-height: 22px;*/
/*    color: #000;*/
/*}*/
/*.kiit-map{*/
/*     width: 100%;*/
/*    padding:2px 5px;*/
/*    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;*/
/*    border-radius: 5px;*/
/*}*/
/*.form-container form{*/
/*    padding: 40px!important;*/
/*}*/
/*.form-container input,textarea{*/
/*    outline:none;*/
/*}*/
/*.k-one input{*/
/*    width:90%;*/
/*}*/

/*.form-container {*/
/*    width: 100%;*/
/*    margin: 40px auto;*/
/*    background-color: #fff;*/
/*    padding: 20px;*/
/*    border-radius: 8px;*/
/*    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;*/
/*    border-top: 8px solid #ffb334;*/
/*}*/

/*.form-container form {*/
/*    display: grid;*/
/*    gap: 10px;*/
/*}*/

/*.form-container form label {*/
/*    font-weight: bold;*/
/*}*/
/*.two-input{*/
/*    padding-left: 23px!important;*/
/*}*/
/*.two-input input{*/
/*    width: 100%;*/
/*}*/
/*.one-input input{*/
   
/*    width: 96%;*/
/*}*/
/*.form-container form label{*/
/*    padding-bottom: 5px;*/
/*}*/

/*.form-container form input, textarea {*/
/*    width: 100%;*/
/*    padding: 8px;*/
/*    box-sizing: border-box;*/
/*    border: 1px solid #ccc;*/
/*    border-radius: 4px;*/
/*}*/

/*.form-container form button {*/
/*    background-color: #ffb334;*/
/*    color: #fff;*/
/*    padding: 10px;*/
/*    border: none;*/
/*    border-radius: 4px;*/
/*    cursor: pointer;*/
/*}*/

/*.form-container form button:hover {*/
/*    background-color:#5d5cdc;*/
/*}*/



/*-- Details Page Css --*/


.kiit-client-logo a img{
    padding: 2px;
    width: 35px !important;
    margin-right: 10px;
    background: #bebebe14;
    border-radius: 4px;
    box-shadow: rgb(175 175 175 / 20%) 0 4px 13px;
}
 .kiit-client-logo a {
    color: #000;
    border-radius: 50px;
    background: #f9f9f9;
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
    padding: 5px 10px;
    height:56px;
}
.kiit-client-logo a{
    text-decoration:none;
}
/*-----------------*/

.kiit-img-banner img{
    max-width:90%;
    height:auto;
}
/*--- Bulk SMS Section of Details page ---*/

.kiit-bulk-tab{
    font-size: 1.5rem;
    font-weight: 500;
}
.kiit-bulk-tab h2{
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.0;
    padding-bottom: 10px;
} 
.kiit-bulk-tab span{
    color:#feb12f;
}
.k-bg{
    background-color:#f9f9f9;
}
.ul-tag{
   width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ul-tag li{
    list-style-type: none;
    width: 33%;
    padding: 7px 10px;
    border: 2px solid #bed39d;
    margin: 5px 0px;
    border-radius: 5px;
}
.ul-tag li:hover {
    padding: 7px 10px;
    background-color: #8cb253; 
    border-radius: 5px;
    transition: 0.2s;
    border: none;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.ul-tag li a {
  color: #000;
  text-decoration: none;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
}
.ul-tag img{
    width: 5%;
    margin-right: 5px;
}





/*======================================================== Home Page Css=============================================================*/
.sms{
  width: inherit!important; 
  margin-right: 10px;
}
.whats{
  width: inherit!important;    
}
.title {
	width: 58% !important;
	margin: 25px auto;
}

.mk.title {
	width: 100% !important;
}

.bg-1 {
	background: var(--myblue);
}

.topbar {
	display: flex;
	justify-content: space-between;
}
.top{
    display: flex;
    align-items: center;
}
.top a {
	text-decoration: none;
}

.top li {
	display: flex;
	align-items: center;
}

.top ul li i {
    background: white;
    width: 19px;
    /*height:17px;*/
    border-radius: 3px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* --avinash css header-- */
.top ul li span{
    font-size: 16px;
    font-weight: 700;
    color: #ffb334;
}

/*------------------------*/

.top ul li:nth-child(1) i {
	color: #ffb334;
    font-weight: 400;
    padding-bottom: 2px;
    font-size: 16px;
    background-color: transparent;
}

.top ul li:nth-child(2) i {
	color: #6fdaff;
}

.top ul li:nth-child(3) i {
	color: #000098;
}

.top ul li:nth-child(4) i {
	color: red;
}

.top p {
    padding-left: 7px;
    color: white;
    font-weight: 600;
    margin-bottom: 0px;
    font-size: 15px;
}

.top ul {
	display: flex;
	padding-left: 4px;
	margin-bottom: 0;
}

.top ul li {
	margin-left: 10px;
}

.bg-1 {
	background:#5d5cdc;
	border-bottom: 1.4px solid #ffffff8f;

}

.all p {
	/* margin-top: 8px; */
	font-weight: 600;
	color: white;
	font-size: 13px;
	text-decoration: underline;
	margin-bottom: 0;
}

.all {
	display: flex;
	padding-right: 3px;
}

.all ul{
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: flex;
  justify-content: space-between;
  place-items: center;  
}
.all ul li{
  padding: 0px 5px;
}
.all ul li i {
    color: var(--myorange);
    /* width: 20px; */
    font-size: 13px;
    margin-right: 4px;
}
.all ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    padding-right: 8px;
    border-right: 1px solid #ffffff59;
}
.all ul li:last-of-type a {
   border-right: 0;
}
.all ul li a:hover{
  color: #fff;
  text-decoration: underline;
  transition:0.2s;
}


.my-butn {
	display: inline-block;
	width: fit-content;
	padding: 7px 11px 9px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: var(--myorange);               
	transition: all .5s ease;
	font-weight: 500;
	border-radius: 32px;
}

.my-butn:hover {
background: var(--darkblue);   
transition: all .5s ease;
}

/*.girl img {*/
/* width: 65%;*/
/* margin-right: 8%;*/
/*}*/
.girl{
    margin: 20px 0;
}
.e-hght {
	padding: 14px 24px 16px;
	width: 160px;
}

.my-butn:hover {
	background-position: left;
}
.nav-link {
    color: #fff !important;
    font-size: 15px!important;
    font-weight: 500!important;
    position: relative;
    padding: 0!important;
    margin: 0.5rem;
   transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

.nav-link:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #fff;
    bottom: -4px;
    /* border-bottom: 2px solid #333; */
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
}
.nav-link:hover::before{
   transform: scaleX(1);
}

.navbar-nav .dropdown-toggle::after{
    display: none;
}
.navbar-nav .nav-link span{
    margin-left: 4px;
}
.dropdown-menu{
    padding: 0!important;
    left: 8px!important;
    border-radius: 2px!important;
    background: #ffffff;
    backdrop-filter: blur(10px);
    transition: .4s;
}
.dropdown-menu .dropdown-item{
    border-radius: 0;
    font-size: 14px;
    font-weight: 500;
    padding: 4px 9px;
    transition: .4s;
}

.dropdown-item:hover {
    color: #fff!important;
    background-color: #ffa000!important;
    transition: .4s;
}
.last_div_menu{
    width: fit-content;
    display: flex;
    margin-left: 10px;
}
.digi-login{
    margin-left: 10px;
}
.bg {
	background: #1d3753;
}
#main-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: white;
    padding: 10px 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  }
  #main-header {
  position: relative;
  transition: all 0.3s ease;
}

.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 1000;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.banner h1 {
	font-size: 36px;
	line-height: 52px;
	font-weight: 600;
	    letter-spacing: 1px;
    color: white;
    margin-bottom: 18px;
}

.banner p {
    font-size: 16px;
    color: #f1f1f1;
    font-weight: 400;
    margin-top: 13px;
    line-height: 29px;
    margin-bottom: 30px;
    width: 87%;
}

.msg img {
	width: 118px;
}

.msg {
	display: flex;
	margin-top: 21px;
}

.msg h2 {
	font-size: 22px;
	color: white;
	font-weight: 500;
}

.msg p {
	color: white;
	font-size: 15px;
	font-weight: 500;
}

.eno {
	margin-right: 30px;
}

.text h3 {
	font-weight: 500;
	font-size: 19px;
	text-align: center;
	color: #000000b5;
}

.social {
	display: flex;
	list-style-type: none;
	width: 100%;
}

.social li {
	display: flex;
	margin-right: 50px;
	align-items: center;
}

.title h3 {
	text-align: center;
	font-weight: 700;
	/* margin-top: 30px; */
	font-size: 30px;
	color: #2b2b2b;
	    text-transform: capitalize;
}

.title p {
	text-align: center;
	font-weight: 500;
	color: #acacac;
	text-transform: capitalize;
}

.my-imag img {
	width: 100%;
	padding: 23px;
	height: 170px;
}

.service-card .img {
	height: 100%;
	overflow: hidden;
	position: relative;
	margin-bottom: 14px;
}
.service-card{
    transition: all 0.5s ease 0s;
}

.service-card .content {
	padding: 0px 19px 21px;
	position: relative;
	    margin-top: 20px;
}
/*.service-card:hover{*/
/*transform: scale(1.1);*/
/*    transition: 2s;*/
/*}*/



.mt-70 {
	margin-top: 70px;
}

.mt-96 {
	margin-top: 96px;
}

.mb-96 {
	margin-bottom: 96px;
}

.bottom a {
    color: var(--myorange);
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
}


.service-card .content h4 {
    font-weight: 600;
    font-size: 17px;
    color: #000;
    margin: 10px 0;
}
.service-card .content h4 a{
    text-decoration: none;
    color: #000;
}

.service-card .content p {
    font-size: 15px;
    color: #000;
    line-height: 23px;
    margin-bottom: 10px;
}


/*.service-card .img::before {*/
/*    position: absolute;*/
/*    content: " ";*/
/*    width: 50%;*/
/*    height: 20px;*/
/*    left: 25%;*/
/*    top: 0px;*/
/*    border-radius: 0 0 11px 11px;*/
/*	background-color: #f4f4f4;*/
/*}*/

.service-card {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    width: 100%;
    margin: 9px auto;
}

.best h2 {
	text-align: center;
	font-size: 40px;
	font-weight: 700;
	/*margin-left: 180px;*/
	/*margin-bottom: -17px;*/
}

.best-service {
	text-align: center;
}

.media {
	display: flex;
}
.icons{
  width:100%;
  padding:15px;
}
.icos:hover{
border-radius: 10px;
    transition: 0.4s;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.icons h2 {
	font-size: 19px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: 700;
}

.one {
	background: #f0f8ff63;
	padding: 15px;
    width: 100%;
	border-radius: 10px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 1px 10px 0px;
}

.icons p {
	color: #000000a1;
	font-weight: 600;
}

.flow{
    position: relative;
    width: 95%;
    height: auto;
}
.shape-one img{
  position: absolute;
  left: -80px;
  z-index: -999;
  top: 0px; 
  animation-name: spin;
  animation-duration: 6000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear; 
}
.shape-two img{
    position: absolute;
    right: 10px;
    bottom: 0px;
    filter: sepia();
    z-index: -999;
        filter: sepia(100%) hue-rotate(190deg) saturate(500%);
    animation-name: spin;
  animation-duration: 6000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear; 
}

.new {
	background-image: url("../images/line.png");
	display: flex;
	justify-content: space-evenly;
	place-items: baseline;
	padding: 30px 0px;
}
.testi-bg{
  	background-image: url("../images/u-bg1.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.talk-bg{
  	background-image: url("../images/u-bg3.jpg");
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}
.service-bg{
  	background-image: url("../images/round3.png");
     background-position: inherit;
    background-repeat: no-repeat;
    background-size: cover;
}

.our-service{
  position:relative;  
}
.service-icon1 img{
  position: absolute;
  bottom: 0px;
  left: 0px;
  animation-name: floating;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.service-icon2 img{
  position: absolute;
  top: 0px;
  left:0px;
  animation-name: floating;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.service-icon3 img{
  position: absolute;
  bottom: 0px;
  right:0px;
  animation-name: floating;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.service-icon5 img{
  position: absolute;
  top: 0px;
  right:0px;
  animation-name: floating;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}


.save h2 {
	font-size: 32px;
	font-weight: 600;
	color: white;
	text-align: left;
}

.number h2 {
	font-size: 36px;
	font-weight: 600;
	color: white;
}

.save p {
	font-size: 32px;
	/*font-weight: 600;*/
	color: white;
}

.number p {
	color: white;
	margin-top: 17px;
	font-weight: 500;
}

.bg-texture{
    background-image: url(../images/bg-texture.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.title span {
	color: var(--myorange);
}

.package h2 {
	font-size: 18px;
	text-align: center;
	font-weight: 700;
	margin-bottom: 29px;
}

.boxes .package {
	border: 1px solid #153c811c;
	padding: 17px;
	border-radius: 15px;
	box-shadow: rgb(5 75 150 / 20%) 0px 1px 3px 0px;
	/* box-shadow: rgb(0 0 0 / 16%) 0px 3px 8px; */
	width: 94%;
}

.style {
	list-style: none;
	font-weight: 600;
	color: #6b688bba;
	padding-left: 0;
	display: flex;
	transition: all 0.5s ease 0s;
	justify-content: center;
	flex-wrap: wrap;
}
.ep a:hover{
        transform: scale(1.1);
}

.ep:last-of-type {
	margin-bottom: 0;
}

.ep a {
 padding: 0px 10px;
 border-radius: 5px;
 width: auto;
 box-shadow: none;
 font-size: 12px;
}

.ep {
	margin-bottom: 23px;
	width: 100%;
	text-align: center;
	color: #6b688b;
}

.bulk-para {
	padding-left: 30px;
	/* width: 77%; */
}

.bulk-para p {
	font-size: 15px;
	font-weight: 400;
	color: #000;
}

.bulk h3 {
	font-size: 22px;
	font-weight: 700;
}

.box {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.check-box {
	margin-top: 1.5rem;
	margin-left: 30px;
}

.check-box i {
	font-size: 24px;
	color: #5d5cdc;
	margin-right: 24px;
}

.check-box p {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 0;
	color: #000;
}

.check-box ul {
    padding: 0px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.sms-1 {
	margin-bottom: 100px;
	margin-top: 50px;
}

.mask {
	background-image: url(../images/Mask.png);
	background-repeat: no-repeat;
}

.mz p {
    font-weight: 700;
    color: #5d5cdc;
    font-size: 16px;
    margin-bottom: 10px;
}

.mk p {
	font-size: 16px;
	font-weight: 500;
	color: #6b688bba;
	margin: 26px 0 35px;
}
/*.note:hover{*/
/*        transform: scale(1.1);*/
/*}*/
@keyframes makeItfadeIn {
    100% {
        background-position: left;
    }
}
.note:hover {
    background: linear-gradient(to right,#ede7f5 50%,#eef0fd 0);
    background-size: 200% 100%;
    background-position: right;
    animation: 2s forwards makeItfadeIn;
}

.nots:hover {
    background: linear-gradient(to right,#def2fd 50%,#def2fdbd 0);
    background-size: 200% 100%;
    background-position: right;
    animation: 2s forwards makeItfadeIn;
}

.note {
  background:#fffcda5e;
  border-radius: 10px;
  display: flex;
  width: 100%;
  padding: 20px;
}
.nots{
  background:#fffcdaba;
  border-radius: 10px;
  display: flex;
  width: 100%;
  padding: 20px;
}
.nots h3 {
    font-size: 21px;
    font-weight: 600;
}

.nots p{
    font-size: 15px;
    font-weight: 500;
    color: #6b688bba;
    margin-bottom: 0;
}
.note-1 h3 {
	font-size: 21px;
	font-weight: 600;
}

.note p {
	font-size: 15px;
	font-weight: 500;
	color: #6b688bba;
	margin-bottom: 0;
}

.note-img {
	width: 3%;
	margin-right: 4%;
}
.footer2 {
    background-image: url(../images/u-bg1.jpg);
    background: #1d3753;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.footer2 .row{
    width: 97%;
    margin: 0 auto;
}

.footer2 .footer-form {
    position: relative;
    z-index: 1;
    top: -40px;
    width: 100%;
    border-radius: 5px;
    margin: 0;
    padding: 8px 20px 27px 20px;
    background-color: #adadff61;
    backdrop-filter: blur(10px);
    border: 1px solid #ffffff38;
}
.form-floating>.form-control, .form-floating>.form-control-plaintext {
    padding: 0.5rem 0.75rem;
}
.form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select {
    max-height: 2.6rem;
    min-height: 2.6rem;
}
.btn1 {
    width: 100%;
    height: 100%;
    background: #ffd03f;
    color: #242323;
    font-size: 17px;
    font-weight: 600;
    border-radius: 4px;
    border: none;
}
.footer2 .footer-form form div {
    position: relative;
}
.form-floating>.form-control, .form-floating>.form-control-plaintext {
    padding: 0.6rem 1rem;
}
.form-floating>label {
    color: #959ca9;
    font-size: 0.75rem;
}
.form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select {
    height: calc(2.5rem + 2px);
    line-height: 1.25;
}
.form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0.6rem 1rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
.footer-clients {
 margin: 40px 0 73px;
}
.footer p {
	font-size: 16px;
	font-weight: 500;
	color: #6b688bba;
	margin-top: 22px;
}

.footer-2 p {
	font-weight: 500;
	color: #403f4a;
}

.footer img {
	width: 66%;
}

.footer h2 {
	font-size: 15px;
	font-weight: 600;
	color: #6b688bba;
	font-weight: 500;
}

.footer h3 {
	font-size: 14px;
	font-weight: 600;
	color: #6b688bba;
}

.media-1 {
	/*font-size: 30px;*/
	letter-spacing: 8px;
	margin-top: 9px;
}

.media-1 i {
	color: #5d5cdc;
	font-size: 22px;
}

.footer-2 {
	/*text-align:center;*/
}

.footer-2 ul {
	list-style-type: none;
	padding-left: 0;
}

.footer-2 h3 {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 21px;
}

.footer-2 ul li {
    margin-bottom: 8px;
}
.footer-2.f-first ul li {
    margin-bottom: 8px;
    border-bottom: 1px solid #cccccc30;
    padding-bottom: 4px;
}
.footer-2.f-first ul li a:hover{
    color: #fff;
    transition: .3s;
}
.footer-2.f-second ul li{
    width: fit-content;
    background: rgb(255 255 255 / 14%);
    padding: 1px 6px;
    border-radius: 3px;
    margin-right: 4px;
     transition: .3s;
}
.footer-2.f-second ul li a{
    font-size: 13px;
     transition: .3s;
}
.footer-2.f-second ul{
    display: flex;
    flex-wrap: wrap;
}

.footer-2 ul li a {
    color: #c9c9c9;
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
     transition: .3s;
}
.footer-2.f-first.last ul li a{
    padding-left: 10px;
}

.footer-3 {
	padding-left: 24px;
}

.foram {
	display: flex;
}

.mail {
	border: none;
	padding: 16px;
	background: #def2fd;
}

.mail:focus-visible {
	border: none;
	outline: none;
	box-shadow: none;
}

.mail::placeholder {
	color: #ccc;
}

.sbt {
	border: none;
	width: 100%;
	background: var(--myorange);
	font-size: 15px;
	font-weight: 500;
	color: white;
	padding: 0px 15px;
}

.send {
	color: #00000063;
}

.pla {
	background-image: url("../images/plane.png");
	background-size: cover;
	background-position: bottom;
	width: 100%;
	border-radius: 14px;
}

.plane {
	padding-left: 106px;
}

.plane p {

	font-weight: 600;
	color: var(--myorange);
}

.plane h2 {
	font-size: 28px;
	font-weight: 600;
	color: white;
	filter: drop-shadow(2px 4px 6px black);
}

.plane-1 {
	text-align: center;
	background: white;
	padding: 12px;
	border-radius: 10px;
	transition: all 0.5s ease 0s;
	cursor:pointer;
}

.plane-1 p {
	margin-top: 11px;
	font-size: 14px;
	font-weight: 700;
	color: #273039f5;
	margin-bottom: 0;

}
.plane-1:hover p{
color: #273039f5;
}

.plane-1:hover{
    background: linear-gradient(to bottom, transparent 0%, #feb13f 100%);
    background-color: #fff;
    transform: scale(1.1);
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}
.plan-active{
  background: linear-gradient(to bottom, transparent 0%, #feb13f 100%);
  background-color: #fff;
  transform: scale(1.1);
  box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;   
}

.testimonials p {
	font-weight: 600;
	font-size: 20px;
	color: #5d5cdc;
	margin-bottom: 0px;
}

.testimonials {
	text-align: center;
}

.testimonials h3 {
	font-weight: 700;
	font-size: 30px;
}

.testi-card {
	border: 1px solid #ababab;
	border-radius: 20px;
	overflow: hidden;
}

.testi-main-c {
	padding: 0px 40px !important;
	margin: auto 0px !important;
}

.testi-logo img {
	width: 150px !important;
}

.testi-author {
	display: flex;
	place-items: center;
}

.testi-author img {
	width: 50px !important;
	height: 50px !important;
	margin-right: 15px;
}

.testi-content {
	margin: 20px 0px;
}

.testi-content p {
	margin: 0px;
	font-family: 'Montserrat';
	font-weight: 400;
	color: #6a698c;
	font-size: 15px;
}

.testi-comp h5 {
	color: #6a698c;
	font-size: 16px;
	font-weight: 600;
	margin: 0px;
}

.testi-comp h6 {
	color: #2e2e2e;
    font-size: 14px;
    font-weight: 600;
    margin: 0px;
}

.owl-prev span {
	position: absolute;
	left: -50px;
	top: 100px;
	font-size: 80px;
	color: #feb12f;
}

.owl-next span {
	position: absolute;
	right: -50px;
	top: 100px;
	font-size: 80px;
	color: #feb12f;
}

.back {
	background-color: #e7e7e7;
	height: 291px;
	position: relative;
	margin-top: 187px !important;
}

.abcd {
	position: absolute;
	bottom: -29px;
}

.form-pic {
	position: absolute;
	bottom: 0;
}

.abc {
	margin-top: 30px;
	
}

.abc-1 {
	margin-top: 44px;
	padding-left: 29px;
}

.abc-1 h2 {
	color: #333;
	font-size: 26px;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 20px;
}

.abc-1 p {
	color: #6f6f6f;
	font-weight: 500;
}

.btn-larg {
	width: 100%;
	padding: 10px;
	border-radius: 11px;
	border: none;
	font-weight: 700;
	background: #fda10b;
}

.start {
	color: white;
	font-weight: 600;
	border-bottom: 2px solid #fda10b;
	margin: 0 auto;
	width: auto !important;
}

.start h2 {
	font-weight: 600;
	color: #2b2b2b;
}

/*.abcd{*/
/*    margin: 36px;*/
/*}*/
.copyright {
	text-align: center;

}

.copyright h3 {
	font-size: 15px;
	color: #ccc;
	font-weight: 500;
}

.select {
	height: 50px;
}

.touch h2 {
	font-weight: 800;
	color: #181532d9;

}

.form {
	border-radius: 10px;
	border: 4px solid var(--myorange);
	background-color: #fff;
	 max-width: 86%;
    margin: auto;
    height: auto;
    backdrop-filter: blur(10px);
    background-color: #1d37538f;
}

.digi-f {
	width: 100% !important;
	padding: 10px !important;
	border-radius: 5px !important;
	margin: 5px 0px !important;
	background-color: aliceblue !important;
	border: none !important;
}

.submit-tab {
	margin-top: 20px;
	border: none;
}

.digi-f:focus-visible {
	outline: none;
}

.flow img {
	width: 100%;
}

.navbar-toggler-icon {
	filter: brightness(0) invert(1);
	width: 1.2em !important;
	height: 1.2em !important;
}

.navbar-toggler {
	border: 2px solid #d6d6f6 !important;
	padding: 3px 5px !important;
}

.navbar-toggler:focus {
	box-shadow: none !important;
}


/*---blogs--start--*/

 .our-blog h4{
    font-weight: 700;
    font-size: 30px;
 }
.blog-card {
    border: 2px solid #feb12f26;
    border-radius: 10px;
}
.blog-card img{
  border-radius: 10px 10px 0px 0px;
}
  .blog-title{
        padding: 18px 14px;
  }
.blog-title h4 {
    color:#000;
    font-size: 19px;
    margin-bottom: 13px;
    font-weight: 600;
}
.blog-title p {
    font-size: 15px;
    /* font-weight: 500; */
    margin-bottom: 10px;
    color: #777777;
}
.blog-tab {
  margin-top: 15px;
}

.blog-card:hover{
 box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
 transition:0.4s;
}
/*---blogs--start--*/

/*---about-page-start--*/

.about-title h1 {
    font-size: 35px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--myorange);
}
  .bredacrum{
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0px;
    padding: 0px;
 }
  .bredacrum li{
    padding: 0px 5px 0px 0px;
    color: #fff;
 }
  .bredacrum li a{
    color: #fff;
    text-decoration: none;
    font-size: 14px;
 }
 .digi-bread{
   color: #feb12f;
 }
 .about-mk-title p{
   width: 90%;
   margin: 10px 0px;
 }
 .about-sec-list{
   padding: 0px;
   margin: 0px;  
   width: 50%;
 }
.about-sec-list li {
    list-style: none;
    margin-bottom: 10px;
}
.about-sec-list  p {
    width: 100%;
    text-align: left;
    font-size: 15px;
    margin: 5px 0px;
    font-weight: 500;
    color: #333333ba;
    line-height: 28px;
}
.about-sec-list li p {
    width: 100%;
    text-align: left;
    font-size: 14px;
    margin: 5px 0px;
    font-weight: 600;
    color: #333333ba;
    line-height: 28px;
}
.about-sec-list li p img{
    width: 20px;
        margin-right: 6px;
 }
     

.bgm {
	background:#1d3753;
}
.ivr h1{
       font-size: 35px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: 1px;
    color: white;
   
}
/*.ivr strong{*/
/*    color:#7ddc5d;*/
/*}*/

/*.ivr a {*/
/*	margin-top: 10px;*/
/*	color: #fff;*/
/*	text-align: center;*/
/*	text-decoration: none;*/
/*	transition: all .5s ease;*/
/*	font-weight: 500;*/
/*	border-radius: 32px;*/
/*	font-size: 17px;*/
/*	border: none;*/
/*	font-weight: 500;*/
/*	padding: 10px 15px 11px;*/
/*	margin: 7px;*/
/*	background: linear-gradient(to left, #feb12f 50%, #2a2a83 50%) right;*/
/*	background-size: 200% 100%;*/
/*	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;*/
/*}*/

/*.ivr a:hover {*/
/*	background-position: left;*/
/*}*/
.ivr p{
    color:#fff;
    text-align:justify;
    font-size:17px;
    font-weight:300;
}
.ivr img{
    width:30px;
    padding-right:5px;
}
.ivr i{
    margin-right:5px;
}
.naz {
	display: flex;
}

.naz img {
	width: 19%;
	margin: 4px;
	padding: 9px;
}

.naz p {
	margin: 14px 0px 0px 0px;
	font-weight: 600;
	font-size: 24px;
	color: black;

}

.blk a {
	font-size: 20px;
	text-decoration: none;
	color: black;
}

.blk i {
	color: #feb12f;
	padding: 0px 0px 0px 20px;
}

.arrow li {
	padding: 10px;
}

.arrow {
    padding-left: 0px;
    list-style: none;
    background: #efefef;
   box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    border-radius: 25px;
}
/*.arrow:hover {*/
/*    background: #feb12f;*/
/*    transition: 1s;*/

/*}*/
/*.arrow:hover span{*/
/*    color:#fff;*/
/*}*/
/*.arrow:hover i{*/
/*    transition: 1s;*/
/*        color: #5554bf;*/
/*}*/

.arrow a {
	color: black;
	margin: 0px 0px 0px 20px;
}

.arrow span {
	padding: 0px 0px 0px 6px;
	color: black;
}

.arrow i {
	padding-bottom: 15px;
	color: #36cd77;
}

.bg-l {
	width: 25% !important;

}

.detail span {
	color: #feb12f;
}

.detail h2 {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.0;
    /* padding-bottom: 10px; */
}

.detail p {
    /*font-size: 16px;*/
    /*font-weight: 400;*/
    /*text-align: justify;*/
    /*line-height: 30px;*/
    font-size: 15px;
    color: #f1f1f1;
    font-weight: 400;
    margin-top: 10px;
    line-height: 26px;
    margin-bottom: 20px;
    width: 100%;
}
.detail img{
    width:4%;
}
.k-para p{
    margin-top:1rem;
}
.kiit-img-tab img{
    max-width: 86%;
    height: auto;
    box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
}

.full a {
	margin-top: 10px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	transition: all .5s ease;
	font-weight: 500;
	border-radius: 32px;
	font-size: 17px;
	border: none;
	font-weight: 500;
	padding: 10px 15px 11px;
	margin: 7px;
	background: linear-gradient(to left, #feb12f 50%, #2a2a83 50%) right;
	background-size: 200% 100%;
}

.full a:hover {
	background-position: left;
}

.full h2 {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.0;
    padding-bottom: 10px;
	color: #7ddc5d;
	}

.full p {
	color: white;
	font-size: 16px;
	font-weight: 500;
}

.full a {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.digi {
	text-align: center;
}

.digi h2 {
	font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.0;
    padding-bottom: 10px;
}

.digi h3 {
	font-weight: 600;
	font-size: 20px;
}

.digi p {
    text-align: justify;
    font-size: 17px;
    line-height: 28px;
    font-weight: 400;
}
.digi span{
    color:#feb12f;
}

.leaf {
  list-style: none;
  background: rgb(255, 255, 255);
  /*background: rgb(48,195,34);*/
  /*background: linear-gradient(34deg, rgba(48,195,34,0.9612219887955182) 0%, rgba(253,187,45,1) 100%);*/
  /*background: rgb(28,244,3);*/
  /*background: linear-gradient(34deg, rgba(28,244,3,0.8127626050420168) 0%, rgba(253,187,45,1) 100%);*/
  transition: all 0.5s ease 0s;
  border: 1px solid #ccc;
  padding: 10px;
  margin: 8px 0px;
  border-radius: 20px 0px 20px 0px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.leaf a {
    text-decoration: none;
    color: black;
}

.leaf:hover {
    background: #5d5cdc;
    transform: scale(1.1);
    margin: 15px 0px;
}

.leaf:hover a {
	color: white !important;
}

.faq{
    width: 60%!important;
    margin: 0 auto;
}
.faq span{
    color: #feb12f;
}
.faq h2 {
	font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.0;
    padding-bottom: 10px;
}

.acd {
	background-color: #5d5cdc !important;
	color: white !important;
}

.acd:not(.collapsed) {
	color: #ffffff !important;
	background-color: #feb12f !important;
	box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%) !important;
}

.acd:focus {
	box-shadow: none !important;
	border-color: none !important;
}


.oo{
    width:90%;
   
}
.arrow{
    background-image: url(../images/images.jpeg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: auto;
    background-position-x: right;
}

.waviy {
  position: relative;
  -webkit-box-reflect: below -20px linear-gradient(transparent, rgba(0,0,0,.2));
  font-size: 29px;
}
.waviy span {
  font-family: 'Alfa Slab One', cursive;
  position: relative;
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  animation: waviy 1s infinite;
  animation-delay: calc(.1s * var(--i));
  
}
@keyframes waviy {
  0%,40%,100% {
    transform: translateY(0)
  }
  20% {
    transform: translateY(-20px)
  }
}

@keyframes move-to-the-side {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(50px);
  }
  100% {
    transform: translateX(0);
  }
}

.best-service img {
width: 100%;
    height: 100%;
  /*animation: move-to-the-side 2000ms infinite;*/
}

.eno img{
    /*animation: move-to-the-side 2000ms infinite;*/
}
.animated-image {
    width: 100px;
    height: 100px;
    background-image: url('path-to-your-image.jpg');
    background-size: cover;
    position: absolute;
    animation: moveImage 5s linear infinite;
}

@keyframes eno-img  {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(50px);
  }
  100% {
    transform: translateX(0);
  }
}
.cde {
    list-style:none;
    padding:30px;
}
.cde h3{
    
    font-weight: 600;
}
.cds{
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.cdf{
    padding: 10px;
}

.corporate-ser{
   display: flex;
   width: 100%;
    justify-content: center;
}
.video  {
    position: absolute;
    width: 1000px;
    /*top: -92px;*/
    left: -100px;
} 
.vdo{
    overflow:hidden;
}


/*=========================================================  end Home css  ==================================================================*/

/*--start-Our Corporate--*/
.corp-pic{
    background-color: #e3ff0726;
    padding: 10px;
    border-radius: 15px;
    text-align: center;
    backdrop-filter: blur(10px);
}
.corp-pic:hover{
    background-color: #ffffff3d;
    padding: 10px;
    border-radius: 15px;
    text-align: center;
    border: 1px solid #eee;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transition: 1s;
}
.corp-pic a{
    text-decoration: none;
    color: #000;
    font-size: 14px;
    font-weight: 600;
}
.corp-pic img {
    width: 100px;
    padding: 10px;
    display: block;
    margin: 0 auto;
}
.corprate-video img{
  width:65%;  
}
/*--end-Our Corporate--*/

/*---package_start---*/

    .pay-tab{
      background-color: #ffffff1c!important;
      color: #000!important;
      font-size: 17px!important;
      font-weight: 600!important;  
      padding: 7px 10px !important;
    }
.nav-tabs .pay-tab.active {
    background-color: #5d5cdc!important;
    color: #fff!important;
}
    .package-tabs{
      width: 100%;
      display: flex;
      justify-content: center;
    }
    .paynow{
     background: var(--myorange);
    transition: all .5s ease;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    }
    
    .paynow:hover{
       background: var(--darkblue);
       transition: all .5s ease;
    }
    .tb-body{
      border: 1px solid #eee;
      margin: 0px!important;
      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
      text-align: center;
      caption-side: bottom;
      border-collapse: inherit!important;
      padding: 10px 15px 10px 15px !important;
      border-radius:10px;
      }
   .td-heading{
        font-size: 18px;
    font-weight: 700;
    color: #2a2a83!important;
    }
    .td-price{
      font-weight: 600;
      color: red!important;
      font-size: 22px;  
    }
    .td-price i{
     font-size: 20px;
     font-weight: 400;
    }
   .td-price span{
     font-size: 14px;
     font-weight: 600;
    }
/*---package_end---*/

/*---topbar_start---*/
  .digi-login ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
  }
 .dgi-call{
    background: white;
    padding: 6px 19px;
    border-radius: 23px;
    display: flex;
    align-items: center;
    color: #181818;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    border: 2px solid #0003;
    transition: .4s;
}
 .dgi-call:hover{
    background-color: var(--myorange);
    color: #fff;
        transition: .4s;
}
.dgi-call i {
    padding-right: 8px;
    margin-top: 2px;
    color: #ae9263;
    font-size: 22px;
}

.dropdown.log-drop > .nav-link.dropdown-toggle{
    background: var(--darkblue);
    display: inline-block;
    padding: 6px 15px!important;
    border-radius: 30px;
    font-size: 15px !important;
    font-weight: 600 !important;
    border: 2px solid #fff;
}
.dropdown.log-drop > .nav-link.dropdown-toggle::before{
    display: none;
}
.dropdown.log-drop{
    position: relative;
}
.log-drop .dropdown-menu.show {
    display: block;
    left: -60px !important;
}
 .banner-tab{
    display: flex;
    place-items: center;
    justify-content: flex-start;
}
.banner_tabs{
background-color: var(--myorange);
    color: #fff;
    text-decoration: none;
    border: 2px solid #ffffff96;
    padding: 10px 17px;
    border-radius: 5px;
    margin-right: 10px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 50px;
     transition:0.4s;
}

.banner_tabs:hover{
  background-color:#fff;
  color: var(--myorange);
  transition:0.4s;
}

.sms_gateway{
  width: 100%;
}
.sms_gateway h4{
    width: 100%;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
}
.sms_gateway_group{
  display: flex;
  place-items: center;
  border: 1px solid #fff;
  padding: 5px 10px;
  width: 100%;
  margin: 10px 0px;
  border-radius: 5px;
  color: #fff;
}
.sms_gateway_group i{
    font-size: 20px;
    padding-right: 10px;
}
.sms_gateway_phone{
    border:none;
    background-color: transparent;
    color: #fff;
}
.sms_gateway_phone::placeholder{
    color: #fff!important;
    font-weight: 500!important;
} 
.sms_gateway_phone:focus-visible{
   outline:none; 
}
.sms-gateway-form-select{
  border: none!important;
  background-color: transparent!important;
  font-weight: 500!important;
}
.sms-gateway-form-select:focus {
    border-color:none!important;
    outline: 0;
    box-shadow:none!important;
}
.sms-gateway-submit{
   border: none;
}
/*----------*/
.double-form h4 {
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size: 20px;
    line-height: 33px;
    margin: 0px;
    font-family: 'Boogaloo', cursive !important;
    letter-spacing: 1px;
}
.double-form h4 span{
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}
.double-form span{
    font-size: 16px;
    font-weight: 500;
    color: red;
}
.double-form p{
    font-size: 14px;
    color: #2a2a83;
    text-align: center;
    font-weight: 500;
}
.double-popup-tab {
    display: flex;
    justify-content: space-around;
    place-items: center;
    width: 67%;
    flex-wrap: wrap;
    margin: 0 auto;
}
.double-popup-cat{
    border: 1px solid #ffcf7d;
    background-color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    color:#2a2a83;
  }
.double-popup-cat.active{
   border:none;
   background-color: #ffa000;
   padding: 5px 15px;
   border-radius: 5px;
   font-size: 16px;
   font-weight: 500;
   color:#fff;
   
} 
.double-popup-form-group {
    width: 47%;
    margin: 10px 0px;
    display: flex;
    place-items: center;
    border: 1px solid #ffeac5;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: aliceblue;
}
.double-popup-form-group i {
    color: #feb12f;
    font-size: 20px;
    /* margin-right: 11px; */
    width: 30px;
}
.double-popup{
  width: 100%;
  border: none;
  background-color: transparent;
  color:#2a2a83;
  font-size: 14px;
    padding: 3px;
}
.double-popup::placeholder{
    color: #2a2a83!important;
    font-weight: 500!important;
} 
.double-popup:focus-visible{
  outline:none;
}
.double-form-group{
    text-align: center;
    margin-top: 10px;
}
.double-popup-submit{
    padding: 5px 0px;
    width: 30%;
    border: none;
    font-size: 15px;
    font-weight: 500;
}
.text_with_media{
    display: none;
}
.popup-forms-modal-dialog{
  max-width: 55%!important;
}
.sms-header{
    position: relative;
    padding: 15px;
    background-image: linear-gradient(130deg, #13b74d 0%, #265a25 60%);
}
.double-popup-close-tab{
  position: absolute;
  top: 5px;
  right: 5px;
  filter: invert(1);
}
.double-form-bottom{
   border-top: 1px solid #ccc;
}
.double-form-bottom p{
  margin: 0px;
  padding-bottom: 10px;
}
.double-form-bottom span{
    font-size: 19px;
    font-weight: 600;
    color: red;
}
.double-form-bottom span a {
    color: #2b2a27;
    text-decoration: none;
    margin-left: 10px;
}
/*---topbar_end---*/





@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }    
}



/*about page css*/

.about-mk-title.inner_page_title p {
    width: 90%;
    margin: 20px 0px;
}
.mk.inner_page_title p {
    font-size: 15px;
    font-weight: 500;
    color: #333333ba;
    line-height: 28px;
    margin: 26px 0 20px;
}
.exp_number h4 {
    font-size: 77px;
    font-weight: 800;
    margin-bottom: 0;
    background: -webkit-linear-gradient(#ffb334, #5d5cdc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.exp_number p {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0;
}
.exp_div{
    display: flex;
    flex-wrap: wrap;
}
.exp_number{
    margin-right: 30px;
    width: 27%;
}
.exp_div.ul ul{
        margin-right: 10px;
            width: 45%;
}
.digital_exp{
    position: relative;
}
.left_img_abs {
    position: absolute;
    left: 0;
    top: -132px;
    z-index: -99;
}
.right_img_abs{
    position: absolute;
    right: 0;
    top: -132px;
    z-index: -99;
}
.exp_1_img{
    border-radius: 22px;
}
.icon-bg{
    width: 58px;
    height: 58px;
    border-radius: 15px;
    background-color: #ffb3344a;
    text-align: center;
    line-height: 58px;
    font-size: 25px;
    color: #000;
    margin-bottom: 30px;
}
.exp_divs{
    width: 95%;
    background-color: #fff;
    box-shadow: 0px 3px 81px 0px rgba(0, 0, 0, 0.05);
    border-radius: 23px;
    padding: 35px 45px;
    margin-bottom: 30px;
}
.exp_divs h5{
    font-size: 20px;
    color: #001468;
    margin-bottom: 15px;
    font-weight: 700;
}
.icon-bg {
    width: 58px;
    height: 58px;
    border-radius: 15px;
    background-color: #ffb3344a;
    text-align: center;
    line-height: 58px;
    font-size: 25px;
    color: #000;
    margin-bottom: 20px;
}
h5.persent {
    font-size: 40px;
    color: #001468;
    line-height: 1;
    margin-bottom: 8px;
    font-weight: 800;
}
.exp_divs p{
    margin-bottom: 0;
    font-weight: 500;
}

/*about page css*/

.desc p{
        line-height: 30px;
    width: 90%;
    margin: 0 auto;
    font-size: 15px;
    font-weight: 500;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px){
  
.container, .container-lg, .container-md, .container-sm, .container-xl { 
    max-width: 1215px!important;
}
.navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
    justify-content: end;
}

.exp_divs {
    padding: 24px 34px;
}

.icon-bg {
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 15px;
}
.exp_divs h5 {
    font-size: 18px;
}
h5.persent {
    font-size: 34px !important;
}
}

/* --start @media Qury at 768px-- */

@media (max-width:768px){
.kiit-img-banner img{
    display:none!important;
}
.girl img{
 display:none!important;    
}    
.kiit-abc{
    height:auto;
}    
    .kiit-heading-bdetail p {
   margin-bottom:16px!important;
   line-height:30px!important;
}
 .kiit-heading-bdetail b {
   font-size:19px!important;
}
.digi p{
        font-size: 18px;
    line-height: 33px;
    text-align:justify;
}
.digi h2{
    font-size: 22px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 0px;
}
.digi h3{
    text-align: justify!important;
    font-weight: 500;
    font-size: 17px!important;
    color: #2b2b2b;
    text-transform: capitalize;
    line-height: 25px;
}

.mobile-gap{
  margin-top: -50px;
}
.mobile-gap-bot{
  margin-bottom: -50px;      
}

.faq p{
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    }
    .faq h2 {
    font-size: 25px;
    }
    .kiit-bulk-tab h2 {
    font-size: 25px;
    }
    .banner_tabs {
    padding: 8px 15px;
    font-size: 12px;
    }
    .condition_para-tab h1{
        width:42%;
    }
    .pk-privacy h1 {
    width: 26% !important;
    }
    .ck-privacy h1 {
    width: 25% !important;
    }
    .k-cover h1 {
    width: 18% !important;
    }
    .ivr h1 {
    font-size: 26px;
    line-height:1.5;
    }
    .fom {
    padding: 20px;
}
section .k-margin{
    margin:0px!important;
}
.kiit-img-tab img {
    max-width: 100%;
}

.detail p {
    /*font-size: 15px;*/
    /*font-weight: 400;*/
    /*text-align: justify;*/
    /*line-height: 24px;*/
    /*margin: 10px 0px;*/
    font-size: 15px;
    color: #f1f1f1;
    font-weight: 400;
    margin-top: 10px;
    line-height: 26px;
    margin-bottom: 20px;
    width: 100%;
}
.ul-tag li{
    width:100%;
}
.faq {
    width: 97% !important;
    margin: 0 auto;
}
.k-detail{
    margin-top:30px!important;
}
.detail h2 {
    font-size: 25px;
    font-weight: 500;
    line-height: 1.0;
}
.kiit-overview h2{
    margin-top:30px!important;
}
.kt-full p{
    padding-bottom:20px;
}
.kt-full h2 {
    font-size: 25px;
}
.k-whatsapp-btn h1 {
    font-size: 25px;
}
.k-whatsapptext{
        margin-left: -14px!important;
}
.kiit-images-sec img{
    width: 100%;
    margin-top: 12%;
}
.kiit-images-sec img{
    display:none;
}

.exp_divs{
       margin-top: 25px; 
}
.mission{
    margin-bottom: 15px!important;
}
.vission{
    margin-bottom:15px!important;
}
.our_team_card{
   margin-bottom:20px!important; 
}

.about-pic{
    text-align:center;
}
.corprate-video{
    display:none;
}
/*----abhishek--new-css-----*/
/*--start-home-page-css*/
.banner p {
width: 100%;
}
.banner h1 {
    font-size: 25px!important;
    line-height: 52px;
    font-weight: 600;
    letter-spacing: 1px;
    color: white;
    margin-bottom: 0px;
}
.girl{
    width: 100%;
    justify-content: center;
    display: flex !important;  
}
.girl img{
    width: 60%;
}
.title h3 {
    text-align: center;
    font-weight: 700;
    font-size: 22px;
    color: #2b2b2b;
    text-transform: capitalize;
    line-height: 30px;
}
.talk-bg {
   margin-top: 15px;
}
.new-top{
  margin-top: 30px;  
}
.save h2 {
  font-size: 24px;
}
.number p {
    color: white;
    margin-top: 15px;
    font-weight: 500;
    font-size: 12px;
}
.number h2 {
    font-size: 24px;
    font-weight: 600;
    color: white;
}
.service-bg{
    margin: 25px 0px;
}
#myTab{
  margin-top: -30px;  
}
.mk p {
    font-size: 16px;
    font-weight: 500;
    color: #6b688bba;
    margin: 20px 0px;
}
.note {
  margin: 20px 0px;
}
.nots {
  margin: 20px 0px;
}
.testi-bg{
  padding-top: 0px;
  margin-top: 0px !important;  
}
.our-blog h4 {
    font-weight: 700;
    font-size: 24px;
}
.banner-tab span{
    display:none;
}
.title p {
    text-align: center;
    font-weight: 400;
    color: #acacac;
    text-transform: capitalize;
    font-size: 14px!important;
     margin-bottom:30px;
}
.title {
    width: 80% !important;
    margin: 0 auto;
}
    .video {
        position: absolute;
        width: 200%;
        top: 0px;
        left: -104px;
        display: block;
    }
.plane {
    padding: 20px 0px;
    text-align: center;
}
.form-pic{
      display: none;  
}
.abc-1 h2 {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 20px;
}
.abc-1 p {
    color: #ced9dd;
    font-weight: 500;
    font-size: 15px;
}
.testi-main-c {
    padding: 20px !important;
    margin: auto 0px !important;
}
.location-abi-tab{
    display: flex;
    justify-content: center;
    place-items: center;
}
.bulk-para {
    padding-left: 0px;
    width: 100%;
    margin-top: 15px;
}
.check-box{
    margin: 15px 0px; 
}
.owl-prev span {
    position: absolute;
    left: 0px;
    top: 40%;
    font-size: 80px;
    color: #feb12f;
}
.owl-next span {
    position: absolute;
    right: 0px;
    top: 40%;
    font-size: 80px;
    color: #feb12f;
}
.back {
    background-color: #e7e7e7;
    height: 250px;
    position: relative;
    margin-top: 350px !important;
}
.location-abi-tab{
      display: flex;
    justify-content: center;  
}
/*--start-about-page-css*/
.mk.inner_page_title p {
    font-size: 15px;
    font-weight: 500;
    color: #333333ba;
    line-height: 25px;
    margin: 20px 0px;
    width: 100%;
}
.exp_div {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}
.about-pic img{
    width:75%;
}
.exp_divs_1{
    text-align:center;
}
/*--end-about-page-css*/

/*--start-clients-page-css*/
.testi_cards p {
  line-height: 25px!important;
  padding: 10px 0px!important;
}
/*--end-clients-page-css*/

/*--start-service-detail-page-css*/
.ivr h1 {
    font-size: 25px;
    line-height: 1.5;
    margin: 0px;
}
   .ivr p {
    color: #fff;
    text-align: justify;
    font-size: 16px;
    font-weight: 400;
    margin: 15px 0px 25px 0px;
}
.ul-tag {
    padding: 0px;
}
/*--end-service-detail-page-css*/


}
/* --end @media Qury at 768px-- */

/* --start @media Qury at 450px-- */
@media (max-width:450px){

/*-- start-detail-page-css--*/
.detail p{
font-size: 15px!important;
    color: #f1f1f1;
    font-weight: 400;
    margin-top: 10px;
    line-height: 26px;
    margin-bottom: 20px;
    width: 100%;
}    
.digi p {
 font-size: 16px!important;
} 
.digi h3{
    font-size: 17px;
    text-align: justify;
}
/*-- End-detail-page-css--*/
    
/*--start-home-page-css*/
.banner{
  text-align: center;
}   
/* .ivr p {*/
/*    font-size: 15px;*/
/*    color: #f1f1f1;*/
/*    font-weight: 400;*/
/*    margin-top: 10px;*/
/*    line-height: 24px;*/
/*    margin-bottom: 20px;*/
/*    width: 100%;*/
/*}*/
.banner,.ivr h1 {
    font-size: 20px;
    line-height: 33px;
    font-weight: 500;
    letter-spacing: 1px;
    color: white;
    margin-bottom: 0px;
}   
.ivr p{
    text-align:center;
    margin-bottom:20px!important;
}
.banner,.ivr p {
    font-size: 14px;
    color: #f1f1f1;
    font-weight: 400;
    margin-top: 10px;
    line-height: 26px;
    margin-bottom: 20px;
    width: 100%;
}
.banner_tabs {
 padding: 8px 10px;
 font-size: 12px;
 font-weight: 400;
}
.banner-tab {
    display: flex;
    place-items: center;
    justify-content: center;
}
.service-icon2 img {
    position: absolute;
    top: 0px;
    left: 0px;
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    width: 70px;
}
.service-icon5 img {
    position: absolute;
    top: 0px;
    right: 0px;
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    width: 70px;
}
.title h3 {
    text-align: center;
    font-weight: 600;
    font-size: 19px!important;
    color: #2b2b2b;
    text-transform: capitalize;
    line-height: 25px;
}
.service-card {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    width: 80%;
    margin: 5px auto;
}
.icons h2 {
    font-size: 15px;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 600;
}
.icons p {
    color: #000000a1;
    font-size: 14px;
    font-weight: 500;
}
.new {
    flex-wrap: wrap;
}
.save{
  width: 100%;
}
.save h2 {
    font-size: 20px;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
    font-weight: 500;
}
.td-heading {
    font-size: 14px;
    font-weight: 500;
    color: #2a2a83 !important;
}
.td-price {
    font-weight: 500;
    color: red !important;
    font-size: 14px;
}
.paynow {
    font-size: 12px;
    font-weight: 400;
}   
.bulk h3 {
    font-size: 20px;
    font-weight: 600;
}
.check-box i {
    font-size: 18px;
    color: #5d5cdc;
    margin-right: 5px;
}
.note-img {
    width: auto;
    margin-right: 10px;
}
.note-1 h3 {
    font-size: 18px;
    font-weight: 500;
}
.note p {
    font-size: 14px;
    font-weight: 400;}
.our-blog h4 {
    font-weight: 500;
    font-size: 20px;
}
.corp-pic img {
    width: 80px;
    padding: 10px;
    display: block;
    margin: 0 auto;
}
.mobile-mp{
  margin:0px!important;  
}
.plane-1 p {
    margin-top: 10px;
    font-size: 12px;
    font-weight: 600;
    color: #273039f5;
    margin-bottom: 0;
}
.title {
    width: 100% !important;
    margin: 0 auto;
}
.plane h2 {
    font-size: 20px;
    font-weight: 500;
}
.blog-title h4 {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 500;
}
.blog-title p {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #777777;
}
.bottom a {
    color: var(--myorange);
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
}
.testimonials h3 {
    font-weight: 600;
    font-size: 20px;
}
.digi-f {
    width: 100% !important;
    padding: 5px 10px !important;
    border-radius: 3px !important;
    margin: 5px 0px !important;
    background-color: aliceblue !important;
    border: none !important;
}
.submit-tab {
    margin-top: 15px;
    border: none;
}
.my-butn {
    display: inline-block;
    width: fit-content;
    padding: 5px 15px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: var(--myorange);
    transition: all .5s ease;
    font-weight: 400;
    border-radius: 50px;
    font-size: 15px;
}
.abc-1 h2 {
    color: #333333;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 10px;
}
.abc-1 p {
    color: #333333;
    font-weight: 400;
    font-size: 15px;
}
.footer-2 h3 {
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 15px;
}
.copyright h3 {
    font-size: 15px;
    color: #ccc;
    font-weight: 400;
}
.testi-logo img {
    width: 100px !important;
}
.testi-content p {
    margin: 0px;
    font-family: 'Montserrat';
    font-weight: 500;
    color: #6a698c;
    font-size: 15px;
}
.testi-comp h6 {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    margin: 0px;
}
.abc-1 {
    margin-top: 44px;
    padding-left: 0px;
}
th{
   font-size: 12px;
   font-weight: 500;
}
/*--end-home-page-css*/

/*--start-about-page-css*/
.about-title h1 {
    font-size: 25px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--myorange);
}
 .exp_1_img{
   width:100%;     
 }  
 .exp_divs {
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 3px 81px 0px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
    padding: 10px;
    margin:10px 0px;
}
.exp_divs h5 {
    font-size: 16px;
    color: #001468;
    margin-bottom: 10px;
    font-weight: 600;
}
h5.persent {
    font-size: 28px;
    color: #001468;
    line-height: 1;
    font-weight: 800;
}
.exp_div.ul ul {
    margin-right: 10px;
    width: 100%;
}
.misson_card {
 padding: 20px!important;
 border-radius: 5px!important;
}
.desc p {
    line-height: 30px;
    width: 100%;
    margin: 0 auto;
    font-size: 15px;
    font-weight: 400;
}
.abcbtn {
    margin-left: 0px;
}
.about-sec-list {
    padding: 0px;
    margin: 0px;
    width: 100%;
}
.exp_number {
    width: 100%;
}
.misson_card h4 {
    font-weight: 500!important;
    font-size: 18px;
}
.misson_card p {
   padding-bottom: 5px!important;
}
.icon-bg {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background-color: #ffb3344a;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    color: #000;
    margin-bottom: 10px;
}
.flow-1{
    margin-top: 15px; 
}
.plane-1 {
  padding: 10px;
  width: 100%;
}
/*--end-about-page-css*/

/*--start-service-detail-page-css*/
.ivr{
  text-align:center;    
}
/*.ivr h1 {*/
/*  font-size: 22px;*/
/*  margin: 0px;*/
/*  width: 100%;*/
/*  font-weight: 600;*/
/*}*/
/*.ivr h1 {*/
/*    font-size: 22px;*/
/*    line-height: 33px;*/
/*    font-weight: 600;*/
/*    letter-spacing: 1px;*/
/*    color: white;*/
/*    margin-bottom: 0px;*/
/*}*/

.kiit-img-banner{
  margin-top:10px;  
}
.kiit-img-banner img {
    max-width: 100%;
    height: auto;
}
.detail h2 {
    /*font-size: 22px;*/
    /*font-weight: 500;*/
    /*line-height: 30px;*/
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    color: #2b2b2b;
    text-transform: capitalize;
    line-height: 25px;
}

.digi h3 {
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
}
.full h2 {
    font-size: 20px;
    font-weight: 500;
    color: #7ddc5d;
    line-height: inherit;
    padding: 0px;
}
.full p {
    color: white;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 20px;
}

.full a {
    color: #fff;
    text-align: center;
    text-decoration: none;
    transition: all .5s ease;
    border-radius: 50px;
    font-size: 14px;
    border: none;
    font-weight: 400;
    padding: 8px 10px;
    margin: 0px 5px;
    background: linear-gradient(to left, #feb12f 50%, #2a2a83 50%) right;
    background-size: 200% 100%;
}
.kiit-bulk-tab h2 {
    font-size: 20px;
    line-height: 30px;
}
.faq p {
    text-align: center;
    font-size: 15px;
    font-weight: 400;
}
.k-strong{
    font-size: 15px;
    font-weight: 400;
}
.faq h2 {
    font-size: 20px;
}
.faq-pic img{
  margin-bottom:10px;    
}
/*--end-service-detail-page-css*/

/*--start-whats-detail-page-css*/
.k-whatsapp-btn h1 {
    font-size: 20px;
}
.k-whatsapp-btn p {
    color: #fff;
    text-align: justify;
    font-size: 14px;
    font-weight: 400;
}
.kkwhatsapp-btn a {
    padding: 8px 15px;
    font-size: 14px;
}
.k-whatsapptext {
    margin-left: 0px!important;
}


}
/* --end @media Qury at 450px-- */


/* --start @media Qury at 385px-- */
@media (max-width:385px){
/*--start-home-page-css*/
.banner-tab {
    flex-wrap: wrap;
    padding: 0px;
    width: 100%;
} 
.banner_tabs {
    padding: 8px 10px;
    font-size: 11px;
    font-weight: 400;
    width: auto;
    margin: 10px 3px;
}
.text h3 {
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    color: #000000b5;
}
.service-icon2, .service-icon5{
  display:none;  
}
.title h3 {
    text-align: center;
    font-weight: 600;
    font-size: 19px!important;
    color: #2b2b2b;
    text-transform: capitalize;
    line-height: 23px;
}
.service-card .content h4 {
    font-weight: 500;
    font-size: 14px;
    color: #000;
    margin: 10px 0;
}
.bottom a {
    color: var(--myorange);
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
}
.td-heading {
    font-size: 11px;
    font-weight: 500;
    color: #2a2a83 !important;
}
.td-price {
    font-weight: 500;
    color: red !important;
    font-size: 10px;
}
.paynow {
    font-size: 10px;
    font-weight: 400;
    padding: 5px;
}

.bulk h3 {
    font-size: 18px;
    font-weight: 500;
}
.check-box p {
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 0;
    color: #000;
}
.pay-tab.active {
    background-color: #5d5cdc !important;
    color: #fff !important;
    font-size: 12px !important;
}
.pay-tab {
  font-size: 12px !important;  
}
.td-heading {
    font-size: 10px;
    font-weight: 500;
    color: #2a2a83 !important;
}
.td-price span {
    font-size: 10px;
    font-weight: 600;
}
th {
    font-size: 10px;
    font-weight: 500;
}
.save h2 {
    font-size: 16px;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
    font-weight: 500;
}
.check-box i {
    font-size: 15px;
    color: #5d5cdc;
    margin-right: 5px;
}
.check-box p {
    font-size: 10px;
    font-weight: 600;
    margin-bottom: 0;
    color: #000;
}
.note {
    background: #ede7f55e;
    border-radius: 10px;
    display: flex;
    width: 100%;
    padding: 20px;
    flex-wrap: wrap;
}
.note-img {
    width: auto;
    margin-bottom: 10px;
}
.nots {
    background: #def2fda3;
    border-radius: 10px;
    display: flex;
    width: 100%;
    padding: 20px;
    flex-wrap: wrap;
}
.footer-form{
    padding:10px!important;
}

.abc-1 h2 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 10px;
}
.testi_cards {
  padding: 15px 10px!important;
}
.testi_cards i {
    position: absolute;
    top: 11%;
    left: 43%;
}
/*--start-service-detail-page-css*/
  .ivr h1 {
    font-size: 19px;
    margin: 0px;
    width: 100%;
    font-weight: 500;
}
.detail h2 {
  font-size: 19px;
}
.form {
  max-width: 100%;
}
.fom {
    padding: 0px;
}
.detail p {
    font-size: 14px;
}
.digi p {
    font-size: 14px;}
.kt-full h2 {
    font-size: 18px;
}
.kt-full p {
    padding-bottom: 20px;
    font-size: 15px;
}
.kt-full a {
  font-size: 14px;}
  .ul-tag li a {
    font-size: 12px;
    font-weight: 500;
}
.kiit-bulk-tab h2 {
    font-size: 16px;
    line-height: 24px;
}
/*--end-service-detail-page-css*/
}

@media (min-width:991px){
 .kmenu-logo{
   display:none;  
 }   
 .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
    justify-content: end;
}
}
@media (max-width:991px){
.kiit-img-whatsapp img {
    width: 20%;
    height: auto;
    position: absolute;
    bottom: 0px;
    right: 50px;
}    
/*mobile nav*/
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    background-color: #ebebff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 25px;
}
.sidenav a {
  /*padding: 8px 8px 8px 20px;*/
  text-decoration: none;
  /*font-size: 25px;*/
  color: #fff;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #fff;
      /*background-color: #5d5cdc;*/
}

.sidenav .closebtn {
    position: absolute;
    top: 5px;
    right: 15px;
    font-size: 35px;
    line-height: 1;
    margin-left: 0px;
    color: #000;
}
.kdigi-icon{
    margin:10px;
   }
}

@media (max-width:350px){
 .ivr h1 {
    font-size: 15px;
    margin: 0px;
    width: 100%;
    font-weight: 500;
}  
.detail p {
    font-size: 13px;
}
.digi h3 {
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
}
.digi p {
    text-align: justify;
    font-size: 13px;
    line-height: 25px;
    font-weight: 400;
}
.full h2 {
    font-size: 17px;
}
.full p {
 font-size: 13px;
}
.ul-tag li a {
 font-size: 11px;
}
.faq h2 {
    font-size: 17px;
}
.k-strong {
    font-size: 12px;
    font-weight: 400;
}
.navbar-brand img{
    width:100px;
}
.kt-full a {
    font-size: 12px;
}
.kkwhatsapp-btn a {
    padding: 8px;
    font-size: 10px;
}

}




/* --end @media Qury at 385px-- */

.footer-form{
    padding:20px;
}
.contact_locations .card{
    margin-bottom: 20px;
}

.mega_menu_dropdown{
       background-image: url(../images/menu_bg.png);
background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px !important;
}
.mega_menu_dropdown .list-group .list-group-item {
    background-color: #ffffff7d;
    margin-bottom: 4px;
    border-radius: 4px;
    font-size: 13px;
    padding: 10px;
    backdrop-filter: blur(10px);
        border: 1px solid #ccc;
    display: flex;
    
    align-items: center;
    transition: 0.5s;
}
.mega_menu_dropdown .list-group .list-group-item i{
    margin-right: 5px;
         font-size: 12px;
}

.mega_menu_dropdown .list-group .list-group-item:hover{
    background-color: #5d5cdc;
     color:#fff;
     transition: 0.5s;
}
.k-bind-mega h5 i{
font-size: 20px;
    margin-right: 3px;
}
.k-bind-mega.comment h5 i{
    color:#e99a30;
   
}
.k-bind-mega.whatsapp h5 i{
    color: green;
}
.k-bind-mega.voice h5 i{
    color:  #3e3dbc;
}
.k-bind-mega.email h5 i{
    color:  red;
}
.k-youtube h5 i{
    color:red!important;
}
.k-instagram h5 i{
    color:#f4026b!important;
}
.k-twitter h5 i{
    color:#3e3dbc!important;
}
.k-digital h5 i{
    color:#e99a30!important;
}


.our_team_card{
    padding: 20px;
    background: white;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 10px;
}

.our_team_card .team_image{
    width: 54%;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 19px;
}
.team_detail h4{
    font-weight: 600;
    margin-bottom: 3px;
    font-size: 20px;
}
.team_detail p{
    font-weight: 500;
    color: #9333ea;
    font-size: 19px;
}
.team_social ul li{
    margin-right: 9px;
    font-size: 31px;
    color: #b0b0b0;
}
.misson_card{
    /* background: #ff3636; */
    background: linear-gradient(108.3deg, rgb(156 19 66) 15.2%, rgb(167 26 26) 99.3%);
    padding: 31px;
    border-radius: 5px;
    color: #fff;
    position: relative;
}
.misson_card.vission{
    background: linear-gradient(108.3deg, rgb(9 92 66) 15.2%, rgb(61 102 26) 99.3%);
}
.misson_card.goal{
    background: linear-gradient(108.3deg, rgb(29 26 158) 15.2%, rgb(50 58 186) 99.3%);
}
.misson_card h4{
    font-weight: 600;
    text-align: center;
}
.misson_card p {
    font-size: 15px;
    padding: 10px 10px 0;
    position: relative;
    z-index: 9999;
}
/*.misson_card img {*/
/*    position: absolute;*/
/*    bottom: 13px;*/
/*    width: 118px;*/
/*    opacity: 1;*/
/*    mix-blend-mode: color-burn;*/
/*}*/



/*mobile nav*/


/*testimonial page css*/
.testi_cards {
    padding: 20px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 20px;
    text-align: center;
}
.testi_cards h5{
    font-weight: 700;
    color: var(--myblue);
}
.testi_cards h6{
    font-size: 14px;
    color: #7171bd;
}
.testi_cards p {
    text-wrap: balance;
    font-size: 15px;
    line-height: 29px;
    padding: 6px 30px 0;
}
/*end testimonial page css*/

/************************  Real Estate page CSS  **********************************/

/* Section wrapper */
    .timeline-section{
      position: relative;
      padding: 80px 0;
      overflow: hidden;
      background: linear-gradient(180deg, #f8fafc, #ffffff);
    }

    .section-badge{
      display:inline-flex;align-items:center;gap:.5rem;
      padding:.4rem .75rem;border-radius:999px;
      background:#eef2ff;color:#4338ca;font-weight:600;font-size:.85rem;
    }

    .lead-muted{ color: var(--muted); }

    /* Timeline base */
    .timeline{ position: relative; margin: 40px auto 0; }

    /* Vertical center line */
    .timeline::before{
      content:""; position:absolute; inset:0; margin:auto; width:3px; background:var(--line);
      left:50%; transform:translateX(-50%);
    }

    /* Items */
    .timeline-item{ position:relative; display:flex; gap:15px; margin-bottom:40px; }

    /* Alternate layout */
    .timeline-item.left{ flex-direction:row-reverse; }

    /* Dot on the center line */
    .timeline-dot{
      position:absolute; top:18px; left:50%; transform:translate(-50%,-50%);
      width:18px;height:18px;border-radius:50%; background:#fff; border:4px solid var(--primary);
      box-shadow:0 0 0 4px #eaf2ff;
    }

    .timeline-year{
      min-width:60px; text-align:right; font-weight:800; font-size:1.6rem; letter-spacing:.5px;
      color:#111827; opacity:.9;
    }
    .timeline-item.left .timeline-year{ text-align:left; }

    .timeline-card{
      background:var(--card-bg); border:1px solid #eef2f7; border-radius:1rem;
      box-shadow: 0 10px 30px rgba(13,110,253,.08);
      padding:18px 18px; width:100%; max-width:520px;
      transition: transform .25s ease, box-shadow .25s ease;
    }
    .timeline-card:hover{ transform: translateY(-2px); box-shadow:0 16px 40px rgba(13,110,253,.12); }

    .pill{
      display:inline-flex; align-items:center; gap:.4rem; font-size:.75rem; font-weight:600;
      padding:.25rem .55rem; border-radius:999px; border:1px solid #e2e8f0; color:#334155; background:#f8fafc;
    }

    /* Reveal animation */
    .reveal{ opacity:0; transform: translateY(24px); transition: all .6s cubic-bezier(.2,.8,.2,1); }
    .reveal.in-view{ opacity:1; transform: translateY(0); }

    /* Responsive tweaks */
    @media (max-width: 992px){
      .timeline::before{ left:8px; transform:none; }
      .timeline-dot{ left:8px; transform:translate(-50%,-50%); }
      .timeline-item, .timeline-item.left{ flex-direction:row; margin-left:15px; }
      .timeline-year{ min-width:50px; text-align:left; font-size:1.25rem; }
      .timeline-card{ max-width:100%; }
    }
/*******************  Marquee CSS ****************************/
/* ===== 100% Smooth, Jerk-free Marquee ===== */
    :root{ --marquee-speed: 100s; /* increase for slower, decrease for faster */ }

    .marquee-section{ position:relative; padding:24px 0; background:#ffffff; overflow:hidden; }
    /* Soft edge fade (mask) */
    .marquee-section::before,
    .marquee-section::after{ content:""; position:absolute; top:0; bottom:0; width:120px; z-index:2; pointer-events:none; }
    .marquee-section::before{ left:0; background:linear-gradient(90deg,#fff 0%, rgba(255,255,255,0) 100%); }
    .marquee-section::after{ right:0; background:linear-gradient(270deg,#fff 0%, rgba(255,255,255,0) 100%); }

    .marquee{ position:relative; white-space:nowrap; }
    .marquee-track{ display:inline-flex; align-items:center; gap:20px; /* space between logos */
      animation: scroll var(--marquee-speed) linear infinite; will-change: transform; }

    /* Duplicate track to make it seamless */
    .marquee-track > *{ flex: 0 0 auto; }

    /* Reverse direction for RTL marquee */
    .marquee.rtl .marquee-track{ animation-direction: reverse; }

    /* Pause on hover (optional) */
    .marquee:hover .marquee-track{ animation-play-state: paused; }

    /* Logo pill style */
    .logo-pill{ height:120px; padding:10px 16px; border-radius:14px; background:#fff; border:1px solid #e8eef5;
      box-shadow:0 8px 24px rgba(2,6,23,.06); display:flex; align-items:center; gap:12px; }
    .logo-pill img{ height:100px; width:auto; display:block; filter:grayscale(0.1) contrast(1.05); }
    .logo-pill span{ font-weight:700; color:#0f172a; font-size:0.95rem; }
    
    /***************************  real estate images  *****************************/
    .marquee-section1::before,
    .marquee-section1::after{ content:""; position:absolute; top:0; bottom:0; width:250px; z-index:2; pointer-events:none; }
    .marquee-section1::before{ left:0; background:linear-gradient(90deg,#fff 0%, rgba(255,255,255,0) 100%); }
    .marquee-section1::after{ right:0; background:linear-gradient(270deg,#fff 0%, rgba(255,255,255,0) 100%); }
    .logo-pill1{ height:250px; padding:0px 0px; border-radius:14px; background:#fff; border:1px solid #e8eef5;
      box-shadow:0 8px 24px rgba(2,6,23,.06); display:flex; align-items:center; gap:12px; }
    .logo-pill1 img{ height:250px; width:auto; display:block; filter:grayscale(0.1) contrast(1.05); }
    .logo-pill1 span{ font-weight:700; color:#0f172a; font-size:0.95rem; }

    @keyframes scroll {
      0%   { transform: translateX(0); }
      100% { transform: translateX(-50%); } /* move left by half since we render track twice */
    }

    /* Responsive tweaks */
    @media (max-width: 576px){
      .logo-pill{ height:48px; padding:8px 12px; }
      .logo-pill img{ height:26px; }
      .marquee-section::before, .marquee-section::after{ width:40px; }
      :root{ --marquee-speed: 24s; }
    }