@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}.site-logo span {
    font-size: 2.1rem; 

}

.site-logo a {
  color: #111;
      text-decoration: none;
}

.site-navbar {
  margin-bottom   :     0px;
   z-index: 1999;
    position: absolute;
    width: 100%;
	transition: all 0.3s ease;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
}

.site-navbar.scrolled {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
    position:    fixed;
  top: 0;
}

.site-navbar .site-navigation .site-menu {
  margin-bottom: 0;
  list-style: none;
}

.site-navbar .site-navigation .site-menu .active > a
{
  color: #4db87a;
	display: inline-block;
       padding  :        6px 22px;
}

.site-navbar .site-navigation .site-menu a {
   text-decoration: none !important;
  display: inline-block;
}

.site-navbar .site-navigation .site-menu > li {
    display: inline-block;

  position: relative; 

	}

.site-navbar .site-navigation .site-menu > li > a {
	padding: 22px 22px;
               color: #111;
    display: inline-block;
	text-decoration: none !important;
  font-weight: 500;
  transition: color 0.3s ease;
}

.site-navbar .site-navigation .site-menu > li > a:hover {
  color    : #4db87a;

}

.site-navbar .site-navigation .site-menu .has-children{

   position: relative;
     }

.site-navbar .site-navigation .site-menu .has-children > a {
  position: relative;
   padding-right: 22px;
}

.site-navbar .site-navigation .site-menu .has-children > a:before {
   position    :    absolute;
  transform: translateY(-50%);
  right: 0;
   top: 50%;
    font-size :     17px;
  content: "\e313";
  font-family: 'icomoon';
}

.site-navbar .site-navigation .site-menu .has-children .dropdown {
                  visibility: hidden;
	opacity: 0;
    top: 100%;
  position: absolute;
   text-align: left;
   border-top: 2px solid #4db87a;
  box-shadow: 0 3px 12px -2px rgba(0, 0, 0, 0.12);
    border-left: 1px solid #eef2f7;
    border-right: 1px solid #eef2f7;
	border-bottom: 1px solid #eef2f7;
	padding: 0px 0;
    margin-top: 22px;
   margin-left: 0px;
        background: #fff;
   transition: 0.25s 0s;
   min-width: 180px;}

.site-navbar .site-navigation .site-menu .has-children:hover .dropdown {
    visibility: visible;
   opacity: 1;
	
}

.site-navbar .site-navigation .site-menu .has-children .dropdown li		{
   display: block;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown li a {
  padding: 12px 20px;
  display: block;
  color: var(--text-color);
  font-size: 14px;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown li a:hover {
    background: #f8f9fa;
   color: #4db87a;
}

.site-menu-toggle {
      display: none;
	 color: #111;
   font-size: 24px;}

:root {
    --primary-color: #6ccff6;
    --secondary-color: #001011;
    --accent-color: #98ce00;
    --text-color: #757780;
    --white-color: #fffffc;
    --font-family: 'Montserrat', sans-serif;
}

* {


  margin: 0;
  padding: 0px;
     box-sizing: border-box;}

body   {

	  font-family: var(--font-family);
  line-height: 1.6;
  color: var(--text-color);
    font-size: 16px;

}

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

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

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

.col-md-4 {
          width: 33.333%;
         padding  :     0 15px;
}

.col-md-6 {
   width: 50%;
  padding: 0 15px;
}  

.col-lg-3 {
    width: 25%;
    padding: 0 15px;
}

.col-lg-8 {
   width: 66.666%;
   padding: 0 15px;
}

.col-lg-12 {
   width: 100%;
   padding: 0 15px;
}@media (max-width: 768px) {
    .col-md-4, .col-md-6, .col-lg-3, .col-lg-8 {
        width: 100%;
        margin-bottom: 20px;
    }
}.d-flex   {
         display: flex;
}

.align-items-center {

   align-items: center;
	}

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

.justify-content-start {
  justify-content    :       flex-start;
}

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

.text-left{


   text-align: left;
     }

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

.mb-5 {
   margin-bottom: 48px;
}

.mb-md-5 {
      margin-bottom: 48px;
     }

.pb-md-5 {
   padding-bottom: 48px;
}

.mt-4 {
  margin-top: 24px;
}

.ml-5	{
   margin-left: 48px;
}


.mr-auto {
	margin-right: auto;
}

.ml-auto 
 {
    margin-left: auto;
}

.w-100 {
	width: 100%;
}

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

.d-none {
    display: none;
}

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

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

}

.d-lg-none {
  display: none;
}

.py-4 {
   padding-top     :     24px;
   padding-bottom   :  24px;
}

.ftco-animate {
	  animation: fadeInUp 1s ease;

}

.position-relative {
    position   :        relative;
}

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

.text-black   {
   color: #000;
}@media (max-width: 991px) {
    .d-lg-block { display: none !important; }
    .d-lg-none { display: inline-block !important; }
    
    .site-navbar .container {
        position: relative;
    }
    
    .site-menu-toggle {
        display: block !important;
        color: #111;
        font-size: 24px;
        background: none;
        border: none;
        cursor: pointer;
        padding: 10px;
    }
    
    .site-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: white;
        padding: 20px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        z-index: 999;
        margin-top: 10px;
    }
    
    .site-menu.active {
        display: block !important;
    }
    
    .site-menu li {
        display: block !important;
        margin-bottom: 10px;
        width: 100%;
    }
    
    .site-menu li a {
        display: block !important;
        padding: 12px 0 !important;
        border-bottom: 1px solid #eee;
    }
    
    .site-navbar .site-navigation {
        width: 100%;
    }
}.hero-wrap {

	    width: 100%;
  height  :     870px;
    position: inherit;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
	}@media (max-width: 1199.98px) {
    .hero-wrap {
        background-position: center center !important; 
    } 
}.hero-wrap .overlay {
  position: absolute;
  top: 0;
    left: 0;
    right     :      0;
  bottom    :        0;
  content: '';
    opacity: .6;
   background: #000000;
          height     :  870px;


}@media (max-width: 991.98px) {
    .hero-wrap {
        height: 600px; 
    }
    .hero-wrap .overlay {
        height: 600px; 
    } 
}.hero-wrap.hero-wrap-2 {

  height: 620px !important; 
    position   :     relative;
     }

.hero-wrap.hero-wrap-2 .overlay {
     width: 100%;
    opacity: .32;
   height: 620px;
}

.hero-wrap.hero-wrap-2 .slider-text {
	height: 620px !important;
}

.slider-text {
    height: 870px;
    display: flex;
    align-items: center;
   justify-content: center;
   position: relative;
  z-index: 10;

}@media (max-width: 991.98px) {
    .slider-text {
        height: 600px; 
        display: flex;
        align-items: center;
        justify-content: center;
    } 
}.slider-text h1 {
	  font-size: 46px;
  color: #fff;
  line-height: 1.12;
  font-weight: 750;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.7);
	}

.slider-text h1 span {
   display :       block;
}

.slider-text .icon-wrap .icon {
  width   :    72px;
    height: 72px;
    background: #01d28e;
       border-radius: 50%;
}

.slider-text .icon-wrap .icon span {
	 color: #fff;
}

.slider-text .icon-wrap .heading-title {
  position: relative; 

}

.slider-text .icon-wrap .heading-title:after {

	   position: absolute;
  top: 50%;
   left: -42px;
  transform: translateY(-50%);
  content: '';
         width: 32px;
    height: 2px;
   background: #fff;


}

.slider-text .icon-wrap .heading-title span {
	  font-family: "Poppins", Arial, sans-serif;
   color: #fff;
     }

.slider-text p {
	line-height: 1.52;
    color   :white;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
  font-size: 18px;
   max-width: 600px;
   margin: 0 auto;
} 

.no-gutters {
   margin-right: 0;
   margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
	    padding-right: 0;
          padding-left: 0;
}

.ftco-degree-bg {
   position: relative;
}

.popup-vimeo {
   text-decoration    : none;
    color: inherit;
}

.icon-wrap{
    text-decoration: none;
         color: white;
    transition: all 0.3s ease;
}

.icon-wrap:hover {
  transform: translateY(-3px);
    text-decoration: none;
  color     :       white;
}

.ion-ios-play:before {
  content: "▶";
  font-style: normal;
  font-size: 24px;
}

.icon-facebook:before {
  content: "f"; 
	font-weight: bold; 
  font-family:       Arial;
}

.icon-twitter:before {
  content: "t";

   font-weight: bold;

	font-family: Arial;
}

.icon-linkedin:before {
  content: "in";

  font-weight: bold;

    font-family: Arial;

   font-size: 12px;
}

.icon-menu:before {


  content: "☰";
	 font-style: normal;
}

.h3   {
   font-size: 1.75rem;}

.content-section {
   padding: 80px 0;
  background: var(--white-color);
}

.content-section h2 {
  color: var(--secondary-color);
  font-size: 32px;
   font-weight: 600;
	margin-bottom: 24px;
}

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

.services-section {
    padding: 80px 0;
   background: #f8f9fa;
}

.services-section h2 {
  color: var(--secondary-color);
   font-size: 36px;
   font-weight: 600;
    margin-bottom: 16px;
}

.service-card
	{
  background: white;
   padding: 40px 30px;
	border-radius:        8px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.08);
  height: 100%;
               transition     :       transform 0.3s ease;
}

.service-card:hover {
  transform: translateY(-5px);
}

.service-card h3 {
  color: var(--secondary-color);
	 font-size: 22px;
   font-weight: 600;
   margin-bottom: 16px;
}

.service-card p {
  color: var(--text-color);
  line-height: 1.6;
}

.footer-area {
    padding: 52px 0px 52px;
    background  :#002652;
}@media (min-width: 1000px) {
    .footer-area {
        padding: 105px 0px 52px;
    }
}.single-footer-widget p {

	margin-bottom:        16px;
    color: #828a91;


}

.single-footer-widget p:last-child {
   margin-bottom: 0;
}

.footer_title {
    font-size: 19px;
    line-height: 25px;
    font-weight: 520;
  font-family: "Oswald", sans-serif;
   text-transform: capitalize;
  color: #fff;
    margin-bottom: 30px;
}

.tp_widgets .list {
    list-style: none;
   padding: 0;
}

.tp_widgets .list li {
    margin-bottom: 13px;
}

.tp_widgets .list li a {
  color: #828a91;
  font-family: "Roboto", sans-serif;
    text-decoration     :    none;
}

.tp_widgets .list li a:hover {
       color: #3f4eed;
	
}

.tp_widgets .list li:last-child {
    margin-bottom: 0px;
}

.footer-social {
   margin-top     :     22px;
}

.footer-social a {
  display: inline-block;
   width    :    32px;
  height: 32px;
    line-height: 32px;
   text-align: center;
  background: rgba(255, 255, 255, 0.12);
          border-radius: 50%;
    color: #fff;
  margin-right: 11px;
  text-decoration   :   none;
}

.footer-social a:hover {
   background: #3f4eed;
}

.footer-bottom {
     background: rgba(0, 38, 82, 0.985);
  padding: 22px 0;
  margin-top: 42px;
}

.footer-text

{
  color: #fff;
    margin-bottom: 0;
   text-align: center;
}

.footer-text a {
   color: #3f4eed;
    opacity: 1;
   text-decoration: none; 

}

.footer-text a:hover {
  text-decoration: underline;
}  

.fa {
  font-style: normal;
    font-weight: bold;
}

.fa-facebook:before {
  content: "f";
}

.fa-twitter:before {
  content: "t";
}

.fa-instagram:before {
  content: "ig";
    font-size: 11px;
}

.fa-linkedin:before	{
  content: "in";
	font-size: 11px;
}

.ftco-section {
   padding: 7em 0;
}

.ftco-about-us {
           position:     relative;
	z-index: 0;}

.ftco-about-us:after	{
   position: absolute;
  top: 0;
    right: 0;
  bottom: 0;
  content: '';
  background: #01d28e;
	z-index: -2;
  width: 63%;


}@media (max-width: 767.98px) {
  .ftco-about-us:after {
    width: 100%; 
  } 
}

@media (max-width: 767.98px) {
  .img-2 {
    height: 600px;
    margin-bottom: 40px; 
  } 
}.img {

   background-size:       cover;
    background-repeat: no-repeat;
  background-position: center center;
	}

.p-md-5 {
    padding: 3rem;
}@media (max-width: 768px) {
    .p-md-5 {
        padding: 1.5rem;
    }
}.wrap-about-content{
    padding: 4em 0;
}@media (max-width: 768px) {
    .wrap-about-content {
        padding: 2em 0;
    }
}.pl-md-5 {
  padding-left: 3rem;
}@media (max-width: 768px) {
    .pl-md-5 {
        padding-left: 1rem;
    }
}.heading-section .sub-heading {
    font-size: 18px;
  display: block;
       margin-bottom: 5px;
    color   :#1089ff;
    font-size: 12px;
                    font-weight: 600;
   letter-spacing: 2px;
    text-transform: uppercase;
}

.heading-section h2 {
      font-size: 40px;
    font-weight     :    600;
   line-height: 1.2;}@media (max-width: 767.98px) {
  .heading-section h2 {
    font-size: 28px; 
  } 
}.heading-section.heading-section-white .sub-heading {
  color: rgba(255, 255, 255, 0.9);
}

.heading-section.heading-section-white h2    {
   font-size: 40px;
  color: #fff;
	
}

.heading-section.heading-section-white p {
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.6;
   margin-bottom: 1.5rem;
}

.btn {
    display: inline-block;
  font-weight: 400;
	text-align: center;
   vertical-align: middle;
	border: 1px solid transparent;
     padding: 0.375rem 0.75rem;
  font-size: 1rem;
   line-height : 1.5;
   border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    text-decoration: none;
   cursor: pointer;
}

.btn.btn-primary {
 background: #1089ff !important;
  border: 1px solid #1089ff !important;
      color: #fff !important;
    font-weight: 500;
}

.btn.btn-primary:hover {
  border: 1px solid #1089ff;
               background: transparent;
  color: #1089ff;
	}

.py-3

{
   padding-top: 1rem;
   padding-bottom: 1rem;
}

.px-4 {
  padding-left: 1.5rem;
   padding-right: 1.5rem;
}

.ftco-animate {

  -moz-animation: fadeInUp 1s ease forwards;
   opacity: 0;
    visibility: hidden;
   animation: fadeInUp 1s ease forwards;
    animation-delay: 0.3s; 

}@keyframes fadeInUp {
    from { 
        opacity: 0; 
        transform: translateY(30px); 
        visibility: hidden;
    }
    to { 
        opacity: 1; 
        transform: translateY(0);
        visibility: visible;
    }
}.feature-area .single-feature {
	padding: 40px;
  background     : #f9f9f9;
     transition: .3s;
}

.feature-area .single-feature:hover {
    background: #fff;
  box-shadow: 0px 10px 30px rgba(0,0,0,0.1);
}

.feature-area .single-feature h4 {
  color: #222;
  font-family: "Poppins", sans-serif;
  text-transform: capitalize;
   font-size: 18px;
   font-weight :  600;
}

.feature-area .single-feature p {

	  color: #777;
  font-family: "Open Sans", sans-serif;
   font-weight: 400;


}

.secondary-btn {
  color: #222;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
        transition: all .5s;
  text-decoration: none;
}

.secondary-btn:hover {
         color: #ff9902;
  text-decoration: none;
}

.secondary-btn:hover span:before {
    margin-left: 14px;
  color: #ff9902;
}

.secondary-btn span:before {
    font-size: 14px;
  margin-left   :10px;
  transition: .2s; 
	
}

.section-padding2 {
  padding-top: 140px;
}@media (max-width: 768px) {
    .section-padding2 {
        padding-top: 80px;
    }
}.py-3		{
    padding-top: 1rem;
  padding-bottom: 1rem;
}

.mb-4 {
       margin-bottom: 1.5rem;
}

.mb-lg-0   {
    margin-bottom: 0;
}@media (min-width: 992px) {
    .mb-lg-0 {
        margin-bottom: 0;
    }
}.flaticon-next:before    {
  content: "→";
   font-style:       normal;
   font-weight: normal;
}


.price-section {


  padding    :    95px 0 75px;
   position     :   relative;
     }

.price-section:before  
  {
  content: '';
   position: absolute;
   top: 0;
   left   :    0;
       right: 0;
    bottom: 0;
  background: rgba(0, 0, 0, 0.7);
   z-index  :   1;
}

.price-section .container {
	 position: relative;
  z-index: 2;
}

.price-section .section-title {
  text-align: center;
   margin-bottom: 60px;
}

.section-title h2 {
   color: #ffffff;
  font-size: 48px;
  font-weight: 600;
   margin-bottom: 20px;
	 text-transform: uppercase;
}

.section-title p {
    color    :   #ffffff;
  margin-bottom: 0;
    font-size: 18px;
	 opacity: 0.9;
}

.single-price-plan {
    background: #ffffff;
    text-align: center;
   padding: 50px 30px 55px;
   position: relative;
  overflow: hidden;
   margin-bottom: 35px;
    border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
   transition: transform 0.3s ease;
     }

.single-price-plan:hover {
  transform: translateY(-10px);
}  

.single-price-plan.popular-plan {
      border: 3px solid #6ccff6;
  transform: scale(1.05);
}

.popular-badge {
	       left: 50%;
                    top: -15px;
   background:        #6ccff6;
  color: white;
    font-weight: 600;
     font-size: 14px;
   text-transform:  uppercase;
  padding: 8px 20px;
    position: absolute;
  border-radius: 20px;
  transform: translateX(-50%);


}

.single-price-plan h4 {
  color: #1a1a1a;
          font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 30px;
  font-size: 24px;
}

.single-price-plan .price-plan {
   margin-bottom: 40px;
}


.single-price-plan .price-plan h2 {
   color: #1a1a1a;
  font-size: 48px;
				 font-weight: 700;
	position   :  relative;
   margin-bottom: 12px;
    display: inline-block;
}

.single-price-plan .price-plan h2 span {
       color: #6ccff6;
	font-weight:        700;
   position: absolute;
   font-size   :     24px;
   top: 8px;
  left: -25px;

	}

.single-price-plan .price-plan p {
    font-size: 16px; 
	line-height: 22px; 
    color: #777; 
  text-transform: uppercase; 
  letter-spacing: 1px; 
          font-weight: 500;
}



.single-price-plan ul {
    margin-bottom: 40px;
    list-style: none;
    padding: 0;
}



.single-price-plan ul li {
   list-style: none;
                    font-size: 16px;
   font-weight: 500;
    color: #555;
   line-height: 40px;
	 border-bottom: 1px solid #f5f5f5;
    padding   :        0 20px;
}

.single-price-plan ul li:last-child {
    border-bottom: none; 

}



.primary-btn {
    display: inline-block;

	 font-size: 14px;

		 font-weight: 600;

	    padding  :      15px 30px;

		 color: #ffffff;

	   letter-spacing: 1px;

	    text-transform: uppercase;

	     text-align: center;

	  background: linear-gradient(45deg, #6ccff6, #98ce00);

	   border: none;

	    border-radius: 25px;

	    text-decoration: none;

	    transition: all 0.3s ease;

	  box-shadow: 0 5px 15px rgba(108, 207, 246, 0.3);

}

.primary-btn:hover     {
  background: linear-gradient(45deg, #98ce00, #6ccff6);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(108, 207, 246, 0.4);
    color:  #ffffff;
   text-decoration: none;
}

.set-bg {
    background-repeat: no-repeat;
  background-size: cover;
   background-position: center center;
}

.spad {
 padding: 100px 0;
}@media (max-width: 768px) {
	.section-title h2 {
		font-size: 32px;
	}
	
	.price-section {
		padding: 60px 0;
	}
	
	.single-price-plan {
		margin-bottom: 30px;
        padding: 40px 20px 45px;
	}
	
	.single-price-plan.popular-plan {
        transform: none;
        margin-top: 20px;
    }
    
    .single-price-plan .price-plan h2 {
        font-size: 40px;
    }
}.action-section {
    padding: 90px 0;
   position: relative;
   z-index: 1;
    background: #384aeb;
}

.action-section:before
	{
  content: "";
   position: absolute;
   top     :    0;
   left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/cta-bg.webp") center/cover no-repeat;
   opacity    :   0.12;
   z-index: -1;
}

.wrapper {
   max-width:        1200px;
   margin: 0 auto;
    padding: 0 15px;
}

.col-lg-9	{
   width: 75%;
    margin: 0 auto;

}@media (max-width: 768px) {
    .col-lg-9 {
        width: 100%;
    }
}.mx-auto {
  margin-right: auto;
  margin-left: auto;
}

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

.action-content {
       color :   #fff;

}

.action-title {


  font-size: 38px;
  font-weight    :      700;
  margin-bottom: 22px;
   color: #fff;
   line-height: 1.2;
     }@media (max-width: 768px) {
    .action-title {
        font-size: 28px;
    }
}.action-text {
	    font-size: 19px;
    margin-bottom: 32px;
   max-width: 650px;
          margin-left: auto;
    margin-right: auto;
   line-height   :     1.6;
    opacity: 0.95;

	}@media (max-width: 768px) {
    .action-text {
        font-size: 16px;
        margin-bottom: 28px;
    }
}.button  {
  display: inline-block;
  border   :  2px solid #fff;
    border-radius: 35px;
    color: #fff;
  font-weight: 600;
	 padding: 14px 55px;
   background: transparent;
  transition: all .3s ease;
  text-decoration: none;
    margin: 0 8px 15px;
   font-size: 16px;
}

.button-action {
  background: #fff;
    color: #384aeb;
    padding: 14px 45px;
   border: 2px solid #fff;
}

.button-action:hover {
  background: transparent;
    color: #fff;
   text-decoration: none;
	}

.button-outline {
        border: 2px solid #fff;
  padding: 14px 35px;
    background: transparent;
	 color: #fff;
}

.button-outline:hover  
  {
	    background: #fff;
		 color  :   #384aeb;
   text-decoration: none;
     }@media (max-width: 768px) {
    .button {
        display: block;
        margin: 10px auto;
        max-width: 250px;
        padding: 12px 30px;
        font-size: 14px;
    }
    
    .action-section {
        padding: 60px 0;
    }
}.blog-announce-section {
  padding: 120px 0 100px;

  background: linear-gradient(135deg, #fffffc 0%, #f8f9fa 100%);

    position: relative;
}

.blog-announce-section::before {
  content: '';
  position: absolute;
  top: 0;
	left: 0;
                    right: 0;
    bottom   :0;
  background: url('images/blog-pattern.webp') repeat;
  opacity: 0.03;
  z-index: 1;
}

.blog-announce-wrapper {
   position: relative;
  z-index : 2;
  max-width: 800px;
    margin : 0 auto;
}

.announce-header {
   margin-bottom: 60px;
}

.announce-title   {
  color: #001011;
   letter-spacing: 1px;
    text-transform: uppercase;
  margin-bottom: 15px;
    font-size: 48px;
   font-weight: 700;
}

.announce-subtitle {
   font-size :      20px;
   color: #757780;
  font-weight: 400;
    margin-bottom: 0;
}

.announce-main-content {
	 display: flex;
   justify-content: center;
}

.announce-box {
   background: #fff;

   padding: 50px 40px;

  border-radius: 12px;

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

  border: 2px solid #6ccff6;

	text-align: center;

  max-width: 650px;

  position: relative;
}  

.announce-box::before {
  -webkit-transform: translateX(-50%);
  content: '';
  width: 20px;
    height: 20px;
  background: #6ccff6;
        border-radius: 50%;
   position: absolute;
    top: -10px;
    left: 50%;
  transform: translateX(-50%);
}

.announce-box h3 {
             font-size: 28px;
  margin-bottom: 25px;
    font-weight: 600;
        color: #001011;


     }

.announce-box p {
  font-size  :        16px;
   line-height: 1.7;
			color: #757780;
  margin-bottom   :    20px;
}

.announce-cta {
   margin-top: 35px;
}

.announce-btn		{
  display: inline-block;
  background: linear-gradient(45deg, #6ccff6, #98ce00);
  color: #fff;
  padding:15px 35px;
  border-radius: 30px;
   text-decoration: none;
   font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
   letter-spacing: 0.5px;
    transition: all 0.3s ease;
  box-shadow: 0 8px 20px rgba(108, 207, 246, 0.3); 

}

.announce-btn:hover {
  background: linear-gradient(45deg, #98ce00, #6ccff6);
  transform: translateY(-3px);
  box-shadow: 0 12px 25px rgba(108, 207, 246, 0.4);
  color: #fff;
    text-decoration: none;
}@media (max-width: 768px) {
    .blog-announce-section {
        padding: 80px 0 70px;
    }
    
    .announce-title {
        font-size: 36px;
    }
    
    .announce-subtitle {
        font-size: 18px;
    }
    
    .announce-box {
        padding: 40px 25px;
        margin: 0 15px;
    }
    
    .announce-box h3 {
        font-size: 24px;
    }
    
    .announce-box p {
        font-size: 15px;
    }
    
    .announce-btn {
        padding: 12px 28px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .announce-header {
        margin-bottom: 40px;
    }
    
    .announce-title {
        font-size: 28px;
    }
    
    .announce-box {
        padding: 30px 20px;
    }
    
    .announce-box h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }
}.services-main-section {
   padding: 100px 0 80px;
  background: #fffffc;
	position: relative;
}

.services-header {
   margin-bottom: 70px;
}

.services-main-title
	{
    font-size: 44px;
  color: #001011;
    font-weight: 700;
    margin-bottom: 20px;
  text-transform: uppercase;
   letter-spacing: 0.8px;
}

.services-subtitle {
   margin   :       0 auto;
         font-size: 18px;
  font-weight     :      400;
  color: #757780;
    line-height: 1.6;
 max-width: 600px;
}

.services-grid {
	  display: flex;
  gap: 40px;
  justify-content: center;
   flex-wrap: wrap;

}

.service-item {
  flex    :     1;
   max-width: 500px;
  min-width: 320px;
}

.service-card {
   background: #fff;
  border-radius: 16px;
		 padding: 40px 35px;
  box-shadow: 0 12px 40px rgba(0,0,0,0.08);
   border: 2px solid #f0f0f0;
    transition: all 0.3s ease;
	position: relative;
  height: 100%;
  display: flex;
    flex-direction: column;
}

.service-card:hover    {
  transform: translateY(-8px);
  box-shadow: 0 20px 50px rgba(0,0,0,0.12);
  border-color: #6ccff6;
}

.featured-service {
    border: 3px solid #6ccff6;
  transform: scale(1.03);
}

.featured-service:hover {

  transform: scale(1.03) translateY(-8px); 
	


}

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

.service-header {
	text-align: center;
   padding-bottom: 25px;
   margin-bottom: 30px;
    border-bottom: 1px solid #eee;
}

.service-title {
      font-size: 26px;
   color: #001011;
   font-weight: 600;
    margin-bottom: 20px;
    line-height: 1.3;
}

.service-price
{
   justify-content: center;
  display: flex;
   gap: 8px;
    align-items: baseline;
}

.price-amount {
	font-size: 36px;
  font-weight: 700;
	 color  :      #6ccff6;
}

.price-period{
    font-size  : 16px;

	    color: #757780;

	   font-weight: 500;


}


.service-description {
   flex-grow: 1;
                    margin-bottom: 30px;
}

.service-description p  {
  font-size: 15px;
   line-height: 1.7;
    color: #757780;
    margin-bottom: 25px;
}

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

.service-features li {
    font-size: 14px;

   color: #555;

   margin-bottom: 12px;

   padding-left: 20px;

   position: relative;
}

.service-features li::before {
 left: 0;
  content: '✓';
   font-weight: bold;
 color: #98ce00;
    font-size: 16px;
    position    : absolute;
}

.service-testimonial {
    border-radius: 10px;
  margin-bottom: 30px;
    border-left: 4px solid #6ccff6;
   background: #f8f9fa;
    padding: 25px 20px;
}

.service-testimonial blockquote {
	 margin: 0;
}

.service-testimonial p {
    font-size: 14px;

    font-style: italic;

  color: #555;

    margin-bottom: 15px;

    line-height: 1.6;
}

.service-testimonial cite {
   font-size: 12px;
	color: #777;
  font-weight: 600;
  font-style: normal;
}

.service-cta {
    text-align: center;
}

.service-btn 
 {
   display:   inline-block;
  background: linear-gradient(45deg, #6ccff6, #98ce00);
   color: #fff;
  padding: 14px 30px;
  border-radius: 25px;
  text-decoration: none;
   font-weight: 600;
   font-size: 14px;
    text-transform: uppercase;
   letter-spacing: 0.5px;
  transition: all 0.3s ease;
  box-shadow: 0 6px 18px rgba(108, 207, 246, 0.3);
}

.service-btn:hover {
  background: linear-gradient(45deg, #98ce00, #6ccff6);
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(108, 207, 246, 0.4);
    color     :  #fff;
   text-decoration: none;
} 

.services-cta-section {
  padding :       80px 0;
  background: linear-gradient(135deg, #001011 0%, #1a1a2e 100%);
          color   :        white;
}

.cta-content {
  max-width: 700px;
  margin: 0 auto;
}


.cta-title {

	   font-size: 36px;

	    font-weight :      700;

	   margin-bottom: 20px;

	    color: #fff;

}

.cta-description {
		 font-size: 18px;
    margin-bottom: 40px;
  color: rgba(255,255,255,0.9);
  line-height: 1.6;


}

.cta-buttons     {
   display :  flex;
                    gap: 20px;
   justify-content: center;
    flex-wrap: wrap;
}

.cta-btn {
  display: inline-block;
    padding: 16px 35px;
   border-radius: 30px;
  text-decoration: none;
  font-weight: 600;
	font-size:16px;
          text-transform: uppercase;
    letter-spacing: 0.5px;
   transition: all 0.3s ease;
  min-width: 180px;
  text-align: center;
}

.cta-btn.primary {
	  background: #6ccff6;
   color: #001011;
  box-shadow: 0 8px 20px rgba(108, 207, 246, 0.3); 
	
	}

.cta-btn.primary:hover {
     background: #98ce00;
  transform: translateY(-3px);
  box-shadow: 0 12px 25px rgba(108, 207, 246, 0.4);
   color: #001011;
  text-decoration: none; 



}

.cta-btn.secondary {
		background: transparent;
  color: #fff;
   border: 2px solid #6ccff6;
	}

.cta-btn.secondary:hover {
          background: #6ccff6;
   color  :   #001011;
  text-decoration: none;
}@media (max-width: 768px) {
    .services-main-section {
        padding: 70px 0 60px;
    }
    
    .services-main-title {
        font-size: 32px;
    }
    
    .services-subtitle {
        font-size: 16px;
    }
    
    .services-grid {
        gap: 30px;
        flex-direction: column;
        align-items: center;
    }
    
    .service-item {
        max-width: 100%;
        width: 100%;
    }
    
    .featured-service {
        transform: none;
    }
    
    .featured-service:hover {
        transform: translateY(-8px);
    }
    
    .service-card {
        padding: 30px 25px;
    }
    
    .service-title {
        font-size: 22px;
    }
    
    .price-amount {
        font-size: 28px;
    }
    
    .services-cta-section {
        padding: 60px 0;
    }
    
    .cta-title {
        font-size: 28px;
    }
    
    .cta-description {
        font-size: 16px;
    }
    
    .cta-buttons {
        flex-direction: column;
        align-items: center;
    }
    
    .cta-btn {
        min-width: 220px;
    }
}

@media (max-width: 480px) {
    .service-card {
        padding: 25px 20px;
    }
    
    .service-title {
        font-size: 20px;
    }
    
    .services-main-title {
        font-size: 26px;
    }
    
    .cta-title {
        font-size: 24px;
    }
}.content-with-image {
    position: relative;
 z-index: 1;
  background-color: #fffffc;
}

.section-spacing-90 {

    padding-top: 90px;
  padding-bottom: 90px;
     }

.content-wrapper {
   position: relative;
	z-index: 1;
   padding-right: 20px;
}

.content-wrapper h2

{
   font-size: 44px;
   display: block;
   margin-bottom: 35px;
  line-height: 1.3;
  color: #001011;
               font-weight: 600;
}

.content-wrapper p {
  font-size: 17px;
   line-height: 1.7;
   color: #757780;
  margin-bottom: 22px;
}

.img-wrapper {
   position:        relative;
   z-index     :  1;
    padding-left   :  20px;
}

.img-wrapper img {
	 width   :    100%;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.primary-btn 
 {
   position: relative;
	z-index: 1;
   min-width: 170px;
			height: 48px;
    line-height: 44px;
   font-size: 15px;
    font-weight :  500;
    display: inline-block;
    padding: 0 32px;
  text-align: center;
   text-transform: uppercase;
    color: #6ccff6;
   border: 2px solid #6ccff6;
   border-radius: 25px;
  transition-duration:       450ms;
    text-decoration     :none;
}

.primary-btn:hover, 
.primary-btn:focus
{
   font-weight  :   600;
  box-shadow: 0 3px 45px 10px rgba(108, 207, 246, 0.12);
    background-color: #6ccff6;
    color: #ffffff;
  text-decoration   :  none;
}

.mt-35 {
    margin-top: 35px;
}

.values-section {
  background: linear-gradient(135deg, #f8f9fa 0%, #fffffc 100%);
    position: relative;
}

.values-header

{
   margin-bottom: 70px;
}

.values-title {


  font-size: 42px;
  color: #001011;
  font-weight: 700;
    margin-bottom: 20px;
   text-transform: uppercase;
    letter-spacing: 0.5px;
	}

.values-subtitle {
    font-size: 18px;
   color: #757780;
   font-weight: 400;
   margin: 0;
	 line-height  :     1.5; 
	
}

.values-grid {
	    display: flex;
  gap: 35px;
    justify-content: center;
  flex-wrap: wrap;}

.value-item {
   flex: 1;
  min-width: 280px;
    max-width: 350px;
}

.value-card {
   background    :     #fff;
    padding  :        35px 30px;
  border-radius:  12px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.08);
  border: 1px solid #f0f0f0;
	transition: all 0.3s ease;
    height: 100%;
    text-align: center;
}

.value-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.12);
  border-color: #6ccff6;
}

.value-card h4 {
    font-size: 22px; 
   color: #001011; 
    font-weight: 600; 
  margin-bottom: 20px; 
    line-height: 1.3;
}

.value-card p {
   font-size: 15px;
  line-height: 1.7;
  color: #757780;
   margin: 0;
}

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

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

}

.col-lg-6 {
    width   :      50%;
   padding: 0 15px;
}

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

.text-center {

	          text-align    :       center;

}@media (max-width: 991px) {
    .col-lg-6 {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .content-wrapper {
        margin-bottom: 55px;
        padding-right: 0;
    }
    
    .img-wrapper {
        padding-left: 0;
    }
    
    .content-wrapper h2 {
        font-size: 36px;
    }
    
    .values-title {
        font-size: 32px;
    }
    
    .values-grid {
        gap: 25px;
        flex-direction: column;
        align-items: center;
    }
    
    .value-item {
        max-width: 100%;
        width: 100%;
    }
    
    .value-card {
        padding: 30px 25px;
    }
    
    .section-spacing-90 {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}

@media (max-width: 480px) {
    .content-wrapper h2 {
        font-size: 28px;
        margin-bottom: 25px;
    }
    
    .content-wrapper p {
        font-size: 16px;
    }
    
    .values-title {
        font-size: 26px;
    }
    
    .values-subtitle {
        font-size: 16px;
    }
    
    .value-card h4 {
        font-size: 20px;
    }
    
    .value-card p {
        font-size: 14px;
    }
}.content-with-image {
    position: relative;
    z-index :       1;
   background-color: #fffffc;
	}

.section-spacing-90
{
   padding-top: 90px;
      padding-bottom: 90px;
}

.content-wrapper     {
    position: relative;
   z-index: 1;
  padding-right: 20px;
}

.content-wrapper h2 {
   font-size: 44px;
	 display: block;
  margin-bottom: 35px;
  line-height     :   1.3;
    color: #001011;
  font-weight: 600;
}

.content-wrapper p {
   font-size: 17px;
  line-height: 1.7;
  color: #757780;
    margin-bottom: 22px;
}

.img-wrapper {
    position: relative;
   z-index: 1;
	 padding-left :       20px;
}

.img-wrapper img {
  width: 100%;
  border-radius    :8px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.primary-btn		{


  position: relative;
	 z-index: 1;
  min-width: 170px;
  height: 48px;
	 line-height:       44px;
  font-size: 15px;
  font-weight: 500;
   display: inline-block;
  padding: 0 32px;
  text-align     :   center;
  text-transform: uppercase;
   color: #6ccff6;
   border: 2px solid #6ccff6;
   border-radius: 25px;
    transition-duration: 450ms;
  text-decoration: none;


}


.primary-btn:hover, 
.primary-btn:focus {
   font-weight: 600;
     box-shadow: 0 3px 45px 10px rgba(108, 207, 246, 0.12);
      background-color: #6ccff6;
    color: #ffffff;
     text-decoration: none;
}

.mt-35 {
    margin-top: 35px;
}

.opportunities-section {
  background: linear-gradient(135deg, #f8f9fa 0%, #fffffc 100%);
  position    :        relative;
}

.opportunities-header {
    margin-bottom: 60px;
}

.opportunities-title {
  font-size: 42px;
   color: #001011;
    font-weight: 700;
    margin-bottom: 20px;
               text-transform: uppercase;
  letter-spacing: 0.5px;
}

.opportunities-subtitle {
   font-size     :     18px;
   color: #757780;
   font-weight: 400;
       margin: 0;
    line-height: 1.5;
}

.jobs-grid {

   display: flex;
   gap: 35px;
  justify-content: center;
          flex-wrap: wrap;
  margin-bottom: 60px;
     }

.job-item {
    flex: 1;
	max-width: 450px;
	min-width: 320px;
}

.job-card {
    background: #fff;
  padding: 35px 30px;
   border-radius: 12px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.08);
   border: 2px solid #f0f0f0;
    transition: all 0.3s ease;
   height: 100%;
   position: relative;
}

.job-card:hover {
  transform: translateY(-5px); 
	  box-shadow: 0 15px 35px rgba(0,0,0,0.12); 
	    border-color: #6ccff6;
}

.featured-job {
    border: 3px solid #98ce00;
  transform: scale(1.02);
}

.featured-job:hover {
  transform: scale(1.02) translateY(-5px);
}

.urgent-badge {
   right: 20px;
  font-size: 12px;
  top: -10px;
    position: absolute;
   font-weight: 600;
    text-transform: uppercase;
    border-radius: 15px;
       padding: 5px 15px;
   background: #98ce00;
  color: white;
}

.job-card h4 {
   font-size: 24px;
  color: #001011;
  font-weight: 600;
    margin-bottom  :    15px;
    line-height: 1.3;
}

.job-details {
          display: flex;
   gap: 15px;
   margin-bottom:    20px;
}

.job-type, .job-location {
  background: #f8f9fa;
  color: #757780;
    padding: 5px 12px;
  border-radius: 15px;
	font-size: 13px;
	 font-weight: 500;
}

.job-card p {
  font-size     :        15px;
  line-height   :      1.6;
  color: #757780;
	 margin-bottom: 25px;
}

.job-skills {
   display: flex;
   gap: 8px;
    flex-wrap: wrap;
}

.job-skills span {
   background: #6ccff6;
   color: white;
   padding: 4px 10px;
     border-radius: 12px;
    font-size: 12px;
  font-weight: 500;

}

.application-cta {
      max-width: 600px;
       margin: 0 auto;

}

.cta-text {
  font-size: 16px;
   color: #757780;
   margin-bottom: 25px;
    line-height: 1.6;
}

.cta-btn {
    display: inline-block;
  background: linear-gradient(45deg, #6ccff6, #98ce00);
  color: #fff;
  padding: 14px 30px;
  border-radius: 25px;
    text-decoration:       none;
   font-weight: 600;
  font-size: 16px;
    text-transform: uppercase;
   letter-spacing: 0.5px;
   transition: all 0.3s ease;
  box-shadow: 0 6px 18px rgba(108, 207, 246, 0.3);
}


.cta-btn:hover {
  background: linear-gradient(45deg, #98ce00, #6ccff6);
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(108, 207, 246, 0.4);
    color :#fff;
    text-decoration: none;
}

.row {

	display: flex;
   flex-wrap: wrap;
    margin: 0 -15px;

}

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

.col-lg-6 {
       width: 50%;
    padding: 0 15px;
}

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

.text-center {
    text-align: center;


}@media (max-width: 991px) {
    .col-lg-6 {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .content-wrapper {
        margin-bottom: 55px;
        padding-right: 0;
    }
    
    .img-wrapper {
        padding-left: 0;
    }
    
    .content-wrapper h2 {
        font-size: 36px;
    }
    
    .opportunities-title {
        font-size: 32px;
    }
    
    .jobs-grid {
        gap: 25px;
        flex-direction: column;
        align-items: center;
    }
    
    .job-item {
        max-width: 100%;
        width: 100%;
    }
    
    .featured-job {
        transform: none;
    }
    
    .featured-job:hover {
        transform: translateY(-5px);
    }
    
    .job-card {
        padding: 30px 25px;
    }
    
    .section-spacing-90 {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    
    .job-details {
        flex-direction: column;
        gap: 8px;
    }
    
    .job-type, .job-location {
        align-self: flex-start;
    }
}

@media (max-width: 480px) {
    .content-wrapper h2 {
        font-size: 28px;
        margin-bottom: 25px;
    }
    
    .content-wrapper p {
        font-size: 16px;
    }
    
    .opportunities-title {
        font-size: 26px;
    }
    
    .opportunities-subtitle {
        font-size: 16px;
    }
    
    .job-card h4 {
        font-size: 20px;
    }
    
    .job-card p {
        font-size: 14px;
    }
    
    .cta-text {
        font-size: 15px;
    }
}.section {
     padding: 7em 0;
	}
@media (max-width: 991.98px) {
  .section {
    padding: 3em 0;
  }
}.bg-light {
    background-color: #f8f9fa !important;
}

.heading {
   font-size: 60px;
  font-family: "Montserrat", sans-serif;
   color: #001011;
	 font-weight: 700;
  line-height: 1.2;
}@media (max-width: 991.98px) {
  .heading {
    font-size: 40px;
  }
}.lead  {
   font-size: 1.25rem;
  font-weight: 300;
    color: #757780;
}@media (max-width: 991.98px) {
  .lead {
    font-size: 16px;
  }
}.btn {
   padding-left  :    30px;
    padding-right: 30px;
   padding-top: 10px;
  padding-bottom: 10px;
    border-radius: 50px;
	 font-weight: 600;
    text-transform: uppercase;
   letter-spacing: 0.5px;
	transition   :        all 0.3s ease;
}

.btn-primary 
 {
  background: linear-gradient(45deg, #6ccff6, #98ce00);
  border: none;
   color: #fff;
  box-shadow: 0 6px 18px rgba(108, 207, 246, 0.3);
}

.btn-primary:hover {
  background: linear-gradient(45deg, #98ce00, #6ccff6);
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(108, 207, 246, 0.4);
  color: #fff;
    text-decoration: none;
}

.site-block-half {
    margin-bottom: 4rem;
   border-radius: 12px;
	 overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
   transition: all 0.3s ease;
}

.site-block-half:hover {
  transform: translateY(-5px);

  box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

.site-block-half .image, .site-block-half .text {
  width: 100%;
}@media (min-width: 992px) {
  .site-block-half .image, .site-block-half .text {
    width: 50%;
  }
}

@media (max-width: 991.98px) {
  .site-block-half .image {
    margin-bottom: 0;
    height: 300px;
  }
}.site-block-half .text {
    padding-left: 15px;
   padding-right: 15px;
    padding-top    :  2rem;
  padding-bottom: 2rem;
}@media (min-width: 992px) {
  .site-block-half .text {
    padding: 4rem;
  }
}.site-block-half .bg-image {
      background-repeat    : no-repeat;
  background-size: cover;
  background-position: center center;
    min-height: 400px;
     }@media (max-width: 991.98px) {
  .site-block-half .bg-image {
    height: 300px;
    min-height: 300px;
  }
}.display-4 {
  font-size: 2.5rem;
   font-weight :700;
    line-height: 1.2;
}

.text-primary {
   color: #6ccff6 !important;
}

.site-block-half h2 {
   color: #001011;
  font-family: "Montserrat", sans-serif;
   font-weight :        600;
   font-size: 28px;
    margin-bottom: 20px;
  margin-top: 15px;
}

.site-block-half p {
    color: #757780;
   line-height: 1.7;
  margin-bottom: 20px;
}

.site-block-half .lead
{
    font-weight: 500;
    color: #555;
}

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

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

.col-md-8
	{
  width: 66.666%;
    padding: 0 15px;
}  

.col-md-4 {
  width: 33.333%;
  padding: 0 15px;
}

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

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

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

.mt-5 {
   margin-top: 3rem;
}

.d-flex {
    display: flex;
}

.d-block {
    display   :      block;
}

.bg-white {
    background-color: #fff; 

}

.order-1 {
      order: 1;
	}

.order-2 {
  order: 2;
}

.text-white {
    color: #fff;
}

.py-3 {
  padding-top: 1rem;
   padding-bottom: 1rem; 
	
}

.px-5 {
   padding-left: 3rem; 
	    padding-right: 3rem;
}

a {
   transition: .3s all ease;
    text-decoration    :   none;
}

a:hover {

    text-decoration: none;}@media (max-width: 768px) {
  .col-md-8, .col-md-4 {
    width: 100%;
    margin-bottom: 20px;
  }
  
  .site-block-half .text {
    padding: 2rem 1.5rem;
  }
  
  .display-4 {
    font-size: 2rem;
  }
  
  .site-block-half h2 {
    font-size: 24px;
  }
}

@media (max-width: 991px) {
  .order-1, .order-2 {
    order: 0;
  }
  
  .site-block-half {
    flex-direction: column;
  }
}.testimonials-section {
  background: linear-gradient(135deg, #fffffc 0%, #f8f9fa 100%);
  position:      relative;
}

.section-padding-90 
 {
    padding-top: 90px;
    padding-bottom: 90px;
}

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

.testimonials-header {
  margin-bottom: 70px;
}

.testimonials-title {
  font-size: 48px;
   color     :       #001011;
  font-weight: 700;
  margin-bottom: 20px;
  text-transform: uppercase;
   letter-spacing: 0.8px;
}

.testimonials-subtitle {
    font-size: 18px;
    color: #757780;
    font-weight   :400;
    max-width    :       600px;
  margin: 0 auto;
  line-height: 1.6;
}

.text-center {

	  text-align: center;


}

.testimonials-grid {
	display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
        gap: 35px;
    margin-bottom: 80px;
}

.testimonial-item {
    width: 100%;
}

.testimonial-card {
   background: #fff;
  padding: 35px 30px;
  border-radius  :12px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.08);
	 border: 2px solid #f0f0f0;
   transition: all 0.3s ease;
   height: 100%;
   display: flex;
  flex-direction: column;
}

.testimonial-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.12);
                    border-color: #6ccff6;
}

.stars-rating
	{

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


}

.star {
    font-size: 24px;
    margin: 0 2px;
   color   :        #ddd;
      transition: color 0.3s ease;
}

.star.filled {
	color: #98ce00;
}

.testimonial-card blockquote {
   flex-grow: 1;
   margin: 0;
      margin-bottom: 30px;
}

.testimonial-card blockquote p {

  font-size: 16px;
  line-height: 1.7;
  color: #757780;
  font-style  :    italic;
   margin: 0;
	 text-align: left;}

.testimonial-author {


    border-top: 1px solid #eee;
  padding-top: 20px;
	text-align    :     center;
	}

.testimonial-author h4 {
   font-size: 18px;
  color: #001011;
  font-weight: 600;
    margin-bottom: 8px;
}

.testimonial-author span {
   font-size: 14px;
  color: #757780;
    font-weight :500;
}

.testimonials-cta {
	   max-width: 600px;
    margin: 0 auto;
    padding: 40px 30px;
   background:        #fff;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
  border: 2px solid #6ccff6;


}

.testimonials-cta h3 {
    font-size: 28px;
			color: #001011;
  font-weight: 600;
    margin-bottom: 15px;

}

.testimonials-cta p {
   font-size: 16px; 
	    color: #757780; 
	   margin-bottom: 30px; 
	    line-height: 1.6;
}

.cta-btn {
   display: inline-block;
  background: linear-gradient(45deg, #6ccff6, #98ce00);
  color    :   #fff;
  padding: 15px 35px;
   border-radius: 30px;
    text-decoration: none;
	 font-weight: 600;
      font-size: 16px;
  text-transform: uppercase;
   letter-spacing: 0.5px;
  transition: all 0.3s ease;
  box-shadow: 0 8px 20px rgba(108, 207, 246, 0.3);
}

.cta-btn:hover {
  background: linear-gradient(45deg, #98ce00, #6ccff6);
  transform: translateY(-3px);
  box-shadow: 0 12px 25px rgba(108, 207, 246, 0.4);
    color: #fff;
    text-decoration: none;
}@media (max-width: 768px) {
    .testimonials-section {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    
    .testimonials-title {
        font-size: 36px;
    }
    
    .testimonials-subtitle {
        font-size: 16px;
    }
    
    .testimonials-grid {
        grid-template-columns: 1fr;
        gap: 25px;
        margin-bottom: 60px;
    }
    
    .testimonial-card {
        padding: 30px 25px;
    }
    
    .star {
        font-size: 20px;
    }
    
    .testimonial-card blockquote p {
        font-size: 15px;
    }
    
    .testimonial-author h4 {
        font-size: 16px;
    }
    
    .testimonial-author span {
        font-size: 13px;
    }
    
    .testimonials-cta {
        padding: 30px 20px;
        margin: 0 15px;
    }
    
    .testimonials-cta h3 {
        font-size: 24px;
    }
    
    .testimonials-cta p {
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .testimonials-title {
        font-size: 28px;
    }
    
    .testimonials-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .testimonial-card {
        padding: 25px 20px;
    }
    
    .star {
        font-size: 18px;
        margin: 0 1px;
    }
    
    .testimonial-card blockquote p {
        font-size: 14px;
    }
    
    .testimonials-cta h3 {
        font-size: 20px;
    }
    
    .cta-btn {
        padding: 12px 28px;
        font-size: 14px;
    }
}.contact-wrapper {

	   padding: 110px 0;
   background: #f6f7fc;} @media (max-width: 991px) {
    .contact-wrapper {
        padding: 75px 0;
    }
}.section-header {
	text-align: center;
  margin-bottom: 85px;
}@media (max-width: 991px) {
    .section-header {
        margin-bottom: 42px;
    }
}.section-header h4


{
    color: #6ccff6;
    font-weight: 500;
  font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 15px;
}
@media (max-width: 767px) {
    .section-header h4 {
        margin-bottom: 12px;
    }
}.section-header h2 {
   font-size: 44px;
      margin-top:       12px;
      margin-bottom: 22px;
      color: #001011;
     font-weight: 700;
}@media (max-width: 991px) {
    .section-header h2 {
        margin-bottom: 6px;
        margin-top: 0px;
        font-size: 32px;
    }
}.contact_details .detail_item {
    position: relative;
    padding-left: 48px;
   margin-bottom: 32px;
}

.contact_details .detail_item i {
   position: absolute;
  color: #6ccff6;
    font-weight: 600;
	font-size: 22px;
  left: 0;
  top: 0;
    line-height: 26px;
}

.contact_details .detail_item h6 {
    font-size: 17px;
    line-height: 26px;
  font-weight: bold;
        margin-bottom: 0px;
  color: #001011;
}

.contact_details .detail_item h6 a {
         text-decoration: none;
  color: #001011;
  transition: color 0.3s ease;
}

.contact_details .detail_item h6 a:hover {
	color: #6ccff6;
  text-decoration: none;
}

.contact_details .detail_item p {
  font-size: 15px;
	line-height: 26px;
   padding: 3px 0px;
    color: #757780;
}

.contact_form_main .form-group {
     margin-bottom: 20px;

}

.contact_form_main .form-group .form-control    {
        line-height: 28px;
   color: #757780;
   border     :2px solid #ececec;
  font-family: "Montserrat", sans-serif;
  border-radius     :8px;
   padding: 15px 22px;
  font-size :14px;
                    transition: all 0.3s ease;
}

.contact_form_main .form-group .form-control:focus {

	    box-shadow:        none;
    outline: none;
               border-color: #6ccff6;
     }

.contact_form_main .form-group .form-control::placeholder {
  color: #757780;
	font-size: 14px;
}

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

.contact_form_main .form-group textarea.form-control {
   height: 145px;
}

.contact_form_main .submit-button {
      margin-top: 22px;
   cursor: pointer;}

.submit-button {
   position: relative;
   display: inline-block;
  color: #fff;
  padding: 14px 38px;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
   font-weight :      600;
   outline: none !important;
   text-align: center;
   cursor    :   pointer;
  text-transform: uppercase;
    letter-spacing: 0.5px;
  background: linear-gradient(45deg, #6ccff6, #98ce00);
  border: none;
    border-radius: 30px;
	transition: all 0.35s ease 0s;
  box-shadow: 0 6px 18px rgba(108, 207, 246, 0.3);
}

.submit-button:hover {
  background: linear-gradient(45deg, #98ce00, #6ccff6);
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(108, 207, 246, 0.4);
}

.popup-overlay {
  position: fixed;
  top: 0;
          left: 0;
         width: 100%;
   height: 100%;
  background: rgba(0, 0, 0, 0.7);
   z-index: 9999;
   display: flex;
   align-items  :center;
   justify-content: center;
	 padding: 20px; 

}

.popup-content {
   background    :      #fff;
    border-radius: 12px;
	max-width: 500px;
    width: 100%;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    animation: popupSlideIn 0.3s ease-out; 

}@keyframes popupSlideIn {
    from {
        opacity: 0;
        transform: scale(0.8) translateY(-20px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}.popup-header {
		padding: 30px 30px 20px 30px;
   border-bottom: 1px solid #eee;
	text-align     :center; 
	
}

.popup-header h3

{
  color: #001011;
     font-size: 24px;
   font-weight:       600;
  margin: 0;
}

.popup-body {
    padding: 25px 30px;
	  text-align: center;
}

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

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


}

.popup-buttons {
	padding: 20px 30px 30px 30px;
          display: flex;
  gap :        15px;
  justify-content: center;
}

.popup-btn {
    padding: 12px 25px;
   border-radius: 25px;
   text-decoration: none;
	font-weight: 600;
   font-size: 14px;
   text-transform: uppercase;
	letter-spacing: 0.5px;
   transition: all 0.3s ease;
    border   :  none;
  cursor: pointer;
  min-width: 120px;
    text-align: center;
}

.popup-btn.primary {

	  background: linear-gradient(45deg, #6ccff6, #98ce00);
    color: #fff;
  box-shadow: 0 4px 12px rgba(108, 207, 246, 0.3);

}

.popup-btn.primary:hover {
  background: linear-gradient(45deg, #98ce00, #6ccff6);
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(108, 207, 246, 0.4);
}

.popup-btn.secondary


{
   background: transparent;
    color: #6ccff6;
    border:       2px solid #6ccff6;
}

.popup-btn.secondary:hover {
		background   :     #6ccff6;
  color: #fff;
   text-decoration: none;
}

.container

{
	width: 100%;
   padding-right: 16px;
   padding-left: 16px;
   margin-right: auto;
  margin-left: auto;
}@media (min-width: 576px) {
    .container {
        max-width: 550px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 730px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1150px;
    }
}.row {
        display: flex;
   flex-wrap: wrap;
  margin-right: -16px;
  margin-left: -16px;
}

.col-lg-4, .col-lg-8, .col-lg-12, .col-md-6, .col-md-12 {
   position: relative;
   width: 100%;
     min-height    :  1px;
   padding-right :   16px;
    padding-left     :16px;
}

@media (min-width: 768px) {
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}.text-center {
   text-align: center !important;
}

.fa {
  font-style  : normal;
   font-weight: bold;
}

.fa-home:before {
  content: "🏠";
  font-style: normal;
}

.fa-phone:before {
  content: "📞";
    font-style: normal;
}

.fa-envelope:before
{
  content: "✉";

    font-style: normal;
}@media (max-width: 768px) {
    .popup-content {
        margin: 20px;
        max-width: none;
    }
    
    .popup-header {
        padding: 25px 20px 15px 20px;
    }
    
    .popup-header h3 {
        font-size: 20px;
    }
    
    .popup-body {
        padding: 20px;
    }
    
    .popup-buttons {
        padding: 15px 20px 25px 20px;
        flex-direction: column;
    }
    
    .popup-btn {
        width: 100%;
        margin-bottom: 10px;
    }
    
    .contact_details {
        margin-bottom: 40px;
    }
}