/*
Theme Name: Scope Granites Child
Theme URI: https://yourwebsite.com
Description: Child Theme for Scope Granites
Author: Your Name
Template: scopegranites
Version: 1.0.0
Text Domain: scopegranites-child
*/

/* Add your custom CSS below */

@font-face {
    font-family: 'Montserrat';
    src: url('https://zinavo-clientupdates.in/raja/scope/wp-content/themes/scopegranites-child/fonts/Montserrat-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('https://www.scopegranites.com/wp-content/themes/scopegranites-child/fonts/Montserrat-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('https://www.scopegranites.com/wp-content/themes/scopegranites-child/fonts/Montserrat-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('https://www.scopegranites.com/wp-content/themes/scopegranites-child/fonts/Montserrat-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('https://www.scopegranites.com/wp-content/themes/scopegranites-child/fonts/Montserrat-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}

body {
    font-family: 'Montserrat', sans-serif;
}

/* bannerpage css */
.hero-slider{
    width:100%;
    height:100vh;
}

.hero-slide{
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
}

/* Background Image */
.hero-slide .bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    transform:scale(1.15);
    transition:transform 8s ease;
}



/* Overlay */
.overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
    z-index:1;
}

/* Content */
.slide-content{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1200px;
    padding:20px;
}

.slide-title{
    color:#fff;
    font-size:80px;
    font-weight:700;
    line-height:1.1;
    text-transform:uppercase;
    margin-bottom:20px;
    opacity:0;
    transform:translateY(60px);
}

.slide-text{
    color:#fff;
    font-size:24px;
	font-weight:400;
    letter-spacing:2px;
    opacity:0;
    transform:translateY(60px);
}

/* Animation */
.swiper-slide-active .slide-title{
    animation:titleFadeUp 1.2s ease forwards;
    animation-delay:.3s;
}

.swiper-slide-active .slide-text{
    animation:textFadeUp 1.2s ease forwards;
    animation-delay:.8s;
}

@keyframes titleFadeUp{
    from{
        opacity:0;
        transform:translateY(60px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes textFadeUp{
    from{
        opacity:0;
        transform:translateY(60px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* Navigation */
.swiper-button-prev,
.swiper-button-next{
    color:white !important;
    font-size:60px;
    font-weight:300;
    width:auto;
    height:auto;
    transition:.3s;
    z-index:10;
}

.swiper-button-prev{
    left:40px;
}

.swiper-button-next{
    right:40px;
}

.swiper-button-prev::after,
.swiper-button-next::after{
    display:none;
}

.swiper-button-prev:hover,
.swiper-button-next:hover{
    opacity:.7;
}

/* Tablet */
@media(max-width:1024px){

    .hero-slider{
        height:80vh;
    }

    .slide-title{
        font-size:60px;
    }

    .slide-text{
        font-size:20px;
    }

    .swiper-button-prev{
        left:20px;
    }

    .swiper-button-next{
        right:20px;
    }
}

/* Mobile */
@media(max-width:767px){

    .hero-slider{
        height:60vh !important;
    }

    .slide-content{
        padding:0 20px;
    }

    .slide-title{
        font-size:36px;
        margin-bottom:15px;
    }

    .slide-text{
        font-size:15px;
        line-height:1.6;
    }

    .swiper-button-prev,
    .swiper-button-next{
        font-size:40px;
    }

    .swiper-button-prev{
        left:10px;
    }

    .swiper-button-next{
        right:10px;
    }
}

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

    .hero-slider{
        height:60vh;
    }

    .slide-title{
        font-size:28px;
    }

    .slide-text{
        font-size:14px;
    }

    .swiper-button-prev,
    .swiper-button-next{
        display:none;
    }
}


/*home page css */
.gt_switcher .gt_option {
  position: absolute !important;
  z-index: 99999 !important;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
  border-radius: 6px;
  min-width: 160px;
  height: auto !important;
  overflow: hidden !important;

  /* Force animation override */
  max-height: 0 !important;
  opacity: 0;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), 
              opacity 0.3s ease;
}

.gt_switcher .gt_option[style*="block"] {
  max-height: 300px !important;
  opacity: 1 !important;
  height: auto !important;
}

.gt_switcher {
  position: relative !important;
  overflow: visible !important;
}

.gt_selected {
  overflow: visible !important;
  cursor: pointer;
}

.gtranslate_wrapper {
  position: relative !important;
  z-index: 99999 !important;
  overflow: visible !important;
}

h1.entry-title {
    display: none !important;
}




aside#secondary {
    display: none;
}
.inside-border{
    position: relative;
}

.inside-border::after{
    content: "";
    position: absolute;
    inset: 0;
    border: 4px solid transparent;
    transition: border-color 0.4s ease;
    pointer-events: none;
	border-radius:2px;
}

.inside-border:hover::after{
    border-color: #FEF84C;
}

.location figure.elementor-image-box-img {
    margin-top: 5px !important;
}
/* Main Menu Only */
.elementor-nav-menu > li{
    position:relative;
}

.elementor-nav-menu > li.current-menu-item,
.elementor-nav-menu > li.current_page_item,
.elementor-nav-menu > li.current-menu-ancestor{
    background:#4984be;
    border-radius:3px;
}

.elementor-nav-menu > li::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:100%;
    height:0;
    background:#4984be;
    transform:translateY(-50%);
    transition:height .4s ease;
    z-index:-1;
    border-radius:3px;
}

.elementor-nav-menu > li:hover::before{
    height:100%;
}

.elementor-nav-menu > li > a{
    position:relative;
    z-index:1;
}


.elementor-nav-menu--layout-horizontal .elementor-nav-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.image-gallery img.attachment-full.size-full {
    padding: 10px;
}
.image-gallery img:nth-child(1){
   height:300px;
} 
ul#sm-17804932124855608-2 {
    width:200px !important;
}
.elementor-nav-menu .sub-menu li a:hover{
    background:#e7e7e7 !important;
    transition:all .3s ease;
	color:black;
}
span.edit-link {
    display: none;
}
.packing-h1::before {
    content: "";
    background: red;
    position: absolute;
    width: 80px;
    height: 4px;
    top: 45px;
}

.e-n-tabs-heading {
    background-color: #fcfcfc;
}

@media(max-width:768px){
	.call .elementor-image-box-wrapper {
    display: flex;
		
}
	.mail .elementor-image-box-wrapper {
    display: flex;
}
	.location .elementor-image-box-wrapper {
    display: flex;
}
	.packing-h1::before{
		width:0px !important;
	}
}
.address h3.elementor-image-box-title {
    margin: 0px;
}

.phone-link{
    color: black;
    text-decoration: none;
    transition: color 0.3s ease;
}

.phone-link:hover{
    color: #fc3;
}


/* form css */
/* Remove CF7 paragraph spacing */
.contact-form p{
    margin:0;
    padding:0;
}

/* Labels */
.contact-form label{
    display:block;
    color:#000;
    font-size:16x;
    font-weight:700;
    line-height:1.2;
    margin:0 0 8px;
}

.contact-form label span{
    color:#ff0000;
}
.contact-form p {
    margin: 0;
    padding: 0;
    font-weight: 700;
    margin-bottom: 5px;
}

/* Inputs */
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form textarea{
    width:100%;
    height:40px;
    border:1px solid #d6d6d6;
    background:#fff;
    padding:12px 15px;
    font-size:16px;
    border-radius:0;
    box-shadow:0 2px 6px rgba(0,0,0,0.08);
    margin-bottom:10px;
    outline:none;
}

.contact-form textarea{
    height:160px;
    resize:vertical;
}

/* Focus */
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form textarea{
    width:100%;
    border:1px solid #d6d6d6;
	border-radius:3px;
    background:#fff;
    padding:12px 15px;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.08);
    -webkit-box-shadow: inset 0 2px 5px rgba(0,0,0,0.08);
}

/* Submit Button */
.contact-form input[type="submit"]{
    width:100%;
    height:40px;
    border:1px solid #d6d6d6;
    background:#f5f5f5;
    color:#000;
	border-radius:3px;
    font-size:16px;
    font-weight:700;
    cursor:pointer;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.08);
    -webkit-box-shadow: inset 0 2px 5px rgba(0,0,0,0.08);
}

.contact-form input[type="submit"]:hover{
    background:#eeeeee;
}

/* CF7 wrapper */
.contact-form .wpcf7-form-control-wrap{
    display:block;
}
.contact-form br{
    display:none;
}
.our-clients img.attachment-full.size-full {
    width: 100%;
}
.our-clients  img{
	border-radius:3px !important;
}

.our-clients  img.attachment-full.size-full {
    border: 3px solid #00000000;
	border-radius:3px;
}
.our-clients  img.attachment-full.size-full:hover{
	    border: 3px solid #ffba00;
	border-radius:3px;

}


/* header-top section css */

    .footer-bar {
      display: flex;
     justify-content: end;
     font-size: 12px !important;
    

      font-size: 12px;
      color: #333333;
      flex-wrap: wrap;
      gap: 8px;
    }

    .footer-left {
      display: flex;
      align-items: center;
      gap: 6px;
    }

    .footer-left a {
      color: #333333;
      text-decoration: none;
    }

    .footer-divider {
      color: #333333;
      margin: 0 4px;
    }

    .footer-right {
      display: flex;
      align-items: center;
      gap: 13px;
    }

    .footer-right a {
      color: #333;
      text-decoration: none;
      font-size: 19px !important;
      display: flex;
      align-items: center;
    }

    .footer-right a:hover {
      color: #555;
    }

    /* Simple SVG icons inline */
    .icon {
      width: 18px;
      height: 18px;
      vertical-align: middle;
      margin-right: 2px;
    }
.our-products{
    width:400px;
    height:300px;
    overflow:hidden;
    border-radius:20px;
    cursor:pointer;
    transition:transform .15s ease;
    transform-style:preserve-3d;
    will-change:transform;
    box-shadow:0 15px 30px rgba(0,0,0,.15);
}

.our-product {
    position: relative;
    overflow: hidden;
}

.our-product {
    perspective: 1000px;
}

.heading {
    transition: all 0.4s ease;
}

.our-product{
    overflow:hidden;
}

.heading{
    transition:.4s ease;
}

.our-product:hover .heading{
    transform:translateY(-15px);
    letter-spacing:1px;
}


/* image animation css */
.flex{
    display:flex;
  
    justify-content:center;
    gap:20px;
}

.our-product{
    width:100%;
    max-width:350px;
    height:340px;
    position:relative;
    overflow:hidden;
    cursor:pointer;
   

    transform-style:preserve-3d;
    transition:transform .15s ease;
    will-change:transform;

    box-shadow:0 20px 40px rgba(0,0,0,.15);
}
 .our-product img{
    width:100%;
    height:100% !important;
    object-fit:cover;
    display:block;
} 

/* White Border */
.our-product::before{
    content:"";
    position:absolute;
    top:15px;
    left:15px;
    right:15px;
    bottom:15px;
    border:3px solid #fff;
    z-index:2;
    pointer-events:none;
}

/* Overlay */
.our-product::after{
    content:"";
    position:absolute;
    inset:0;
    background:black;
    z-index:1;
	opacity:0.2;
}

/* Heading */
.heading{
    position:absolute;
    left:30px;
    bottom:40px;
    z-index:3;

    font-size:21px;
    font-weight:700;
    color:white;
    line-height:1.3;
	text-align:center;

    transition:.15s ease;
    will-change:transform;
}

/* Tablet */
@media (max-width:1024px){

    .our-product{
        max-width:calc(50% - 15px);
    }

    .heading{
        font-size:22px;
    }
}

/* Mobile */
@media (max-width:768px){


   .flex{
    display:flex;
    flex-wrap:wrap;
    row-gap:20px;
    column-gap:10px;
}
	

    .our-product{
        max-width:100%;
        height:280px;
    }

    .heading{
        left:25px;
        bottom:30px;
        font-size:20px;
    }
}

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

    .our-product{
        height:240px;
    }

    .our-product::before{
        top:10px;
        left:10px;
        right:10px;
        bottom:10px;
    }

    .heading{
        left:20px;
        bottom:25px;
        font-size:18px;
    }
}

@media (max-width:768px){
    #tiltCard{
        width:350px !important;
        height:300px !important;
        max-width:350px !important;
    }
}