*{
    padding: 0;
    margin: :0;
}
.cursor-mem{cursor: pointer;}
.hol-pad {
    padding-left: 2%;
    padding-right: 2%;
}
@font-face{ font-family:AlexBrush-Regular; src:url(../fonts/AlexBrush-Regular.ttf);}

.our-st-bg{
   background: #333d50;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: -20px;
}

.bg-tat{
    
  background: #fff;  
  box-shadow: rgba(254, 230, 140, 0.5) 0px 7px 29px 0px;  
}
   
    .our-st-bg{
        background: url(../images/our-stu-bg.jpg)no-repeat center center;
        background-size: cover;
        
    }   
    


.our-st {
   /* font-family: AlexBrush-Regular;*/
    font-size: 25px;
    
}





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

    Form input box

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

input[type="text"],

input[type="email"],

input[type="password"],

input[type="submit"],

input[type="date"],

.pf-time,

textarea {

  background-color: var(--white);

  border: 2px solid;

  border-color: #e4ecf2;

  height: 45px;

  -webkit-box-shadow: none;

  box-shadow: none;

  padding-left: 20px;

  font-size: 16px;

  color: var(--ltn__paragraph-color);

  width: 100%;

  margin-bottom: 30px;

  border-radius: 0;

  padding-right: 40px; }



input[type="text"]::-webkit-input-placeholder,

input[type="email"]::-webkit-input-placeholder,

input[type="password"]::-webkit-input-placeholder,

input[type="submit"]::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

  /* Chrome/Opera/Safari */

  color: var(--ltn__paragraph-color);

  font-size: 14px; }



input[type="text"]:focus,

input[type="email"]:focus,

input[type="password"]:focus,

textarea:focus {

  border-color: var(--ltn__secondary-color); }



input[type="password"] {

  letter-spacing: 3px;

  font-size: 16px; }



textarea {

  resize: vertical;

  padding: 15px 20px;

  min-height: 150px; }



button {

  outline: none;

  border: none;

  cursor: pointer; }



button:focus {

  outline: none; }



.form-input-box {

  position: relative; }



.form-input-box input[type="text"] {

  width: 100%;

  height: 50px;

  padding: 0 70px 0 15px;

  border-radius: 0 15px 0px 0px;

  border: 1px solid var(--ltn__primary-color);

  margin-bottom: 0; }



.form-input-box button[type="submit"] {

  background-color: var(--ltn__primary-color);

  color: var(--white);

  padding: 0 18px;

  height: 100%;

  border: 1px solid var(--ltn__primary-color);

  position: absolute;

  right: 0;

  top: 0;

  cursor: pointer;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s; }



.form-input-box button[type="submit"]:hover {

  background-color: var(--ltn__secondary-color);

  border-color: var(--ltn__secondary-color);

  color: var(--white); }



/* input-item */

.input-item {

  position: relative; }

  .input-item.ltn__custom-icon::before {

    position: absolute;

    top: 35%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    right: 20px;

    color: var(--ltn__secondary-color); }



.input-item-name.ltn__custom-icon::before {

  content: "\f007"; }



.input-item-email.ltn__custom-icon::before {

  content: "\f0e0"; }



.input-item-phone.ltn__custom-icon::before {

  content: "\f095"; }



.input-item-subject.ltn__custom-icon::before {

  content: "\f06e"; }



.input-item-website.ltn__custom-icon::before {

  content: "\f0ac"; }



.input-item-date.ltn__custom-icon::before {

  content: "\f073"; }

.input-item-marker.ltn__custom-icon::before {

  content: "\f276"; }



.input-item-circle.ltn__custom-icon::before {

  content: "\f61f"; }



.input-item-textarea.ltn__custom-icon::before {

  content: "\f303";

  top: 30px; }



.input-info-save {

  font-size: 14px; }



label.checkbox-inline {

  font-size: 14px; }




/*-----nav menu-start------*/

      .navbar{

          background: rgba(255,255,255, 0.4);

          padding: 0 2%!important;
          
          margin-left: 6%;
          margin-top: 50px;

      }

    

         .login-hol .sh-mem{

       padding-left: 0!important;

        padding-right: 0!important;

        font-size: 14px!important;

    }    

         
 .navbar .active{background: #333d50!important; color: #fff!important;}

.fa-home{font-size: 24px!important;}     

  .navbar ul li a{

         

          color: #19191d;

         font-weight: 600;

      }

          

      

      

    /* styles.css */



.navbar.scrolled {

    background-color: rgba(255,255,255, 0.95) !important; 

    margin-left: 0;

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

    transition: 1s;

    padding-top: 0;

    padding-bottom: 0;

}

      

      

      .navbar img{     

        width: auto;

        height: 135px;

        max-height: 135px !important;

        border-radius: 50%;

        position: absolute;
        left: -15px;
        top: -34px;
       transition: 1s;
          

    } 

      

    .dropdown-menu{

    

     margin: -10px 0 0 0 !important; 

     border-radius: 0!important;

    

      }



      .navbar.scrolled ul li a{

           color: #006699;

          

      }

      

      

      

      .fa-volume-control-phone{

          

          font-size: 30px;

          color:#006699;

      }     

      

      

      .navbar.scrolled .fa-volume-control-phone{

          

          font-size: 24px;

          color:#006699;

      }     

      

      



.navbar.scrolled img{

    height: 50px;

    width: auto;

    transition: 1s;

     padding: 0!important;

        background: #fff!important;

        border-radius: 50%;

        position: relative;

        top: 0;

}

.ex-memb{
    
  height:55px;  
    
}   

 .out-nav {


    margin-right: 5px;

    width: 275px;
     position: relative;

}     

.out-nav-ex{
    
   margin-top: 20px; 
    
}


      .out-nav ul li a{

          

          font-size: 16px!important;

          font-weight: 100!important;
          transition: 0.8s;
      }  


 .out-nav ul li a:hover{

        color:#006699!important;
        background:transparent!important;
        border: 1px solid #006699!important;
      transition: 0.8s;

      }   




.scrolled .out-nav ul li a{
          color: #fff;
     transition: 0.8s;
      }   




.scrolled .out-nav ul li a:hover{
          color: #006699!important;
         transition: 0.8s;
      }   

     .out-nav ul li {

    list-style: none;

    display: inline-block!important;

}


.log-menu{
    position: absolute;
    top: 12px;
}  




.log-menu a{
    color: red!important;
}



.scrolled .log-menu a{
    color: red!important;
}

@media (max-width: 500px){
  .log-menu {
    position: absolute;
    top: 22px;
    width: 174px;
    left: 11px;
}   

}



 .out-nav ul li a{

    font-size: 14px;

    font-weight: 600;

    color: #fff;

    font-family: Arial;

    -webkit-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

    position: relative;

     padding-right: 0.5rem;

    padding-left: 0.5rem;

    cursor: pointer;

    text-decoration: none;

    z-index: 55;

    position: relative;
     
     

}
a.button-cus, .button-form {
    background: #333d50 !important;
    border-radius: 0;
    padding: 6px;
    font-size: 16px !important;
    color: #fff !important;
}
     


a.button-cus:hover, .button-form:hover {
    background: transparent !important;
    border: 1px solid #333d50!important;
    color: #333d50!important;
}



  @media (max-width: 992px) {

      

      .fa-bars{

          

       background: #fff;

       padding: 5px;

          border-radius: 3px;

          

          

      }

      .navbar-nav{

          

          padding-top: 30px;

          z-index: -1;

      } 

      

  .navbar.scrolled img{

    height: 35px;

    width: auto;

    transition: 1s;

}    

      

      .navbar.scrolled .navbar-brand {

          padding-top: 0;

          padding-bottom: 0;

      }

      .navbar{
          margin-left: 0;
      }

    .navbar img{

     width: auto;

        height: 135px;

        transition: 1s;

        max-height: 80px !important;

        border-radius: 50%;

        position: absolute;

        top: -20px;
        left: 15px;

}  

      

      

      .navbar-nav .nav-link {

          

          padding-left: 26px;

          

      }

      

    .out-nav {

        position: absolute;

        right: 0;

        

    }

      

      

   .menu-toggle {

        margin-right: 150px;

        margin-top: 5px ;

    }   

      

      ul li{

          list-style: none;

      }  

      

}    

      

      

      

@media(max-width: 991px) {

      .mob-ex{

          

          position: absolute;

          width: 100%;

         background: #fff;

          left: 0;

          

      }

    

    

    .out-nav {

    margin-top: 16px;

    margin-right: 5px;

    width: 190px;

} 

  

      }





.navbar.scrolled li a{

    

   color: #000; 

    transition: 1s;

        text-decoration: none;

}



/*

      .main-carosul{

          margin-top: -130px;

      } 

*/



@media(max-width: 768px) {



   

}

/*-----troggle memu-start---*/



  .navbar-toggler:focus {
    outline-style: none;
    box-shadow: none;
    border-color: transparent;
}  
    
    
/* Define the shape and color of the hamburger lines */
.navbar-toggler span {
    display: block;
    background-color: #006699;
    height: 3px;
    width: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    left: 0;
    opacity: 1;
    transition: all 0.35s ease-out;
    transform-origin: center left;
    z-index: 99;
   
}


/* top line needs a little padding */
.navbar-toggler span:nth-child(1) {
    margin-top: 0.3em;
}

/**
 * Animate collapse into X.
 */

/* top line rotates 45 degrees clockwise and moves up and in a bit to close the center of the X in the center of the button */
.navbar-toggler:not(.collapsed) span:nth-child(1) {
    transform: translate(15%, -33%) rotate(45deg);
}
/* center line goes transparent */
.navbar-toggler:not(.collapsed) span:nth-child(2) {
    opacity: 0;
}
/* bottom line rotates 45 degrees counter clockwise, in, and down a bit to close the center of the X in the center of the button  */
.navbar-toggler:not(.collapsed) span:nth-child(3) {
    transform: translate(15%, 33%) rotate(-45deg) ;
}


/**
 * Animate collapse open into hamburger menu
 */

/* top line moves back to initial position and rotates back to 0 degrees */
.navbar-toggler span:nth-child(1) {
    transform: translate(0%, 0%) rotate(0deg) ;
}
/* middle line goes back to regular color and opacity */
.navbar-toggler span:nth-child(2) {
    opacity: 1;
}
/* bottom line goes back to initial position and rotates back to 0 degrees */
.navbar-toggler span:nth-child(3) {
    transform: translate(0%, 0%) rotate(0deg) ;
}
    
    
    .mob-menu{
        margin-right: 140px;
        position: relative;
        z-index: 999;
    }  
    
/*-----end of toggle menu-----*/



/*----drop down smooth-start-------

    
.dropdown:hover .dropdown-menu {
  display: block;
    
    margin-top: 0px!important;
    border: 0;
}
    
    .dr-hol {
    background: #fff;
    
    display: none;
}
    
    
.dropdown-item:hover{
    color: #0a58ca!important;
} 
    

.dropdown:hover .dr-hol {
    display: block;
    opacity: 1;
   margin-top:20px;
}



    
    
    .dropdown .dropdown-menu{
    display: block;
    opacity: 0;
    background: none;
    -moz-transition:    all 1000ms ease;
    -webkit-transition: all 1000ms ease;
    -o-transition:      all 1000ms ease;
    -ms-transition:     all 1000ms ease;
    transition:         all 1000ms ease;
    border: none;
}
.dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1;
}
   
    
 @media (max-width: 992px) {  
     
     .dropdown .dropdown-menu {
         
         position: absolute;
         top:5px;
         display: none;
         
         
    }
    
   
     
     
    }


/*------drop down smooth--end---------*/


/*----drop down smooth-start-------*/

    
.dropdown:hover .dropdown-menu {
  display: block;
    
    margin-top: 0px!important;
    border: 0;
}
    
    .dr-hol {
    background: #fff;
    
    display: none;
}
    
    
.dropdown-item:hover{
    color: #0a58ca!important;
} 
    

.dropdown:hover .dr-hol {
    display: block;
    opacity: 1;
   margin-top:20px;
}



    
    
    .dropdown .dropdown-menu{
    display: block;
    opacity: 0;
    background: none;
    -moz-transition:    all 1000ms ease;
    -webkit-transition: all 1000ms ease;
    -o-transition:      all 1000ms ease;
    -ms-transition:     all 1000ms ease;
    transition:         all 1000ms ease;
    border: none;
}
.dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1;
}
   
    
 @media (max-width: 992px) {  
     
     .dropdown .dropdown-menu {
         
         position: absolute;
         top:5px;
         display: none;
         
         
    }
    
   
     
     
    }


/*------drop down smooth--end---------*/
/*-----nav menu-end------*/



/*-----video section-start-----














/*----background img new---start--*/
.container-bg-hol{    width: 100%;   
   height: 500px;     
   
   background: url(../images/herobg.png)

}

/*----background img new---end--*/


/*-----login member--start-------*/




.login-member-hol{

     background: url(../bg/login-sec.jpg) top center no-repeat;
    background-size: cover;
    
    min-height: 850px;
   
 margin-top: -130px;
        

    }  

.feel-pred{
    
   margin-top: 200px; 
    
}
.login-hol{
   
    width: 80%;
    margin: 60px auto 0 auto;
        
}




/*-----login member--end-------*/

/*----member Area start-----*/
.video-wrapper {
    position: relative;
    display: inline-block;
}

#videoPlayer {
    width: 100%;
    height: auto;
}
.overlay img {
    width: 100px; /* Adjust size as needed */
    height: auto;
    z-index:99;
    position: absolute;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* semi-transparent background */
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 1; /* Make sure the overlay stays above the video */
}

#videoPlayer {
    z-index: 0; /* Video should be below the overlay */
}

.hidden {
    display: none;
}
        .v-img{
          width: 110%!important;
            height: 100%;
            position: absolute;
            
        }

/*----member Area end---*/

/*-----register--start-------*/




.register-hol {
    background: url(../bg/register.jpg) top center no-repeat;
    background-size: cover;
    min-height: 800px;
    margin-top: -150px;
}


.register-text{
     width: 80%;
    margin: 0px auto 0 auto; 
    
}





/*-----register--end-------*/


/*---member erea--start-----*/
.test-hold{
    box-shadow: rgba(245, 235, 196, 0.5) 0px 50px 100px -20px, rgba(245, 235, 196, 0.8) 0px 30px 60px -30px, rgba(245, 235, 196, 0.5) 0px -2px 6px 0px inset;
    
}
.member-area-hol{
    min-height: 940px;
    
}

.bk-overlay{
  background: rgba(0,0,0, 0.2);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    
    
}
.bg-image-bk p{
    
    font-size: 16px;
}
/*---member erea--end-----*/

/*-------home banner start----*/


.obj-img .img-speaker {
    position: absolute;
    width: 800px;
    bottom: -10px;
    
    right: 0;
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
    transform: translateY(100%);
    animation: slideUp 1s ease-in-out forwards;
}

@keyframes slideUp {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}



@media (max-width: 992px){

.open-text h3{
    
  font-size: 75px;  
    
}
}
@media(max-width: 830px) {
    
    
   .obj-img .img-speaker { 
   
    
    }
}
  

@media(max-width: 768px) {
    
    
   .container-bg-hol {
    width: 100%;
    height: 450px;
    background: url(../images/herobg.png);
}
}

@media(max-width: 768px) {
    
    
   .container-bg-hol {
    width: 100%;
    height: 450px;
    background: url(../images/herobg.png);
}
}



@media(max-width: 668px) {
    
    
   .container-bg-hol {
    width: 100%;
    height: 350px;
    background: url(../images/herobg.png);
}
}
/*-------home banner end----*/

.divider-left{
  height: 10px;
  background: #333d50;
 width: 70%;
}

.divider-right{
    background: #fee68c;
    height: 10px;
    width: 30%;
}

/*-------home testimonial start----*/
.testi-bg{
  background:url(../bg/client-say-bg.webp) center center;
    background-attachment: fixed;
    background-size: cover;
    overflow: hidden;
    position: relative;
    z-index: 1;
   
}


.testi-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8); /* Adjust the opacity and color as needed */
    z-index: -1; /* Keep the overlay behind the content */
}


 .test-img{
        height:250px !important;
        margin: auto;
        justify-items: center; 
    }

    .bg-black{background: #ccc3a0;}
    .cn-height{
        
        height: 600px;
        overflow: hidden;
        border:5px solid #fff;
    }
    .texttes-height{
        
      height: calc(100% - (250px));
        background: #fee68c;
        
    }
    @media (max-width: 992px){
        
        .texttes-height{height: auto;}   
        
        .cn-height{height: auto;}
       
        
    }
    
    
    
    .testi-video {
        height: 160px;
      margin-top: 10%;
      display: flex;
      justify-content: center;
      align-items: center;
        
    }
    

/*------home testimonial end---------*/
/*----Backrum start---*/

   h1.page-title  {  

        color: #071c1f;

    clear: both;

    

    font-weight: 700;

    line-height: 1.3;

    margin-bottom: 15px;

    text-align: center;

}

    

    .brm-title{

        

        position: absolute;

        

        bottom: 20px;

        

        left: 0;

        right: 0;

    }   

    

  .ltn__breadcrumb-list ul {

    margin: 0;

    padding: 0;

}  

    

  .ltn__breadcrumb-list ul li {

    display: inline-block;

    margin-right: 30px;

    position: relative;

    font-weight: 700;

}  

    

    .ltn__breadcrumb-list ul li span{

        

      color: #ff5a3c;  

        

        

    }   

    

   .ltn__breadcrumb-list ul li a {

       color: #ff5a3c;

       text-decoration: none;

        

    }

    

   

   .bg-image-bk {
     background-image: linear-gradient(#96fbc4, #f9f586, green);
}



.ltn__breadcrumb-area {

    background-color: #F2F6F7;

    margin-bottom: 50px;

    padding-top: 65px;

    padding-bottom: 200px;

    margin-top: -155px;

    position: relative;

} 

    



/*----Backrum end---*/

.h-blog-bg{
    
  background: #f6f4eb;
    position: relative;
    z-index: 2;
    
}

.h-blog-bg h2{
    
  font-size: 65px;
    font-weight: 600;
    
    
}

.blog-text-h {
    color: #fff;
    display: flex;
    justify-content: center; /* Horizontally centers the text */
    align-items: center; /* Vertically centers the text */
    height: 100%; /* Ensure the container has a defined height */
    text-align: center; /* Optional: centers the text content if it's multi-line */
    position: relative;
   
   
}


.blog-bg-h img {
    position: absolute;
    top: 0px;
    right: 30px;
    z-index: -1;
    width: 200px;
    height: 200px;
}


.blog-img-h{
    
     background: #333d50;
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
    margin-right: -12px;
    margin-left: 150px;
}

.blog-bg-h {
    
     background: #333d50;
    
    
}

.blog-img-h-in{
    
  width: 200px;
    height: 200px;
    position: relative;
      
    
    
}


.blog-img-h-in img{
   height: 100%;
    width: auto;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
        
        border-radius: 50%;

}





.read-more{
    
    position: absolute;
    width: 130px;
    right: 100px;;
    bottom:24px;
    text-decoration: none;
    color: #fff;
    
}
.read-more:hover{
   color:#fff; 
    
}
.read-more:hover .fa-angle-double-right{
    
    padding-left: 10px;
    transition: 1s;
    color:#fff;
    
    
} 



.sm-read-more{
    
  
    width: 130px;
    right: 100px;;
    bottom:50px;
    text-decoration: none;
    color: #fff;
    
}

.sm-read-more:hover{
   color:#fff; 
    
}

.eng-cus,.eng-cus:hover{
   color:#333d50!important;   
}


.sm-read-more:hover .fa-angle-double-right{
    
    padding-left: 10px;
    transition: 1s;
    color:#fff;
    
    
} 

.bg-cust,.bg-cust:hover{
    background: #fee68c;
    color: #333d50;
}




.sm-blog-pad{
    
    padding: 20px 3% 20px 3%;
}

.sml-blog-bg{
  background: #333d50; 
    padding: 5px;
    margin-top: 15px;
   
    
    
}
.sm-blog-img {
    width: 40%;
    height: 200px; /* Full height */
    position: relative;
    overflow: hidden; /* Hide the extra width */
    
}

.sm-blog-img img {
    height: 100%; /* Full height */
    width: auto; /* Auto width to maintain aspect ratio */
    display: block;
    position: absolute;
    left: 50%; /* Start image at the center */
    transform: translateX(-50%); /* Center the image horizontally */
}
.sm-blog-text{
    width: 60%;
    color: #fff;
    padding-left: 10px;
    min-height: 150px;
}

@media (max-width: 768px){
    .blog-text-h{
        
        
        margin-bottom: 100px;
        
    }
    
   .blog-img-h {
    
     background: none;
       
    margin-right: 0;
    
} 
 .blog-img-h img{
   display: block;
    margin-left: auto;
    margin-right: auto; 
}   
    
}






/*------contact-start--*/




 .ftco-section {
    padding: 7em 0;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}   
    
.footer-up-hold{
    
   width: 60px; background-color: #7c4dff; height: 2px 
    
    
}  

.ft-link-hold a{
    
  text-decoration: none;  
    
    
}


    .ico-box{
        
       box-shadow: rgba(254, 230, 140, 0.8) 0px 5px 15px;
        min-height: 200px;
        padding: 10px;
        border-radius: 5px;
    }  
    

.dbox .icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #333d50 ;
    margin: 0 auto;
    margin-bottom: 20px;
}
    
  .align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}  
  
 .dbox .icon span {
    font-size: 20px;
    color: #fff;
}
.dbox .fa {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}   
    
 .dbox p span {
    font-weight: 500;
    color: #000;
}   
.dbox p a {
    color: #198754;
    text-decoration: none;
} 
    
    
 a:hover, a:focus {
    text-decoration: none !important;
    outline: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}   
    
   
    
 .contactForm .label {
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}
label {
    display: inline-block;
    margin-bottom: 0.5rem;
}   
    
    
  
    
    
.contactForm .form-control {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0;
}
input[type="text"], input[type="email"], input[type="password"], input[type="date"], .pf-time, textarea {
    background-color: var(--white);
    border: 2px solid;
    border-color: #e4ecf2;
    height: 45px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 20px;
    font-size: 16px;
    color: var(--ltn__paragraph-color);
    width: 100%;
    margin-bottom: 30px;
    border-radius: 0;
    padding-right: 40px;
}    
    
    
    
  .person-img {
    background-size: auto;
  
    background-position: center center;
    background: url(../images/person.webp)no-repeat;
}  
    .send-msg{
        
      border: 2px solid #198754!important;  
        
       color: #198754!important;
        transition: 1s;
    }  
    
    
     .send-msg:hover{
        
      background:  #198754!important;  
        
       color: #fff!important; 
         transition: 1s;
    }  
    
  
    
    .msg-bx{
        
        
      min-height: 150px!important;  
        
        
        
    }   
    

/*------contact-end---*/




















  /*------blog archive--start---*/
    .blog-img-arc{
        
     color: #fff;
    display: flex;
    justify-content: center; /* Horizontally centers the text */
    align-items: center; /* Vertically centers the text */
    height: 200px; /* Ensure the container has a defined height */
    text-align: center; /* Optional: centers the text content if it's multi-line */
    position: relative;   
        
    }   
    
    
 .blog-img-arc img{
     position: absolute;
    top: 0px;
    
   
    width: 100%;
    height: 200px;    
        
        
    }      
    
    /* Style for Blog Cards */

.bl-logo{
    
   z-index:22;
    width:50px!important; 
    height:50px!important; 
    left:0!important; 
    
    
}


.blog-card {
  transition: transform 0.3s ease-in-out;
    
}

.blog-card:hover {
  transform: translateY(-10px);
}

/* Header styling */
header {
  background-color: #007bff;
}

header h1 {
  font-size: 3rem;
}

header p {
  font-size: 1.2rem;
}

/* Pagination Styling */
.pagination .page-link {
  color: #007bff;
}

.pagination .page-link:hover {
  background-color: #007bff;
  color: #fff;
}

    .left-sm-blog-img {
    color: #fff;
    align-items: center; /* Vertically centers the content */
    height: 50px; /* Set the height to create a square */
    width: 50px; /* Set the width to create a square */
    position: relative; /* For absolutely positioning the image inside */
    overflow: hidden; /* Ensure the image does not overflow out of the container */
}

.left-sm-blog-img img {
    position: absolute; /* Make the image position absolute within the container */
    top: 0;
    left: 0;
    width: 100%; /* Make the image take full width */
    height: 100%; /* Make the image take full height to fill the square */
    object-fit: cover; /* Ensures the image covers the container, cutting off excess parts */
}
    .b-date{
      place-content:end;
     padding-left: 5px;
    }
    
    .latest-blog ul li{
        list-style: none;
        margin-top: 10px;;
    }
     
    /*------load blog-start----*/
      #load_data_message{
          
          width: 150px;
          margin: auto;
          
      }
       
      .load-ani{
          
          background: url(../images/loader.gif) no-repeat center center;
          height: 200px;
          width: 200px;
          
          margin: auto;
          bottom: 20px;
      }
     .end-data{
        text-align: center;
         color: red;
         font-size: 18px;
         font-weight: 600;
       
         text-transform: uppercase;
         }
/*------load blog-end----*/

/*------vlog sidebar-start------*/
    .youtube-thumbnail {
            position: relative;
            overflow: hidden;
            cursor: pointer;
        }

        .youtube-thumbnail img {
            width: 100%;
            height: auto;
            display: block;
        }

        .youtube-thumbnail:hover img {
            filter: brightness(70%);
        }

        .play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 14px;
            color: white;
            background-color: rgba(0,0,0,0.8);
            pointer-events: none;
            height: 25px;
            width: 25px;
            border-radius: 50%;
            text-align: center;
            border: 1px solid #fff;
        }




.play-button-main {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 44px;
    color: white;
    background-color: rgba(0, 0, 0, 0.8);
    pointer-events: none;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #fff;
}






     
     .ex-content{
         
         background: transparent;
         border: 0;
     }
      .ex-close{
         background: transparent!important;
         color: #fff!important;
          font-size: 24px;
     }


/*------vlog sidebar-end------*/


/*---owl carosul button-stock--start----*/

.owl-carousel-stock .owl-nav {
    width: 100px!important;
    margin: 20px auto 100px auto  !important;
}


.owl-carousel-stock .owl-prev {
    width: 40%!important;
    float: left!important;
    background: #333d50;
    margin-right: 5px;
    font-size: 30px;
    color: #fff;
    text-align: center;
}

.owl-carousel-stock .owl-next {
    width: 40%!important;
    float: right;
    background: #333d50;
    margin-right: 5px;
    font-size: 30px;
    color: #fff;
    text-align: center;
}


/*----owl crosul button-stock--end---*/


/*---owl carosul button-logo--start----*/

.owl-carousel-logo .owl-nav {
    width: 100px!important;
    margin: 20px auto 100px auto  !important;
}


.owl-carousel-logo .owl-prev {
    width: 40%!important;
    float: left!important;
    background: #333d50;
    margin-right: 5px;
    font-size: 30px;
    color: #fff;
    text-align: center;
}

.owl-carousel-logo .owl-next {
    width: 40%!important;
    float: right;
    background: #333d50;
    margin-right: 5px;
    font-size: 30px;
    color: #fff;
    text-align: center;
}


/*----owl crosul button-logo--end---*/



/*---share previous ---start-----*/

.owl-carousel-stock .item {
  padding: 1rem;
  margin: 0 1%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.owl-carousel-stock .item:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}
   .owl-carousel-stock .item .card-header img{
       
       height: 30px;
      width: auto;
       margin: auto;
       
            }
      
            .cart-cont{
                
          font-size: 14px;      
     background:#333d50;            
        color: #fff;        
            }    
            
           
            .cart-cont span{
                font-weight: 600;
            } 
            
            
            
            
            .owl-carousel.owl-drag .owl-item {
                
             background: none;   
            }



       
       .owl-carousel-stock .item {
           
         width: 300px;
    height: auto;
    margin: 20px auto;
    display: block;
    align-content: space-between;
    border-radius: 5px;
           
           
       }    
       
            .owl-carousel-stock .item:before{
                content: '';
              box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
          
             
                display: block;
                left: 0;
                right: 0;
                margin: auto;
               position: absolute; 
                overflow: hidden;
            }



/*---share previous--end----*/

/*---my achivement---start---*/

      .bg-ach{
            
           background: #212529;
        }
        
        /* Carousel container styling */
        .owl-carousel {
            position: relative;
        }

        /* Slide content */
        .slide-content {
            display: flex;
            width: 100%;
            margin: auto;
            align-items: center;
            overflow: hidden;
            opacity: 0; /* Hidden until preloaded */
            transition: opacity 0.5s ease;
        }

        /* Image styling */
        .slide-image {
            width: 50%;
        }

        .slide-image img {
            width: 100%;
            height: auto;
            border-radius: 8px;
            opacity: 0; /* Hidden until loaded */
            transition: opacity 0.5s ease;
        }

         /* Text styling */
        .slide-texta p{
            padding: 20px;
            opacity: 1;
            transform: translateY(100px);
            transition: transform 3s ease, opacity 3s ease;
            color: #fff;
            
        }

        .slide-texta h2 {
            
            font-size: 24px;
             padding: 20px;
            margin: 0;
            opacity: 1;
            transform: translateY(-100px);
            transition: transform 3s ease, opacity 3s ease;
             color: #fff;
        }

        .slide-texta p {
            font-size: 16px;
        }

        /* Fade-in animations */
        .active-slide .slide-image img {
            opacity: 1;
            transform: scale(1);
        }

        .active-slide .slide-texta p {
            opacity: 1;
            transform: translateY(0);
        }
        
        
          .active-slide .slide-texta h2 {
            opacity: 1;
            transform: translateY(0);
        }


        /* Navigation button styling */
         /* Ensure the carousel container is positioned relative for centering */
.owl-carousel-achive {
    position: relative;
}

/* Custom styling for prev and next buttons */
.owl-carousel-achive .owl-prev,.owl-carousel-achive .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); /* Vertically centers buttons */
    background-color: #333; /* Set a background color */
    color: #fff; /* Button text color */
    border: none;
    border-radius: 50%; /* Make buttons round */
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 25px;
}

/* Positioning the buttons */
.owl-carousel-achive .owl-prev {
    left: 10px; /* Adjust to set it outside the carousel */
}

.owl-carousel-achive .owl-next {
    right: 10px; /* Adjust to set it outside the carousel */
}

/* Button hover effects */
.owl-carousel-achive .owl-prev:hover, .owl-carousel-achive .owl-next:hover {
    background-color: #555; /* Darker background on hover */
}
        
        
        
        
  @media (max-width: 745px){      
        
      .slide-content{
          
         display: block;
          
          
      }
      
         .slide-image {
            width: 100%;
        }

        
        }
        
/*---my achivement--end----*/
/*--work student----start---*/
      .owl-carousel-logo .item {
  /*  height: 300px;*/
   
    padding: 1rem;
    margin: 0 1%;
    
}
      
      
            .owl-carousel.owl-drag .owl-item {
                
             background: none;   
            }



       
       .owl-carousel-logo .item img{
           
           width: 150px;
           height: auto;
           margin: auto;
           display: block;
           
          align-content: space-between;
           
           
       }    
       
            .owl-carousel-logo .item:before{
                content: '';
              box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
          
               width: 150px;
           height: 150px;
                display: block;
                left: 0;
                right: 0;
                margin: auto;
               position: absolute; 
                overflow: hidden;
            }

/*---work student---end----*/

/*------blog archive-end----*/


.fr-amt{
    position: absolute;
    top:-25px;
    left: 20px;
}

/*------video vlog-start--*/

.background-solid {
    background: 
      linear-gradient(135deg, #333d50 50%, #f6f4eb 50%);
    height: 100vh; /* Full viewport height */
    width: 100%; /* Full width */
}


.background-solid h2 {
    font-size: 65px;
    font-weight: 600;
    color: #fff;
}


/*------video vlog-end--*/



/*------Footer start-------*/

.footer-block{
    
    height: 50px;
}

.foot-bot{font-size: 12px;}
/*------Footer end-------*/


.lightcase-contentInner{
    max-height: 500px!important;
}