.top-header-style-four
{
    background-color: #072f6c !important;
}
#phonee
{
    font-size: 16px !important;
}
.cal1
{
    margin-left:20px !important;
}
#navbarr
{
    /*background-color: #072f6c !important;*/
    background:#ff5f01 !important;
    height:40px !important;
    margin-top: 0px !important;
    position: relative;
}
.raque-nav .navbar .navbar-nav .nav-item a
{
    color:#fff !important;
    font-weight:400 !important;
    font-size:15.5px !important;
}
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li a
{
    color:#111111 !important;
}
#brandlogo
{
    margin-top:-25px;
}
#logonav
{
    margin-top:-25px;
    
}

#phonemenu
{
    display:none !important;
}
#lgo2
{
    display:block;
}
#collapmenu
{
    display:none !important;
}
.table-logo
{
    margin-left:400px;
}
#logomain
{
    margin-top: 0px;
}
.main-banner-content
{
    visibility: hidden !important;
}
.buy-now-btn
{
    display:none !important;
}
.dark-version .slider
{
    display:none !important;
}
/*#raque-nav #navbar #navbar-nav .nav-item a
{
color:#000 !important;
}*/
.cour2
{
    color:#fff !important;
}
.single-boxes-item
{
    background-color: #f9f1f1;
}

.marquee-container {
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
    background-color: #072f6c !important; /* Optional background for container */
    margin-top:-6px !important;
  }
  
  .title2 {
    background-color: green;
    color: white;
    font-size: 15px;
    padding: 10px;
    flex: 0 0 auto; /* Prevent title from expanding */
  }
  
  .marquee-content {
    flex: 1;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  }
  
  .marquee-content span {
    color: #fff !important;
  font-size: 18px;
  padding: 0 20px;
  display: inline-block;
  animation: marquee 25s linear infinite;
  }
  
  /* Pause animation on hover */
.marquee-contentt:hover span {
  animation-play-state: paused;
}
  
  @keyframes marquee {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
  .main-banner
  {
    height: 800px !important;
  }
  #abouttt
  {
    margin-top:-50px !important;
  }

  .news-section {
    background: linear-gradient(to right, #0d6efd, #1e40af); /* Gradient blue background */
    border-bottom: 2px solid #fff;
}

.news-scroller {
    height: 290px;
    overflow: hidden;
    position: relative;
    width: 100% !important;
}

.news-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
    animation: scrollNews 10s linear infinite;
}

.news-list li {
    padding: 8px 0;
    font-size: 16px;
    display: flex;
    align-items: center;
}

.news-list li i {
    margin-right: 10px;
    font-size: 20px;
    color: #ffc107; /* Icon color */
}
.fw-bold
{
    background-color: aliceblue;
    padding: 5px;
}

@keyframes scrollNews {
    0% { transform: translateY(0); }
    100% { transform: translateY(-100%); }
}

.become-instructor-partner-area
  {
   /*background-color: aliceblue !important;*/
   position: relative;
    z-index: 1;
    
    background-image: url(../../assets/img/become.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .why-choose-us {
    max-width: 1000px;
    margin: 0 auto;
    color:#fff !important;
  }

  .why-choose-us h2 {
    font-size: 30px;
    margin-bottom: 30px;
    color: #fff;
    font-weight: bold;
  }

  .features {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
  }

  .column {
    flex: 0 0 45%;
    text-align: left;
  }

  .feature-item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-size: 16px;
    color: #fff;
  }

  .feature-item i {
    color: #ff5f01 !important;
    margin-right: 10px;
    font-size: 18px;
  }
  .single-categories-courses-item
  {
    padding: 82px 20px !important;
  }
  .spp
  {
    color:#fff;
  }
  #stickymenu
  {
    color:#000 !important;
    font-size: 14px !important;
  }
  
  .floating_btn {
  position: fixed;
  bottom: 10px;
  right: 50px;
  width: 80px;
  height: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

@keyframes pulsing {
  to {
      box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
  }
}



.contact_icon {
  background-color: #2acc26;
  color: #fff;
  width: 50px;
  height: 50px;
  font-size: 30px;
  border-radius: 50px;
  text-align: center;
  box-shadow: 2px 2px 3px #999;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translatey(0px);
  animation: pulse 1.5s infinite;
  box-shadow: 0 0 0 0 #51f321;
  -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  font-weight: normal;
  font-family: sans-serif;
  text-decoration: none !important;
  transition: all 300ms ease-in-out;

   margin-left:82px;
}

a.call-action {
  position: fixed;
  left: 10px;
  height: 50px;
  width: 50px;
  bottom: 20px;
  text-align: center;
  font-size: 20px;
  background: #0d6efd;
  z-index: 9999;
  line-height: 55px;
  border-radius: 50%;
  color: #fff;

 transform: translatey(0px);
  animation: pulse 1.5s infinite;
  box-shadow: 0 0 0 0 blue;
  -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  font-weight: normal;
  font-family: sans-serif;
  text-decoration: none !important;
  transition: all 300ms ease-in-out;
}

.page-title-area
{
    padding-top:81px !important;
}
.tabbb
{
margin-left:-90px !important;
}

.default-btn
{
    background-color:#ff5f01 !important;
    border:1px solid #ff5f01 !important;
}

.footer-area.footer-style-wrap .single-footer-widget .contact-us-link li i
{
    color:#ff5f01 !important;
}
.footer-area.footer-style-wrap .single-footer-widget .support-link li::before
{
    background-color:#ff5f01 !important;
}
.footer-area.footer-style-wrap .single-footer-widget .useful-link li::before
{
    background-color:#ff5f01 !important;
}

#become-about
{
    background-color:#fbf9f8 !important;
}
#why-choose h2
{
    color:#000 !important;
}

#featureitem
{
    color:#000 !important;
}

.whyusimg
{
    margin-top:50px;
}

#singlebox
{
    background:rgba(0,0,0,0.5) !important;
}

#btb
{
    border:1px solid #fff !important;
}
.expp
{
     background-color: #fdeded; padding: 10px; font-size: 16px;
     color:#000 !important;
}

.expp1
{
     background-color: #fdeded; padding: 10px; font-size: 16px;margin-top:10px;
     color:#000 !important;
}
.single-courses-list-box .box-item .courses-image .image.bg-1
{
    background-image: url(../img/bed.jpg) !important;
}

.appr
{
    font-weight:500 !important;
}
.bfee
{
    background:#fdeded !important;
    color:#000;
    font-size:16px !important;
    padding:8px;
    width:300px;
}

.bfee1
{
    background:#fdeded !important;
    color:#000;
    font-size:16px !important;
    margin-top:10px;
    padding:8px;
     width:300px;
}

#courd
{
    color:#000 !important;
}
.enqqq
{
    background-color:#fff !important;
    padding:8px !important;
    color:#000 !important;
}
#proimg
{
    margin-top:-100px !important;
}

.single-offer-box
{
    height:300px !important;
}

#proimg1
{
    margin-top:-100px !important;
}

.empo
{
    font-style: italic !important;
}

#facc
{
    color:#ff1949 !important;
}
#popupName
{
    font-weight:bold !important;
}
.recog
{
    color:red;
}
#smartclass
{
    margin-top:-46px;
}
.cardclass {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 100%;
  padding:32px;
}

.cardclass:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.single-blog-post
{
    box-shadow: 5px 5px 10px rgba(0,0,0,0.3) !important;
}
.single-blog-post .post-content
{
    padding:10px !important;
}
.directorme
{
    margin-top:-10px !important;
    font-weight:bold;
    color:#000;
}
.ugclist li a
{
    font-size:20px;
    color:red;
}
.ugc2
{
    
    font-size:20px;
}

.videoo1
{
    font-weight:bold;
    width:385px;
    text-align:center;
    
}
.photogallery-hm
{
    border:1px solid lightgray !important;
    padding:10px !important;
}

.single-instructor-member .member-image img
{
    height:200px !important;
}

.single-courses-item
{
    height:390px !important;
}

.gallerypic
{
    width:100%;
    height:300px !important;
}
@media only screen and (max-width: 768px) {
    
    .gallerypic
{
    width:100%;
    height:auto !important;
}
    
    .single-courses-item
{
    height:auto !important;
}
    
    .single-instructor-member .member-image img
{
    height:200px !important;
}
    
    .videoo1
{
    font-weight:bold;
    width:auto;
    text-align:center;
}
    
    #smartclass
{
    margin-top:0px;
}
    
    #proimg1
{
    margin-top:0px !important;
}
    .single-offer-box
{
    height:auto !important;
}
    #proimg
{
    margin-top:0px !important;
}
    
    .bfee
{
    background:#fdeded !important;
    color:#000;
    font-size:16px !important;
    padding:8px;
    width:300px;
}

.bfee1
{
    background:#fdeded !important;
    color:#000;
    font-size:16px !important;
    margin-top:10px;
    padding:8px;
     width:300px;
}
    
    .tabbb
{
margin-left:0px !important;
}
    
    .stffff
{
 height:400px !important;
 overflow-x:auto !important;
}
    
    .page-title-area
{
    padding-top:24px !important;
    padding-bottom:38px !important;
}
    .why-choose-us
    {
        margin-top:30px !important;
    }
    .marquee-container 
        {
            /*margin-top:-520px !important;*/
            margin-top:-10px !important;
        }
    
    .top-header-contact-info li span
    {
        display:block !important;
    }

    .column {
        flex: 0 0 100%;
      }
    
    #abouttt
  {
    margin-top:-40px !important;
  }

    .main-banner
  {
    height: auto !important;
    background-size:contain !important;
    background-position:top !important;
    background-color:transparent !important;
  }
    #logomain
{
    margin-top: -20px;
}

    #lgo2
{
    display:none;
}

    #phonemenu
{
    display:block !important;
}

    #navbarr
{
    background-color: #ff5f01 !important;
    height:40px !important;
    margin-top: 0px !important;
    position: relative;
}

    #logonav
{
    margin-top:0px;
    display:none !important;
}

    #brandlogo
{
    margin-top:0px;
}

    .raque-nav .navbar .navbar-nav .nav-item a
{
    color:#000 !important;
}
    .cal1
    {
        margin-left:0px !important;
    }

    .raque-nav .navbar .navbar-nav .nav-item a
    {
        color:#000 !important;
    }
    
}

@media only screen and (min-width:521px) and (max-width: 1000px) {
    .table-logo
    {
        margin-left:200px;
    }
    
    .tabbb
{
margin-left:-180px !important;
}
.stffff
{
 
 overflow-x:auto !important;
}

.raque-nav .navbar .navbar-nav .nav-item a
{
    color:#fff !important;
    font-weight:400 !important;
    font-size:12.5px !important;
}
}

@media only screen and (min-width:1001px) and (max-width: 1200px) {
    
    #proimg2
{
    margin-top:-462px !important;
}
    
    #proimg1
{
    margin-top:-241px !important;
}
    
    .tabbb
{
margin-left:0px !important;
}
.stffff
{
 
 overflow-x:auto !important;
}

    .why-choose-us {
        max-width: 1000px;
        margin: 0 auto;
        margin-top:-50px;
      }
    .table-logo
    {
        margin-left:200px;
    }
    .main-banner
  {
    height: 500px !important;
  }
  .become-instructor-partner-content
  {
    padding: 36px !important;
  }

  .become-instructor-partner-contentt
  {
    padding: 100px !important;
  }
  #proimg
{
    margin-top:-465px !important;
}
.raque-nav .navbar .navbar-nav .nav-item a
{
    margin-right:8px !important;
}
.raque-nav .navbar .navbar-nav .nav-item a
{
    color:#fff !important;
    font-weight:400 !important;
    font-size:13.5px !important;
}
}

@media only screen and (min-width:1201px) and (max-width: 1300px) {
    
     #proimg2
{
    margin-top:-462px !important;
}
    
     #proimg1
{
    margin-top:-241px !important;
}
    
     #proimg
{
    margin-top:-465px !important;
}
    
     .tabbb
{
margin-left:0px !important;
}
.stffff
{
 
 overflow-x:auto !important;
}
    
    .why-choose-us {
        max-width: 1000px;
        margin: 0 auto;
        margin-top:-50px;
      }
    .table-logo
    {
        margin-left:200px;
    }
    .main-banner
    {
      height: 500px !important;
    }

    .become-instructor-partner-content
    {
      padding: 33px !important;
    }

    .become-instructor-partner-contentt
    {
      padding: 100px !important;
    }
    .raque-nav .navbar .navbar-nav .nav-item a
{
    margin-right:8px !important;
}
.raque-nav .navbar .navbar-nav .nav-item a
{
    color:#fff !important;
    font-weight:400 !important;
    font-size:13.5px !important;
}
}

@media only screen and (min-width:1301px) and (max-width: 1400px) {
    
     #proimg2
{
    margin-top:-462px !important;
}
    
     #proimg1
{
    margin-top:-241px !important;
}
    
     #proimg
{
    margin-top:-350px !important;
}
     .tabbb
{
margin-left:-80px !important;
}
.stffff
{
 
 overflow-x:auto !important;
}
    .why-choose-us {
        max-width: 1000px;
        margin: 0 auto;
        margin-top:-50px;
      }
    .table-logo
    {
        margin-left:250px;
    }
    .main-banner
    {
      height: 550px !important;
    }

    .become-instructor-partner-content
    {
      padding: 33px !important;
    }

    .become-instructor-partner-contentt
    {
      padding: 100px !important;
    }
    .raque-nav .navbar .navbar-nav .nav-item a
{
    color:#fff !important;
    font-weight:400 !important;
    font-size:14.5px !important;
}
}

@media only screen and (min-width:1401px) and (max-width: 1500px) {
    
     #proimg2
{
    margin-top:-361px !important;
}
     #proimg1
{
    margin-top:-168px !important;
}
    
     #proimg
{
    margin-top:-282px !important;
}
    
     .tabbb
{
margin-left:0px !important;
}
.stffff
{
 
 overflow-x:auto !important;
}
    .why-choose-us {
        max-width: 1000px;
        margin: 0 auto;
        margin-top:-50px;
      }
    .table-logo
    {
        margin-left:250px;
    }
    .main-banner
    {
      height: 600px !important;
    }

    .become-instructor-partner-content
    {
      padding: 36px !important;
    }
    .become-instructor-partner-contentt
    {
      padding: 100px !important;
    }
}

@media only screen and (min-width:1501px) and (max-width: 1600px) {
    
     #proimg2
{
    margin-top:-361px !important;
}
      #proimg1
{
    margin-top:-155px !important;
}
      #proimg
{
    margin-top:-287px !important;
}
    
     .tabbb
{
margin-left:0px !important;
}
.stffff
{
 
 overflow-x:auto !important;
}
    .table-logo
    {
        margin-left:250px;
    }
    .main-banner
    {
      height: 600px !important;
    }

    .become-instructor-partner-content
    {
      padding: 36px !important;
    }

    .become-instructor-partner-contentt
    {
      padding: 100px !important;
    }
}

@media only screen and (min-width:1601px) and (max-width: 1700px) {
    
      #proimg2
{
    margin-top:-361px !important;
}
    
      #proimg1
{
    margin-top:-155px !important;
}
    
      #proimg
{
    margin-top:-287px !important;
}
    
     .tabbb
{
margin-left:-90px !important;
}
.stffff
{
 
 overflow-x:auto !important;
}
   
    .main-banner
    {
      height: 700px !important;
    }

    .become-instructor-partner-content
    {
      padding: 33px !important;
    }

    .become-instructor-partner-contentt
    {
      padding: 100px !important;
    }
}

@media only screen and (min-width:1701px) and (max-width: 1800px) {
    
      #proimg2
{
    margin-top:-361px !important;
}
      #proimg1
{
    margin-top:-155px !important;
}
    
      #proimg
{
    margin-top:-287px !important;
}
   
    .main-banner
    {
      height: 700px !important;
    }
}

@media only screen and (min-width:1801px) and (max-width: 1900px) {
    
      #proimg2
{
    margin-top:-361px !important;
}
    
      #proimg1
{
    margin-top:-155px !important;
}
    
      #proimg
{
    margin-top:-287px !important;
}
   
    .main-banner
    {
      height: 750px !important;
    }
    .become-instructor-partner-contentt
    {
      padding: 100px !important;
    }
}

@media only screen and (min-width:1901px) and (max-width: 2000px) {
    
      #proimg2
{
    margin-top:-361px !important;
}
    
      #proimg
{
    margin-top:-287px !important;
}
   
    .main-banner
    {
      height: 800px !important;
    }

    .become-instructor-partner-contentt
    {
      padding: 100px !important;
    }
}