/* Sizes read from the sitewide type scale in header.css (--fs-*) — no
   breakpoint steps needed, clamp() already scales these fluidly. */
:root {
    --services-tabbody-text: var(--fs-body);
    --ser-subpage-main-heading: var(--fs-h2);
    --reviwew-subheading: var(--fs-small);
    --bourch-heading: var(--fs-h3);
}



.reviwew-subheading {
    font-size: var(--reviwew-subheading);
}

.services-tab-body-text {
    font-size: var(--services-tabbody-text);
    font-weight: 400;
    text-align: justify;
}

.ser-subpage-main-heading {
    font-size: var(--ser-subpage-main-heading);
}


.bourch-heading {
    font-size: var(--bourch-heading);
}



/* Staff and Tour */

#staff-tour {
    background: var(--color-white);
    padding: 50px 0;
}

#staff-tour .sub-services-wrapper {
    border-radius: 25px;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 4 / 2; /* 🔥 controls height cleanly */
}

#staff-tour .sub-services-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}



@media (max-width: 991.98px) {

    #staff-tour {
        padding: 30px 0;
    }

}



.brochure-section {
  padding: 20px;
}

/* Main box */
.brochure-section .brochure-box {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  border-radius: 40px;
  overflow: hidden;
  background: linear-gradient(90deg,
      #ACADB1 0%,
      #C4C4C6 5%,
      #D5D5D6 10%,
      #DFDEDF 15%,
      #E3E2E2 20%,
      #CBCBCC 30%,
      #D6D6D6 40%,
      #E3E2E2 50%,
      #DCDBDB 60%,
      #CBCBCC 70%,
      #CFCFD0 80%,
      #D3D3D4 87%,
      #B3B4B7 95%,
      #A7A9AD 100%);
}

/* Left content */
.brochure-section .brochure-content {
  padding: 20px 40px;
  color: #fff;
   flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}



/* Right gradient button area */
.brochure-section .brochure-action {
  background: linear-gradient(90deg, var(--blue-600) 0%, var(--cyan-500) 50%, var(--blue-600) 100%);
  padding: 40px 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 280px;
}

/* Button */
.brochure-section .download-btn {
  color: #fff;
  text-align: center;
  font-size: var(--fs-h4);
  font-weight: 500;
  text-decoration: none;
  line-height: 1.4;
}



/*  */

#three-sixthy{

    padding: 40px 0 0px;
}

.momento-360-view .logo-anchor .logo {
    display: none !important;
        opacity: 0.1 !important;
}
#three-sixthy iframe {
  width: 100%;
  height: 650px;
  border: 15px solid transparent;
  border-radius: 25px;
  

  background:
    linear-gradient(90deg,
      #ACADB1 0%,
      #C4C4C6 5%,
      #D5D5D6 10%,
      #DFDEDF 15%,
      #E3E2E2 20%,
      #CBCBCC 30%,
      #D6D6D6 40%,
      #E3E2E2 50%,
      #DCDBDB 60%,
      #CBCBCC 70%,
      #CFCFD0 80%,
      #D3D3D4 87%,
      #B3B4B7 95%,
      #A7A9AD 100%) padding-box,

    linear-gradient(90deg,
      #ACADB1 0%,
      #C4C4C6 5%,
      #D5D5D6 10%,
      #DFDEDF 15%,
      #E3E2E2 20%,
      #CBCBCC 30%,
      #D6D6D6 40%,
      #E3E2E2 50%,
      #DCDBDB 60%,
      #CBCBCC 70%,
      #CFCFD0 80%,
      #D3D3D4 87%,
      #B3B4B7 95%,
      #A7A9AD 100%) border-box;

      
}

/* responsive */

@media (max-width: 1027px) {

   .brochure-section .brochure-action {
  
    min-width: 230px;
}
#three-sixthy iframe {
    width: 100%;
    height: 500px;
}

}

@media (max-width: 991.98px) {

  .brochure-section .brochure-action {

    min-width: 190px;
}
.brochure-section .brochure-content {
    padding: 20px 25px;
}


.brochure-section {
  padding: 0px;
}

}

@media (max-width: 767.98px) {

    .brochure-section .brochure-box{
        flex-direction: column;
    }
.brochure-section .brochure-content {
    padding: 25px 25px;
}
.brochure-section .brochure-action {
    background: linear-gradient(90deg, var(--blue-600) 0%, var(--cyan-500) 50%, var(--blue-600) 100%);
    padding: 25px 19px;
}
#three-sixthy iframe {
    width: 100%;
    height: 100%;
}


}



/* Page Auto Service */

#img-auto-serv-sec .auto-serve-img-wrapper img{

    height: 450px;
    object-fit: cover;
}


#auto-serve-text{
    padding: 50px 0;

    background: var(--navy-900);
}



#proud-to-serve {
    background: var(--color-white);
    padding: 50px 0;
}

#proud-to-serve .sub-services-wrapper {
    position: relative;
    border-radius: 25px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: flex;
}

#proud-to-serve .video-player {
    width: 100%;
    height: 100%;
    object-fit: cover; /* this makes it behave like background cover */
    border-radius: 25px;
    display: block;
}
#proud-to-serve .row {
    align-items: stretch;
}
#proud-to-serve .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #2bb3ff;
    color: white;
    font-size: 30px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}


@media (max-width: 991.98px) {

    #auto-serve-text{
    padding: 30px 0;

    background: var(--navy-900);
}


    #proud-to-serve {
        padding: 30px 0;
    }
    #img-auto-serv-sec .auto-serve-img-wrapper img{

    height: 100%;
    object-fit: cover;
}


}

#main-section-schol-transport{
    background: var(--navy-900);
}


#main-section-schol-transport #staff-tour {
    background: var(--color-white);
    
}

#main-section-schol-transport .brochure-section .brochure-box {
    background:  linear-gradient(90deg,
      #ACADB1 0%,
      #C4C4C6 5%,
      #D5D5D6 10%,
      #DFDEDF 15%,
      #E3E2E2 20%,
      #CBCBCC 30%,
      #D6D6D6 40%,
      #E3E2E2 50%,
      #DCDBDB 60%,
      #CBCBCC 70%,
      #CFCFD0 80%,
      #D3D3D4 87%,
      #B3B4B7 95%,
      #A7A9AD 100%) ;
}

#spot2spot-services{
        background:  linear-gradient(90deg,
      #ACADB1 0%,
      #C4C4C6 5%,
      #D5D5D6 10%,
      #DFDEDF 15%,
      #E3E2E2 20%,
      #CBCBCC 30%,
      #D6D6D6 40%,
      #E3E2E2 50%,
      #DCDBDB 60%,
      #CBCBCC 70%,
      #CFCFD0 80%,
      #D3D3D4 87%,
      #B3B4B7 95%,
      #A7A9AD 100%) ;

}

#spot2spot-services #staff-tour {
        background:  linear-gradient(90deg,
      #ACADB1 0%,
      #C4C4C6 5%,
      #D5D5D6 10%,
      #DFDEDF 15%,
      #E3E2E2 20%,
      #CBCBCC 30%,
      #D6D6D6 40%,
      #E3E2E2 50%,
      #DCDBDB 60%,
      #CBCBCC 70%,
      #CFCFD0 80%,
      #D3D3D4 87%,
      #B3B4B7 95%,
      #A7A9AD 100%) ;

    
}


 #viewer {
            width: 100%;
            height: 650px;
            border: 15px solid transparent;
            border-radius: 25px;
            background: linear-gradient(90deg, #ACADB1 0%, #C4C4C6 5%, #D5D5D6 10%, #DFDEDF 15%, #E3E2E2 20%, #CBCBCC 30%, #D6D6D6 40%, #E3E2E2 50%, #DCDBDB 60%, #CBCBCC 70%, #CFCFD0 80%, #D3D3D4 87%, #B3B4B7 95%, #A7A9AD 100%) padding-box, linear-gradient(90deg, #ACADB1 0%, #C4C4C6 5%, #D5D5D6 10%, #DFDEDF 15%, #E3E2E2 20%, #CBCBCC 30%, #D6D6D6 40%, #E3E2E2 50%, #DCDBDB 60%, #CBCBCC 70%, #CFCFD0 80%, #D3D3D4 87%, #B3B4B7 95%, #A7A9AD 100%) border-box;
        }

#viewer img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }