html{
	margin: 0px !important;
	padding: 0px !important;
}
body {
	background-color: #EEEEEE !important;
	font-family: "Raleway", sans-serif;  
}

p {
	font-size: 17px;
    font-weight: 500;
	font-family: "Raleway", sans-serif !important;  
	color: #22284C;
}
li{
	font-size: 17px;
    font-weight: 500;
	font-family: "Raleway", sans-serif !important;  
	color: #22284C;
}
h2{
	font-weight: 800;
    font-size: 40px;
    font-family: "Raleway", sans-serif;
    color: #22284C;
   
}
h3{
	font-weight: 800;
    font-size: 30px;
    font-family: "Raleway", sans-serif;
    color: #22284C;
    padding-top: 10px;
    padding-bottom: 20px;
}
a[href*="elfsight.com/google-reviews-widget"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
}
.swiper-pagination-bullets.swiper-pagination-horizontal{
	bottom: 50px !important;
}

a {
	font-family: "Raleway", sans-serif !important;  

}
.navigation li.current-menu-ancestor > a
{
	color: #22284C !important;
}

.reveal{
    position: relative;
    transform: translateY(30px);
    opacity: 0;
    transition: 1s all ease;
  } 

a:hover {
	color:#575969 !important;
}
#topsection {
	background-color: #f6f7f9;
}
  .reveal.active{
    transform: translateY(0);
    opacity: 1;
  }
  .container{
         max-width: 1280px;
    width: 100%;
    margin: 0px auto;
    padding: 0px;
  }
  p{
      margin-bottom: 0px;
      margin-top: 0px;
  }  


  /*  navbar css*/
  .navigation li a, .special-nav a, .single-advert-title .breadcrumbs {
      font-family: "Raleway", sans-serif;
      
/*       color: #000; */
  }
  .navigation li.current_page_item > a::before {
      position: absolute;
      top: 3px;
      left: 40%;
  }
  .navigation li.current_page_item > a::before {	
      width: 13px;
      height: 13px;
  }
  .navigation li a {
       padding: 14px 18px;
       font-weight: 700;
      font-size: 17px;
  }
  .call-button p {
      margin: 0;
      display: flex;
      align-items: center;
      color: #0a0741;
      font-size: 14px;
  }
  .dropdown-menu li {
      padding: 0px 0px;
  }
  .dropdown-menu {	
      padding: 0px 0px;	
  }
  .dropdown-menu a{
      padding: 10px 21px !important;
      font-size:13px !important;
  }
  .dropdown-menu a::before{
      display:none !important;
  }
  .widget ul {
      display: inline-block;
  }
  .widget ul li {
      text-align: start;
      padding: 0px 0px;
  }

.logo img {
	height:70px;
}
.aficon-angle-down:before {
	display:none;
}
.raleway-<uniquifier> {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.navigation li.current_page_item > a, .navigation li.current_page_item > a:visited, .navigation li.current-menu-item > a, .navigation li.current-menu-item > a:visited {
	color:#22284C !important;
}
.navigation a:hover {
	color: #575969 !important;
}

.call-button-heder{
	  font-family: "Raleway", sans-serif;
	font-weight:700;
    border: 1px solid #22284C;
    padding: 12px 20px;
    border-radius: 35px;
	color:#22284C !important;
}
.call-button-heder a {
	color:#22284C !important;
}

#top-main-bar {
	background-color:#22284C;
	padding:10px 0px;
}
.top-icon{
	height: 25px;
	width: 25px;
}
.top-all-img{
	height:24px
} 
.top-main-bar-a {
	color:#FFFFFF;
	font-size:13px;
}
.top-main-bar-a:hover{
	color:#BDBDBD !important;
}
.top-main-bar-right {
	width:20%;
}
.top-main-bar-left {
	align-items: center;
	width:80%;
}
.menu-i-con {
	height:30px;
}
@media (max-width: 848px) {
	#top-main-bar {
		display:none;
	}
	.call-button-heder {
		display:none !important;
	}
}
/* =============================================== */

/* ================ Footer css ====================================== */

footer {
background-color:#22284c !important;	
	padding:150px 0px 70px 0px ;
}
footer .align-items-md-start img{
    height: 150px;
    width: 100%;
}
.footer-heding-top {
	font-size:24px;
	font-weight:600;
	color:white !important;
	font-family: "Raleway", sans-serif;
	padding-bottom:11px !important;
}


.footer-heading {
  font-family: 'Raleway', sans-serif;
  font-size: 25px;
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 20px;
  color: #fff;
}

.footer-heading::after {
  content: '';
  position: absolute;
  width: 65px;
  height: 3px;
  background-color: #fff;
  left: 0;
  bottom: 0;
}

.contact-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
	align-items: center;
}

.contact-icon {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  flex-shrink: 0;
	  box-shadow: inset 0 0 0 3px #B0B2BE; /* Inner border */

}

.contact-icon img {
  width: 26px;
  height: 26px;
}

.contact-text {
  font-size: 18px;
  color: #fff;
}

.contact-text b {
  display: block;
  font-size: 15px;
  margin-bottom: 5px;
}

.contact-text a {
  color: #fff;

}
.contact-item-2 {
	padding-top: 10px;
}
.footer-p-max-withe {
	color: #fff;
	margin-top: 20px;
	max-width: 411px;
}
.footer-menu-links {
	font-weight:600;
	font-size:16px;
	font-family: "Poppins", sans-serif;
}

@media (max-width: 767px) {
  .contact-item {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .contact-icon {
    margin-right: 0 !important;
    margin-bottom: 10px;
  }
	
	.line-footer-heding  {
		display:none !important;
	}
	
footer {
background-color:#22284c !important;	
	padding:150px 0px 00px 0px ;
}

}

#footer-last-end {
	margin-bottom: -100px;
}

  .cta-box {
      border-radius: 20px;
      padding: 50px ;
	  box-shadow: inset 0 0 0 3px #fff;
    }

    .cta-text {
	  width: 75%;	
      color: white;
      font-weight: 800;
      font-size: 36px;
	  line-height:42px;
    }

    .cta-btn {
    width: 20%;
    text-align: center;
    background-color: white;
    color: #031937;
    font-weight: 700;
    padding: 29px 29px;
    font-size: 24px;
    border-radius: 20px;
}
    .cta-btn:hover {
      background-color: #e2e2e2;
      color: #001733;
    }

    @media (max-width: 767px) {
      .cta-text {
        text-align: center;
        margin-bottom: 20px;
      }

      .cta-btn {
        display: block;
        margin: 0 auto;
      }
    }

/* ========  Home Page ========== */
.call-button-heder-2 {
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  border: 1px solid #22284C;
  padding: 12px 20px;
  border-radius: 35px;
  color: #fff !important;
  background-color: #22284C;
  min-width: 150px;
  transition: all 0.3s ease;
}

.call-button-main {
  min-width: 120px;
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  border: 1px solid #22284C;
  padding: 12px 20px;
  border-radius: 35px;
  color: #22284C !important;
  background-color: transparent;
  transition: all 0.3s ease;
}
.call-button-main-5 {
  max-width: 150px;  
  font-weight: 700;
  border: 1px solid #22284C;
  padding: 12px 20px;
  border-radius: 35px;
  color: #22284C !important;
  background-color: #fff;
  transition: all 0.3s ease;
}

.call-button-main-6 {
  display: inline-block;
  max-width: 150px !important;  
  font-weight: 700;
  border: 1px solid #22284C;
  padding: 12px 20px;
  border-radius: 35px;
  color: #22284C !important;
  background-color: #fff;
  transition: all 0.3s ease;
}
.call-button-main-6:hover {
  background-color: #22284C;
  border: 1px solid #fff;
  color: #fff !important;
}
.call-button-main-7 {
  max-width: 150px !important;  
  font-weight: 700;
  border: 1px solid #22284C;
  padding: 12px 20px;
  border-radius: 35px;
  color: #22284C !important;
  background-color: transparent;
  transition: all 0.3s ease;
}
.call-button-main-7:hover {
  background-color: #22284C;
  color: #fff !important;
}
/* Hover effects – color swap */
.call-button-heder-2:hover {
  background-color: transparent;
  color: #22284C !important;
}


.call-button-main:hover {
  background-color: #22284C;
  color: #fff !important;
}

.top-h1-p {
 font-family: "Raleway", sans-serif; 
font-size:24px;
	font-weight:500;
	color:#000000;
	padding: 20px 0px;
}

.home-1 {
	font-size:64px;
 font-family: "Raleway", sans-serif;  
	font-weight:900;
line-height:auto;
	margin:0px;
padding:0px;
	color:#22284C;
	padding: 0px 20px;
}


#footer-last-end-2 {
	background-color:#031937;
	padding:27px;
}
#google-reviews{
	padding-top: 100px;
}
/* ================= */

#main-bg-top 
{
	background:url(https://kleverish.in/Demo/Kraty/wp-content/uploads/2025/07/Untitled-1-1.jpg)
}
.top-bg-main {
	padding: 176px 0px 190px 0px;
}
.main-bg-top .top-bg-main {
		padding: 100px 0px 100px 0px;
}
 .circle-box {
      width:350px;
      height: 350px;
      border: 1px solid #000000;
      border-radius: 50%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin: 10px;
	 margin: -23px;
    }
    .counter-number {
      font-size: 80px;
      font-weight: 600;
      color: #000000;
		font-family: "Poppins", sans-serif;
    }
    .counter-label {
      font-size: 20px;
		line-height:25px;
		padding-top:25px;
      font-weight: 700;
      color: #000000;
      text-align: center;
			 font-family: "Raleway", sans-serif;  
    }




/* ✅ Extra strip design */
.strip-buttons {
  background: #0d2951; /* dark navy background */
  padding: 8px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
	    border-radius: 35px;
}

.strip-buttons .strip-link {
  color: #ffffff !important; /* white text */
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.3s ease;
}

.strip-buttons .strip-link:hover {
  color: #cccccc; /* light grey on hover */
}

.strip-buttons .strip-divider {
  color: #ffffff; /* white divider */
  font-size: 16px;
  font-weight: 600;
}





.about-us-h2 {
	font-weight:800;
    font-size:40px;
	 font-family: "Raleway", sans-serif;  
	color: #22284C;
	padding-right: 40px;
	padding-top:10px;
	padding-bottom:20px;
}

.about-us-p {
font-size:18px;
	padding-bottom:25px;
	font-weight:500;
padding-right: 55px;
	  line-height: 31px;
}

.about-section {
	padding-bottom:100px;
}


    @media (max-width: 768px) {
     .circle-box {
       width: 250px;
	   height: 250px;
     }
	.counter-number {
		font-size: 40px;
      }
		.counter-label {
			font-size: 15px;
      }
      .right-circles {
        justify-content: center;
      }
		.contact-us-h2 {
			text-align: center;
		}
    }


/* ============= */

#our-services {
	background-color: #22284C;
	padding: 100px 0px;
}

.services-heding {
	font-weight:800;
	font-size:64px;
 font-family: "Raleway", sans-serif;  
	color:#FFFFFF;
}
#our-services .call-button-main
{

	border: 1px solid #FFFFFF !important;
	color:#FFFFFF !important;
}
.services-p {
	max-width:923px;
	 font-family: "Raleway", sans-serif;  
	color:#FFFFFF;
	text-align:center;
	font-size:18px;
	margin:0px auto;
	padding-bottom:40px;

}
.services-row .col-md-6{
 --bs-gutter-y: 3.2rem;
}
.service-box {
      background-color: #ffffff;
      border: 1px solid #ccc;
      border-radius: 15px;
      padding: 50px 40px;
      height: 100%;
    }

    .service-box h5 {
      font-weight: 700;
		 font-family: "Raleway", sans-serif;  
color:#22284C;
font-size:30px;
		
    }

    .service-box p {
      color: #666;
    }


.service-box-p {
color:#000000 !important;
font-size:14px;
font-weight:500;
}
.about-img img{
	border-radius: 15px !important; 
}
.service-box-boder {
	height:1px;
	width:100%;
background-color:#D1D1D1;
	margin:30px 0px 17px 0px ;
}

.more-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
	font-size:16px;
  color: #000;
  font-weight: 600;
 font-family: "Raleway", sans-serif;  
	justify-content: center;

}

.arrow-circle {
  background-color: #22284C; /* Dark navy */
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.arrow-circle img {
  width: 14px;
  height: 14px;
}




    .icon-wrapper {
      width: 123px;
      height: 123px;
      border: 2px dashed #000000;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px;
    }

    .icon-wrapper img {
          width: 90px;

    }

    .service-box a {
      font-weight: 600;
      text-decoration: none;
      color: #000;
    }


    @media (max-width: 768px) {
		.cta-btn{
			width: 50%;
		}
      .section-title {
        font-size: 1.5rem;
      }
    }






/* ========= */

#photo-gallery {
padding: 100px 0px;	
	position:relative;
}

.photo-gallery-h2 {
	font-size: 34px;
    color:#20264E;
	font-family: "Raleway", sans-serif;   
    font-weight:800;	

}

/* Slider base */
.mySwiper .swiper-slide {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  cursor: pointer;
}

/* Smooth zoom on hover */
.mySwiper .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: transform .35s ease;
}
.mySwiper .swiper-slide:hover img,
.mySwiper .swiper-slide:focus-within img {
  transform: scale(1.04);
	opacity: .7;                   /* lower opacity */
  filter: brightness(50%); 
}

/* Dimming layer */
.mySwiper .swiper-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.35);
  opacity: 0;
  transition: opacity .25s ease;
  pointer-events: none;
}

/* Centered title */
.mySwiper .swiper-slide::after {
  content: attr(data-title);
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  color: #fff;
  font: 700 20px/1.35 system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
  text-align: center;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .25s ease, transform .25s ease;
  pointer-events: none;
}

/* Reveal on hover/focus */
.mySwiper .swiper-slide:hover::before,
.mySwiper .swiper-slide:focus-within::before,
.mySwiper .swiper-slide:hover::after,
.mySwiper .swiper-slide:focus-within::after {
  opacity: 1;
  transform: translateY(0);
}

/* Optional touch support */
.mySwiper .swiper-slide.show-title::before,
.mySwiper .swiper-slide.show-title::after {
  opacity: 1;
  transform: translateY(0);
}

/* ==================== */

#blog-home  {
	background-color:#E9E9E9;
	padding:90px 0px;
}

#blog-home h2 {
	font-size: 64px;
  color: #20264E;
  font-family: "Raleway", sans-serif;
  font-weight: 800;
  padding-bottom: 60px;
}


.border-box-blog
{
	border:1px solid #CCD2FF ;
	border-radius: 0 0 30px 30px;

}
.card-title {
  font-size: 1.1rem;
  margin-bottom: 10px;
}

.card-footer {
  padding: 10px 0;
  font-size: 0.875rem;
  font-weight: 500;
}

.blog-box-text-1 {
	padding:30px 34px;
	text-align:center;
	min-height: 250px;
    max-height: 250px;
}
.blog-card a img{
	min-height: 314px;
}
.blog-box-text-1 h5 {
color: #000000;
font-size:24px;
font-weight:700;
	 font-family: "Raleway", sans-serif;  
	padding-bottom: 20px;
}

.blog-box-text-1 p {
	color: #000000 !important;
font-size:14px;
font-weight:500;
	 font-family: "Raleway", sans-serif;  
}

.blog-end-date {
	background-color:#22284C;
padding:20px 0px;
	font-size:18px;
	font-weight:500;
	 font-family: "Raleway", sans-serif;  
	border-radius: 0 0 30px 30px;
}

/* ========================= */

#blog-home {

    padding: 90px 0px;
}

#faq-bootum {
	padding: 100px 20px;
	background-color: #f6f7f9;
}

.text-dark-blue {
  color: #1C2340;
}

.small-btn {
  font-size: 0.875rem;
  font-weight: 600;
  padding: 6px 18px;
  border-color: #1C2340;
  color: #1C2340;
}

.small-btn:hover {
  background-color: #1C2340;
  color: #fff;
}

.accordion-button {
  font-weight: 600;
  font-size: 1rem;
  color: #1C2340;
  background-color: #fff;
  border-radius: 12px !important;
}

.accordion-body {
  font-size: 0.95rem;
  color: #333;
}

.Faq-h2 {
	font-size: 50px;
  color: #20264E;
  font-family: "Raleway", sans-serif;
  font-weight: 800;
  padding-bottom: 20px;
}
/* Outer container style */
.faq-box {
background-color: #E8E8E8;
  border-radius: 20px;
  padding: 35px;
  border: 1px solid #E3E3E3;
}

/* Accordion items rounded and spaced */
.accordion-item {
border: 1px solid #42424257;
  border-radius: 30px;
  margin-bottom: 20px;
  background-color: #fff;
	
 
}

/* Accordion button style */
.accordion-button {
  border-radius: 30px !important;
  font-size: 16px;
  font-weight: 600;
  padding: 20px 24px;
  background-color: #fff;
  color: #1C2340;
  box-shadow: none;
}

/* Remove default background and icon style when active */
.accordion-button:not(.collapsed) {
  color: #1C2340;
  background-color: #fff;
  box-shadow: none;
}

/* Accordion body */
.accordion-body {
  padding: 0px 24px 20px 24px; 
color: #000000 !important;
  font-size: 14px;
  font-weight: 500;
}

/* Accordion arrow */
.accordion-button::after {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
  transition: transform 0.3s ease;
}

/* Rotate on open */
.accordion-button:not(.collapsed)::after {
  transform: rotate(180deg);
}


.accordion-item:first-of-type {
  border-top-left-radius: 30px !important;
  border-top-right-radius: 30px !important;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
}

.custom-page-banner {
  position: relative;
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  padding: 150px 0;
}

.banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: rgba(0, 0, 0, 0.4); */
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}


.banner-title {
  font-size: 34px;
  color: #fff;
  font-family: "Raleway", sans-serif;
  font-weight: 800;
  margin: 0;
  position: relative; /* keeps text above overlay */
  z-index: 2;
}


/* ==========================Contact Us====================================== */

#contact-us-bg {
	padding:90px 0px;
	color: #22284C !important;
}

.contact-us-h2 {
	font-size: 46px;
  color: #20264E !important;
  font-family: "Raleway", sans-serif;
  font-weight: 800;
}

#contact-us-bg h5 , #contact-us-bg .contact-text , #contact-us-bg .contact-text a {
	color: #22284C !important;
}
.custom-contact-form {
padding: 30px 0px;
  background: #f8f8f8;
  border-radius: 10px;
	font-family: "Raleway", sans-serif;
}

.custom-contact-form input,
.custom-contact-form select,
.custom-contact-form textarea {
  width: 100%;
  padding: 12px 15px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 16px;
	min-height: 46px !important;
	background-color: #fff;
	font-family: "Raleway", sans-serif;
	color: #000;
}

.custom-contact-form input:focus,
.custom-contact-form select:focus,
.custom-contact-form textarea:focus {
  outline: none;
  border-color: #007cba;
	font-family: "Raleway", sans-serif;
}

.custom-contact-form input[type="submit"] {
  background: #22284C;
  color: #fff;
 	border: 2px solid #22284C;
  cursor: pointer;
  font-weight: bold;
  transition: background 0.3s;
	font-family: "Raleway", sans-serif; 
}

.custom-contact-form input[type="submit"]:hover {
	border: 2px solid #22284C;
    background: #fff;
	color: #22284C;
	font-family: "Raleway", sans-serif;
}

/* ============= About us  ============= */

#about-us {
	padding:100px 0px;
}

 #about-us-counter {
padding: 38px 0px 50px 0px;
}


#vision-mission {
	background-color: #22284c ;
	padding:100px 0px;
}

#vision-mission h3 ,#vision-mission  p {
	color:#ffffff;
	  font-family: "Raleway", sans-serif;
	
}

#vision-mission  p {
font-size: 18px;
  font-weight: 500;
	  font-family: "Raleway", sans-serif;
	  line-height: 31px;
}

#company-overview {
	margin:100px 0px ;
}

#company-overview p {
	font-size: 18px;
  font-weight: 500;
  line-height: 31px;
	  font-family: "Raleway", sans-serif;
}


#company-overview h2  {
		font-weight: 600;
	 font-family: "Raleway", sans-serif;
	color: #22284C;
	  font-size: 40px;
}

#company-overview .h2 {
	font-weight: 800;
  font-size: 40px;
  font-family: "Raleway", sans-serif;
  color: #22284C;

}
.hero-buttons{
   display: flex;
   justify-content: center;
   align-items: center;
}
@media (max-width: 1288px){
	.section-title {
        font-size: 28px;
    }
	.section-wrapper h3{
		 font-size: 28px;
	}
	.page-wrap h3 {
        font-size: 28px;
    }
	.choose-kraty h3 {
        font-size: 22px;
    }
}
@media (max-width: 1200px){
	#about-us {
	text-align: center;
	}
	#company-overview{
		text-align: center;
	}
		.cta-box {
    padding: 24px;
}
	.cta-text {
    font-size: 19px;
}
	.cta-btn {
    padding: 16px 28px;
}
	
	#vision-mission h3 {
        font-size: 26px;
    }
	
	
}

@media (max-width: 980px){

}
@media (max-width: 480px){
	.cta-btn{
			width: 90%;
		}
	.service-box h5{
		font-size: 25px;
	}
	.Faq-h2{
		font-size: 30px;
	}
	.dNtlyB{
		font-size: 30px !important;
	}
	#google-reviews {
    padding-top: 50px;
   }
	
	.about-us-p {
	  padding-right: 0px;
	}
	#faq-bootum {
	  padding: 50px 0px;
	}
	#photo-gallery{
      padding: 50px 0px;
	}
	#vision-mission h3 {
		font-size: 26px;
}
	.about-us-h2 {
		font-size: 28px;
}
}
@media (max-width: 320px){
	
}
/* ================= Project =============== */
#image-gallery{
	padding: 70px 0px;
	background-color: #f9f9f9;
}


.single-post-wrapper {
    padding: 0px 5px;
}

.single-post-card {
    text-align: center;
}

.single-post-card .post-thumbnail img {
    width: 70%;
    border-radius: 12px;
    margin-bottom: 20px;
}
.single-post-card .post-title {
   color: #22284C;
	font-size: 25px;
	font-weight: 700; 
	margin-bottom: 15px;
}


.single-post-card .post-meta {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
    display: flex;
    justify-content: center;
    gap: 20px;
    font-size: 15px;
    color: #555;
}

.single-post-card .post-meta i {
    color: #22284C;
    margin-right: 5px;
}

.single-post-card .post-content {
    text-align: left;
    line-height: 1.8;
    font-size: 18px;
    color: #333;
}
.post-content a{
	color:#000;
}
.post-content a:hover{
	color:#22284C;
}
@media (max-width: 768px) {

    .single-post-card .post-title {
        font-size: 1.5rem;
    }
    .single-post-card .post-meta {
        flex-direction: column;
        gap: 8px;
    }
}
/* ========================= service ================== */
.fast-noc-all{
	padding: 70px 0px 50px;
	background: #E9E9E9;
}
.advantages-all{
	padding: 70px 0px;
/* 	background: #E9E9E9; */
}
.steps-all{
  padding: 70px 0px;	
  background: #E9E9E9;
}
.table-all{
  padding: 50px 0px;
}
.wrap-all{
  background: #E9E9E9;
}
.faq-all{
   padding: 70px 0px;
}
 .service-header {
        background-color: #fff;
        padding: 30px 20px;
        text-align: center;
    }
    .service-header-title {
        margin: 0;
       font-weight:800;
    font-size:40px;
    }
    .service-container {
        padding: 40px 20px;
        max-width: 1000px;
        margin: auto;
    }
    .service-section-heading {
        border-left: 5px solid #22284c;
        padding-left: 10px;
        margin-top: 40px;
    }
    .service-text {
        margin: 15px 0;
    }
    .service-list {
        list-style: disc;
        padding-left: 20px;
        margin: 10px 0;
    }
    .service-steps {
        background-color: rgba(255,255,255,0.05);
        padding: 20px;
        border-radius: 8px;
        margin: 20px 0;
    }
    .service-step {
        margin-bottom: 15px;
    }
    .service-step-title {
        margin: 0 0 5px 0;
        font-weight: bold;
    }
    .service-table {
		border: 1px solid #22284c;        
		width: 100%;
        border-collapse: collapse;
        margin: 20px 0;
    }
    .service-table th,
    .service-table td {
        border: 1px solid #22284c;
        padding: 10px;
        text-align: left;
    }
    .service-table th {
        background-color: rgba(255,255,255,0.1);
    }
    .service-cta {
        text-align: center;
        margin: 40px 0;
    }
    .service-cta-btn {
        display: inline-block;
        background-color: #22284c;
        color: #fff;
        padding: 12px 25px;
        border-radius: 30px;
        text-decoration: none;
        font-weight: bold;
        transition: background 0.3s;
    }
    .service-cta-btn:hover {
        background-color: #fff;
		color: #22284c;
    }
.fast-noc {
    display:flex;
    align-items:stretch;
    min-height:400px;
  }

  .fast-noc .left,
  .fast-noc .right {
    flex:1 1 50%;
    min-width:0;
  }

  /* LEFT side - text content */
  .fast-noc .left {
    padding: 0px 40px 0px 0px;
    display:flex;
    flex-direction:column;
    justify-content:center;
/*     background:#fff; */
  }

  .fast-noc h2, h3{
    margin-top:0;
    color: #22284C;
  }

  .fast-noc p{
    margin:10px 0;
    color:#555;
  }

  .fast-noc ul{
    margin:10px 0 0;
    padding-left:20px;
  }


.fast-noc .right img {
  max-width: 100%;  /* prevents overflow */
  height: auto;      /* keeps aspect ratio */
  flex: 1 1 45%;     /* responsive sizing: 2 per row */
  object-fit: contain;
}
  /* Responsive: stack on small screens */
  @media (max-width:820px){
    .fast-noc {
      flex-direction:column;
    }
    .fast-noc .right {
      min-height:250px;
    }
  }
  .choose-kraty {
    text-align: center;
  }

  .choose-kraty h2 {
    color: #22284C;
    
  }

  .choose-kraty p {
    margin: 0 auto 25px;
    color: #555;
    font-size: 18px;
  }

  
  .advantages {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.advantages li {
  background: #fff;
  padding: 12px 18px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.04);
  font-size: 16px;
  color: #444;
  flex: 0 0 calc(50% - 6px); /* two columns with gap */
  box-sizing: border-box;
	text-align: left; 
}


h3.section-title {
    text-align: center;
    
  }

  .steps {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
  }

  .step-box {
    border: 1px solid  #22284C ; /* border color similar to screenshot */
    border-radius: 10px;
    padding: 20px;
    background: #fff;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .step-box h4 {
	font-size: 22px;  
    color: #22284C;
    margin-bottom: 10px;
  }

  .step-box p {
    color: #555;
    margin-bottom: 20px;
  }

  .step-icon {
    font-size: 28px;
    margin-bottom: 15px;
  }

  .step-number {
    position: absolute;
    bottom: 15px;
    right: 15px;
    border: 2px solid #000;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 0.9rem;
    background: #fff;
  }
.section-wrapper {
    text-align: center;
}



.table-container {
    display: flex;
    justify-content: center;
}

.table-container table {
    width: 80%;
    border-collapse: collapse;
    font-size: 18px;
    text-align: left;
}

 table {
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
/*   border-radius: 8px; */
  box-shadow: 0 4px 15px rgba(0,0,0,0.06);
}

 table th{
  background: #22284C;
  color: #fff;
}

thead th {
  padding: 14px;
  text-align: left;
  font-size: 1.1rem;
}

tbody tr:nth-child(odd) {
  background: #f1f3f8;
}

tbody tr:nth-child(even) {
  background: #e6ebf5;
}
tbody tr, th{
  
  border: 2px solid  #22284C;

}
tbody td {
  padding: 14px;
  color: #031937;
  border: 2px solid  #22284C;
}

tbody tr:hover {
  background: #dce4f0;
  transition: 0.2s;
}

 .page-wrap{
      display:flex;
	 text-align: left;
      align-items:center;
      justify-content:center;
      padding: 70px 0px 70px 0px;
      box-sizing: border-box;
    }

 
.row{
	margin-left: 0;
    margin-right: 0;
}

    p{ line-height:1.55;}

    .section{margin-bottom:25px;}

    
    ul li{padding:8px 0;}

    @media (max-width:1280px){
      .container{padding: 15px;}
      h3{font-size:25px;}
    }
@media (max-width:767px){
      .container{padding: 5px;}
      h3{font-size:25px !important;}
    }
.faq-section-wrapper {
    width: 50%;
    margin: 0 auto;
    text-align: center;
}
.faq-heading{
	margin-bottom: 25px;
}
.faq-call-button {
    display: inline-block;
    background-color: #22284C;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 600;
}

.accordion-body{
	font-size: 17px;
    font-weight: 500;
	font-family: "Raleway", sans-serif !important;  
	color: #22284C;
}
.faq-box-wrapper {
    text-align: left;
}




 
.download-btn {
  margin-top: 29px;	
  max-width: 50%;	
  display: inline-block;
  padding: 12px 28px;
  background-color: #22284C; /* Dark blue background */
  color: #fff;               /* White text */
  font-weight: bold;
  text-decoration: none;
  border-radius: 50px;       /* Rounded pill shape */
  border: 2px solid #22284C; /* Border same as bg */
  transition: all 0.3s ease;
}

.download-btn:hover {
  background-color: #fff;    /* Invert on hover */
  color: #22284C;
}



@media (max-width: 1020px){
	.call-button-main-5 {
       margin: auto;
	}
    #photo-gallery {
	padding: 50px 0px;
    }
	#vision-mission {
    padding: 50px 0px;
}
#company-overview {
    margin: 50px 0px;
}
	.about-us-h2 , .about-us-p{
		text-align: center;
    }
	.about-us-p{
		padding-right: 0px;
	}
	.call-button-heder-2 {
		max-width: 20%;
        display: block;
        text-align: center;
		margin: 0px auto 40px;
    }
	.about-section{
		padding: 70px 20px;
	}
	.photo-gallery-h2{
    font-size: 50px;
	}
	.services-heding{
		  font-size: 50px;
	}
	.home-1 {
		font-size: 50px;
     }
	.fast-noc-all, .advantages-all, .steps-all, .page-wrap{
		padding: 50px 20px;
	}
	.faq-section-wrapper {
    width: 80%;
}
}
@media (max-width: 980px){
	#faq-bootum{
	  padding: 0px;
	}
	
	#image-gallery{
		padding: 0px ;
	}
	#contact-us-bg{
		padding: 50px 0px;
	}
	#our-services {
		padding: 50px 0px;
	}
	#vision-mission {
		text-align: center;
     }
	#about-us {
    padding: 50px 0px;
    }
	.call-button-main-7 {
		margin: auto;
    }
	.Faq-h2 {
		text-align: center;
    }
   .page-wrap .row {
    display: flex;          /* Bootstrap already does this, kept for clarity */
    flex-wrap: wrap;        /* allow wrap to next line */
  }
  .page-wrap .row > [class^="col"],
  .page-wrap .row > [class*=" col"] {
    flex: 0 0 100%;         /* full width each */
    max-width: 100%;
  }

  /* Ensure Benefits appears first, Who appears second */
  .page-wrap .row > :nth-child(1) { order: 1; }  /* Benefits column */
  .page-wrap .row > :nth-child(2) { order: 2; }  
	.page-wrap h3{
		font-size: 25px;
	}
}
@media (max-width: 768px){
	    .custom-page-banner {
        padding: 60px 0px;
    }
	.fast-noc-all{
		text-align: center;
        padding: 50px 10px;
    }
	.photo-gallery-h2{
    font-size: 40px;
	}
	.services-heding{
		  font-size: 40px;
	}
	.home-1 {
		font-size: 40px;
     }
	.cta-text {
		width: 100%;
		line-height: 30px;
}
}
/* Caption generated from the alt attribute */
.swiper-slide::after {
  content: attr(alt);
  /* Use attr from the image instead */
  content: attr(data-alt);
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  color: #fff;
  padding: 6px 8px;
  font-size: 14px;
  border-radius: 0 0 10px 10px;
}
@media (max-width: 580px){
	.fast-noc ul {
    text-align: left;
	}
	 .swiper-slide::after {
    font-size: 15px !important;
  }
	.call-button-heder-2{
		margin: 0px auto 30px !important;
	}
	.strip-buttons{
		border-radius: 0px !important; 
	}
	.download-btn {
		max-width: 100%;}
}
@media (max-width: 480px){
	header{
	padding: 0px;	
	}
	.header-1 .container{
		padding: 8px 15px;
	}
	.banner-title {
		font-size: 35px;
	}
	.choose-kraty h2 {
		font-size: 28px;
	}
	.fast-noc .left h2{
		font-size: 28px;
	}
	.choose-kraty h3{
		font-size: 22px;
	}
	 .advantages > li {
    flex: 0 0 100%;     /* flex-basis 100%, no growth */
    max-width: 100%;    /* ensure full row width */
  }
	.fast-noc .left {
		padding: 0px;
	}
	.fast-noc .right img {
     padding: 0px; 
      width: 100%;
	}
	
	.section-wrapper h3{
		font-size: 22px;
	}
	.section-title{
		font-size: 26px;
	}
	.photo-gallery-h2{
    font-size: 30px;
	}
	.services-heding{
		  font-size: 30px;
	}
	.home-1 {
		font-size: 30px;
     }
	    .fast-noc .right {
        margin-top: 20px;
	}
	.about-us-p{
	  padding-bottom: 20px;
	}
	.service-box {
		padding: 30px 20px;
	}
	.faq-box{
		padding: 15px;
	}
	.custom-page-banner{
		padding: 60px 0px;
	}
	.about-us-h2{
		padding-right: 0px;
	}
}

/* Toggle button */
.mobile-menu-toggle {
    font-size: 29px;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .6rem .9rem;
    border: 1px solid rgba(0, 0, 0, .12);
    background: #22284C;
    border-radius: .75rem;
    cursor: pointer;
    position: relative;
    z-index: 1001;
    color: #fff;
}

/* Backdrop */
.mobile-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);
  opacity:0;transition:opacity .28s ease;z-index:1000;}
.mobile-backdrop.is-visible{opacity:1;}
.mobile-backdrop[hidden]{display:none;}

/* Drawer */
.mobile-drawer{
  position:fixed;top:0;left:0;height:100dvh;width:82vw;max-width:340px;
  background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.18);
  transform:translateX(-100%);transition:transform .28s cubic-bezier(.22,.61,.36,1);
  z-index:1002;display:flex;flex-direction:column;padding:0 12px;
}
.mobile-drawer.is-open{transform:translateX(0);}
.body-no-scroll{overflow:hidden;}

/* Header with logo */
.drawer-header{display:flex;align-items:center;justify-content:space-between;
  padding:14px 4px;border-bottom:1px solid rgba(0,0,0,.08);}
.drawer-logo img{height: 50px;width:auto;display:block;}
.mobile-menu-close{display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;border-radius:50%;border:1px solid #22284C;background:#fff;cursor:pointer}

/* Menu */
.main-menu{list-style:none;margin:8px 0 0;padding:0;}
.main-menu > li{position:relative;border-bottom:1px solid #eee;}
.main-menu a{display:block;padding:12px 40px 12px 12px;color:#333;text-decoration:none;}
.main-menu a:hover{background:#f7f7f7;}

/* Submenu (collapsed) */
.main-menu .sub-menu{
  max-height:0;overflow:hidden;transition:max-height .28s ease;
  list-style:none;margin:0;padding-left:15px;border-left:2px solid #eee;
}

/* Submenu toggle button (arrow) */
.submenu-toggle{
  position:absolute;right:8px;top:50%;transform:translateY(-50%);
  background:none;border:none;cursor:pointer;color:#555;width:28px;height:28px;
}
.submenu-toggle::after{content:"▼";font-size:12px;transition:transform .28s ease;}
.submenu-toggle[aria-expanded="true"]::after{transform:rotate(-180deg);}
.drawer-contacts{ margin-top:auto; padding:16px 4px 20px; }

.contact-row{
  display:flex; align-items:center; gap:10px;
  padding:10px 8px; color:#333; text-decoration:none;
  border-radius:8px; min-height:44px;
}
.contact-row:hover{ background:#f5f5f5; }

.icon{ width:24px; height:24px; display:inline-flex; align-items:center; justify-content:center; }
.icon-img{ width: 60px; height:60px; object-fit:contain; display:block; }

/* Optional: tint monochrome PNG/SVG via CSS filter to match the orange accent */
.icon-img.tint-orange{ filter: invert(46%) sepia(63%) saturate(636%) hue-rotate(4deg) brightness(92%) contrast(93%); }

.text{ font-size:18px; color: #000;}

.cta-button{
  display:block; width:50%; background:#fff; color:#22284C; border: 2px solid #22284C; text-align:center;
  text-decoration:none; font-weight:800; letter-spacing:.3px; padding:14px 16px;
  border-radius:35px; margin:14px 0px; min-height:48px; line-height:20px;
}
.cta-button:hover{ background:#22284C; color:#fff; border: 2px solid #22284C;}



/* Visually hidden utility (for live region/status) */
  .visually-hidden{
    position:absolute !important;
    width:1px; height:1px;
    margin:-1px; padding:0; border:0;
    overflow:hidden; clip:rect(0 0 0 0); clip-path: inset(50%);
    white-space:nowrap;
  }

  .testimonial{
       padding: 70px 0px;
  }
  .testimonial__wrap{
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    background: transparent;
  }

  .testimonial__title{
    font-size: 33px;
    margin: 0 0 clamp(16px, 3vw, 28px);
    font-weight: 700;
  }

  /* Controls in the top-right */
  .testimonial__controls{
    position: absolute;
    top: 2px;
    right: 0;
    display: flex;
    gap: 12px;
  }
blockquote{
	border-color: #22284C !important;
}
  .testimonial__btn{
    width: 40px;
    height: 40px;
    border-radius: 999px;
    border: 1px solid #22284C;
    background: var(--card);
    display: grid;
    place-items: center;
    cursor: pointer;
    transition: background .2s ease, transform .2s ease;
    box-shadow: var(--shadow);
  }
  .testimonial__btn:hover{ background: #f0f2f5; }
  .testimonial__btn:active{ transform: scale(.98); }
  .testimonial__btn:focus-visible{
    outline: 3px solid #22284C;
    outline-offset: 3px;
  }
  .testimonial__btn svg{
    width: 18px; height: 18px;
  }

  /* Slides container */
  .testimonial__slides{
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    min-height: clamp(220px, 30vw, 340px); /* reserve space to avoid layout jump */
  }

  /* Cross-fade slides */
  .testimonial__slide{
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease;
  }
  .testimonial__slide.is-active{
    position: relative;
    opacity: 1;
    visibility: visible;
  }

  /* Card content */
  .testimonial__card{
    max-width: 1000px;
    padding: clamp(20px, 4vw, 40px);
    border-radius: 14px;
    background: var(--card);
    box-shadow: var(--shadow);
  }

  .testimonial__avatar{
    width: 56px; height: 56px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto clamp(14px, 2vw, 20px);
    border: 2px solid #22284C;
  }
  .testimonial__avatar img{
    width: 100%; height: 100%; display: block;
  }


 
  .testimonial__meta{
    display: block;
    color: var(--muted);
    font-weight: 400;
    font-size: clamp(.85rem, 1.6vw, .95rem);
    margin-top: 6px;
  }

  /* Decorative quote mark */
  .testimonial__wrap::after{
    content: "”";
    position: absolute;
    top: 46%;
    right: clamp(0px, 2vw, 8px);
    transform: translateY(-50%);
    font-size: clamp(52px, 12vw, 120px);
    line-height: 1;
    color: #e9ecef;
    pointer-events: none;
   
  }

  /* Motion preferences */
  @media (prefers-reduced-motion: reduce){
    .testimonial__slide{ transition: none !important; }
    .testimonial__btn{ transition: none !important; }
  }

  /* Small screens: title on a new row above controls by default */
  @media (max-width: 520px){
    .testimonial__wrap{
    padding: 0px 25px;
}
    .testimonial__controls{ position: static; margin-bottom: 10px; }
    .testimonial__wrap::after{ display: none; } /* reduce clutter on tiny screens */
  }

/* Desktop: hide mobile trigger if desired */
@media (min-width:992px){ .mobile-menu-toggle{display:none;} }


.navigation li a {
  text-decoration: none;
  transition: all 0.3s ease;
  border-radius: 8px;
  position: relative;
}

.navigation li a::after {
  content: "";
  position: absolute;
  width: 0;
  background-color: rgba(166, 166, 166, 0.4); /* #A6A6A6 with opacity */
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.25em;
  height: 2px;
  border-radius: 8px;
  transition: all 0.3s ease;
}
.dropdown-menu a::after  {
	background:none;
	  width: 0;
	 height: 0;
	border-radius: none;
	  transition: none;
	
}
.navigation li a:hover::after {
  width: 100%;
  animation: pulse11 1s;
  box-shadow: 0 0 0 1em transparent;
}

.navigation li ul li a:hover::after {
  width: 100%;
  animation:inherit !important;
  box-shadow:inherit !important;

}
.dropdown-toggle::after {
    box-shadow: none !important;
    filter: none !important; /* agar drop-shadow filter use ho raha hai */
    text-shadow: none !important; /* safety ke liye */
	background-color: transparent !important;
}
@keyframes pulse11 {
  0% {
    box-shadow: 0 0 0 0 rgba(166, 166, 166, 0.4);
  }
  100% {
    box-shadow: 0 0 0 1em transparent;
  }
}
.navigation {

    gap: 20px;
}

   .case-study-section {
      text-align: center;
     padding: 70px 0px ;
    background: #E9E9E9;
    }

    

    .case-study-section p {
      font-size: 16px;
      color: #444;
    }

    .case-study-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 20px;
      margin-top: 30px;
    }

    .case-study-box {
      background: #fff;
      border: 1px solid #d9d9d9;
      border-radius: 10px;
      padding: 25px 20px;
      text-align: center;
      transition: 0.3s ease;
    }

    .case-study-box:hover {
      transform: translateY(-5px);
      box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
    }

   

    /* Responsive tweak */
    @media (max-width: 600px) {
      .case-study-section h2 {
        font-size: 22px;
      }
      .case-study-box h3 {
        font-size: 16px;
      }
    }
.case-studies-wrapper {
    padding: 60px 0;
    background: #f7f9fc;
}

.case-studies-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
}

.case-card {
    background: #fff;
    border-radius: 22px;
    overflow: hidden;
    transition: 0.3s ease;
}


.case-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.case-image img {
    width: 100%;
    height: 240px;
    object-fit: cover;
}

.case-content {
    padding: 28px 24px;
    text-align: center;
}

.case-content h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 15px;
}

.case-content p {
    font-size: 15px;
    color: #555;
}

.case-footer {
    background: #1f2a4a;
    color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 14px 22px;
    font-size: 14px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
}

/* Responsive */
@media (max-width: 991px) {
    .case-studies-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575px) {
    .case-studies-grid {
        grid-template-columns: 1fr;
    }
}



.faq-section-title {
    color: #20264e;
    margin-top: 30px;
}

.faq-section {
    background: #f2f2f2;
    padding:30px;
    border-radius: 20px;
	margin-top:20px;
}

.faq-item {
    background: #20264e;
    border-radius: 40px;
    margin-bottom: 20px;
    overflow: hidden;
}

.faq-question {
    padding: 20px 25px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
	color:#fff;
}

.faq-number {
    margin-right: 10px;
}

.faq-icon {
    position: absolute;
    right: 25px;
    top: 20px;
    font-size: 22px;
    transition: transform 0.3s ease;
}

.faq-answer {
    display: none;
    padding: 0 25px 20px;
    font-size: 16px;
    line-height: 1.6;
    color: #fff;
}
.faq-question,
.faq-answer {
    text-align: left !important;
}
.faq-icon {
    position: absolute;
    right: 25px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-right: 2px solid #797979;
    border-bottom: 2px solid #797979;
    transform: translateY(-50%) rotate(45deg);
    transition: transform 0.3s ease;
	
}
/* Rotate arrow on open */
.faq-item.active .faq-icon {
    transform: translateY(-50%) rotate(-135deg);
}
/* Active state */
.faq-item.active .faq-answer {
    display: block;
}
@media only screen and (max-width: 768px) {
    .faq-section {
        padding: 10px !important;
    }
}


.postid-474 .banner-title {
    color: #fff !important;
}