#carouselExampleControls >.carousel-inner>.imagesblock>.c {

    /* border:1px solid; */

    height:auto;

    width:100%;

    display:grid;

   grid-template-columns:repeat(4,1fr);

   grid-template-rows: repeat(4,200px);

   gap:25px;

   padding:6px 12px;

}

/* .slidermobile{

    display:none;

   } */

   body{

    overflow-x: hidden !important;

   }



   .carousel .carousel-item {

    transition-duration: 1000;

}



   #carouselExampleControls >.carousel-inner>.imagesblock >.c .images>img{

    /* border:1px solid red; */

    width: 100%;

    height:100%

   }  

   .contact-heading {

    width: 100%;

    font-family: konnect;

    font-size: 50px;

    font-weight: 600;

    text-align: left;

    color: rgb(25,88,167);

    text-align: center;

    text-decoration: underline;

}



   @media only screen and (max-width: 600px) {



    #carouselExampleControls >.carousel-inner>.imagesblock>.c {

        grid-template-columns:repeat(1,100%);

        grid-template-rows: repeat(4,auto);

        padding: 0px 10px;



   }


/* 
   .slidermobile{

    display:block

   } */
.imagesblock{
    display: none !important;
}


   /* #carouselExampleControls >.carousel-inner>.imagesblock >.c .g{

    display:none;

   } */

}

  

@media only screen and (max-width: 600px) {

    body{

        margin: 0%;

        overflow-x: hidden;

        overflow-y: scroll;

     

    }

    .head-1{

        overflow-x: hidden !important;
        height: 70px !important; 

    }
    .im{
        margin-bottom: 10px !important;
    }
    img {
        vertical-align: middle;
        border-style: none;
        margin-bottom: 10px !important;
    }
}

.im{

    transform: scale(1.05) !important;

}

/* =====================1st page===================== */

.head-1{
    background-color: #5A9F3B;
    padding: 0px 0px 10px 0px;
    overflow-x: hidden !important;
     overflow-y: hidden !important;
    height: 38px !important;
}
.h1-call{
	margin-top: -5px !important;
       
}

.fa-phone-square{

    color: white;

    font-size: 25px;

    padding-top: 16px;

}

.h1-call a,span{

    color: white;

    font-size: 17px;

}

.h1-call a:hover{

    text-decoration: none;

    color: white;

}

.main{

    display: flex;

}

.icon{

   padding: 10px;



}

.icon i{

    font-size: 20px;

    color: white;

}

.grey-bg{

    background-color: #F4F6FA;

    

}

.grey-bg .card-body{

    height: 250px;

}

.lang-row .card img{

    border-top-left-radius: 20px;

    border-top-right-radius: 20px;

}

.lang-row .card {

    border-radius: 20px;

    height:500px;

   

}

.choose-right{

    background-color: #6C86F2;

    color: white;

    padding: 50px;

    border-radius: 20px;

    

}

.choose{

    margin: 30px;

}

.advice{

    background-color: #F1F1F1;

    border-top-left-radius: 30px;

    border-bottom-right-radius: 30px;

}

.tab-content-right{

    height: 600px;

    font-size: 15px;

}



/* -----navbar-------- */

.navbar{

   

    width: 100%;

}

.navbar a{

    padding: 0px 100px;

}



.navbar-nav a {

    padding: 30px 8px !important;

    font-size: large;

   

}

.dropdown:hover .dropdown-menu{

    display: block;

    transform: scale(1.05);

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); 

}

.dropdown-menu a{

    padding: 10px !important;

}

.navbar-nav li:hover{

    text-decoration: under;

}

.gtrac-img{

   width: 10% !important;

}

.lang-row .card-text{

    height: 220px;

}

.row-gray{

    margin: 10px;

    background-color: #F1F1F1;

    padding-bottom: 34px;

    margin-bottom: 15px;

}

.box-content{

    display: flex;

    border: 2px solid green;

    padding: 13px;

    border-radius: 10px;

    height: 110px;

}

.box-content p{

    margin-top: 20px;

    margin-left: 20px;

    font-family: math;

    font-size: 15px;

}

.box-content:hover{

    background-color: rgba(232, 232, 232, 0.996);

}

@media only screen and (max-width: 600px) {

    .navbar-nav a {

        padding: 10px 20px !important;

        font-size: large;

        /* color: black !important; */

    }

    .gtrac-img{

        width:70% !important;

    }

    .tabimg{

        width: 100%;

    }

    .mob-display div{

        display: flex;

    }

    .box-content{

        margin: 5px;

    }

}



/* -------------footer------------- */

/* footer division */

.footer{

    width:100%;

    height:auto;

  background-color: #263238;

  padding-bottom: 10px;

  margin-top: 20px;

}





.footer>div>div{

    height:auto;

    padding-top: 30px;

}

.footer>div>div h5{

    font-size: 18px;

    color:white;

}



.footer>div{

    margin: auto;

}



.footer>div>div p{

    font-size: 15px;

    color:#ccc;

     text-align: start;



}

.footer>div>div ul{

    padding-left:0%;

    text-align: start;

}

.footer>div>div li {

   list-style-type: none;

   padding: 5px;

  }

.footer>div>div li a{

    color:white;

    text-decoration: none;

    font-size: 16px;

    font-weight: light;

    color:#ccc;

}

.footer>div>div li a:hover{

    color:white

}



.footer>div>div address {

    font-size: 16px;

    color:white;

    overflow: hidden;

    font-weight: light;

    color:#ccc;

}

.grid>div{

    text-align: center; 

    display:grid;

    justify-content: center;

    align-items: center;

}

.grid{

    display:grid;

    /* border:1px solid black; */

    grid-template-columns: repeat(6,1fr);

    grid-template-rows: repeat(1,40px);

    gap: 10px;

    margin-top: 25px;

}

.zerozilla{

    color: white !important;

}



.sv{

    color:#ccc;

    overflow: hidden;

    vertical-align: middle;

    border: 1px solid white;

    border-radius: 50%;

    padding: 4px;

    font-size: 22px;

}



.sv:hover{

    color:white;

}

#lastfoot{

    text-align: center;

    color: #ccc;

    padding:10px 0px;

    font-size: 15px;

    border-top: 1px solid #323f45;

    margin-top:13px;

}



#lastp a{

    color:#ccc;

    text-decoration: none;

    font-weight: 600;

    

}

#lastp a:hover{

    color:white;

}

/* ---------------footer end---------------- */