@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.4/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@500&family=Poppins:wght@500&family=Roboto+Condensed:wght@300&family=Urbanist:wght@300;400&display=swap');
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;



}



body {
    overflow-x: hidden;
    min-height: 100vh;
   
    color: #444444;
    font-family: "Poppins",serif;
    /* align-items:center;
    justify-content:center;*/
 /*    background-color:whitesmoke;*/
     
     /*linear-gradient(200deg, #71b7e6, #9b59b6);*/

}

#bodycont
{
   
    background-color:#F0F8FF;
}


.pic-attribute {
    font-size: 1px;
    color: dimgray;
    text-align:center;
    font-style:initial;
}

#headercont .h2{

    font-size: large;
    font-weight: bold;
}
#headercont{
    width:100%;
    height:70px;
    background-color:#5F84A2;
    
    color:whitesmoke;
    text-align: center;
    vertical-align: middle;
    box-shadow:0px 3px 8px rgba(0,0,0,25%);
    padding-top: 10px;
   

}

#mycard1
{
    background-color:#5F84A2;
    color:whitesmoke;

}

.headernew{
    width:100vw;
    padding-top:10px;
    height:90px;
    background-color:#fff;
    box-shadow:0px 3px 8px rgba(0,0,0,25%);
    display:flex;
    align-items:center;
}

.headernew .container-fluid{
 width:100%;
 padding:0 20px;
 display:flex;
 align-items:center;
 justify-content:space-between;
}

.headernew .navb-logo img{
    width:50px;
    height:50px;
}

.headernew .navb-items{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    letter-spacing:1px;
}


.headernew .navb-items .item{
    text-align:center;
    margin-inline:5%;
    font-size:15px;
    letter-spacing:0.1px;
    color:#182447;
    padding:1px 0;
    transition:all .1s ease;
    border-bottom:0px solid #64d6f4;
    border-top:0px solid #64d6f4;
    cursor:pointer;
}



.headernew .item:hover{

    border-bottom:3px solid #64d6f4;
    border-top: 3px solid #64d6f4;
}


.headernew .item-button a{
    background-color:#274d8a;
    width:150px;
    height:30px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:15px;
    font-weight:400;
    color:#fff;
    transition:all .5s ease;
}

.headernew .item-button a{
    background-color:#64d6f4;
}


.modal-dialog{
    margin : 0;
    width: 500px;
}

@media screen and (max-width: 450px) {
    .modal-dialog{
        width:200px;
    }
}

.modal-content{
  /*  margin-top: 60px;*/
    border-radius :0;
    height: 60vh;
    overflow-y:hidden;
    background-color: rgb(218, 238, 234);
}

.modal-header{

    display:flex;
    justify-content:space-between;
    align-items:center;
}

.modal-body{
    width:85%;
    margin:0 auto;
 /*   padding:35px 0 0 0;*/
    flex:unset;
}


.modal-body .modal-line {

    width:100%;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    margin-bottom: 20px;
    cursor:pointer;
    transition:all -5s ease;
    border-bottom: 1px solid #615555;


}

.modal-body  .modal-line:hover{
    color:#664f4f;
    border-bottom: 1px solid #000;
}

.navb-button{
    width:100%;
    height:40px;
    background-color: #5d5f61;
    display:flex;
    align-items:center;
    justify-content: center;
}
/*
@media(max-width:992px){
   .headernew .container-fluid{

    padding: 0 5px;
   }
}*/
/*
#opencontainer{
    position: relative;
    margin-top: 120px;
}



#opencontainer img{
    display: block;
    width: 100%;
}


nav{
    position: fixed;
    z-index:10;
    left:0;
    right:0;
    top:70px;
    font-family:"Montserrat",sans-serif;
  
    height:100px;
    background-color: #8798f5;
}


nav .logonew{
    float:left;
    width:40%;
    height:100%;
    display:flex;
    align-items:center;
    font-size:24px;
    color:white;
}


nav .links{
    float:right;
    padding: 0;
    margin:0;
    width:60%;
    height:100%;
    display:flex;
    justify-content: space-around;
    align-items:center;
   
}

nav .links li{
    list-style:none;
}


nav .links a{
    display:block;
    padding: 1em;
    font-size:16px;
    font-weight:bold;
    color:white;
    text-decoration:none;
}


#nav-toggle{
    position: absolute;
    top:-50px;
}


nav .icon-burger{
    display:none;
    position:absolute;
    right:5%;
    top:50%;
    transform:translateY(-50%);
}


nav .icon-burger .line{
    width:30px;
    height:5px;
    background-color:white;
    margin:5px;
    border-radius:3px;
}

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

    nav .logonew{
        float: none;
        width: auto;
        justify-content: center;
    }


    nav .links {

        float :none;
        position: fixed;
        z-index: 9;
        left: 0;
        right: 0;
        top: 150px;
        bottom:100%;
        width: auto;
        height:auto;
        flex-direction: column;
        background-color: rgba(0,0,0,.8);
        overflow:hidden;
        transition: all .5s ease-in-out;
    }

    nav .links a{
        font-size: 20px;
    }

    nav :checked ~ .links{
        bottom:0;
    }

    nav .icon-burger{
        display: block;
    }

    


    
#opencontainer{
    position: relative;
    margin-top: 10em;
}



}
*/
/*
header{

    width: 100vw;
    height: 100vh;
    background-image: url("../images/slider/bgolive4.jpg");
    background-position:bottom;
    background-size:cover;

}*/


.bg {

    /* background-color: rgb(189,201,181);*/
    background-color: rgb(237, 241, 234);
        position: relative;
}




a {
    color: #1977cc;
    text-decoration: none;

}

a:hover {
    color: #3291e6;
    text-decoration: none;
}

/*
h1{
    font-family: 'Dancing Script', cursive;

}*/



h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Raleway', sans-serif;

}

#topbar {
   /* background: #b5d1e2;*/
   background:#5F84A2;
   color: whitesmoke;
    height: 60px;
    font-size: 12px;
    transition: all 0.5s;
    z-index: 996;
   padding-bottom: 3px;
}

#topbar .topbar-scrolled {
    top: -50px;
}

#topbar .contact-info a {
    line-height: 1;
    color: whitesmoke;
    transition: 0.3s;
}

#topbar .contact-info a:hover {
    color: beige;
}

#topbar .contact-info i {
    color: whitesmoke;
    padding-right: 4px;
    margin-left: 15px;
    line-height: 0;
}


#topbar .logininfo a{
    color: #080d0e;
    padding-right: 1px;
    float:right;
    line-height: 1;
}



#topbar .contact-info i:first-child {
    margin-left: 0;
}

#topbar .social-links a {
    color: #101418;
    padding-left: 15px;
    display: inline-block;
    line-height: 1px;
    transition: 0.3s;
}



#topbar .social-links a:hover {

    color: #0d1013;
}

#topbar .social-links a:first-child {
    border-left: 0;
}

#header {
    /* background: rgb(216, 227, 243);*/
 /*   background-color: rgb(221, 230, 228);*/
    background-color:  whitesmoke;
    transition: all 0.5s;
    z-index: 997;
    padding: 15px 0;
    top: 40px;
   
    box-shadow: 0px 2px 15px rgba(25, 119, 204, 0.1);
}

#header.header-scrolled {
    top: 0;
}

#header .logo {
    font-size: 12px;
    margin: 0;
    padding-top: 10px;
    line-height: 1px;
    font-weight: 500;
    letter-spacing: 0.5px;
    font-family: "Poppin", sans-serif;
}





/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 500px) {
    /* #header .logo{
      font-size: 10px;
      margin: 0;
      padding-top: 10px;
      line-height: 1px;
      font-weight: 500;
      letter-spacing: 0.5px;
      font-family:"Poppin", sans-serif;
    }*/

    
#topbar {
    background: #5F84A2;
    height: 50px;
    font-size: 11px;
  /*  transition: all 0.5s;*/
    z-index: 996;
   padding-bottom: 2px;
}



#topbar .topbar-scrolled {
    top: -20px;
}

    h6 {

        font-size: 12px;
    }

    #maincontent {
        padding-top: 50px;
    }

    /*   
#headertext{
    font-size :10px;
    word-wrap: break-word;   
    overflow-wrap: break-word;
    word-break: break-word;
}*/
}

#header .logo a {
    color: #2c4964;
}


#header .logo img {
    width: 100%;
    height: 70vh;

}

/*
.navbar{
    padding:0;
}*/


/*--------------------updated now---------------------*/


.navbar {

    /*  color:rgb(85, 97, 95);*/
    color: whitesmoke;
    padding: 0;
 /*  height: 50px;
    line-height: 30px;*/
    white-space: nowrap;
    text-align: right;
    font-family: "Poppins", serif;
    font-size: medium;
    background-color:rgb(203, 214, 212,0.2) ;
}
/*

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

    .navbar {

     
        padding: 0;
        height: 40px;
        line-height: 10px;
        white-space: nowrap;
        text-align: right;
        font-family: "Poppins", serif;
       
        font-size:small;
    }


    nav .navbar-nav li a {
       
        text-decoration: underline;
        color: #8ea9aa;
        font-family: 'Poppins', serif;
    }
}

*/
/*
@media only screen and (max-width: 767px) {

    .navbar {

     
        padding: 0;  
        height: 40px;
        line-height: 10px;
        white-space: nowrap;
        text-align: right;
        font-family: "Poppins", serif;
       
        font-size:small;
    }

    .ul-bg{

    
    background-color: #b5d1e2;
    }


    nav .navbar-nav li a {
       
        text-decoration: underline;
        background-color: #b5d1e2;
     
        font-family: 'Poppins', serif;
    }
}*/

/*

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

    .navbar {

 
        padding: 0;   
        height: 40px;
        line-height: 10px;
        white-space: nowrap;
        text-align: right;
        font-family: "Poppins", serif;
       
        font-size:small;
       
    }

    .ul-bg{

     
     background-color: #b5d1e2;
    }


    nav .navbar-nav li a {
       
        text-decoration: underline;
        color: #8ea9aa;
        font-family: 'Poppins', serif;
    }
}*/

/*
.navbar ul{
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: right;
}


.navbar li{
    position: relative;
}

.navbar > ul >li{
    position: relative;
    white-space: nowrap;
    padding: 8px 0 8px 20px;
    
}

.navbar a, .navbar a:focus{
    display:flex;
    align-items: center;
    justify-content: space-between;
    font-size:17px;
    color: #2c4964;
    white-space:nowrap;
    transition: 0.3s;
   
  border-bottom:2px solid rgb(149, 163, 161);
    padding: 5px 2px;
}

.navbar a i, .navbar a:focus i{
    font-size: 12px;
    line-height: 0;
 
}

*/

/*
.navbar a, .navbar a:focus{

    align-items: right;
 
    font-size:15px;
    color: #2c4964;
    white-space:nowrap;
    transition: 0.3s;
   

    padding: 5px 2px;
}*/

.navbar a,
.navbar a:focus {
    font-size: medium;
    color: #2c4964;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
    color: #1977cc;
    border-color: #1f3130;
}

.appointment-btn {
    /*  margin-left: 25px;*/
    /*  background: #d7f0ee;*/
    border-radius: 50px;
    color: white;
    transition: 0.3s;
    font-size: 15px;
    display: inline-block;

}

.appointment-btn:hover {
    background: #8ea9aa;
    color: #fff;
}

@media (max-width: 768px) {
    /* .appointment-btn{
        margin:0 15px 0 0;
        padding: 6px 18px;
    }*/

    h6 {

        font-size: 12px;
    }

    .Apptbtn {

        display: none;
    }
}


section {
    padding: 10px 0;
    overflow: hidden;
}


.section-bg {
    background-color: #f1f7fd;
}

.section-title {
    text-align: center;
    padding-bottom: 10 px;
}

/*
.section-title h2{
    font-size: 38px;
    font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: absolute;
    color: #2c4964;
}

.section-title h2::before{
    content: "";
    position: absolute;
    display: block;
    width:120px;
    height: 1px;
    background: #ddd;
    bottom: 1px;
  

}


.section-title h2::after{
    content:"";
    position:absolute;
    display:block;
    width:4
    height:3px;
    background: #1977cc;
    bottom:0;
   


}
*/
.sect/ion-title p {
    margin-bottom: 0;
}





/*@media only screen and (min-width: 601px)*/
@media only screen and (min-width: 701px) and (max-width:1020px) 
 {
    #homecnt {
        /*margin-top: 95px;*/
        margin-top: 10px;
        height: 100vh;
        /*background: url("../images/slider/gmtab5Lat.jpg");*/
        /* background: url("../images/slider/gmtabv3.png");*/
        background: url("../images/slider/gmtablatest.png");
        background-size: cover;
        background-position: left;
        background-repeat: no-repeat;
        box-shadow: 2px 2px 5px #e1e1e1;
    }


 }


 

@media only screen and (max-width: 700px)
{
    #homecnt {
        height: 100vh;
        width: 100%;
        margin-top: 12px;
        /*background: url("../images/slider/gmmob8.jpg");*/
        /*background: url("../images/slider/gmtabv4.png");*/
        background: url("../images/slider/gmmoblatestn.png");
        background-size: cover;
        background-position: left;
        background-repeat: no-repeat;
        box-shadow: 2px 2px 5px #e1e1e1;
    }

  
}
/*

 @media only screen and (min-width: 668)
 {
    #homecnt {
      
        height: 100vh;

        background: url("../images/slider/gmmob6lat.jpg");

        background-size: cover;
        background-position: left;
        background-repeat: no-repeat;
        box-shadow: 2px 2px 5px #e1e1e1;

    }

   
 }

*/





 @media only screen and (min-width: 1020px) and (max-width:1400px)
 {

    #homecnt {
        height: 100vh;
        margin-top: 10px;
        /* background-color: blue;*/
        /*  background:url("../images/journals/gayubanner2.jpg") ;*/
        /*background: url("../images/slider/gmtablat5.jpg");*/
        /*background: url("../images/slider/gmtablat5new2.jpg");*/
        /*        background: url("../images/slider/gmtablat5V2.png");*/
        background: url("../images/slider/gtablatlatest.png");
        background-size: cover;
        background-position: left;
        background-repeat: no-repeat;
        box-shadow: 10px 10px 20px #e1e1e1;
       
        color: rgb(85, 97, 95);
    }
 }



 


 @media only screen and (min-width: 1401px)
 {

    #homecnt {
        height: 100vh;
        margin-top: 10px;
        /* background-color: blue;*/
        /*  background:url("../images/journals/gayubanner2.jpg") ;*/
        /*background: url("../images/slider/gmnew1.jpg");*/
        /* background: url("../images/slider/glapdesktop.png");*/
        background: url("../images/slider/glapdesk.png");
        background-size: cover;
        background-position: left;
        background-repeat: no-repeat;
        box-shadow: 10px 10px 20px #e1e1e1;
        font-family: "Dancing Script", cursive;
        color: rgb(85, 97, 95);
    }
 }
/*
#Home{
    width: 100%;
    height: 90vh;
  
}*/












/*
#homecnt {
    
    
    
  height:100vh;
   background: url("..images/slider/gmnew2.jpg");
    background-size: 100% auto;
    background-position: left;
    background-repeat: no-repeat;
    box-shadow: 10px 10px 20px #e1e1e1;
    font-family: "Dancing Script", cursive;
    color: rgb(85, 97, 95)
}*/

/* background-color: blue;*/

    /*  background:url("../images/journals/gayubanner2.jpg") ;*/

   /* background: url("../images/slider/bgolive7.jpg");*/
  /* background: url("..images/slider/bgrecent.jpg");*/
/*
#subcont {
    padding-top: 500px;
    padding-left: 20%;
    color: rgb(60, 77, 74);

}

.subconth1 {
    padding-top: 25px;
    font-family: "Dancing Script", cursive;
    font-size: 60px;
}*/

/*
@media only screen and (max-width: 991px) {


    #homecnt {
        width: 100%;
        height: 100vh;
       
        background: url("../images/slider/bgolive7.jpg");
        background-size: cover;
        background-position: right;
        background-repeat: no-repeat;
        box-shadow: 10px 10px 20px #e1e1e1;

    }

    #subcont {
        padding-top: 600px;
        padding-left: 30%;
        color: rgb(60, 77, 74);

    }

    .subconth1 {
        font-family: "Dancing Script", cursive;
        font-size: 50px;

}*/









/*
@media only screen and (min-width: 768px) {*/
    @media only screen and (max-width: 1020px)   
    {
 /*   #homecnt {
        
        height:100vh;
      
        background: url("../images/slider/gmtab.jpg");
        background-size: 100% auto;

        background-position: left;
        background-repeat: no-repeat;
        box-shadow: 5px 5px 10px #e1e1e1;

    }*/

      /* background-color: blue;*/

     /*  background: url("../images/slider/bgolive7.jpg");*/
        /* background-size: cover;*/
/*
    #subcont {
     
        color:white;
        font-size: 35px;
        font-weight: bold;
        font-family:"Poppins",serif;

    }


    
    #subconthnew {
     
        color:white;
        font-size: 35px;
        font-weight: bold;
        font-family:"Poppins",serif;

    }

    #subconth1 {
        padding-top: 15%;
        padding-left: 65%;
        font-family: "Dancing Script", cursive;
        font-size: 80px;
       color:white;
    }*/
}














@media only screen and (min-width: 1020px) {
  /*  #homecnt {*/
       /* width: 100%;*/
      
        /* background-color: blue;*/

     /*  background: url("../images/slider/bgolive7.jpg");*/
        /* background-size: cover;*/
       /* background: url("../images/slider/bgnewbig.jpg");*/
/*

       height:100vh;
       background: url("../images/slider/gmnew2.JPG");
        background-size: cover;
        margin-top:100px;
        background-position: left;
        background-repeat: no-repeat;
        box-shadow: 5px 5px 10px #e1e1e1;

    }
/*
    #subcont {
        padding-top: 10%;
        padding-left: 60%;
  
        color:white;
        font-size: 35px;
        font-weight: bold;
        font-family:"Poppins",serif;

    }


    
    #subconthnew {
        padding-top: 70%;
        padding-left: 30%;
   
        color:white;
        font-size: 35px;
        font-weight: bold;
        font-family:"Poppins",serif;

    }

    #subconth1 {
        padding-top: 15%;
        padding-left: 65%;
        font-family: "Dancing Script", cursive;
        font-size: 80px;
   
       color:white;
    }*/
}


 
@media only screen and (max-width: 767px) {
    /*
    #homecnt {
        
       height:100vh;
       background:url("../images/slider/gmmob.jpg");

      
        background-size:contain;
        background-position: left;
        background-repeat: no-repeat;
         box-shadow: 1px 2px 5px #e1e1e1;




         /*  background: url("../images/slider/bgolive10.jpg");*/
        /*   background-size: contain;*/

  /*  }*/
    /*
    #subcont {
        display:none;
    }

   .subconth1{

    display:none;

   }    
*/

 /*   #subcont {

        padding-top: 570px;
        padding-left: 30%;
        color: rgb(60, 77, 74);

    }

    .subconth1 {
        padding-top: 2px;
        padding-left: 10px;
        font-family: "Dancing Script", cursive;
        font-size: 50px;
    }*/
}


@media only screen and (max-width: 500px)
 {/*
    #homecnt {
        
        height: 100vh;
        background: url("../images/slider/gmmob.jpg");

        background-size:contain;
        background-position: left;
        background-repeat: no-repeat;
        box-shadow: 2px 2px 5px #e1e1e1;

    }

    #subcont{
        display:none;
    }

    .subconth1{

        display:none;
    }*/
 




    .aboutheader1 {
        /* padding-left:20%;
            padding-right:20%;*/
        justify-content: center;
        text-align:left;
      
        font-size: 15px;
        color:rgb(109, 122, 122);
       
      /*  hyphens: auto;
        -webkit-hyphens: auto;*/
        word-spacing: -0.05em;
       
    
    }
    
   
    
    
    .abouttext {
        padding-left: 20%;
        padding-right: 20%;
        justify-content: left;
        text-align:left;
      
        font-size: 15px;
        color:rgb(109, 122, 122);
       
       /* hyphens: auto;
        -webkit-hyphens: auto;*/
      
       
    
       /* text-align: left;
        font-size: 20px;
        font-family: 'Regale', serif;*/
    
    }
    
    .abouttextnew {
        font-size: 16px;
    
        padding-left: 10%;
        padding-right: 10%;
        justify-content: center;
        text-align:left;
       
        font-size: 15px;
        color: rgb(109, 122, 122);
       
       
      /*  text-align: left;
        font-size: 20px;
        font-family: 'Regale', serif;*/
    
    }
    
}

/*
.mobile-nav-toggle{
    color: #2c4964;
    font-size:28px;
    cursor:pointer;
    display:none;
    line-height: 0;
    transition: 0.5s;
}



.mobile-nav-toggle.bi-x{
 color:#fff;

}


@media(max-width:991px){

    .mobile-nav-toggle{
        display: block;
    }

    .navbar ul{
        display:none;
   }
}


.navbar-mobile{
    position:fixed;
    overflow:hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(28,47,65,0.9);
    transition: 0.3s;
    z-index:999;
}

.navbar-mobile .mobile-nav-toggle{
    position: absolute;
    top: 15px;
    right:15px;
}


.navbar-mobile ul{
    display:block;
    position: absolute;
    top: 55px;
    right: 15px;
    bottom: 15px;
    left:15px;
    padding:10px 0;
    background:#fff;
    overflow-y: auto;
    transition: 0.3s;
}

.navbar-mobile >ul > li{
    padding:0;
}


.navbar-mobile a{
    padding:10px 20px;
    font-size:15px;
    color:#2c4964;
    border:none;

}



.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a{
    color:#3fbbc0;
}


.navbar-mobile .getstarted{
    margin: 15px;
}
*/
p {
    font-family: 'Poppins', cursive;

}

/*

.abouttext
{

    font-family: "Poppins", serif;
    font-size: small;
    justify-content: center;
    text-align: justify;
    text-justify: inter-word;
}


.abouttextnew
{

    font-family: "Poppins", serif;
    font-size: small;
    justify-content: center;
    text-align: justify;
    text-justify: inter-word;
}



.aboutheader1
{

    font-family: "Poppins", serif;
    font-size: small;
    justify-content: center;
    text-align: justify;
    text-justify: inter-word;
}
*/



.card-textblogs{

    font-family: "Poppins", serif;
    font-size: small;
    justify-content: center;
    text-align: left;
    text-justify: inter-word;
}


.card-text{

    font-family: "Poppins", serif;
    font-size: small;
    justify-content: center;
    text-align: justify;
    text-justify: inter-word;
}

.accordion-body {

    font-family: "Poppins", serif;
    font-size: small;
    justify-content: center;
    text-align: justify;
    text-justify: inter-word;
}


/*
.navbar{

  
   background-color:whitesmoke;
    font-family: 'Poppins',cursive;
     color:whitesmoke  ;
}*/
/*

.fixed-top .navbar-collapse {
    max-height: calc(100vh - 4.5em);
    overflow-y: auto;
  }*/

@media (max-width: 768px) {
    .fixed-top {
        position: static;
    }
}

/* 
@media (max-width: 850px){    
    nav#site-navigation.fixed {
         position: initial !important;
    }    
}*/

/*
.navbar-brand{
    font-family: 'Poppins',cursive;
    color:white;
}
nav .navbar-nav li a{
    color: white;
    font-family:cursive;
    }

    .nav-link.active{

        color: blue;
    }

    .navbar-nav > .nav-item{
        margin-left: 5px;
        margin-right: 5spx;
        color:#d6e5ec;
    }*/

.navbar-brand {
    font-family: 'Poppins', serif;
    color: rgb(74, 107, 102);
}

nav .navbar-nav li a {
/*    color: rgb(29, 34, 33);*/
color: rgb(7, 38, 141);

    font-family: 'Poppins', serif;
    font-size: medium;
}


.nav-link.hover {

    color: rgb(57, 57, 90);
    text-decoration: underline;
}

.nav-link.active {

    color: rgb(57, 57, 90);
    text-decoration: underline;
}

.navbar-nav>.nav-item {
    margin-left: 5px;
    margin-right: 5px;
    color: rgb(74, 107, 102);
}










#pno {
    color: black;
    font-size: 12px;
    font-family: 'Roboto', cursive;
}



#navbarSupportedContent a.nav-link {

    padding-left: 20px;
}

.navbar {
    padding: 1rem 1rem;
}

/*

.navbar-light .navbar-nav .nav-link {
    color: red;
}*/

/*
.carousel-item{
  
    background:white;
    color:white;
    position:relative;
    background-position: center ;
    background-size: cover ;
    
    }
    
    .container
    {
       
        position:absolute;
        bottom: 200px;
        left: 20px;
        right:0;
        padding-bottom: 200px;
    }
    .container.body-container{
  padding: 0px;
  background-color: #FF0000;
}
    
    */

/*navbar    */
/*  .navbar-light .navbar-toggler:focus{
        color:#000;
        box-shadow: 0 0 0 2px;
    }*/


.navbar-light .navbar-toggler:focus {
    color: #000;
    box-shadow: 0 0 0 2px;
}

/*navbar    */

#about {
    position: relative;
    padding-top: 10px;
}

#services {
    position: relative;
    padding-top: 10px;
}

.accordion-body {
    position: relative;
    /*  background-color:whitesmoke*/
    /* background-color: rgb(114, 130, 127);*/
    /*background-color:#5F84A2;*/
    background-color: #A1B7CD;
    color: black;
    /*font-size: ;*/
    font-size: 14px;
    justify-content: center;
    text-align: justify;
    text-justify: auto;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    /* hyphens: auto;
    -webkit-hyphens: auto;*/

    /*word-spacing: -2px;*/
}



/*.container.body-container{
               background-color: #F8EEEC;
      }*/

#mainContentnew {

    padding-top:100px;
    /*  background-color: rgb(213,225,223);*/
   /* background-color: rgb(244, 250, 244);*/
   /* background-color: rgb(244, 250, 244);*/
    /* color:rgb(130,148,129);*/
    color: rgb(57, 71, 57);

     background-color:#dde6ed;
    /*  background-color: #d6e5ec;*/

}

#mainContent {

    padding-top: 60px;
      background-color: #dde6ed;
  /*  background-color: rgb(244, 250, 244);*/
    /* color:rgb(130,148,129);*/
    color: rgb(57, 71, 57);
    /* background-color:#F7F3F3;*/
    /*  background-color: #d6e5ec;*/

}

.x-accordion-heading .x-accordion-toggle,
.x-accordion-heading .x-accordion-toggle:hover {
    background-color: red;
}

.x-accordion-heading .x-accordion-toggle.collapsed,
.x-accordion-heading .x-accordion-toggle.collapsed:hover {
    background-color: white;
}

/* space between headings */
.x-accordion-heading .x-accordion-toggle {
    line-height: normal;
    padding: 5px 15px;
}

#servicecard1,
#servicecard11,
#servicecard2,
#servicecard3,
#servicecard4,
#servicecard5,
#servicecard6 {
    border: 0;
    border-radius: 0;
    color: rgb(114, 130, 127);
    box-shadow: 5px 5px 10px #e1e1e1;
    padding: 1em 0;
    border-bottom-right-radius: 4em;
    border-top-left-radius: 4em;
    /* background: linear-gradient(to left, #FFEFEF 50%, #d6e5ec 50%);*/
    /* background: linear-gradient(to left, rgb(216, 227, 243) 50%, #d4f1f1 50%);*/
 /*   background: linear-gradient(to left, rgb(213, 225, 223) 50%, rgb(114, 130, 127) 50%);*/
 background: linear-gradient(to left,#dde6ed 50%,#5F84A2 50%);
    background-size: 200%;
    background-position: right;
    transition: background-position 0.5s ease-out;
}

.card-icon {
    margin: 0 1em;
}

.card-icon i {
    font-size: 3em;
}

/*
      .card:hover {
        background-position: left;
      }*/
/*
      #servicecard11,#servicecard2,#servicecard3,#servicecard4,#servicecard5,#servicecard6:hover{
        background-position: left;
      }*/
      #servicecard1:hover,
#servicecard11:hover,
#servicecard2:hover,
#servicecard3:hover,
#servicecard4:hover,
#servicecard5:hover,
#servicecard6:hover {
    background-position: left;
    /* background: linear-gradient(to left, rgb(213, 225, 223) 50%, rgb(114,130,127) 50%);*/
    color: white;
}


/*
      .card{

       /* background-color: #d6e5ec;*/
/* background-color:#FFEFEF*/
/*
      border: 0;
      border-radius: 0;
      padding: 3em 0;
      background-color: #FFEFEF;
      color: black;
      }


      .card {
        border-bottom-right-radius: 4em;
        border-top-left-radius: 4em;
        box-shadow: 5px 5px 10px #e1e1e1;
      }
      

      .card {
        background-size: 200%;
        background-position: right;
      }

      card:hover {
        background-position: left;
      }

      card {
        transition: background-position 0.5s ease-out;
      }
      */

#abtimg {

    padding-left: 5%;
}

#abtimg1 {

    padding-left: 20%;
}

.abt1 {

    padding-left: 15%;
}

.blheader {
    padding-top: 15px;
    padding-left: 10%;
    padding-right: 10%;
    text-align: left;
    /*font-weight:bolder;*/
    font-family:'Segoe UI' sans-serif;
    font-weight:normal;

}

.blheadernew {
    padding-top: 15px;
    /*padding-left: 10%;*/
    padding-right: 10%;
    text-align: left;
    font-weight: bold;
    font-family: 'Segoe UI' sans-serif;
    font-size: 25px;
    color: #CD5C5C;
}






.blogdata {

    padding-right: 20%;
    font-size: 16px;
    font-family: "Poppins" serif;

}

.blogdata .li {


    font-size: 16px;
    font-family: "Poppins" serif;

}

 #abcontainernew2 { background-color:#dde6ed; }

.myclass {
    color: rgb(70, 80, 80);
    text-align: left;

}



.myheader {
    color: rgb(70, 80, 80);
    text-align: center;
    justify-content: center;
    font-weight: bold;
    font-size:18 ;

}
.myaboutclass {
    color: rgb(70, 80, 80);
    text-align:left;
    justify-content: center;
    padding-left: 13%;
    font-weight: bold;
}


.myaboutclassheader {
    color: rgb(70, 80, 80);
    text-align:left;
    justify-content: center;
    padding-left: 13%;
    font-weight: bold;
    font-size:18 ;
}

.myaccclass {
    color: #2d3033;
    text-align: left;
    font-family: "Regale", serif;
}

.mybanner {
    color: rgb(17, 8, 2);
    font-family: 'Dancing Script', cursive;
    padding-left: 30px;
    font-size: 25px;
}





/*
    .carousel-item img{
        min-width: 100%;
        height: 750px;
        position:relative;
           }*/


#carouselitem1 img,
#carouselitem2 img,
#carouselitem3 img {
    /* min-width: 100%;*/
    /* padding-top: 50px;*/
    /* height: 750px;*/
    width: auto;
    height: auto;
    position: relative;
    display: flex;

}

/*
    .carousel-item img ::before
{
    content: '';
    position: absolute;
    top:0;
    left: 0;;
    width:100%;
    height: 700vh;
    background: linear-gradient(225deg,#e91e63,#03a9f4);
    z-index:1;
    mix-blend-mode:screen;

}*/


#carousel1 .nav-item {
    min-width: 100%;
    position: relative;
    max-height: 500px;
    overflow: hidden;
}

/*
    .carousel-inner .item {
        min-width: 100%;
        position: relative;
        max-height: 500px;
        overflow:hidden;
    }^/

    /*
    .carousel {
        margin-bottom: 60px;
      }
      
      
      .carousel-caption {
        z-index: 10;
      }
      
      
      .carousel .item {
        min-width: 100%;
        background-color: #fff;
      }
      
      .carousel-inner > .item > img {
        min-width: 100%;
        height: 100%;




      } */


/*caption right*/
#carouselcaption1 {

    position: absolute;
    top: 30%;
    bottom: auto;
    text-align: center;
    font-size: 100px;
    font-weight: 500;
    font-family: 'Dancing Script', cursive;
}




#carouselcaption1 p {
    font-size: 80px;
    font-weight: 800;
    font-family: 'Dancing Script', cursive;

}

#carouselcaption2 {

    position: absolute;
    top: 50%;
    bottom: auto;
    text-align: center;
    font-size: 100px;
    font-weight: 500;
    font-family: 'Dancing Script', cursive;
}

@media (max-width: 768px) {

    #carouselcaption1 {
        position: absolute;
        top: 10%;
        bottom: auto;
        text-align: center;
        font-size: 50px;
        font-weight: 500;
        font-family: 'Dancing Script', cursive;
    }

    #carouselcaption1 p {
        font-size: 50px;
        font-weight: 200;
        font-family: 'Dancing Script', cursive;

    }


}



@media (max-width: 600px) {
    h1 {
        font-size: 25px;
    }

    h2 {
        font-size: 20px;
    }

    #carouselcaption1 {
        position: flex;
        top: 10%;
        bottom: auto;
        text-align: center;
        font-size: 10vw;
        font-weight: 100;
        font-family: 'Regale', sansserif;
    }



    #carouselcaption1 h1 {
        position: flex;
        top: 10%;
        bottom: auto;
        text-align: center;
        font-size: 6vw;
        /* font-size:10vw;*/
        font-weight: 100;
        font-family: 'Regale', sansserif;
    }



    #carouselcaption1 h2 {
        position: flex;
        bottom: auto;
        text-align: center;
        font-size: 5vw;
        font-weight: 100;
        font-family: 'Regale', sansserif;
    }

    #carouselcaption1 p {
        font-size: 7vw;
        font-weight: 150;
        font-family: 'Dancing Script', cursive;

    }


}


#carouselcaption3 {

    position: absolute;
    top: 10%;
    bottom: auto;
    /*   padding-left: 20%;*/
    text-align: left;
    /*  font-size:100px;
    font-weight: 500;*/
    font-family: 'Dancing Script', cursive;
}



#carouselcaption2 p {
    font-size: 70px;
    font-weight: 500;
    font-family: 'Dancing Script', cursive;

}

#carouselcaption3 p {
    font-size: 100px;
    font-weight: 500;
    font-family: 'Dancing Script', cursive;

}

/*services*/
.mycardtitle {

    /* font-family: 'Dancing Script', cursive;*/
    font-family: "Poppin", sans-serif;
    color: #150265;
    font-weight: 200;
    /*font-size: xx-large;*/
}

/*
     .card.card-body hover{

        background:#150265;
     }
*/
#nextrow {

    padding-top: 50px;
}

/*services*/
/*   footer   */
.footer {
    position: relative;
    padding-top: 50px;
    background: #5F84A2;
}


.footer .social-media .footer-list {
    position: relative;
    margin: 0 0 20px 0;
    display: inline-block;
}

.footer .social-media .footer-list li {
    float: left;
    margin-right: 10px;
}


.footer .social-media .footer-list li a {
    position: relative;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0.5rem;
    letter-spacing: 0.5rem;
    color: #000;

}

/*
    .card-wrapper{
        display:flex;
    }

    .card{
        background:#fff;
    }

   

    .card.image-box img{
        height:100%;
    }

    .card.profile-details{
        display:flex;
        align-items:center;
        column-gap: 12px;
        padding:15px;
    }
    .card.profile-details img
    {
        height:20px;
    width: 20px;
    border-radius:50%;
}

.profile-details.name{
    font-size:15px;
    font-weight: 500;
}


.profile-details.job{
    font-size:12px;
    font-weight: 400;
}
*/
#blogcontainer {
    /*  max-width:1120px;*/
    width: 100%;

}

#blogcard1,
#blogcard2,
#blogcard3,
#blogcard4,
#blogcard5,
#blogcard6 {
    background: #d6e5ec;
    border-radius: 8px;
    width: 312px;

}




#blogs {
   /* padding-top: 2px;*/
    /*  position:relative;*/
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
   /* background-color:  rgb(237, 241, 234);*/

       

}

/*
 #blogcontainer{
    display:flex;
    align-items:center;
    justify-content: center;
    background-color: #EFEFEF;
 
*/
.slide-container {
    position: relative;
    display: flex;
    background-color: #EFEFEF;
}

#slidercar1 {
    background-image: url(gslider1new);

}

#slidercontent .carousel-inner .img {
    /*  z-index: 1;
    position: fixed;*/
    width: 100%;
    height: auto;
    position: relative;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
}

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


    #slidercontent .carousel-inner .img {
        /*  z-index: 1;
      position: fixed;*/
        width: 100%;
        height: auto;
        position: relative;
        object-fit: cover;
        background-position: 100%;
        overflow: hidden;
        background-size: cover;
    }


}

#blcontainer {
    /* position: relative;
    display:flex;*/
 /*  background-color:#2b0303;*/
  /* background-color: rgb(252, 253, 253);*/
    justify-content: center;
    align-items: center;
    text-align: justify;
 /*   padding-top:10px;*/

}

#blcontainer1{
    padding-top:60px
}


#jcontainer {
    /* position: relative;
    display:flex;*/
  background-color:whitesmoke;
  /* background-color: rgb(252, 253, 253);*/
    justify-content: center;
    align-items: center;
    padding-top:80px;

}


@media screen and (max-width:567px) {
    .card:not(*:first-child) {
        display: none;
    }

    #carouselExampleIndicators {
        display: none;
    }

    #carouselExampleservices {
        display: none;
    }


    #carouselExampleControls {
        display: none;
    }

    #carouselExamplePosts {
        display: none;
    }
}


/*
@media screen and (max-width:767px) {
    .card:not(*:first-child)
    {display:none;
    }

    #carouselExampleIndicators{
        display:none;
    }
    

    #carouselExampleControls{
        display:none;
    }

    #carouselExamplePosts{
        display:none;
    }
}*/




#servicecardsm1,
#servicecardsm2,
#servicecardsm3,
#servicecardsm4,
#servicecardsm5,
#servicecardsm6 {
    border: 0;
    border-radius: 0;
    color: rgb(114, 130, 127);
    box-shadow: 5px 5px 10px #e1e1e1;
    padding: 1em 0;
    border-bottom-right-radius: 4em;
    border-top-left-radius: 4em;
    /* background: linear-gradient(to left, #FFEFEF 50%, #d6e5ec 50%);*/
    /* background: linear-gradient(to left, rgb(216, 227, 243) 50%, #d4f1f1 50%);*/
   /* background: linear-gradient(to left, rgb(213, 225, 223) 50%, rgb(114, 130, 127) 50%);*/
   background: linear-gradient(to left,#dde6ed 50%,#5F84A2 50%);

    background-size: 200%;
    background-position: right;
    transition: background-position 0.5s ease-out;
}

.card-icon {
    margin: 0 1em;
}

.card-icon i {
    font-size: 3em;
}

/*
  .card:hover {
    background-position: left;
  }*/
/*
  #servicecard11,#servicecard2,#servicecard3,#servicecard4,#servicecard5,#servicecard6:hover{
    background-position: left;
  }*/

#servicecardsm1:hover,
#servicecardsm2:hover,
#servicecardsm3:hover,
#servicecardsm4:hover,
#servicecardsm5:hover,
#servicecardsm6:hover {
    background-position: left;
    /* background: linear-gradient(to left, rgb(213, 225, 223) 50%, rgb(114,130,127) 50%);*/
    color: white;
}

@media screen and (min-width:568px) {

    #blcardswrapper1,
    #blcardswrapper2,
    #blcardswrapper3,
    #blcardswrappersm1,
    #blcardswrappersm2,
    #blcardswrappersm3,
    #blcardswrappersm4,
    #blcardswrappersm5,
    #blcardswrappersm6 {
        display: flex;
    }

    #blcard1,
    #blcard2,
    #blcard3,
    #blcard4,
    #blcard5,
    #blcard6,
    #blcard7,
    #blcard8,
    #blcard9 {
        margin: 0 .7em;
        width: calc(100%/4);
        box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
    }

    #blwcardswrapper1,
    #blwcardswrapper2,
    #blwcardswrapper3,
    #blwcardswrapper4 {
        display: flex;
    }



    #sercardswrappersm1,
    #sercardswrappersm2,
    #sercardswrappersm3,
    #sercardswrappersm4,
    #sercardswrappersm5,
    #sercardswrappersm6 {
        display: flex;
    }



    #blwcard1,
    #blwcard2,
    #blwcard3,
    #blwcard4 {
        margin: 0 .7em;
        width: calc(100%/4);
        box-shadow: 0 0 20px 2px rgba(0, 0, 0, .1);
    }




    #servicecardsm1,
    #servicecardsm2,
    #servicecardsm3,
    #servicecardsm4,
    #servicecardsm5,
    #servicecardsm6 {
        border: 0;
        border-radius: 0;
        color: rgb(114, 130, 127);
        box-shadow: 5px 5px 10px #e1e1e1;
        padding: 1em 0;
        border-bottom-right-radius: 4em;
        border-top-left-radius: 4em;
        /* background: linear-gradient(to left, #FFEFEF 50%, #d6e5ec 50%);*/
        /* background: linear-gradient(to left, rgb(216, 227, 243) 50%, #d4f1f1 50%);*/
        background: linear-gradient(to left, rgb(213, 225, 223) 50%, rgb(114, 130, 127) 50%);

        background-size: 200%;
        background-position: right;
        transition: background-position 0.5s ease-out;
    }

    .card-icon {
        margin: 0 1em;
    }

    .card-icon i {
        font-size: 3em;
    }

    /*
      .card:hover {
        background-position: left;
      }*/
    /*
      #servicecard11,#servicecard2,#servicecard3,#servicecard4,#servicecard5,#servicecard6:hover{
        background-position: left;
      }*/

    #servicecardsm1:hover,
    #servicecardsm2:hover,
    #servicecardsm3:hover,
    #servicecardsm4:hover,
    #servicecardsm5:hover,
    #servicecardsm6:hover {
        background-position: left;
        /* background: linear-gradient(to left, rgb(213, 225, 223) 50%, rgb(114,130,127) 50%);*/
        color: white;
    }

    /* #servicecardsm1,#servicecardsm2,#servicecardsm3,#servicecardsm4,#servicecardsm5,#servicecardsm6
    {
        margin:0 .7em;
        width:calc(100%/3);
        box-shadow: 0 0 20px 2px rgba(0 ,0 ,0 ,.1);
    }*/



}




@media screen and (min-width:768px) {



    

    
.aboutheader1 {
    /* padding-left:20%;
        padding-right:20%;*/
    justify-content: center;
    text-align:justify;
    text-justify:auto;
    font-size: 15px;
    color:rgb(109, 122, 122);
    -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none;   
  /*  hyphens: auto;
    -webkit-hyphens: auto;*/
   
    word-spacing: -2px;
   

}



    .aboutheader2 {
        /* padding-left:20%;
        padding-right:20%;*/
        justify-content: center;
        text-align: justify;
        text-justify: auto;
        font-size: 15px;
        /*color:rgb(109, 122, 122);*/
        color: #212F3C;
        -webkit-hyphens: none;
        -moz-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
        /*  hyphens: auto;
    -webkit-hyphens: auto;*/

        word-spacing: -2px;
        font-family:'Trebuchet MS' sans-serif;
    }




.abouttext {
    padding-left: 20%;
    padding-right: 20%;
    justify-content: center;
    text-align:justify;
    text-justify: auto;
    font-size: 15px;
    color:rgb(109, 122, 122);
    -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none;   
   /* hyphens: auto;
    -webkit-hyphens: auto;*/
  
    word-spacing: -2px;
   
   

   /* text-align: left;
    font-size: 20px;
    font-family: 'Regale', serif;*/

}

.abouttextnew {
    font-size: 16px;

    padding-left: 10%;
    padding-right: 10%;
    justify-content: center;
    text-align:justify;
    text-justify: auto;
    font-size: 15px;
    color: rgb(109, 122, 122);
    word-spacing: -2px;
    -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none;   
       
  /*  text-align: left;
    font-size: 20px;
    font-family: 'Regale', serif;*/

}


    #sercardswrappersm1,
    #sercardswrappersm2,
    #sercardswrappersm3,
    #sercardswrappersm4,
    #sercardswrappersm5,
    #sercardswrappersm6 {
        display: flex;
    }

    #blcardswrapper1,
    #blcardswrapper2,
    #blcardswrapper3,
    #blcardswrappersm1,
    #blcardswrappersm2,
    #blcardswrappersm3,
    #blcardswrappersm4,
    #blcardswrappersm5,
    #blcardswrappersm6 {
        display: flex;
    }

    #blcard1,
    #blcard2,
    #blcard3,
    #blcard4,
    #blcard5,
    #blcard6,
    #blcard7,
    #blcard8,
    #blcard9 {
        margin: 0.5em;
        width: calc(100%/4);
        box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
    }

    #blwcardswrapper1,
    #blwcardswrapper2,
    #blwcardswrapper3,
    #blwcardswrapper4 {
        display: flex;
    }

    #blwcard1,
    #blwcard2,
    #blwcard3,
    #blwcard4 {
        margin: 0 .7em;
        width: calc(100%/4);
        box-shadow: 0 0 20px 2px rgba(0, 0, 0, .1);
    }

    #servicecardsm1,
    #servicecardsm2,
    #servicecardsm3,
    #servicecardsm4,
    #servicecardsm5,
    #servicecardsm6 {
        margin: 0 .7em;
        width: calc(100%/3);

    }


    #servicecardsm1,
    #servicecardsm2,
    #servicecardsm3,
    #servicecardsm4,
    #servicecardsm5,
    #servicecardsm6 {
        border: 0;
        border-radius: 0;
        color: rgb(114, 130, 127);
        box-shadow: 5px 5px 10px #e1e1e1;
        padding: 1em 0;
        border-bottom-right-radius: 4em;
        border-top-left-radius: 4em;
        /* background: linear-gradient(to left, #FFEFEF 50%, #d6e5ec 50%);*/
        /* background: linear-gradient(to left, rgb(216, 227, 243) 50%, #d4f1f1 50%);*/
        background: linear-gradient(to left, rgb(213, 225, 223) 50%, rgb(114, 130, 127) 50%);

        background-size: 200%;
        background-position: right;
        transition: background-position 0.5s ease-out;
    }

    .card-icon {
        margin: 0 1em;
    }

    .card-icon i {
        font-size: 3em;
    }

    /*
      .card:hover {
        background-position: left;
      }*/
    /*
      #servicecard11,#servicecard2,#servicecard3,#servicecard4,#servicecard5,#servicecard6:hover{
        background-position: left;
      }*/



}

.carousel-control-prev,
.carousel-control-next {
    background-color: #816767;
    width: 6vh;
    height: 6vh;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
}


.carousel-control-prev span,
.carousel-control-next span {
    width: 1.5rem;
    height: 1.5rem
}

/*
.image-wrapper{
    height:14vw;
    margin:0 auto;

}

.image-wrapper img{

    max-width: 100%;
    max-height: 100%;
}
/**/

#blcard1:hover,
#blcard2:hover,
#blcard3:hover,
#blcard4:hover,
#blcard5:hover,
#blcard6:hover,
#blcard7:hover,
#blcard8:hover,
#blcard9:hover {
    /* background-color: rgb(247, 223, 243);*/
    /* background-color: rgb(130, 148, 129);*/
    /*background:rgb(149, 163, 161);*/
   /* background-color: rgb(213, 225, 223);*/

    color: rgb(130, 148, 129);
    text-decoration: none;
    font-weight: 800;
    /*  color:white;*/

}

#blwcard1:hover,
#blwcard2:hover,
#blwcard3:hover,
#blwcard4:hover {
   /* background-color: rgb(130, 148, 129);*/
    text-decoration: none;
    color: white;

}

.video-player {

    width: 40%;
    height: 40%;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 50%);
    /* display:none;*/
}

video:focus {
    outline: none;
}

.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    cursor: pointer;
}

#contactdiv {
    padding-top: 150px;
    align-items: center;
    justify-content: center;
   
}

#contactcontainer {
    padding-top: 20px;
    align-content: center;
    background-color: #dde6ed;
}

#contcontainer {
    padding-top: 100px;
    align-content: center;
    background-color: #dde6ed;
}

#profilecontainer {
    padding-top: 50px;
    background-color: white;
}

.gallery {
    /* width:300px;*/
    margin: 0 10px;
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, .1);
    /*padding-bottom:20px;*/
    transition: 1s;

}

#portimg1,
#portimg2,
#portimg3,
#portimg4,
#portimg5,
#portimg6,
#portimg6 {
    display: block;
    width: 100%;
    border-radius: 5px;
}

.gallery:hover {
    transform: scale(1.2);
    z-index: 2;
}

.slidecontainernew {
    width: 100%;
    height: 85vh;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: linear-gradient(to right, rgb(255, 65, 108), rb(255, 75, 43));
}


.image-slider {
    width: 100%;
    height: 200px;
    position: absolute;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .7s;
}

.section-padding {
 /*   padding: 35px 0;*/
 padding: 20px 0
}

.section-heading {

  /*  margin-bottom: 30px;*/
  margin-bottom: 10px;
}

.section-heading h2 {
    color: #222;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 20px;
    text-transform: uppercase;
}

#mainblcont {
    background-color: aqua;
}


#myblogs {
    padding-top: 5px;

}

.carousel-indicators {
    bottom: -30px;
    color: black;
}

/*

.carousel-indicators li {
    background-color: red;
    height: 5px;
    width: 20px;
    z-index: 5 !important;
    margin: 0 5px;
    cursor: pointer;
  }
  .carousel-indicators li.active {
    background-color: blue;
    height: 5px;
    width: 20px;
    z-index: 5 !important;
    padding: 0 5px;
    cursor: pointer;
  }*/
/*
#jcard1:hover{
    background-color: rgb(248, 104, 51);
    color: white;
    transform: scale(1.2);
    z-index:2;
}*/


#blbtn1,
#blbtn2,
#blbtn3,
#blbtn4 {
    background-color: tomato;
    border-radius: 10px;
    color: white;
}



#blbtn1:hover,
#blbtn2:hover,
#blbtn3:hover,
#blbtn4:hover {
    background-color: rgb(153, 55, 19);
    border-radius: 5px;
    color: white;
}

#myfooter {
    position: relative;
    padding-top: 25px;
    width:100%;
    min-height: 100px;
}

/*
#footer {
    list-style: none;
    position: absolute;
    left: 50%;
   
    margin-left: -446px;
  
    top: 835px;
    font-size: 14pt;
}
*/

#blwcard1,
#blwcard2,
#blwcard3,
#blwcard4,
#jcard1,
#jcard2,
#jcard3,
#jcard4,
#jcard5,
#jcard6,
#jcard7,
#jcard8,
#jcard9,
#jcard10,
#jcard11,
#jcard12 {

    /* background-color:rgb(243, 212, 200);*/
    border-radius: 10px;
   background-color: rgb(250, 245, 245);
    color: #707070;



}


#blwcard1,
#blwcard2,
#blwcard3,
#blwcard4,
#jcard1,
#jcard2,
#jcard3,
#jcard4,
#jcard5,
#jcard6,
#jcard7,
#jcard8,
#jcard9,
#jcard10,
#jcard11,
#jcard12 p {


    color: #707070;
    font: size 10px;



}


#jcard1:hover,
#jcard2:hover,
#jcard3:hover,
#jcard4:hover,
#jcard5:hover:hover,
#jcard6:hover,
#jcard7:hover,
#jcard8:hover,
#jcard9:hover,
#jcard10:hover,
#jcard11:hover,
#jcard12:hover,
#blwcard1:hover,
#blwcard2:hover,
#blwcard3:hover,
#blwcard4:hover {

    background-color: rgb(175, 172, 169);
    color: rgb(224, 212, 212);
    border-radius: 10px;



}

.testimonial-section {
    background-color: white;
    padding: 80px 0;
    min-height: 100vh;
}


.testi-img .img-box {
    /* background-color:tomato;*/
    max-width: 360px;
    margin: auto;
    text-align: center;
    position: relative;
}


.testi-img .circle {

    height: 360px;
    width: 360px;
    background-color: #fb9c9a;
    position: absolute;
    border-radius: 50%;
    left: 0;
    bottom: 0;
    transition: all 0.5s ease;
}


.testi-img .img-box-inner {
    position: relative;
    border-radius: 0 0 180px 180px;
    overflow: hidden;
}


.testi-img .img-box-inner img {
    max-width: 320px;
}

.testimonial-section .carousel-inner {
    margin-bottom: 20px;
}


.testimonial-section .carousel-control-prev {
    margin-right: 10px;
}


.testimonial-section .carousel-control-next,
.testimonial-section .carousel-control-prev {
    position: relative;
    height: 35px;
    width: 35px;
    background-color: #fb9c9a;
    display: inline-flex;

}

.testimonial-section .carousel-control-prev img,
.testimonial-section .carousel-control-next img {
    width: 15px;
}


.testi-item h4,
.testi-item p {
    font-size: 18px;
}


.testi-item h4 {
    text-transform: capitalize;
}


/*Responsive*/
@media(max-width:991px) {
    .testi-img .img-box {
        max-width: 300px;
    }

    .testi-img .circle {
        height: 300px;
        width: 300px;
    }

    .testi-img .img-box-inner {
        border-radius: 0 0 150px 150px;
    }

    .test-img .img-box-inner img {
        max-width: 230px;
    }
}

@media(max-width:767px) {
    .testi-img {
        margin-bottom: 25px;
    }



}

#videocontainer {
    width: 80%;
    margin: 80px auto;
    align-items: center;
}

#rowvideo {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

#colvideo {
    flex-basis: 50%;
    min-width: 250px;
}


#colvideo1 {
    flex-basis: 50%;
    min-width: 250px;
}

.feature-img {
    width: 83%;
    margin: auto;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}


.small-img-row {
    display: flex;
    background: #efefef;
    margin: 20px 0;
    align-items: center;
    border-radius: 6px;
    /* overflow:hidden;*/
    width: 95%;
}

.small-img {
    position: relative;
}

.small-img img {

    width: 150;
}

.small-img-row p {

    margin-left: 20px;
    color: #707070;
    line-height: 22px;
    font-size: 15px;

}

.play-btn {
    width: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}


.small-img .play-btn {
    width: 35px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}


#blcontent1 {

    /*   background-color:#f7f3f3;*/
    /*  background-color: #d6e5ec;*/
    padding-top: 50px;
    /*  background-color: rgb(213,225,223);*/
    background-color: #dde6ed;
    /* color:rgb(130,148,129);*/

    color: rgb(73, 82, 72);


}

#blcontent1 p {
    font-family: 'Regale', serif;
    font-size:20px;
}


#bltitle1 {
    font-family: 'Regal', cursive;
    font-size: 10px;
    color: rgb(71, 66, 66);
}

#bltitle1 :hover {
    font-family: 'Poppins', cursive;
    font-size: 10px;
    color: rgb(224, 212, 212);
}

#jcard1 .card-title,
#jcard2 .card-title,
#jcard3 .card-title,
#jcard4 .card-title {
    font-family: 'Poppins', cursive;
    font-size: 17px;
    font-weight: 400;
    color: rgb(75, 67, 67);
}

.MyTeam {

    margin: 75px 0;
}


#teamcont {
    padding-top: 5px;

}

.profile {

    margin-top: 25px;
}

.profile .img-boxnew {

    opacity: 1;
    display: block;
    position: relative;
}

.profile h2 {
    font-size: 22px;
    font-weight: bold;
    margin-top: 15px;

}

.profile h3 {
    font-size: 15px;
    font-weight: bold;
    margin-top: 15px;

}

.img-boxnew {
    position: relative;
}

.img-boxnew::after {

    content: '';
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}

.img-boxnew ul {
    margin: 0;
    padding: 20px 0;
    position: absolute;
    z-index: 1;
    bottom: 0;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    opacity: 1;
}

.img-boxnew ul li {

    width: 35px;
    height: 35px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin: 3px;
    padding: 7px;
    display: inline-block;

}

.img-boxnew a {
    color: #fff;
}

.img-boxnew:hover:after {
    /*  opacity: 1;*/
    background-color: red;
}

.img-boxnew a:hover li {
    color: #007bff;
    border: 1px solid #007bff;
}

.img-boxnew:after,
.img-boxnew ul,
.img-boxnew ul li {
    transition: all 0.5s ease-in-out 0s;
}


#teamimg1.hover {
    transform: scale(1.2);
    z-index: 2;

}

#teamimg2.hover {
    transform: scale(1.2);
    z-index: 2;

}

#teamimg3.hover {
    transform: scale(1.2);
    z-index: 2;

}

#teamContent {

    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    background-color: #dde6ed;
}

#tcard1,
#tcard2,
#tcard3 {
    position: relative;
    width: 350px;
    height: 350px;
    border-radius: 10px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.5);
    transition: 0.3s;
    padding: 20px 20px;
    margin: 2em;
    background: whitesmoke;
    /*  padding: ;*/
    border-radius: 1em;
    cursor: pointer;

  /*  background-color:#5F84A2;*/
    
    color:#5F84A2;
    text-align: center;
    vertical-align: middle;
   
}



.img-boxc {
    position: relative;
    width: 100%;
    height: 100%;
    transform: translateY(-100px);
}

#teamimg1.img,
#teamimg2.img,
#teamimg3.img{
    width: 100%;
    border-radius: 20px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.5);
}


.img-boxc ul {
    margin: 0;
    padding: 20px 0;
    position: absolute;
    z-index: 1;
    bottom: 0;
    display: block;
    left: 45%;
    transform: translateX(-25%);
    opacity: 1;
}

.img-boxc ul li {

    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin: 3px;
    /*  padding:2px;*/
    display: inline-block;

}

#tcontent1,
#tcontent2,
#tcontent3 {
    /*  padding-bottom: 20px;*/
    text-align: center;
    /*  transform:translateY(-600px);*/
    opacity: 0;
    transition: 0.3s
}

#tcard1:hover,
#tcard2:hover,
#tcard3:hover {
    height: 500px;
    background-color: #5F84A2;
    color:whitesmoke;

}


#tcard1:hover>.content,
#tcard2:hover>.content,
#tcard3:hover>.content {
    opacity: 1;
    transform: translateY(-90px);
    ;
}



#tcard1:hover>.img-boxc ul li,
#tcard2:hover>.img-boxc ul li,
#tcard3:hover>.img-boxc ul li {

    transform: translateY(-70px);
    transition: 0.3s
}

.img-boxc a:hover li {
    color: #007bff;
    border: 1px solid #007bff;
}

footer {
    position: relative;
    width: 100%;
    background: #5F84A2;
    min-height: 100px;
    padding: 20px 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

}

ion-icon {
    font-size: 40px;
    color: white;
}

footer .social-icon,
footer .menu,
footer .contact {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
   margin: 5px 0;
    flex-wrap: wrap;

}

footer .contactfooter {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    font-size: small;
   /* color:whitesmoke;*/

}


footer .contact li 
{

    list-style: none;
}

footer .social-icon li 
{

    list-style: none;
}

footer .menu li 
{

    list-style: none;
}

footer .social-icon li a {
    font-size: 1em;
    color: #fff;
   margin: 0 5px;
    display: inline-block;
    transition: 0.5s;

}


footer .contactfooter a {
    font-size: 1em;
    color: #fff;
    margin: 0 10px;
    display: inline-block;
    text-decoration: none;
    opacity:0.75
}



footer .menu li a {
    font-size: 1em;
    font-size: "Regal" serif;
    color: #fff;
    margin: 0 10px;
    display: inline-block;
    text-decoration: none;
    opacity:0.75
}

footer .social-icon li a:hover {
   transform:translateY(-10px);

}

footer p{

    color:#fff;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 1em;

}

footer .menu li a:hover {
   opacity:1;
 }


footer .contact li a:hover {
    opacity:1;
 
 }

#Apptbtn {
    background-color: rgb(128, 128, 128);
    color: white;
    border-radius: 10%;
}

@media only screen and (min-width: 991px)
{
#gcont1 {
    width: 100%;
    height: 100vh;
  /*  justify-content: center;*/
  text-align: left;
    background-image: url('../images/about/1new.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 10px 10px 20px #e1e1e1;


}



#gcont2 {
    width: 100%;
    height: 100vh;
    background-image: url('../images/about/blbg.jpg');
   /* background-color: #eadade;*/
    box-shadow: 10px 10px 20px #e1e1e1;
    background-size: cover;
    background-repeat: no-repeat;

}
}
/*

  #gconthome
  {
   width:100%;
   height:100vh;
   justify-content: center;
   background-image: url('../images/slider/bgolive7.jpg');
   background-size: cover;
   background-repeat: no-repeat;
   box-shadow: 10px 10px 20px #e1e1e1;


  }*/
/*
  #gconthome{
  
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../images/slider/bgolive7.jpg');
    background-position:center;
   

  }*/

  @media only screen and (max-width: 600px) {
    #gcont1 {
        width: 100%;
        height: auto;
        justify-content: center;
        background-image: url('../images/slider/bgimglong.jpg');
        /* background-size: cover;*/
        background-repeat: no-repeat;


    }


    #gcont2 {
        width: 100%;
        height: 20vh;
        background-color: #eadade;
    /*  background-image: url('../images/about/blbg.jpg');*/
      background-repeat: no-repeat;

    }
}









@media only screen and (max-width: 768px) {
    #gcont1 {
        width: 70%;
        height: auto;
        justify-content: center;
        background-image: url('../images/slider/wbl1.jpg');
        /* background-size: cover;*/
        background-repeat: no-repeat;


    }


    #gcont2 {
        width: 100%;
        height: 20vh;
        background-color: #eadade;
    /*  background-image: url('../images/about/blbg.jpg');*/
      background-repeat: no-repeat;

    }

    .mytext {
        position: relative;
        font-size: 40px;
        font-weight: normal;
        line-height: 20px;
        color: rgb(57, 57, 58);
        text-align: center;
        top: 40%;
        transform: translateY(-40%);
        font-family: 'Roboto Condensed', serif;
    }

    .mytext1,
    .mytext2 {
        position: relative;
        font-size: 25px;
        font-weight: normal;
        line-height: 20px;
        color: rgb(57, 57, 58);
        text-align: center;
        top: 40%;
        transform: translateY(-40%);
        font-family: 'Helvetika', serif;
    }
}


@media only screen and (max-width: 600px) {
  /*  #gcont1 {
        width: 100%;
        height: 70vh;
        justify-content: center;
        background-image: url('../images/about/1new.jpg');
           background-repeat: no-repeat;


    }

    #gcont2 {
        width: 100%;
        height: 30vh;
        background-color: #eadade;*/


    

    .mytext {
        position: relative;
        font-size: 30px;
        font-weight: normal;
        line-height: 20px;
        color: rgb(57, 57, 58);
        text-align: center;
        top: 40%;
        transform: translateY(-40%);
        font-family: 'Roboto Condensed', serif;
    }

    .mytext1,
    .mytext2 {
        position: relative;
        font-size: 20px;
        font-weight: normal;
        line-height: 20px;
        color: rgb(57, 57, 58);
        text-align: center;
        top: 40%;
        transform: translateY(-40%);
        font-family: 'Helvetika', serif;
    }
}

@media only screen and (max-width: 850px) {
    #gcont1 {
        width: 100%;
        height: 80vh;
        justify-content: center;
        background-image: url('../images/about/1new.jpg');
        /* background-size: cover;*/
        background-repeat: no-repeat;


    }

    #gcont2 {
        width: 100%;
        height: 20vh;
        background-color: #eadade;


    }

    .mytext {
        position: relative;
        font-size: 30px;
        font-weight: normal;
        line-height: 20px;
        color: rgb(57, 57, 58);
        text-align: center;
        top: 40%;
        transform: translateY(-40%);
        font-family: 'Roboto Condensed', serif;
    }

    .mytext1,
    .mytext2 {
        position: relative;
        font-size: 20px;
        font-weight: normal;
        line-height: 20px;
        color: rgb(57, 57, 58);
        text-align: center;
        top: 40%;
        transform: translateY(-40%);
        font-family: 'Helvetika', serif;
    }
}

@media only screen and (max-width: 991px) {
    #gcont1 {
        width:auto;
        height:100vh;
        justify-content: center;
        background-image: url('../images/slider/bgimglong.jpg');
        background-size: cover;
        background-repeat: no-repeat;


    }

    #gcont2 {
        width: 100%;
        height: 20vh;
        background-color: #eadade;
     /*  background-image: url('../images/about/blbg.jpg');*/

    }

    .mytext {
        position: relative;
        font-size: 30px;
        font-weight: normal;
        line-height: 20px;
        color: rgb(57, 57, 58);
        text-align: center;
        top: 40%;
        transform: translateY(-40%);
        font-family: 'Roboto Condensed', serif;
    }

    .mytext1,
    .mytext2 {
        position: relative;
        font-size: 20px;
        font-weight: normal;
        line-height: 20px;
        color: rgb(57, 57, 58);
        text-align: center;
        top: 40%;
        transform: translateY(-40%);
        font-family: 'Helvetika', serif;
    }
}

.mytext {
    position: relative;
    font-size: 50px;
    font-weight: normal;
    line-height: 30px;
    color: rgb(57, 57, 58);
    text-align: center;
    top: 40%;

    transform: translateY(-40%);

    font-family: 'Roboto Condensed', serif;
}

.mytext1,
.mytext2 {
    position: relative;
    font-size: 40px;
    font-weight: normal;
    line-height: 30px;
    color: rgb(57, 57, 58);
    text-align: center;
    top: 40%;

    transform: translateY(-40%);

    font-family: 'Helvetika', serif;
}

#btnab {
    border-radius: 10%;
    background-color: #f1b717;
    color: whitesmoke;
    align-items:left;

}


#btnab:hover {
    border-radius: 10%;
    background-color: #34418d;
    color: whitesmoke;
    opacity: 0.7;

}


#btnbook {
    border-radius: 30%;
    background-color: #ccb15e;
    color: whitesmoke;
    align-items: left;
    font-size: 12px;
    font-weight: 600;

}


#btnbook:hover {
    border-radius: 30%;
    background-color: #323c6e;
    color: rgb(224, 212, 212);
    opacity: 0.7;
    font-size: 12px;

}

#blwimg1,
#blwimg2,
#blwimg3,
#blwimg4 {
    width: 100%;
    height: 15vm;
    object-fit: cover;
}


.myfooter {
    position: relative;
    width: 100%;
    background:#5F84A2;
    min-height: 100px;
    padding: 20px 50px;
    align-items: center;
    justify-content: center;
    color: white;

}


/*
 #portimg1,#portimg2,#portimg3{
    width:100%;
    height:auto;
 
 s
     object-fit:scale-down;
 
 }*/


/*.img-boxc:after, .img-boxc ul, .img-boxc ul li
{transition:all 0.5s ease-in-out 0s;
}*/

/*   
    padding-bottom: 20px;*/
/*}*/

/*



  .testi-img .circle{
    height:400px;
    width:400px;
    background: color #fb9c9a;
    position: absolute;
    border-radius: 50%;
  }*/
/*
#imgcont1{
    position: relative;
  
  }
  */
/* Make the image responsive */
/*
  #imgcont1 img {
    width: 100%;
    height: auto;
  }*/

/* Style the button and place it in the middle of the container/image */
/*
  #imgcont1 .btn {
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #555;
    color: white;
    font-size: 16px;
    padding: 12px 24px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
  }*/
/*
  
  #imgbtn1:hover {
    background-color: black;
  }*/
/*
    #galcard1,#galcard2,#galcard3,#galcard4,#galcard5,#galcard6,#galcard7,#galcard8,#galcard9s{
        margin:0.5em;
        width:calc(100%/3);
    }*/



/* medium and up screens */



/*   footer   */
/*
    #myfooter{
        padding-top: 100px;
    }

    #footercont{
        padding-top: 100px;
        position:flex;
    }*/

    #blcontainer{

        padding-top:40px;
     /*  background-color:  rgb(237, 241, 234);*/
     background-color: #dde6ed;
     padding-bottom:40px;
    }


   

    .main-row{
        margin: 8%;
        background-color: #dde6ed;
        box-shadow:0 0 10px rgba(0,0,0,.05);
        border-radius:0.rem;
    }


    
    .main-row .active:focus{
        margin: 8%;
        background-color: rgb(247, 164, 164);
        box-shadow:0 0 10px rgba(0,0,0,.05);
        border-radius:0.rem;
    }

    .blog-img > img{
        width:100%;
        height:100%;
        transform:translateY(-30px);
        object-fit:cover;
        border-radius:0.5rem;
        box-shadow:0 0 8px 3px rgba(0,0,0,.3);
    }


    .blog-date span{color:#962c51;}

    .ul-cls{
        justify-content:center;
    }


    .ul-cls li{
        cursor:pointer;
    }


    .blog-title > h2{
        font-style:normal;
        font-weight:400;
    }


    .blog-desc > p{
        font-style:normal;
        line-height:2;
    }


    .list-group-item {
        background-color: #e7eff8;
    }


    .tnav{

        height:20px;
        background-color: #3291e6;
    }


    .tabs{

        position: relative;
        width:100%;
    }

    .tabs .title{
        padding:10px 10px 100px;
        text-align:center;
        font-size:30px;
        color:fff;
        background-color: rgb(186, 216, 182);;
    }


   #mainContenttab
   {
     padding-top: 100px;

   }

/*

@media (max-width: 550px) {
    .big-container {display: none;}
    .small-container
    {
        display:block;
    }

}


@media (min-width: 550px) {
    .small-container {display: none;}
    .big-container
    {
        display:block;
    }

}*/