/* responsive.css - load AFTER main.css */


@media (min-width: 1440px){
	.container{
		width: 1440px;
	}
	.service-banner-content{
		right: 0px;
	}

}

/* ----- Mobile / tablet menu (hamburger) ----- */
/* ========== MOBILE STYLES ========== */
    @media (max-width: 991px) {
      .btn-toggle { display: flex; }

      .main-menu {
        display: block;
        position: absolute;
        top: 64px;
        left: 0;
        width: 100%;
        background: #fff;
        border-top: 1px solid #e8e8e8;
        border-bottom: 1px solid #e8e8e8;
        padding: 0 16px;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: max-height 0.35s cubic-bezier(.34, 1.2, .64, 1), opacity 0.25s ease, padding 0.25s ease;
      }

      .main-menu.open {
        max-height: 600px;
        opacity: 1;
        padding: 8px 16px 16px;
      }

      .main-menu > li > a {
        padding: 11px 12px;
        font-size: 15px;
        border-radius: 8px;
        justify-content: space-between;
      }

      /* Mobile dropdown — inline, not absolute */
      .dropdown {
        position: static;
        box-shadow: none;
        border: none;
        border-radius: 0;
        padding: 0 0 0 12px;
        background: transparent;
        opacity: 1;
        pointer-events: none;
        max-height: 0;
        overflow: hidden;
        transform: none;
        transition: max-height 0.3s ease, opacity 0.2s ease;
      }

      .nav-item.open .dropdown {
        pointer-events: all;
        max-height: 400px;
        opacity: 1;
        transform: none;
      }

      .dropdown li a {
        padding: 9px 12px;
        font-size: 13.5px;
        color: #555;
        border-left: 2px solid #eee;
        border-radius: 0 8px 8px 0;
      }

      .dropdown li a:hover {
        border-left-color: #aaa;
        background: #f9f9f9;
      }
    }


/*****************************************************************
  RESPONSIVE  (desktop > 1199 | laptop <=1199 | tablet <=991 |
               large mobile <=768 | mobile <=600 | small <=480)
******************************************************************/

img{ max-width: 100%; }
html, body{ overflow-x: hidden; }

/* section label ("OUR SERVICES" etc.) - fixed width hata ke content ke hisaab se */
.home-section-three .home-sec-one-heading-left span{
	width: auto;
	display: table;
}

/* ---------- Laptop / small desktop ---------- */
@media (max-width: 1199px){
	.container{ padding: 0px 60px; }

	.main-banner-left h1{
		width: 100%;
		max-width: 510px;
		font-size: 52px;
	}
	.main-banner-left .devider{ width: 250px}
	.main-banner-left .para-two{ width: 100%; max-width: 450px; }
	.banner-stack ul{ gap: 15px; }

	.home-sec-one-heading h2{ font-size: 36px; }
	.home-sec-two-area-left h2{ font-size: 36px; }
	.home-how-work-box .content h3{ font-size: 26px; }
	.home-how-work-box .content p{ width: 100%; max-width: 334px; }
	.btn-required{
		font-size: 16px;
	}
}

@media (max-width: 1024px){
	.banner-btn-group{
		gap: 5px;
	}
	.btn-required{
		font-size: 15px;
	}
	.btn-delivered{
		font-size: 15px;
	}
}

/* ---------- Tablet ---------- */
@media (max-width: 991px){
	.container{ padding: 0px 40px; }

	/* header / menu (hamburger) */
	.header-top{ position: static; }
	.header-top-left{
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.header-top-left img{ height: auto; max-width: 140px; display: block; }
	.btn-toggle{
		border-color: #4b4b4b;
		padding: 10px 11px;
	}
	.btn-toggle:hover{ background: rgba(255,255,255,0.1); }
	.bar{ background: #ffffff; }

	.main-menu{
		top: 100%;
		z-index: 999;
		border: 0;
		visibility: hidden;
		transition: max-height 0.35s cubic-bezier(.34, 1.2, .64, 1), opacity 0.25s ease, padding 0.25s ease, visibility 0s linear 0.35s;
	}
	.main-menu.open{
		visibility: visible;
		max-height: calc(100vh - 90px);
		overflow-y: auto;
		border-top: 1px solid #e8e8e8;
		border-bottom: 1px solid #e8e8e8;
		box-shadow: 0 12px 24px rgba(0,0,0,0.15);
		transition: max-height 0.35s cubic-bezier(.34, 1.2, .64, 1), opacity 0.25s ease, padding 0.25s ease, visibility 0s;
	}
	.main-menu li a{ color: #111111; white-space: normal; }
	.main-menu li a span i{ color: #333333; }
	.main-menu > li > a:hover{ background: #f5f5f5; }
	.dropdown li a{ white-space: normal; }
	.main-menu > li > a.btn-lets-talk{
		justify-content: center;
		height: 46px;
		margin-top: 10px;
	}
	.main-menu > li > a.btn-lets-talk:hover{ background: #d4ff3f; }

	/* banner */
	.main-banner{ padding: 40px 0px; }
	.main-banner-area{
		grid-template-columns: 1fr;
		gap: 40px;
	}
	.main-banner-left h1{ font-size: 48px; max-width: 360px; }
	.main-banner-left .devider{ width: 230px; }

	/* services */
	.home-section-one,
	.home-section-two,
	.home-section-three,
	.home-section-four{ padding: 60px 0px; }
	.home-service-area{ gap: 20px; }
	.home-service-box h3,
	.home-service-box-four h3{
		width: 100%;
		padding-right: 70px;
	}
	.home-service-box p{ width: 100%; max-width: 100%; }

	/* ways to start */
	.home-sec-two-way-start{
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	.home-way-start-box .content h3{ font-size: 22px; }
	.home-way-start-box .content p{ font-size: 16px; line-height: 26px; }

	/* how we work */
	.home-how-work-area{ gap: 20px; }
	.home-how-work-box{ margin-bottom: 20px; }
	.home-how-work-box .content h3{ font-size: 24px; }
	.home-how-work-box .content p{ font-size: 16px; line-height: 26px; }
	.home-how-work-box .content .icon{
		width: 56px;
		height: 56px;
		line-height: 56px;
		flex-shrink: 0;
	}
	.home-how-work-box .content .icon span.material-symbols-outlined{ font-size: 30px; }
	.home-section-three .home-sec-one-heading p{ width: 100%; max-width: 450px; }

	.service-section-banner{
		margin-top: 68px;
	}
	.banner-stack ul{
		justify-content: space-between;
	}
}

/* ---------- Large mobile ---------- */
@media (max-width: 768px){
	/* headings: side-by-side se stack */
	.home-sec-one-heading{
		flex-direction: column;
		align-items: flex-start;
		gap: 15px;
		margin-bottom: 30px;
	}
	.home-sec-one-heading h2,
	.home-sec-two-area-left h2{ font-size: 32px; width: 100%; }
	.home-sec-one-heading p,
	.home-section-four .home-sec-one-heading p{ width: 100%; margin-top: 0px; }
	.home-section-three .home-sec-one-heading{ display: block; }
	.home-section-three .home-sec-one-heading h2{ margin-bottom: 15px; }
	.home-section-three .home-sec-one-heading p{ font-size: 16px; line-height: 26px; margin-bottom: 30px; }

	/* services: 1 column */
	.home-service-area{ grid-template-columns: 1fr; }

	/* ways to start heading */
	.home-sec-two-area{
		flex-direction: column;
		gap: 20px;
		margin-bottom: 30px;
	}
	.home-sec-two-area-left p{ width: 100%; font-size: 16px; line-height: 26px; }

	/* how we work: 1 column, har image apne step ke upar */
	.home-how-work-area{ grid-template-columns: 1fr; gap: 0px; }
	.home-how-work-box:nth-child(1){ order: 1; }
	.home-how-work-box:nth-child(2){ order: 2; }
	.home-how-work-box:nth-child(4){ order: 3; }
	.home-how-work-box:nth-child(3){ order: 4; }
	.home-how-work-box:nth-child(5){ order: 5; }
	.home-how-work-box:nth-child(6){ order: 6; }
	.home-how-work-box{ margin-bottom: 24px; }
	.home-how-work-box .content > div:last-child{ flex: 1; min-width: 0; }

	.footer-bottom ul{ flex-wrap: wrap; gap: 12px 22px; }

	.btn-lets-talk.fixed-btn-lets-talk{
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

/* ---------- Mobile ---------- */
@media (max-width: 600px){
	.container{ padding: 0px 20px; }

	.header{ padding: 8px 0px; }
	.lang-switch{ margin-bottom: 8px; }
	.lang-switch button{ font-size: 14px; }

	/* banner */
	.main-banner{ padding: 30px 0px 40px; }
	.main-banner-left h1{ font-size: 38px; line-height: 1.15; }
	.main-banner-left .devider{
		width: 190px;
		height: 8px;
		margin-top: -12px;
		margin-bottom: 28px;
	}
	.main-banner-left p{ font-size: 16px; line-height: 25px; margin-bottom: 18px; }
	.main-banner-left .para-two{ margin-bottom: 24px; }
	.banner-btn-group{
		flex-wrap: wrap;
		margin-bottom: 35px;
	}
	.btn-required,
	.btn-delivered{ flex: 1 1 auto; text-align: center; }

	.banner-stack ul{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 12px;
	}
	.banner-stack ul li .stack-count{ font-size: 30px; text-align: center; margin: 0px; }
	.banner-stack ul li span{ font-size: 13px; line-height: 18px; display: block; text-align: center;}

	.banner-content{ padding: 18px; }
	.banner-content h3{ font-size: 16px; line-height: 24px; padding-bottom: 16px; }
	.banner-content-row{ gap: 15px; padding: 16px 0px; }
	.serial-no{ font-size: 20px; }
	.banner-content-row .content h4{ font-size: 17px; letter-spacing: 0.6px; }

	/* sections */
	.home-section-one,
	.home-section-two,
	.home-section-three,
	.home-section-four{ padding: 50px 0px; }

	.home-sec-one-heading h2,
	.home-sec-two-area-left h2{ font-size: 28px; line-height: 1.25; }

	.home-service-box{ padding: 18px; }
	.home-service-box .serial-no{ padding-bottom: 20px; }
	.home-service-box h3{ font-size: 21px; line-height: 29px; }
	.home-service-box .icon{ width: 48px; height: 48px; top: 18px; right: 18px; }
	.home-service-box h3,
	.home-service-box-four h3{ padding-right: 60px; }

	.home-sec-two-area-left a{ width: 100%; max-width: 200px; }
	.home-sec-two-way-start{ grid-template-columns: 1fr; gap: 20px; }
	.home-way-start-box .content{ padding: 24px 20px; }
	.home-way-start-box .content-footer{ padding: 18px 20px; }

	.home-how-work-box .content{ gap: 12px; }
	.home-how-work-box .content h3{ font-size: 22px; margin-bottom: 10px; }
	.home-how-work-box .content span{ padding-bottom: 8px; font-size: 16px; }
	.home-how-work-box .content .icon{ width: 48px; height: 48px; line-height: 48px; }
	.home-how-work-box .content .icon span.material-symbols-outlined{ font-size: 26px; }

	.home-proof-box{ padding: 20px; }
	.home-proof-box h3{ width: 100%; font-size: 22px; line-height: 30px; }
	.proof-top{ margin-bottom: 22px; }
	.proof-arrow{ margin-right: 0px; }

	.btn-cta{ width: 100%; max-width: 260px; }

	.footer{ padding-top: 45px; padding-bottom: 35px}
	.footer-top{ gap: 32px; }

	.service-section-banner{
		margin-top: 80px;
	}
}

/* ---------- Small mobile ---------- */
@media (max-width: 480px){


	.container{ padding: 0px 16px; }

	.main-banner-left h1{ font-size: 34px; }
	.btn-required,
	.btn-delivered{ width: 100%; flex: 1 1 100%; }
	.banner-stack ul li .stack-count{ font-size: 26px; }

	.home-way-start-box .content-footer{ grid-template-columns: 1fr; gap: 15px; flex-direction:column; }
	.home-way-start-box .content-footer span{ padding-bottom: 5px; }
	.btn-view-scope{ width: 100%; }

	.home-cta-content h2{ font-size: 26px; line-height: 35px; }

	.service-section-banner .btn-required{
		display: none;
	}
	.banner-stack ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		gap: 25px;
	}
	.banner-stack ul li{
		width: 100%;
	}
	.main-banner-left .devider{
		width: 170px;
	}
}




/* =====================================================================
   SERVICE PAGE – RESPONSIVE OVERRIDES
   ---------------------------------------------------------------------
   Breakpoints:
   Laptop small : max-width 1199px
   Tablet       : max-width 991px
   Mobile       : max-width 767px
   Small mobile : max-width 575px
   ===================================================================== */


/* ------------------------------------------------------------------ */
/* LAPTOP SMALL  (<= 1199px)                                          */
/* ------------------------------------------------------------------ */
@media (max-width: 1199px){
  .service-banner-content h1{ font-size: 52px; }
  .service-sec-one-right h2{ font-size: 36px; line-height: 46px; }

  .service-section-two h2,
  .service-section-three h2,
  .service-section-four h2,
  .service-section-five h2{ font-size: 36px; }
}

/* ------------------------------------------------------------------ */
/* TABLET  (<= 991px)                                                 */
/* ------------------------------------------------------------------ */
@media (max-width: 991px){

  /* ---------- Banner ---------- */
   .service-banner-content{
    top: 30px;
    bottom: 0;
    right: 0;
    width: 100%;
    /*display: flex;*/
    /*align-items: center;*/
  }
  .service-banner-content .container{ width: 100%; }
  .service-banner-content h1{
    font-size: 44px;
    width: 100%;
    max-width: 420px;
    margin-bottom: 20px;
  }
  .service-banner-content p{
    width: 100%;
    max-width: 420px;
    font-size: 17px;
    margin-bottom: 28px;
  }
  .service-banner-content .breadcrumb{ flex-wrap: wrap; }

  /* ---------- Common section spacing & headings ---------- */
  .service-section-one{ padding: 55px 0; }
  .service-section-two,
  .service-section-three,
  .service-section-four,
  .service-section-five{ padding: 60px 0; }

  .service-section-two .subtitle,
  .service-section-three .subtitle,
  .service-section-four .subtitle,
  .service-section-five .subtitle{
    width: fit-content;
    max-width: 100%;
  }

  .service-section-two h2,
  .service-section-three h2,
  .service-section-four h2,
  .service-section-five h2{
    font-size: 34px;
    line-height: 1.25;
  }

  .service-section-two .container > p,
  .service-section-three .container > p{
    width: 100%;
    max-width: 407px;
  }

  /* ---------- Section One: image + text stack ---------- */
  .service-sec-one-area{
    grid-template-columns: 1fr;
    gap: 35px;
  }
  .service-sec-one-right h2{
    width: 100%;
    max-width: 480px;
    font-size: 34px;
    line-height: 1.3;
  }

  /* ---------- Section Two: paragraph width fix inside tabs/accordion ---------- */
  .service-section-two .media-card-area p{
    width: 100%;
    max-width: none;
    text-align: left;
    margin-left: 0;
    margin-right: 0;
  }

  /* ---------- Section Three: 2 x 2 grid, arrows hidden ---------- */
  .home-process-area{
    flex-wrap: wrap;
    row-gap: 45px;
  }
  .home-process-box{
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 12px;
  }
  .home-process-box-arrow{ display: none; }

  /* ---------- Section Four: image on top, cards 2 x 2 ---------- */
  .service-accountability-area{
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas:
      "media media"
      "a b"
      "c d";
  }
  .service-accountability-media{
    display: block;
    min-height: 0;
    height: 380px;
  }
  .service-accountability-media img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}

/* ------------------------------------------------------------------ */
/* TABLET ONLY (769px - 991px): tabs + detail side by side           */
/* ------------------------------------------------------------------ */
@media (min-width: 769px) and (max-width: 991px){


  .media-card-left{ width: 42%; }
  .media-card-right{ width: 55%; }

  .media-card-left > ul > li > a{
    padding: 16px 14px;
    font-size: 15px;
  }
  .tab-label{ gap: 8px; min-width: 0; }
  .tab-label .icon{
    width: 34px;
    height: 34px;
    flex-shrink: 0;
  }
  .media-card-left > ul > li > a .right-arrow{ flex-shrink: 0; }
  .media-card-left > ul > li > a .right-arrow .material-symbols-outlined{ font-size: 24px; }

  .media-card-right .media-right-content{ padding: 18px; }
  .media-card-right .media-card-detail h3{ font-size: 20px; margin-bottom: 10px; }
  .media-card-right .media-card-detail p,
  .media-card-right .media-card-detail ul li{ font-size: 15px; line-height: 24px; }
}

/* ------------------------------------------------------------------ */
/* MOBILE  (<= 767px)                                                 */
/* ------------------------------------------------------------------ */
@media (max-width: 767px){

	.service-section-banner .service-mobile-banner{
		display: none;
	}
	.service-banner-content{
		position: relative;
	}
	.service-section-banner .service-desktop-banner{
		display: none;
	}

  /* ---------- Banner ---------- */
  .service-banner-content h1{
    font-size: 34px;
    max-width: 100%;
    margin-bottom: 16px;
  }
  .ai-data-bussiness-content.service-banner-content h1{
  	font-size: 34px;
    max-width: 100%;
    margin-bottom: 16px;
  }
  .service-banner-content p{
    font-size: 16px;
    line-height: 24px;
    max-width: 100%;
    margin-bottom: 24px;
  }
  .service-banner-content .breadcrumb{
    gap: 6px;
    margin-bottom: 14px;
  }
  .service-banner-content .breadcrumb li,
  .service-banner-content .breadcrumb li a,
  .service-banner-content .breadcrumb li span{ font-size: 13px; }
  .btn-required{
    height: 48px;
    font-size: 16px;
    padding: 0 18px;
  }

  /* ---------- Common ---------- */
  .service-section-one{ padding: 40px 0; }
  .service-section-two,
  .service-section-three,
  .service-section-four,
  .service-section-five{ padding: 45px 0; }

  .subtitle{
    font-size: 13px;
    margin-bottom: 18px;
  }
  .service-section-two .subtitle,
  .service-section-three .subtitle,
  .service-section-four .subtitle,
  .service-section-five .subtitle{ margin-bottom: 18px; }

  .service-sec-one-right h2,
  .service-section-two h2,
  .service-section-three h2,
  .service-section-four h2,
  .service-section-five h2{
    font-size: 28px;
    line-height: 1.3;
  }
  .service-sec-one-right h2{ margin-bottom: 18px; }

  .service-section-two .container > p,
  .service-section-three .container > p,
  .service-section-four .container > p,
  .service-section-five .container > p{
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 30px;
  }
  .service-sec-one-right p{ font-size: 15px; line-height: 25px; }
  .service-sec-one-right ul li{ align-items: flex-start; }

  /* ---------- Section Two (accordion mode already in your CSS) ---------- */
  .tab-label{ min-width: 0; }
  .tab-label .icon{
    width: 36px;
    height: 36px;
    flex-shrink: 0;
  }
  .media-card-left > ul > li > a{
    font-size: 16px;
    gap: 8px;
  }
  .media-card-left > ul > li > a .right-arrow{ flex-shrink: 0; }

  /* ---------- Section Three ---------- */
  .home-process-box h3{ font-size: 22px; margin-top: 20px; }
  .home-process-box .blob{ width: 120px; margin-top: 28px; }

  /* ---------- Section Four ---------- */
  .service-accountability-area{ gap: 16px; }
  .service-accountability-box{ padding: 20px; }
  .service-accountability-box h3{ margin-top: 20px; font-size: 19px; }
  .service-accountability-media{ height: 340px; }

  /* ---------- Section Five: FAQ ---------- */
  .faq-item{
    border-radius: 14px;
    margin-bottom: 14px;
  }
  .faq-header{
    padding: 18px 20px;
    gap: 14px;
  }
  .faq-header h3{
    font-size: 16px;
    line-height: 1.4;
  }
  .faq-content{ padding: 0 20px; }
  .faq-item.active .faq-content{ padding: 0 20px 20px; }
  .faq-content p{ font-size: 15px; line-height: 24px; }
  .home-section-five::before{
  	visibility: visible;
  }
}

/* ------------------------------------------------------------------ */
/* SMALL MOBILE  (<= 575px)                                           */
/* ------------------------------------------------------------------ */
@media (max-width: 575px){

  .service-banner-content h1{ font-size: 30px; }
   .ai-data-bussiness-content.service-banner-content h1{
  	font-size: 30px;
  }

  /* Section Three: single column + vertical arrows */
  .home-process-area{ row-gap: 0; }
  .home-process-box{
    flex: 0 0 100%;
    max-width: 100%;
  }
  .home-process-box p{ 
  	max-width: 30ch; 
  	margin-bottom: 0px;
  }
  .home-process-box-arrow{
    display: flex;
    flex: 0 0 100%;
    height: 70px;
    margin: 0;
    align-items: center;
    justify-content: center;
  }
  .home-process-box-arrow img{
    width: 50px;
    transform: rotate(90deg);
  }

  /* Section Four: single column */
  .service-accountability-area{
    grid-template-columns: 1fr;
    grid-template-areas:
      "media"
      "a"
      "b"
      "c"
      "d";
  }
  .service-accountability-media{ height: 300px; }

  .service-accountability-box .icon{
  	margin: 0px auto;
  }
  .service-accountability-box h3{
  	text-align: center;
  }
  .service-accountability-box p{
  	text-align: center;
  }
  .home-process-box-arrow{
  	margin-bottom: 20px;
  	margin-top: 20px;
  }
  .footer-bottom ul li a{
  	font-size: 12px;
  }
  .footer-bottom p{
  	font-size: 12px;
  }
  .footer-bottom{
  	align-items: flex-start;
  	text-align: left;
  }
}

/* ------------------------------------------------------------------ */
/* EXTRA SMALL  (<= 380px)                                            */
/* ------------------------------------------------------------------ */
@media (max-width: 380px){
  .service-banner-content h1{ font-size: 27px; }
  .service-sec-one-right h2,
  .service-section-two h2,
  .service-section-three h2,
  .service-section-four h2,
  .service-section-five h2{ font-size: 25px; }
  .media-card-left > ul > li > a{ font-size: 15px; padding: 14px 14px; }
  .faq-header h3{ font-size: 15px; }
}



/*******************************************************************/
/*     How we work                                                 */
/*******************************************************************/

@media (max-width: 991px){
	.hww-steps-area{ grid-template-columns:repeat(2, 1fr); }
	.hww-people-area{ grid-template-columns:1fr; gap:35px; }
}
@media (max-width: 768px){
	.how-we-work-section-one{
		padding: 40px 0px;
	}
	.how-we-work-section-two{
		padding: 40px 0px;
	}
	.how-we-work-section-three{
		padding: 40px 0px;
	}
	.hww-head{ margin-bottom:30px; }
	.hww-head h2,
	.hww-people-left h2{ font-size:30px; }
	.hww-access{ grid-template-columns:1fr; padding:28px 22px; gap:18px; }
	.hww-access h2{ font-size:24px; }
	.hww-section .faq-header{ padding:18px 20px; }
	.hww-section .faq-header h3{ font-size:16px; }
	.hww-section .faq-item.active .faq-content{ padding:0 20px 20px; }
	.hww-section .faq-content{ padding:0 20px; }
}
@media (max-width: 575px){
	.hww-steps-area{ grid-template-columns:1fr; }
	.hww-step-box{ padding:22px 20px; }
	.hww-step-box h3{ margin-top:18px; font-size:20px; }
	.hww-banner-card{ padding:20px; }
	/*.btn-required{ width:100%; }*/
}



/**********Contact-us-responisve**********************************/

/* ================= RESPONSIVE ================= */
 
/* Laptop / small desktop */
@media (max-width:1199px){
	.contact-head h1{ font-size:46px; }
	.contact-form{ padding:32px; }
	.contact-detail{ padding:32px 28px; }
}
 
/* Tablet: stack, details become a 3-column strip */
@media (max-width:991px){
	.contact-banner-section{ padding:60px 0px 70px; }
	.contact-head{ margin-bottom:35px; max-width:100%; }
	.contact-head h1{ font-size:40px; }
	.contact-area{ grid-template-columns:1fr; gap:25px; }
	.contact-detail{ position:relative; top:auto; }
	.contact-detail ul{
		display:grid;
		grid-template-columns:repeat(3, minmax(0, 1fr));
		gap:20px;
	}
	.contact-detail ul li{
		flex-direction:column;
		border-top:0;
		padding:20px 0px 0px;
		border-top:1px solid rgba(255,255,255,0.12);
	}
	.contact-detail ul li.center{ align-items:flex-start; }
}
 
/* Large mobile */
@media (max-width:767px){
	.contact-banner-section{ padding:45px 0px 55px; }
	.contact-head h1{ font-size:34px; }
	.contact-head p{ font-size:16px; line-height:26px; }
	.contact-form{ padding:24px 20px; border-radius:16px; }
	.contact-form .form-group{
		grid-template-columns:1fr;
		gap:18px;
		padding-bottom:18px;
	}
	.contact-detail{ padding:28px 22px; border-radius:16px; }
	.contact-detail h3{ font-size:24px; }
	.contact-detail ul{ grid-template-columns:1fr; gap:0px; }
	.contact-detail ul li{
		flex-direction:row;
		padding:18px 0px;
	}
	.contact-detail ul li.center{ align-items:center; }
}
 
/* Small mobile */
@media (max-width:480px){
	.contact-head h1{ font-size:30px; }
	.btn-enquiry{ width:100%; }
	.form-notice{ font-size:13px; padding:12px 14px; }
}




/*************About-us*******************************************/

/********** Responsive **********/
@media (max-width:1199px){
	.about-banner-content h1{ font-size:48px; }
	.about-sec-one-area{ gap:50px; }
}
@media (max-width:991px){
	.about-section-banner{ padding:50px 0px 60px; }
	.about-banner-grid{ grid-template-columns:1fr; gap:35px; }
	.about-banner-content h1{ font-size:42px; }
	.about-section-one,
	.about-section-two{ padding:65px 0px; }
	.about-sec-one-area{ grid-template-columns:1fr; gap:35px; }
	.about-sec-one-left h2,
	.about-sec-two-head h2{ font-size:34px; }
	.about-explicit-area{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width:767px){
	.about-banner-content h1{ font-size:34px; }
	.about-banner-content p{ font-size:16px; line-height:26px; margin-bottom:28px; }
	.about-banner-content .breadcrumb{ flex-wrap:wrap; }
	.about-section-one,
	.about-section-two{ padding:50px 0px; }
	.about-sec-one-left h2,
	.about-sec-two-head h2{ font-size:28px; }
	.about-sec-one-left .lead{ font-size:16px; line-height:26px; }
	.about-sec-two-head{ margin-bottom:30px; }
	.about-explicit-area{ grid-template-columns:1fr; }
	.about-explicit-box{ padding:24px 20px; }
	.about-explicit-box h3{ margin-top:18px; font-size:20px; }
}
@media (max-width:480px){
	.about-banner-content h1{ font-size:30px; }
	.about-banner-card{ padding:6px 18px; }
	.about-info-list li{ gap:14px; padding:20px 0px; }
	.about-info-list li .icon{ width:42px; height:42px; }
	.btn-required{ width:100%; }
}