:root {
--primary-blue: #0267C1;
--secondary-blue: #0075C4;
  --accent-yellow: #EFA00B;
    --white: #ffffff;
  --black: #000000;
--text-gray: #7b838a;
  --footer-bg: #0a0a0a;
}

* {
   margin     :    0;
    padding: 0;
   box-sizing: border-box;
}

body {
  font-family: 'Roboto', sans-serif;
   line-height: 1.6;
  color: var(--black);
}

.container {
  max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.wrapper {

  margin: 0 auto;
    padding: 0 20px;
   max-width: 1200px;}

.header-area {
   position: relative;
  z-index  : 999;
  background: var(--white);
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.fitness-main-menu {
	padding: 15px 0;
}

.classy-nav-container {
	width: 100%;
}

.classy-navbar {
	display    :       flex;
    justify-content: space-between;
    align-items: center;
   position: relative;
}

.nav-brand img {
   max-height: 45px;
  width: auto;
}  

.classy-navbar-toggler {
  display: none;
  cursor: pointer;
    flex-direction: column;
  padding: 8px;
}

.navbarToggler span {
   display: block;
    width   :        25px;
	height: 3px;
  background: var(--primary-blue);
    margin: 3px 0;
  transition: 0.3s;
}

.classy-menu {
   display: flex;

    align-items: center; 

}

.classycloseIcon {
   display: none;
}

.classynav ul  
  {

  display     :     flex;
	padding:      0;
   margin: 0;
    align-items: center;
  list-style: none;
	}

.classynav ul li {
    margin: 0 25px;
               position: relative;
}

.classynav ul li a  {
   text-decoration     :        none;
  color: var(--black);
  font-weight: 500;
   font-size: 16px;
  transition: color 0.3s ease;
    padding: 10px 0;
    display: block;
}

.classynav ul li a:hover {
  color: var(--primary-blue);
}

.fitness-btn {
  background: var(--primary-blue);
  color: var(--white);
        padding: 12px 25px;
  border-radius: 25px;
   text-decoration: none;
    font-weight: 500;
    font-size: 14px;
	transition: all 0.3s ease;
  border: 2px solid var(--primary-blue);
}

.fitness-btn:hover {
    background  :   transparent;
  color: var(--primary-blue);
}

.ml-30 {
        margin-left: 30px;
}

.main-intro {
   padding: 0;
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../imp/intellect.webp');
  background-size: cover;
    background-position   :       center;
    min-height: 50vh;
   display: flex;
    align-items:   center;
  justify-content: center;
   position: relative;
}  

.hero-overlay {
	 position:     absolute;
  top: 0;
   left: 0;
    right: 0;
    bottom: 0;
  background: rgba(2, 103, 193, 0.3);
  z-index: 1;
	
}

.hero-content {
   position: relative;
	z-index: 2;
    text-align    :    center;
    color: #ffffff;
  max-width: 600px;
  padding    :    0 20px;
}

.hero-content h1 {
   font-size: 42px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  margin-bottom  :20px;
	line-height: 1.2;
}

.hero-content p    {
   font-size: 18px;
    margin-bottom: 30px;
  font-weight: 400;
   opacity: 0.9; 
	
}

.hero-btn {
   display: inline-block;
  background: #EFA00B;
  color: #ffffff;
  padding    :   15px 35px;
  text-decoration: none;
  border-radius: 30px;
   font-weight: 600;
	font-size     :       16px;
    transition    : all 0.3s ease;
  text-transform: uppercase;
          letter-spacing     :0.5px;
}

.hero-btn:hover {
  background: #d18c00;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(239, 160, 11, 0.4);
}

.bottom-info  {

	    padding: 4.2em 0;
	 background: #0a0a0a;

}@media (min-width: 768px) {
.bottom-info {
      padding: 8.3em 0;
  }
}.bottom-info .border-top {
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important; 

}



.bottom-info p {


   color: #fff;}

.bottom-info h2, .bottom-info h3, .bottom-info h4, .bottom-info h5 {
     color    :  #fff;
     }

.bottom-info a {
  color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
   transition: all 0.3s ease;
    font-size: 14px;
   border-bottom: 1px solid transparent;
}

.bottom-info a:hover {
       color: #EFA00B;
  border-bottom: 1px solid #EFA00B;
    padding-bottom   :      2px;
}

.bottom-info ul li {
    margin-bottom: 11px;
}

.bottom-info .footer-heading {
    font-size: 17px;
    color: #fff;
}

.columns-wrap {
   display: flex;
    flex-wrap: wrap;
   margin: 0 -15px;
}

.about-column, .links-area, .copyright-text


{
    padding: 0 15px;
}


.about-column {
  flex: 0 0 25%;
    max-width :   25%;
}

.links-area 
 {
  flex: 0 0 66.666667%;
   max-width: 66.666667%;
}

.copyright-text {
    flex: 0 0 100%;
    max-width    :       100%;
}

.link-col {

  flex: 0 0 25%;

	   max-width: 25%;

	    padding: 0 15px;
}

.links-area .columns-wrap    {
               margin-left: auto;
}

.link-list {
    padding: 0;
   list-style: none;
    margin:      0; 
	
}

.mb-4 {
    margin-bottom: 24px;
}

.pt-5	{
  padding-top: 48px;
}

.copyright-area {
          padding-top: 48px;
   margin-top: 48px;
         text-align: center;
}@media (max-width: 991px) {
    .classy-navbar-toggler {
  display: flex;
    }

.classy-menu {
      position: fixed;
    top: 0;
  right: -100%;
    width: 300px;
  height: 100vh;
    background: var(--white);
  transition: right 0.3s ease;
    padding: 60px 30px 30px;
    z-index: 9999;
box-shadow: -5px 0 15px rgba(0,0,0,0.1);
  }

.classy-menu.active {
    right: 0;
  }

.classycloseIcon {
      display: block;
    position: absolute;
  top: 20px;
    right: 20px;
    cursor: pointer;
  width: 30px;
      height: 30px;
  }

.cross-wrap {
    position: relative;
  width: 100%;
    height: 100%;
  }

.cross-wrap span {
    position: absolute;
  width: 100%;
    height: 2px;
  background: var(--primary-blue);
    top: 50%;
  transform: translateY(-50%);
    transition: all 0.3s ease;
}

  .cross-wrap .top {
transform: translateY(-50%) rotate(45deg);
  }

.cross-wrap .bottom {
    transform: translateY(-50%) rotate(-45deg);
}

  .classynav ul {
flex-direction: column;
      align-items: flex-start;
  }

.classynav ul li {
    margin: 10px 0;
  width: 100%;
    }

.ml-30 {
    margin-left: 0;
  margin-top: 20px;
    }

.main-intro {
    min-height: 40vh;
  }

.hero-content h1 {
    font-size: 32px;
  }

.hero-content p {
    font-size: 16px;
  }

.hero-btn {
    padding: 12px 28px;
    font-size: 14px;
  }

.columns-wrap {
    flex-direction: column;
  }

.about-column, .links-area {
    flex: 0 0 100%;
    max-width: 100%;
  margin-bottom: 30px;
    }

.links-area .columns-wrap {
    flex-direction: column;
  }

.link-col {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 25px;
}
}

@media (max-width: 575px) {
  .main-intro {
    min-height: 35vh;
    }

.hero-content h1 {
    font-size: 28px;
  }

.hero-content p {
    font-size: 15px;
  }

.hero-btn {
    padding: 10px 24px;
    font-size: 13px;
  }

.container {
    padding: 0 15px;
  }

.wrapper {
    padding: 0 15px;
  }

.fitness-main-menu {
    padding: 10px 0;
  }

.bottom-info {
    padding: 40px 0;
  }
}.services-area {
    padding: 7em 0;
    position: relative;
    background :#fafafa;
	}

.section-header {


    margin-bottom: 50px;
    text-align   :  center;


}  

.heading-content .subtitle {
    font-weight  :       400;
    font-size: 16px;
   display: block;
   margin-bottom: 10px;
   text-transform    :    uppercase;
   letter-spacing: 2px;
    color: #0267C1;
  position     :     relative;
}



.heading-content .main-heading {
    font-size  :34px;
    font-weight  :       800;
   color: #000000;
    margin-bottom: 20px;
}@media (max-width: 767px) {
  .heading-content .main-heading {
    font-size: 28px;
  }
}.heading-content p {
   font-size: 16px;
   color: #7b838a;
    max-width: 600px;
    margin :0 auto;
   line-height: 1.6;
}

.services-tabs {
   position: relative;
	    width     :      100%;
	  display   :      block;

}

.nav-tabs-wrapper {
    width: 100%;
  display    : flex;
    justify-content: center;
   margin-bottom: 40px;
}

.tab-button {
    padding   :35px 30px;
  border-radius:        0;
    margin-bottom: 0;
          color: #000000;
  font-size :     22px;
  font-weight: 600;
  position: relative;
  display: inline-block;
  border: 1px solid transparent;
  background: rgba(0, 0, 0, 0.05);
  flex: 1;
  text-align: center;
    text-decoration: none;
   cursor: pointer;
  transition: all 0.3s ease;
}

.tab-button:after {
    position     :  absolute;
    bottom: -10px;
   left: 0;
  right: 0;
    width: 0;
  content: '';
    height: 0;
   margin     : 0 auto;
    border-style: solid;
                    border-width: 10px 10px 0 10px;
   border-color: #0267C1 transparent transparent transparent;
  opacity: 0;
   transition:     opacity 0.3s ease;
} @media (max-width: 991px) {
  .tab-button {
    font-size: 16px;
    padding: 20px 10px;
  }
}

@media (max-width: 767px) {
  .nav-tabs-wrapper {
    flex-direction: column;
  }
  
  .tab-button {
    width: 100%;
    margin-bottom: 5px;
  }
  
  .tab-button:after {
    opacity: 0 !important;
  }
}.tab-button:hover {
   background: #0075C4;
    color: #fff;
}

.tab-button.active-tab {
  color: #fff;
   background: #0267C1;
}

.tab-button.active-tab:after {
  opacity: 1;
}

.tab-content-area {
   margin-top   :     15px;
	
}

.content-panel {
   display: none;
   background: #ffffff;
      padding: 40px;
  border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}

.content-panel.active-panel {
       display: block;
  animation: fadeInUp 0.5s ease-in-out;
}@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}.service-details h2 {
  font-size: 28px;
  font-weight: 600;
    color    :      #000000;
  margin-bottom: 20px;
}

.service-details > p {
  font-size: 16px;
   color: #7b838a;
  line-height: 1.6;
	 margin-bottom: 40px;


}

.features-grid {


        display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap  :       30px;

}@media (max-width: 768px) {
  .features-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}.feature-box 
 {
  display: flex;
                    align-items  :  flex-start;
    gap: 15px;
}

.feature-icon {
  width: 60px;
    height: 60px;
  border: 2px solid #0267C1;
  background: #0267C1;
  border-radius: 50%;
   display: flex;
  align-items: center;
    justify-content: center;
   flex-shrink: 0;
}

.feature-icon i {
    font-size: 24px;
    color: #ffffff;
}

.feature-info {
   flex: 1;


}

.feature-info h3 {
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  color: #000000;
    margin-bottom: 8px;
  letter-spacing: 0.5px; 

}

.feature-info p  {
    font-size: 14px;
	    color: #7b838a;
	    line-height: 1.5;
		margin: 0;
}@media (max-width: 575px) {
  .services-area {
    padding: 4em 0;
  }
  
  .tab-button {
    font-size: 14px;
    padding: 15px 10px;
  }
  
  .content-panel {
    padding: 25px 20px;
  }
  
  .service-details h2 {
    font-size: 24px;
  }
  
  .feature-icon {
    width: 50px;
    height: 50px;
  }
  
  .feature-icon i {
    font-size: 20px;
  }
  
  .feature-info h3 {
    font-size: 16px;
  }
  
  .feature-box {
    gap: 12px;
  }
}.callto-section {
	overflow: hidden;
  background: #0267C1;
   padding-top :     55px;
  padding-bottom  : 50px;
}

.cta-content {
  display  : flex;
   align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
	
}

.cta-left {
   flex    :1;
   margin-right: 30px;
}

.callto-text {
	float: left; 
	
}  

.callto-text h2 {
	color: #ffffff;
    font-weight: 500;
	line-height: 60px;
    margin: 0;
  font-size: 32px;
}

.cta-right {
    flex-shrink: 0;
}

.sales-btn {
   display: inline-block;
   font-size  :16px;
                    font-weight: 600;
       padding   :      18px 38px;
    color: #ffffff;
   background: #EFA00B;
    letter-spacing    :0.5px;
  text-decoration: none;
  border-radius: 25px;
	 transition:all 0.3s ease;
   text-transform: uppercase;
  border: 2px solid #EFA00B;
}

.sales-btn:hover    {
  background     :       transparent;
    color: #EFA00B;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(239, 160, 11, 0.3);
}@media only screen and (min-width: 768px) and (max-width: 991px) {
    .callto-text {
        float: none;
      margin-bottom: 20px;
    }
    
    .cta-content {
        flex-direction: column;
      text-align: center;
    }
    
    .cta-left {
        margin-right: 0;
      margin-bottom: 25px;
    }
}

@media only screen and (max-width: 767px) {
    .callto-text {
        float: none;
      margin-bottom: 20px;
    }
    
    .cta-content {
        flex-direction: column;
      text-align: center;
    }
    
    .cta-left {
        margin-right: 0;
      margin-bottom: 25px;
    }
    
    .callto-text h2 {
        font-size: 26px;
      line-height: 36px;
    }
    
    .sales-btn {
        padding: 15px 30px;
      font-size: 15px;
    }
}

@media only screen and (max-width: 480px) {
    .callto-section {
        padding-top: 40px;
      padding-bottom: 40px;
    }
    
    .callto-text h2 {
        font-size: 22px;
      line-height: 32px;
    }
    
    .sales-btn {
        padding: 12px 24px;
      font-size: 14px;
    }
}.about-area   {
   padding: 4rem 0;
}@media (max-width: 991px) {
  .about-area {
    padding: 2.5rem 0;
  }
}.section-intro{
  text-align: center;
    margin-bottom: 50px;
}

.title-block h2 {
  font-size: 3rem;
   color: #0267C1;
  margin-bottom: 20px;
         font-weight: 700;
}

.title-block p {
		 font-size: 16px;
    color: #7b838a;
    max-width:     600px;
    margin: 0 auto;
 line-height: 1.6;
}

.about-details {
  background-color: #f6f5f5;
  padding :     3rem 0;
}

.video-section-wrap {
   margin-bottom: 40px;
  text-align: center;
}

.video-container {
    max-width: 500px;
   margin: 0 auto;
}

.video-player {
	    position: relative;
  margin: 0;
     }

.video-player > a {
      display: block;
    position: relative;
     cursor: pointer;
   text-decoration: none;
}

.about-image {
   max-width: 100%;
	height: auto;
   border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.numbers-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
   gap: 25px;
}@media (max-width: 768px) {
  .numbers-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

@media (max-width: 480px) {
  .numbers-grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }
}.counter-block     {
   text-align: center;
}

.big-number,
.stat-label {
  display: block;
    line-height : 1;
}

.big-number  
  {
    color: #EFA00B;
   font-size: 2.5rem;
  position: relative;
   padding-bottom: 15px;
                    margin-bottom:    15px;
  font-weight  :    800;
}@media (max-width: 991px) {
  .big-number {
    font-size: 2rem;
  }
}

@media (max-width: 480px) {
  .big-number {
    font-size: 1.8rem;
  }
}.big-number:after {
  position: absolute;
  content: "";
  width: 50px;
    height: 3px;
               left: 50%;
          bottom: 0;
  transform: translateX(-50%);
  background: rgba(52, 58, 64, 0.3);
}

.stat-label {
  font-size: 14px;
  letter-spacing:    0.05em;
   color: #000;
   font-weight: 500;
    text-transform :        uppercase;
}@media (max-width: 991px) {
  .about-details {
    padding: 2.5rem 0;
  }
  
  .title-block h2 {
    font-size: 2.5rem;
  }
}

@media (max-width: 767px) {
  .about-area {
    padding: 1.5rem 0;
  }
  
  .about-details {
    padding: 2rem 0;
  }
  
  .title-block h2 {
    font-size: 2rem;
  }
  
  .video-section-wrap {
    margin-bottom: 25px;
  }
  
  .video-container {
    max-width: 400px;
  }
}

@media (max-width: 480px) {
  .about-area {
    padding: 1rem 0;
  }
  
  .about-details {
    padding: 1.5rem 0;
  }
  
  .video-container {
    max-width: 300px;
  }
  
  .title-block h2 {
    font-size: 1.8rem;
  }
}.testimonials-section {

  padding: 7.5rem 0;
    background-color: #f3f2f2;
	}@media (max-width: 991px) {
  .testimonials-section {
    padding: 3.2rem 0;
  }
}.section-header {
 text-align: center;
               margin-bottom: 3.2rem;


}

.title-block h2 {


   font-size: 3.2rem;
  color   :       #EFA00B;
    margin-bottom  :   0;
    font-weight: 700;
}

.testimonials-slider {
                    position   : relative;
}

.testimonials-container {
   position: relative;
    overflow: hidden;
}

.testimonial-item {
   display: none;
  opacity     :   0;
	transition: opacity 0.5s ease-in-out;}

.testimonial-item.active-slide {
    display: block;
          opacity: 1;
}

.testimonial-block {
		padding: 22px;
	position: relative;
  text-align: center;
}

.testimonial-quote     {

	   background: #fff;
    padding: 32px;
    font-style: italic;
   font-size: 19px;
    color: #1a1a1a;
  font-family: 'Georgia', Times, serif;
 position: relative;
	 margin-bottom: 1.6rem;
    border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);

}

.testimonial-quote p {


    margin: 0;
    line-height: 1.6;
	}

.testimonial-block figure {
	  position   :       relative;
  padding-top:       22px;
    margin-bottom: 1rem;}

.user-avatar {
	max-width  :    62px;
  width: 62px;
  height: 62px;
    -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   object-fit: cover;
    border-radius: 50%;
	margin   :       0 auto;
    display: block;
}

.user-name {
  font-size   :    19px;
   color: #1a1a1a;
  margin-bottom: 1.6rem;
   font-weight     :      600;
}

.slider-dots {
          text-align: center;
    position    : relative;
   margin-top    :  32px;
}

.dot {
  display: inline-block;
    cursor: pointer;
  margin: 3.2px;
          transition: all 0.32s ease;
}

.dot:after {

	  content: '';
     display: inline-block;
   width: 7.5px;
   height: 7.5px;
  border-radius: 4px;
     background     :   #bfbfbf;
  transition: all 0.32s cubic-bezier(0.32, 0.71, 0.53, 0.53);

}

.dot.active-dot:after {
	   background     :    #EFA00B;


}

.dot:hover:after {
   background: #d18c00;
}@media (max-width: 767px) {
    .testimonials-section {
  padding: 2.5rem 0;
    }
  
  .title-block h2 {
      font-size: 2.4rem;
    }
  
  .testimonial-quote {
      padding: 24px;
    font-size: 17px;
    }
  
  .testimonial-block {
      padding: 16px;
    }
  
  .user-name {
      font-size: 17px;
    }
}.cookie-alert {


    position: fixed;
  bottom: 0;
   left: 0;
  right: 0;
    background: #0267C1;
 color: #fff;
  padding  :       20px;
  z-index: 9999;
  box-shadow: 0 -2px 10px rgba(0,0,0,0.2);
  transform: translateY(100%);
   transition     :    transform 0.3s ease-in-out;
     }

.cookie-alert.show {
  transform: translateY(0); 
	
}

.cookie-content {
   display: flex;
   align-items:        center;
    justify-content: space-between;
   max-width: 1200px;
     margin: 0 auto;
  gap: 20px;
    flex-wrap: wrap;
}

.cookie-text p {
      margin: 0;
  font-size: 14px;
  line-height :        1.5;
  color: rgba(255,255,255,0.9);
     }

.cookie-text a {
   color: #EFA00B;
          text-decoration: underline;
  font-weight: 500;
}

.cookie-text a:hover {
  color: #fff;
}

.cookie-buttons  {
  display: flex;
  gap: 12px;
          flex-shrink  :     0;
}

.cookie-btn {
	padding: 8px 20px;
        border: none;
    border-radius: 4px;
               font-size   : 13px;
  font-weight: 600;
   cursor: pointer;
   transition  :       all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.accept-btn {
   background: #EFA00B;
   color: #fff; 
	
}

.accept-btn:hover {
    background: #d18c00;
  transform: translateY(-1px);
}

.decline-btn    {
    background: transparent;
  color: rgba(255,255,255,0.8);
  border: 1px solid rgba(255,255,255,0.3);


}

.decline-btn:hover {
  background: rgba(255,255,255,0.1);
  color: #fff; 

}@media (max-width: 768px) {
  .cookie-content {
      flex-direction: column;
    text-align: center;
      gap: 15px;
  }
  
  .cookie-text p {
      font-size: 13px;
    }
  
  .cookie-buttons {
      justify-content: center;
    }
  
  .cookie-btn {
      padding: 10px 18px;
    font-size: 12px;
    }
}

@media (max-width: 480px) {
  .cookie-alert {
      padding: 15px;
    }
  
  .cookie-buttons {
      width: 100%;
    }
  
  .cookie-btn {
      flex: 1;
    padding: 12px 16px;
    }
}.page-content {


   padding: 80px 0;
    min-height: 60vh;
    background: #ffffff;}

.page-header {
   text-align: left;
  border-bottom     :        2px solid #EFA00B;
  margin-bottom: 60px;
	padding-bottom: 20px;
}

.page-header h1
	{
  font-size     :    36px;
   font-weight: 700;
    color: #0267C1;
   margin-bottom: 10px;
  line-height: 1.2;
}

.page-header p {
  font-size: 14px;
      color: #7b838a;
  margin: 0;
   font-style: italic;
}

.content-section {
  margin-bottom     :  50px; 

} 

.content-section h2 
 {

	   font-size: 28px;
    font-weight: 600;
    color: #0267C1;
    margin-bottom: 20px;
  position  :  relative;
  padding-left: 25px;


}

.content-section h2:before {
	    position :  absolute;

	  content: "";

	  width: 7px;

	  height: 25px;

	    left: 0;

	   top: 8px;

	   background: #EFA00B;
	}

.content-section h3 {
    font-size: 20px;
    font-weight: 500;
	 color: #000000;
  margin-bottom: 15px;
   margin-top: 25px;
}

.content-section p
{
    font-size: 16px;
   color: #333333;
   line-height: 1.7;
    margin-bottom: 20px;
}

.content-section ul	{
	margin-bottom: 20px;
    padding-left: 30px;
}

.content-section ul li {

   margin-bottom: 8px;
  font-size: 15px;
  color:#333333;
    line-height: 1.6;
	} 

.content-section ul li strong {
   color: #0267C1;
  font-weight: 600;
}

.content-section a {
  color: #0267C1;
       text-decoration: underline;
  font-weight: 500;
    transition: color 0.3s ease;

}

.content-section a:hover
	{
    color: #EFA00B;
}

.content-section a[target="_blank"]:after {
  content: " ↗";
    font-size: 12px;
  opacity: 0.7;
}@media (max-width: 768px) {
  .page-content {
      padding: 50px 0;
    }
  
  .page-header {
      margin-bottom: 40px;
    }
  
  .page-header h1 {
      font-size: 28px;
    }
  
  .content-section {
      margin-bottom: 35px;
    }
  
  .content-section h2 {
      font-size: 24px;
    padding-left: 20px;
    }
  
  .content-section h2:before {
      width: 5px;
    height: 20px;
      top: 6px;
    }
  
  .content-section h3 {
      font-size: 18px;
    }
  
  .content-section p {
      font-size: 15px;
    }
}

@media (max-width: 480px) {
  .page-content {
      padding: 30px 0;
    }
  
  .page-header h1 {
      font-size: 24px;
    }
  
  .content-section h2 {
      font-size: 20px;
    }
  
  .content-section ul {
      padding-left: 20px;
    }
}.about-hero {
  background: linear-gradient(135deg, #0267C1 0%, #0075C4 100%);
    color: #ffffff;
   padding: 80px 0;
   text-align: center;
}

.about-hero .hero-content h1 {
   font-size: 42px;
 font-weight: 700;
   margin-bottom: 20px;
    line-height  :       1.2;
}

.about-hero .hero-content p {
		font-size: 18px;
 line-height: 1.6;
   max-width    :      700px;
   margin: 0 auto;
    opacity :      0.95;

}

.story-section {
  padding   :80px 0;
  background: #ffffff;
}

.story-content {
    display :flex;
   align-items: center;
   gap: 60px;
}

.story-text {
       flex: 1;
}

.story-text h2 {
	  font-size: 32px;
         font-weight: 600;
    color: #0267C1;
   margin-bottom: 25px;
	}

.story-text p {
   font-size: 16px;
  color: #333;
   line-height: 1.7;
   margin-bottom: 20px;
}

.story-image {
  flex: 0 0 400px;
}

.story-image img {
  width: 100%;
    height: auto;
	border-radius: 8px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.15); 

}

.offers_area {
  padding-bottom: 100px;
  background: #fafafa;
}

.offers_area.padding_top	{
    padding-top: 80px;
}

.offers-grid {

               display: grid;
  grid-template-columns: repeat(3, 1fr);
   gap: 40px;


}

.offer-item {
   display: flex;
       flex-direction    :column;
}

.single_offers {
   height: 100%;
    display :flex;
   flex-direction: column;
    background: #ffffff;
    border-radius: 8px;
  box-shadow: 0 3px 15px rgba(0,0,0,0.1);
  padding: 25px;
   transition: all 0.3s ease;
}

.single_offers:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.single_offers .about_thumb {

	   overflow: hidden;
  border-radius: 6px;
    margin-bottom: 20px;}

.single_offers .about_thumb img {
         width: 100%;
  height   :   200px;
    object-fit: cover;
  transform: scale(1);
   transition: 0.3s;
}

.single_offers h3 {

	    font-size     :    22px;
	font-weight: 600;
	 color: #0267C1;
    margin-bottom:       15px;
   flex-shrink: 0;
}

.single_offers ul {
   flex: 1;
    margin-bottom: 25px;
  padding: 0;
               list-style: none;

}

.single_offers ul li {
  font-size: 15px;
  color  :#333;
    line-height: 28px;
    position: relative;
      padding-left: 23px;
  margin-bottom: 8px;
}

.single_offers ul li::before {
    position: absolute;
  content: "";
    width: 8px;
    height: 8px;
   background: #EFA00B;
    left: 0;
   top: 50%;
  transform: translateY(-50%);
   border-radius: 50%;
}

.single_offers a {
	width: 100%;
            text-align: center;
                  margin-top     :      auto;
}

.single_offers:hover .about_thumb img {
  transform: scale(1.1);
}

.section_title h3 {
   font-size: 36px;
  font-weight: 700;
  line-height: 48px;
    color    :   #0267C1;
    position: relative;
  padding-bottom: 15px;
}

.section_title h3::before {
  background: #EFA00B;
  height: 2px;
    width: 50px;
  content: '';
  position: absolute;
    left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}

.section_title p {
  color: #7b838a;
   margin-bottom: 0;
  max-width: 600px;
   margin-left: auto;
   margin-right: auto;
  line-height: 28px;
    font-size: 16px;
}

.mb-100 {
  margin-bottom: 80px;
}

.boxed-btn3 {
  background: #0267C1;
       color: #fff;
	display: inline-block;
   padding: 15px 35px;
  font-family: "Roboto", sans-serif;
   font-size: 14px;
   font-weight:  600;
    border: 2px solid #0267C1;
   border-radius: 25px;
	text-align: center;
   text-transform: uppercase;
  transition: all 0.3s ease;
    cursor: pointer;
   text-decoration: none;
    letter-spacing: 0.5px;
}

.boxed-btn3:hover


{
   background:transparent;
	 color: #0267C1;
  transform: translateY(-2px);
}

.text-center {

	    text-align: center;

}

.values-section {
	   padding: 80px 0;
	  background: #ffffff;
	}



.values-content h2 {
   font-size: 32px;
   font-weight    :   600;
   color: #0267C1;
   margin-bottom: 50px;
    text-align: center;
}

.values-grid {
	  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap : 40px;


}

.value-item {
               padding: 30px;
	 background: #f8f9fa;
   border-radius: 8px;
    border-left: 4px solid #EFA00B;
}

.value-item h3 {
   font-size: 20px;

	  font-weight: 600;

	    color: #0267C1;

	   margin-bottom:        15px;
}

.value-item p {

	  font-size: 15px;
        color: #333;
  line-height: 1.6;
    margin: 0;
}

.team-section {
	padding: 80px 0;
    background: #fafafa;
}

.team-header {
	    text-align: center;
    margin-bottom: 60px;}

.team-header h2		{
    font-size: 32px;
   font-weight :     600;
   color: #0267C1;
   margin-bottom: 20px; 

}

.team-header p {
    font-size :     16px; 
  color     :   #7b838a; 
    max-width:      600px; 
	margin: 0 auto; 
   line-height: 1.6;
}

.team-grid {
    display: grid;
  grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.team-member {
   background: #ffffff;
    padding: 30px;
   border-radius: 8px;
  box-shadow: 0 3px 15px rgba(0,0,0,0.1);
   text-align: center;
}

.member-info h3 {
    font-size: 22px;
   font-weight: 600;
        color: #0267C1;
  margin-bottom     :   8px;
}

.member-info .role {
    text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
   margin-bottom: 15px;
        color: #EFA00B;
   letter-spacing: 0.5px;
   display: block;
}

.member-info p {
    font-size: 14px;
    color  :        #666;
	line-height: 1.6;
   margin: 0; 

}@media (max-width: 991px) {
    .about-hero .hero-content h1 {
    font-size: 32px;
  }
  
  .story-content {
      flex-direction: column;
    gap: 40px;
    }
  
  .story-image {
      flex: none;
    max-width: 500px;
      margin: 0 auto;
    }
  
  .offers-grid {
      grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    }
  
  .values-grid {
      grid-template-columns: 1fr;
    gap: 30px;
    }
  
  .team-grid {
      grid-template-columns: 1fr;
    gap: 30px;
    }
}

@media (max-width: 767px) {
    .about-hero {
    padding: 50px 0;
  }
  
  .about-hero .hero-content h1 {
      font-size: 28px;
    }
  
  .about-hero .hero-content p {
      font-size: 16px;
    }
  
  .story-section {
      padding: 50px 0;
    }
  
  .story-text h2 {
      font-size: 26px;
    }
  
  .offers_area.padding_top {
      padding-top: 50px;
    }
  
  .offers_area {
      padding-bottom: 50px;
    }
  
  .offers-grid {
      grid-template-columns: 1fr;
    }
  
  .section_title h3 {
      font-size: 28px;
    }
  
  .mb-100 {
      margin-bottom: 40px;
    }
  
  .values-section,
    .team-section {
    padding: 50px 0;
  }
  
  .values-content h2,
    .team-header h2 {
    font-size: 26px;
  }
  
  .single_offers h3 {
      font-size: 20px;
    }
}.offers_area {
	   padding-bottom    :  100px;


}@media (max-width: 767px) {
  .offers_area {
    padding-bottom: 40px;
  }
}.offers_area.padding_top {
   padding-top: 200px;
}@media (max-width: 767px) {
  .offers_area.padding_top {
    padding-top: 40px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .offers_area.padding_top {
    padding-top: 80px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .offers_area.padding_top {
    padding-top: 80px;
  }
}.row {
   display: flex;
    flex-wrap: wrap;
   margin: 0 -15px;
}

.col-xl-12 {


    flex: 0 0 100%;
  max-width   :   100%;
    padding: 0 15px;
     }

.col-xl-4
	{
    flex   :      0 0 33.333333%;
   			max-width: 33.333333%;
     padding :      0 15px;
}

.col-md-6
	{
   flex: 0 0 50%;
          max-width: 50%;
}@media (max-width: 991px) {
  .col-xl-4 {
      flex: 0 0 50%;
    max-width: 50%;
    }
}

@media (max-width: 767px) {
  .col-xl-4, .col-md-6 {
      flex: 0 0 100%;
    max-width: 100%;
    }
  
  .offers_area .single_offers {
    margin-bottom: 30px;
  }
}.offers_area .single_offers {
  background: #ffffff;
   border-radius: 8px;
  box-shadow: 0 3px 15px rgba(0,0,0,0.08);
  padding: 25px;
       transition: all 0.3s ease;
  height: 100%;
		 display: flex;
    flex-direction: column;
}

.offers_area .single_offers:hover {
     transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.12);
	}

.offers_area .single_offers .about_thumb {
       overflow: hidden;
  border-radius: 6px;
    margin-bottom: 20px;
}

.offers_area .single_offers .about_thumb img {
                    width: 100%;
    height    :        220px;
  object-fit: cover;
  transform: scale(1);
  transition: 0.3s;
}

.offers_area .single_offers h3 {


    font-size: 22px;
   font-weight: 600;
   color: #0267C1;
  margin-bottom  :  15px;
    flex-shrink: 0;
	}@media (min-width: 768px) and (max-width: 991px) {
  .offers_area .single_offers h3 {
      font-size: 18px;
    }
}.offers_area .single_offers ul {
    margin-top: 17px;
    margin-bottom   :        30px;
   padding: 0;
  list-style: none;
   flex  :     1;
}

.offers_area .single_offers ul li {
       font-size    :       15px;
  color: #333;
   line-height: 28px;
   position: relative;
   z-index: 9;
    padding-left: 23px;
  margin-bottom: 8px;
}


.offers_area .single_offers ul li::before {
    position: absolute;
  content: "";
  width     :    8px;
  height: 8px;
          background: #EFA00B;
     left: 0;
  top: 50%;
  transform: translateY(-50%);
    border-radius: 50%;
}

.offers_area .single_offers a {
  width: 100%;
   text-align: center;
   margin-top :       auto;
}

.offers_area .single_offers:hover .about_thumb img {
	width: 100%;
  transform: scale(1.1);
}

.section_title h3 {
  font-size: 36px;
  font-weight: 700;
   line-height  :      48px;
      color: #0267C1;
   position   :   relative;
   z-index: 9;
  padding-bottom  :  15px;
}

.section_title h3::before {
  position: absolute;

    left: 0;

    background: #EFA00B;

  height: 2px;

  width: 50px;

  content: '';

    left: 50%;

  transform: translateX(-50%);

   bottom: 0;


}

.section_title p     {
    font-size: 16px;
    color: #7b838a;
      line-height :    28px;
    margin-bottom: 0;
   max-width: 650px;
    margin-left: auto;
    margin-right: auto; 
	
}

.mb-100 
 {
  margin-bottom: 100px;
	}@media (max-width: 767px) {
  .mb-100 {
      margin-bottom: 40px;
    }
  
  .section_title h3 {
      font-size: 30px;
    line-height: 36px;
    }
}.boxed-btn3 {
       background: #0267C1;
    color  :   #fff;
    display: inline-block;
    padding: 15px 35px;
  font-family: "Roboto", sans-serif;
   font-size: 14px;
  font-weight   :   600;
    border: 0;
   border: 2px solid #0267C1;
  border-radius: 25px;
   text-align  :   center;
    color: #fff;
    text-transform     :     capitalize;
   transition: all 0.3s ease;
   cursor: pointer;
   text-decoration: none;
		letter-spacing: 0.5px;
}

.boxed-btn3:hover    {
  transform: translateY(-2px);
  background: transparent;
   border: 2px solid #0267C1;
               color: #0267C1;}

.text-center


{
          text-align: center;
}

.services-hero {
  background: linear-gradient(135deg, #0267C1 0%, #0075C4 100%);
    color: #ffffff;
  padding: 80px 0;
    text-align: center;
	
}

.services-hero .hero-content h1 {
          font-size: 42px;
    font-weight: 700;
         margin-bottom: 20px;
	 line-height: 1.2;
}

.services-hero .hero-content p {
    font-size: 18px;
   line-height: 1.6;
  max-width: 700px;
  margin: 0 auto;
    opacity: 0.95;
}

.offers_area  {
      padding-bottom: 80px;
   background: #ffffff;
}

.offers_area.padding_top {
	padding-top: 80px;
}

.detailed-services		{
  padding: 80px 0;
				 background: #fafafa;
}

.service-detail {
      margin-bottom: 80px;
}

.service-detail:last-child {
	 margin-bottom: 0;
}

.detail-content {
    display: flex;
    align-items: center;
  gap:   60px;
}

.service-detail.reverse .detail-content

{
    flex-direction: row-reverse;
}

.detail-text {

    flex: 1;}

.detail-text h2 {
    color  :   #0267C1;
   font-weight: 600;
  font-size: 32px;
   margin-bottom   :     20px;
}

.detail-text > p {
    font-size: 16px;
    color     :  #333;
   line-height: 1.7;
  margin-bottom: 30px;
}

.feature-highlights {
   gap: 20px;
    flex-direction: column;
  display: flex;
}

.highlight-item	{
               display   :    flex;
               align-items: flex-start;
  gap: 15px;
}

.highlight-item i	{
        font-size  :       24px;
 color  :     #EFA00B;
   flex-shrink: 0;
   margin-top  :    2px;
}

.highlight-item h4 {
   font-size: 18px;
  font-weight: 600;
    color: #0267C1;
  margin-bottom: 5px;
}

.highlight-item p

{
    font-size: 14px;
   color: #666;
   line-height: 1.5;
    margin  :     0;
}

.detail-image {
    flex: 0 0 450px;
}

.detail-image img {


   width: 100%;
  height: auto;
    border-radius: 8px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.12);}


.pricing-section {

    padding: 80px 0;
	 background: #ffffff;
}

.pricing-header {
  text-align: center;
	 margin-bottom: 60px;


}

.pricing-header h2 
 {
	   margin-bottom: 15px;
    font-size    :   32px;
    color: #0267C1;
  font-weight: 600;
	}

.pricing-header p {
  font-size: 16px;
  color: #7b838a;
   max-width    :       600px;
    margin: 0 auto;
}

.pricing-plans {
	margin: 0 auto;
	gap: 40px;
   max-width: 800px;
  justify-content: center;
   display: flex;
}

.plan-card {
	background: #ffffff;
   border: 2px solid #e9ecef;
  border-radius: 12px;
   padding: 40px 30px;
    text-align: center;
       flex: 1;
    max-width: 350px;
    position: relative;
   transition   :     all 0.3s ease;
}

.plan-card:hover {

  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
     }

.plan-card.featured {
  border-color: #EFA00B;
     transform: scale(1.05);
}

.plan-badge		{
    position: absolute;
	top: -12px;
   left: 50%;
  transform: translateX(-50%);
	 background: #EFA00B;
    color: #ffffff;
   padding: 6px 20px;
    border-radius: 20px;
   font-size: 12px;
         font-weight: 600;
   text-transform    :       uppercase;
	letter-spacing: 0.5px; 
	
} 

.plan-header h3 {

	   font-size: 24px;
   font-weight: 600;
   color: #0267C1;
    margin-bottom: 10px;}

.price {
   font-size: 36px;
	    font-weight  : 700;
	   color: #EFA00B;
	   margin-bottom    :        30px;
}

.price span {
	font-size: 16px;
       font-weight: 400;
     color: #666;
}

.plan-features {
   list-style    :       none;
   padding: 0;
    margin: 0 0 30px 0;
  text-align: left;
}

.plan-features li {
  padding: 8px 0;
  position: relative;
    padding-left: 25px;
  color: #333;
   font-size: 14px;}

.plan-features li:before {
  content: "✓";
                    position: absolute;
         left: 0;
	color: #EFA00B;
    font-weight    :        600;
}

.plan-btn {
   display  :   inline-block;
 padding: 12px 30px;
  -o-transition: all 0.3s ease;
  border-radius: 25px;
   text-decoration: none;
  font-weight: 600;
   font-size: 14px;
  -webkit-transition: all 0.3s ease;
   text-transform: uppercase;
  letter-spacing: 0.5px;
    transition :     all 0.3s ease;
   -moz-transition: all 0.3s ease;
}

.plan-btn.free {
    background: transparent;
  color: #0267C1;
	border   : 2px solid #0267C1;
	
}

.plan-btn.free:hover  {
   background: #0267C1;
  color: #ffffff;
}

.plan-btn.pro {
    background: #EFA00B;
   color: #ffffff;
   border: 2px solid #EFA00B;
}

.plan-btn.pro:hover {
    background: transparent;
     color: #EFA00B;
}@media (max-width: 991px) {
    .services-hero .hero-content h1 {
    font-size: 32px;
  }
  
  .detail-content {
      flex-direction: column;
    gap: 40px;
    }
  
  .service-detail.reverse .detail-content {
      flex-direction: column;
    }
  
  .detail-image {
      flex: none;
    max-width: 500px;
      margin: 0 auto;
    }
  
  .pricing-plans {
      flex-direction: column;
    gap: 30px;
    }
  
  .plan-card.featured {
      transform: none;
    }
}

@media (max-width: 767px) {
    .services-hero {
    padding: 50px 0;
  }
  
  .services-hero .hero-content h1 {
      font-size: 28px;
    }
  
  .services-hero .hero-content p {
      font-size: 16px;
    }
  
  .offers_area.padding_top {
      padding-top: 50px;
    }
  
  .offers_area {
      padding-bottom: 50px;
    }
  
  .detailed-services {
      padding: 50px 0;
    }
  
  .service-detail {
      margin-bottom: 50px;
    }
  
  .detail-text h2 {
      font-size: 26px;
    }
  
  .pricing-section {
      padding: 50px 0;
    }
  
  .pricing-header h2 {
      font-size: 26px;
    }
  
  .plan-card {
      padding: 30px 20px;
    }
}.services-hero {
  background: linear-gradient(135deg, #0267C1 0%, #0075C4 100%);
     color: #ffffff;
    padding: 60px 0;
   text-align: center;
}

.services-hero .hero-content h1 {
  font-size: 36px;
   font-weight: 700;
  margin-bottom   :       15px;
    line-height  :  1.2;
}

.services-hero .hero-content p {
  font-size: 16px;
  line-height: 1.5;
   max-width: 600px;
   margin :       0 auto;
         opacity    :  0.95;
}@media (max-width: 767px) {
    .services-hero {
    padding: 40px 0;
  }
  
  .services-hero .hero-content h1 {
      font-size: 28px;
    }
  
  .services-hero .hero-content p {
      font-size: 15px;
    }
}.contact-hero
{
  background: linear-gradient(135deg, #0267C1 0%, #0075C4 100%);
  color: #ffffff;
     padding: 60px 0;
  text-align  :  center;
}

.contact-hero .hero-content h1	{
    font-size :   36px;
  font-weight: 700;
	 margin-bottom: 15px;
    line-height: 1.2;
}

.contact-hero .hero-content p {
   font-size: 16px;
	line-height: 1.6;
    max-width: 600px;
    margin: 0 auto;
    opacity: 0.95;



}

.contact-form-area {
        padding: 80px 0;
    background: #ffffff;
}

.form-container {
    max-width: 600px;
	margin: 0 auto;
   background: #f8f9fa;
  padding: 40px;
    border-radius: 8px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.08); 
	
}

.form-header {
    text-align: center;
 margin-bottom  :40px;
}

.form-header h2 {
    font-size     : 28px;
   font-weight: 600;
	color: #0267C1;
  margin-bottom: 15px; 

}

.form-header p {
    font-size: 15px;
  color: #7b838a;
  line-height  :    1.6;
}

.contact-form    {
   width: 100%;
}

.form-row     {
  display: flex;
	 gap: 20px;
  margin-bottom: 20px;
	

}

.form-group {
   margin-bottom: 20px;
    flex: 1;
}

.form-row .form-group {


    margin-bottom: 0;
}

.form-group label {
  font-size: 14px;
    display :      block;
          color   :  #333;
    margin-bottom: 8px;
    font-weight: 500;
}

.form-group input,
.form-group select,
.form-group textarea     {
    width: 100%;
	padding: 12px 15px;
    border: 2px solid #e9ecef;
         border-radius: 6px;
    font-size  :       15px;
    color: #333;
    background: #ffffff;
	 transition  :     border-color 0.3s ease;
  font-family: 'Roboto', sans-serif;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
	border-color: #0267C1;
   outline: none;
}

.form-group textarea
{
    resize: vertical;
    min-height: 120px;
}

.form-group select {
   cursor: pointer;
}

.submit-btn	{
   width: 100%;
     background: #0267C1;
   color: #ffffff;
  padding: 15px 30px;
   border: none;
    border-radius: 25px;
  font-size     :   16px;
	font-weight: 600;
    text-transform: uppercase;
	letter-spacing: 0.5px;
  cursor: pointer;
    transition:        all 0.3s ease;
  margin-top: 20px;
}

.submit-btn:hover {
    background: #0075C4;
     transform: translateY(-2px);
     box-shadow: 0 5px 15px rgba(2, 103, 193, 0.3);
}



.popup-overlay
{
    position: fixed;
  top: 0;
    left: 0;
  right     :       0;
    bottom: 0;
  background: rgba(0, 0, 0, 0.6);
   display: none;
	align-items  :      center;
  justify-content: center;
    z-index: 10000;
}


.popup-content {
       background: #ffffff;
   max-width: 500px;
   width: 90%;
	border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
         animation: popupSlideIn 0.3s ease-out;

}@keyframes popupSlideIn {
  from {
      opacity: 0;
    transform: translateY(-30px);
    }
  to {
      opacity: 1;
    transform: translateY(0);
    }
}.popup-header {
    display: flex;
    justify-content: space-between;
    align-items     :  center;
    padding: 25px 30px 15px 30px;
	border-bottom: 1px solid #e9ecef;
}

.popup-header h3 {

	    font-size: 22px;
	font-weight: 600;
  color: #0267C1;
  margin: 0;

}

.close-popup {
         background: none;
    border: none;
  font-size: 28px;
  color: #999;
  cursor: pointer;
  padding: 0;
	width: 30px;
	 height    :     30px;
  display: flex;
    align-items: center;
   justify-content: center;
    transition: color 0.3s ease;
}

.close-popup:hover {
  color   :       #333;
}

.popup-body {
  padding: 20px 30px;
}

.popup-body p {
    font-size: 15px;
    color: #333;
    line-height: 1.6;
    margin-bottom: 15px;
	
}

.popup-body p:last-child {
    margin-bottom: 0;


}

.popup-body a  {
      color: #0267C1;
     text-decoration: none;
  font-weight: 500;
	}

.popup-body a:hover {
   color: #EFA00B;
}

.popup-footer {
   padding: 15px 30px 25px 30px;
  text-align: right;
}

.popup-btn {
    background: #EFA00B;
    color: #ffffff;
  padding: 10px 25px;
  border: none;
  border-radius: 20px;
    font-size: 14px;
  font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
	 text-transform: uppercase;
   letter-spacing: 0.5px;
}

.popup-btn:hover {
   background: #d18c00;
  transform: translateY(-1px);
}@media (max-width: 767px) {
    .contact-hero {
    padding: 40px 0;
  }
  
  .contact-hero .hero-content h1 {
      font-size: 28px;
    }
  
  .contact-hero .hero-content p {
      font-size: 15px;
    }
  
  .contact-form-area {
      padding: 50px 0;
    }
  
  .form-container {
      margin: 0 20px;
    padding: 30px 20px;
    }
  
  .form-header h2 {
      font-size: 24px;
    }
  
  .form-row {
      flex-direction: column;
    gap: 0;
    }
  
  .form-row .form-group {
      margin-bottom: 20px;
    }
  
  .popup-content {
      width: 95%;
    margin: 0 10px;
    }
  
  .popup-header {
      padding: 20px 20px 10px 20px;
    }
  
  .popup-body {
      padding: 15px 20px;
    }
  
  .popup-footer {
      padding: 10px 20px 20px 20px;
    }
  
  .popup-header h3 {
      font-size: 20px;
    }
}.portfolio-hero {
  background: linear-gradient(135deg, #0267C1 0%, #0075C4 100%);
	 color: #ffffff;
    padding: 60px 0;
  text-align: center;
}

.portfolio-hero .hero-content h1 {
   font-size: 36px;
       font-weight: 700;
     margin-bottom: 15px;
     line-height     :    1.2;
}

.portfolio-hero .hero-content p {
  font-size: 16px;
   line-height :   1.6;
   max-width: 700px;
    margin: 0 auto;
  opacity: 0.95; 

}

.site-section {
    padding: 2.5em 0; 
  background: #ffffff;
}@media (min-width: 768px) {
  .site-section {
      padding: 5em 0;
    }
}.site-section:nth-child(odd) {
   background: #fafafa;
}

.section-heading h2
{
   font-weight: 700;
    color: #0267C1;
   font-size: 32px;
    margin-bottom: 20px; 

}

.row {
    display   :      flex;
   flex-wrap    :  wrap;
   margin: 0 -15px;
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
   padding :   0 15px;
}

.col-lg-6 {
    flex: 0 0 50%;
  max-width: 50%;
  padding: 0 15px;
}@media (max-width: 991px) {
  .col-lg-6 {
      flex: 0 0 100%;
    max-width: 100%;
    }
}.entry2 {
				 background :  #ffffff;
   padding: 25px;
    border-radius: 8px;
  box-shadow: 0 3px 15px rgba(0,0,0,0.08);
}

.entry2 img {
   margin-bottom: 20px;
  object-fit: cover;
	width: 100%;
	height: 250px;
}

.entry2 h2 {
    font-size: 22px;
	margin-bottom: 20px;
    font-weight: 700;
 line-height: 1.4;
}

.entry2 h2 a {
	 color: #0267C1;
  text-decoration: none;
}

.entry2 h2 a:hover {
  color: #EFA00B;
}

.entry2 p {
  font-size   :        15px;
    line-height: 1.6;
    color: #666666;
}

.entry2 .post-meta {

   color: #b3b3b3;
   font-size    :       13px;
   width: 100%;
    display: block;
  margin-bottom :    15px;
     }

.entry2 .post-meta a {
  color: #0267C1;
   text-decoration   :  none;
    font-weight: 500;
}

.entry2 .post-meta .author-figure img
	{
  width: 30px;
   height: 30px;
    border-radius: 50%;
	object-fit: cover;
}

.entry3 {
  margin-bottom     :30px;
    background: #ffffff;
    padding: 20px;
  border-radius: 6px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
       transition  :   all 0.3s ease;
} 

.entry3:hover {
  transform: translateY(-3px);
  box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}

.entry3 .text h2 {
    font-size: 18px;
    line-height: 1.4;
  font-weight     :   700;
   margin-bottom:  10px;
}

.entry3 .text h2 a


{
    color: #0267C1;
      text-decoration: none;
}

.entry3 .text h2 a:hover {
    color: #EFA00B;
}

.entry3 .text p {
	 font-size: 14px;
    color: #666;
   line-height: 1.5;
   margin: 0;
}  

.entry3 .figure {
    flex   :      0 0 120px;
   transition  :  .3s all ease;
    opacity: 1;
   margin-left: 15px;
}

.entry3 .figure img {
	width: 100%;
  height: 80px;
  object-fit: cover;
}

.entry3:hover .figure,
.entry3:focus .figure {
   opacity: .7;
}


.post-category {
    display: inline-block;
  padding: 4px 12px;
  border-radius: 15px;
  letter-spacing     :        .1em;
    font-weight: 600;
	font-size: .7rem;
   text-transform: uppercase;
    margin-bottom: 15px;
}

.post-meta
{
  font-size: 12px;
  color: #b3b3b3;
    margin-bottom: 10px;
}

.img-fluid {
 max-width: 100%;
   height: auto;
}

.rounded
{
    border-radius: 0.4rem;

}

.text-white {

  color: #fff;

}

.bg-success {
   background-color: #EFA00B; 
	
}

.mb-5
{
   margin-bottom: 3rem;
}

.mb-3 {
    margin-bottom     :  1rem;
	
}

.mb-0 {
  margin-bottom  :  0;
}

.mr-3 {
	    margin-right: 1rem;

}

.mr-4 {
   margin-right: 1.5rem;
}

.mt-1 {
    margin-top  :       0.25rem;
}

.pl-lg-4 {
  padding-left : 1.5rem;
}  

.d-block {
   display: block;
}

.d-sm-flex {
  display: flex;
}@media (max-width: 575px) {
  .d-sm-flex {
      display: block;
    }
  
  .entry3 .figure {
      flex: none;
    margin-left: 0;
      margin-bottom: 15px;
    }
  
  .entry3 .figure img {
      height: 150px;
    width: 100%;
    }
}.float-left {
   float   :     left;
}

.clearfix::after {
   display:    block;
  content: "";
  clear: both;
}

.d-inline-block  {
   display: inline-block;
}

.align-items-center {
   align-items: center;
}

.text-left {
       text-align  :  left; 
	
}

.order-1 {

	    order    :        1;


}


.order-2 {
    order: 2;
}@media (min-width: 992px) {
  .mb-lg-0 {
      margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .portfolio-hero {
    padding: 40px 0;
  }
  
  .portfolio-hero .hero-content h1 {
      font-size: 28px;
    }
  
  .portfolio-hero .hero-content p {
      font-size: 15px;
    }
  
  .section-heading h2 {
      font-size: 26px;
    }
  
  .entry2 {
      padding: 20px;
    }
  
  .entry2 img {
      height: 200px;
    }
  
  .entry2 h2 {
      font-size: 20px;
    }
  
  .entry3 {
      padding: 15px;
    }
  
  .entry3 .text h2 {
      font-size: 16px;
    }
  
  .pl-lg-4 {
      padding-left: 15px;
    }
}