@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css");

@font-face {
    font-family: 'amatic_scbold';
    src: url('../fonts/amaticsc-bold-webfont.woff2') format('woff2'),
         url('../fonts/amaticsc-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'amatic_scregular';
    src: url('../fonts/amaticsc-regular-webfont.woff2') format('woff2'),
         url('../fonts/amaticsc-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'goldplaybold';
    src: url('../fonts/goldplay_bold-webfont.woff2') format('woff2'),
         url('../fonts/goldplay_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'goldplaymedium';
    src: url('../fonts/goldplay_medium-webfont.woff2') format('woff2'),
         url('../fonts/goldplay_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'goldplayregular';
    src: url('../fonts/goldplay_regular-webfont.woff2') format('woff2'),
         url('../fonts/goldplay_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'goldplaysemibold';
    src: url('../fonts/goldplay_semibold-webfont.woff2') format('woff2'),
         url('../fonts/goldplay_semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body{
    font-family: 'goldplayregular';
}
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient( 90deg, rgb(219 40 66) 15%, #db2842 63% );
}

::-webkit-scrollbar-track {
    background: #dedede;
}
a{
    text-decoration: none;
}
.text-blue{
    color: #1fb4eb;
}
.text-light-blue{
    color: #008af9;
}
.text-sky-blue{
    color: #00759a;
}
h2{
    font-size: 30px;
    font-family: 'amatic_scbold';
}


/*Bottom to Top*/
button.scroltop:focus {
    outline: 0 !important;
}
button.scroltop {
    border-color: #000;
    border-radius: 50%;
    background: #000;
    border-style: solid;
    border-width: 0;
    bottom: 93px;
    color: #fff !important;
    cursor: pointer;
    display: none;
    height: 50px;
    line-height: 50px;
    margin: 0;
    position: fixed;
    right: 15px;
    text-align: center;
    width: 50px;
    z-index: 999;
    transition: all 0.8s;
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
}
button.scroltop:after {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    content: "";
    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    background: inherit;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
    -moz-transition: -moz-transform 0.2s, opacity 0.3s;
    transition: transform 0.2s, opacity 0.3s;
}
button.scroltop:after {
    border: 1px dashed #000;
    background: 0 0;
    transform: scale(1.2);
    transition: all 0.5s;
}
button.scroltop:hover:after {
    -webkit-animation: spinAround 9s linear infinite;
    -moz-animation: spinAround 9s linear infinite;
    animation: spinAround 9s linear infinite;
}
@-webkit-keyframes spinAround {
    from {
        -webkit-transform: rotate(0) scale(1.2);
    }
    to {
        -webkit-transform: rotate(360deg) scale(1.2);
    }
}
@-moz-keyframes spinAround {
    from {
        -moz-transform: rotate(0) scale(1.2);
    }
    to {
        -moz-transform: rotate(360deg) scale(1.2);
    }
}
@keyframes spinAround {
    from {
        transform: rotate(0) scale(1.2);
    }
    to {
        transform: rotate(360deg) scale(1.2);
    }
}



/*Main Banner and Navbar*/
.dropdown-menu{
    padding: 0;
}
.dropdown-item{
    background: #f93e59;
    color: #fff;
}
.dropdown-menu li {
    border-bottom: 1px dashed #f93e59;
}
.dropdown-menu li:last-child {
    border-bottom: 0px dashed #fff;
}
.dropdown-item:focus, .dropdown-item:hover{
    background: #fff;
    color: #000;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
    color: #f93e59;
}
.navbar{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}
.navbar-brand img{
    width: 160px;
}
.banner-social-icons{
    padding: 0;
    margin: 0;
    margin-left: 1rem;
}
.banner-social-icons li{
    list-style: none;
    display: inline-block;
}
.banner-social-icons li a {
    color: #000;
    display: inline-block;
    transition: 0.3s;
}
.banner-social-icons li a:hover{
    color: #f93e59;
}
.navbar-light .navbar-nav .nav-link {
    color: #000;
    text-transform: uppercase;
    font-family: 'goldplaysemibold';
    font-size: 0.9rem;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}

.carousel-caption{
    position: absolute;
    top:35%;
    left: 0;
    right: 0;
}
.carousel-indicators [data-bs-target]{
    background-color: #e92743;
}
.carousel-indicators{
    bottom: 50px;
}

/*Banner Text*/

.carousel-item{
    position: relative;
}
.banner-text-box{
    width: 35%;
}
.banner-text-box h2{
    font-family: 'amatic_scbold';
    font-size: 6.5rem;
    line-height: 5.6rem;
}
.text-red{
    color: #e92743;
}
.text-yellow{
    color: #d8b71e;
}
.text-purple{
    color: #a851d1;
}
.text-blue{
    color: #1445e4;
}
.banner-btn{
    background: url('../images/btn-red-bg.png');
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 10px 30px;
    color: #fff;
    display: inline-block;
    width: 200px;
    font-family: 'goldplaysemibold';
    text-transform: uppercase;
    font-size: 0.9rem;
    transition: 0.3s;
}
.banner-btn:hover{
    color: #fff;
    background-size: 95%;
}

.blue-btn{
    background: url('../images/btn-blue-bg.png');
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 10px 30px;
    color: #fff;
    display: inline-block;
    width: 200px;
    font-family: 'goldplaysemibold';
    text-transform: uppercase;
    font-size: 0.9rem;
    transition: 0.3s;
}
.blue-btn:hover{
    color: #fff;
    background-size: 95%;
}
.light-blue{
    background: url('../images/btn-light-blue-bg.png');
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 10px 30px;
    color: #fff;
    display: inline-block;
    width: 200px;
    font-family: 'goldplaysemibold';
    text-transform: uppercase;
    font-size: 0.9rem;
    transition: 0.3s;
}
.light-blue:hover{
    color: #fff;
    background-size: 95%;
}
.sky-blue-btn{
    background: url('../images/btn-sky-blue-bg.png');
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 10px 30px;
    color: #fff;
    display: inline-block;
    width: 200px;
    font-family: 'goldplaysemibold';
    text-transform: uppercase;
    font-size: 0.9rem;
    transition: 0.3s;
}
.sky-blue-btn:hover{
    color: #fff;
    background-size: 95%;
}
.gray-btn{
    background: url('../images/btn-gray-bg.png');
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 10px 30px;
    color: #fff;
    display: inline-block;
    width: 200px;
    font-family: 'goldplaysemibold';
    text-transform: uppercase;
    font-size: 0.9rem;
    transition: 0.3s;
}
.gray-btn:hover{
    color: #fff;
    background-size: 95%;
}

.btn-orange{
    background: url('../images/btn-orange-bg.png');
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 10px 30px;
    color: #fff;
    display: inline-block;
    width: 200px;
    font-family: 'goldplaysemibold';
    text-transform: uppercase;
    font-size: 0.9rem;
    transition: 0.3s;
}
.btn-orange:hover{
    color: #fff;
    background-size: 95%;
}

.btn-dark-red{
    background: url('../images/btn-dark-red-bg.png');
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 10px 30px;
    color: #fff;
    display: inline-block;
    width: 200px;
    font-family: 'goldplaysemibold';
    text-transform: uppercase;
    font-size: 0.9rem;
    transition: 0.3s;
}
.btn-dark-red:hover{
    color: #fff;
    background-size: 95%;
}


.btn-dark-green{
    background: url('../images/btn-dark-green-bg.png');
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 10px 30px;
    color: #fff;
    display: inline-block;
    width: 200px;
    font-family: 'goldplaysemibold';
    text-transform: uppercase;
    font-size: 0.9rem;
    transition: 0.3s;
}
.btn-dark-green:hover{
    color: #fff;
    background-size: 95%;
}

.conatct-btn{
    background: url('../images/btn-white-bg.png');
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 10px 30px;
    color: #13616d;
    display: inline-block;
    width: 200px;
    font-family: 'goldplaysemibold';
    text-transform: uppercase;
    font-size: 0.9rem;
    transition: 0.3s;
}
.conatct-btn:hover{
    color: #13616d;
    background-size: 95%;
}

/*Our Story*/
.our-story{
    padding: 60px 0;
    background: url('../images/banner-bg-2.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.our-story-img{
    position: relative;
    top:-100px;
    z-index: 10;
}
.common-heading{
    font-family: 'amatic_scbold';
    font-size: 4rem;
}

/*discover-our-universe*/
.discover-our-universe{
    background: url('../images/banner-bg-3.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 60px 0;
    margin-top: -1px;
}
.owl-carousel .owl-dots.disabled {
    display: block;
}

.g-bg-red {
    background: rgb(189,18,38);
    background: linear-gradient(90deg, rgba(189,18,38,1) 0%, rgba(218,22,45,1) 48%, rgba(224,85,92,1) 100%);
}
.g-bg-blue {
    background: rgb(28,51,112);
    background: linear-gradient(90deg, rgba(28,51,112,1) 0%, rgba(39,77,177,1) 48%, rgba(31,103,161,1) 100%);
}
.g-bg-green {
    background: rgb(11,55,37);
    background: linear-gradient(90deg, rgba(11,55,37,1) 0%, rgba(24,113,77,1) 48%, rgba(87,138,80,1) 100%);
}
.g-bg-purple {
    background: rgb(89,6,92);
    background: linear-gradient(90deg, rgba(89,6,92,1) 0%, rgba(135,13,139,1) 48%, rgba(156,35,145,1) 100%);
}

.pro-bg-red {
    background: url('../images/pro-bg-red.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
}
.pro-bg-blue {
    background: url('../images/pro-bg-blue.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
}
.pro-bg-green {
    background: url('../images/pro-bg-green.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
}
.pro-bg-purple {
    background: url('../images/pro-bg-purple.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
}

.product-box{
    border-radius: 20px;
    padding: 20px;
    padding-top: 20px;
    position: relative;
    transition: 0.5s;
    cursor: pointer;
}
.product-text {
    color: #fff;
    transition: 0.3s;
    padding-top: 20px;
    margin-bottom: -20px;
    text-align: right;
}
.product-box:hover .product-text{
    padding-top: 0;
    margin-bottom: 0;
}
.product-text h4 {
    font-family: 'goldplaybold';
    font-size: 1.3rem;
    margin-bottom: 0;
}
.product-text label {
    font-size: 0.9rem;
    display: block;
}
.product-img img {
  transition: 0.3s;
}
.product-img img:hover {
  transform: scale(1.3); 
  transform-origin: bottom;
}
.owl-carousel .owl-stage-outer {
    padding: 35px 0;
}
.read-btn{
  opacity: 0;
  margin-top: 5px;
  padding-top: 5px;
  color: #fff;
  transition: 0.3s;
  font-size: 0.9rem;
  display: block;
  border-top: 1px dashed #fff;
}
.read-btn i{
    position: relative;
    top: 2px;
}
.product-box:hover .read-btn{
  opacity: 1;
  color: #fff;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background: #db2842;
}
.owl-theme .owl-dots .owl-dot span{
    background: #fff;
}
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    position: relative;
    top: -25px;
}


/*sparking-the-minds*/

.sparking-the-minds{
    background: url('../images/banner-bg-4.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 90px 0;
    background-position: bottom;
    margin-top: -1px;
}
.icon-box .icon-bg {
    width: 135px;
    margin: 0 auto;
}
.icon-box .icon-img {
    display: inline-block;
    position: absolute;
    right: -10px;
    top: 60px;
    transition: 0.3s;
}
.icon-img {
    width: 85px;
}
.spark-content{
    color: #fff;
    margin-top: 20px;
}
.spark-content h5{
    font-family: 'goldplaymedium';
    font-size: 1rem;
}
.spark-content h5 a{
    color: #fff;
    font-size: 1.3rem;
}
.icon-box:hover .icon-img {
    right: 25px;
    top: 25px;
}

/*permium-range*/
.permium-range{
    background: url('../images/banner-bg-5.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 30px 0;
    background-position: bottom;
    padding-bottom: 100px;
}
.permium-img{
    display: inline-block;
}
.permium-img img {
    width: 100%;
    padding: 30px;
    transition: 0.3s;
    padding-bottom: 10px;
    padding-right: 0;
}
.permium-box:hover .permium-img img {
  transform: scale(1.1); 
  transform-origin: bottom;
}
.permium-content{
    text-align: right;
}
.permium-content h5{
    background: #fff;
    border-radius: 30px;
    display: inline-block;
    font-family: 'goldplaybold';
    padding: 2px 15px;
    color: #f93e59;
    font-size: 1rem;
    text-transform: uppercase;
}
.permium-content h5 a{
    color: #f93e59;
    transition: 0.3s;
}
.permium-content h5:hover a{
    color: #000;
}
.permium-content p{
    color: #fff;
    font-size: 0.9rem;
    line-height: 0.9rem;
}

/*Call to action*/
.cta{
    background: url('../images/banner-bg-6.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px 0;
    padding-bottom: 130px;
    background-position: bottom;
}
.seach-input .form-control{
    border-radius: 30px;
    background: #f93e59;
    color: #fff;
    box-shadow: none;
    border: 1px solid #f93e59;
    font-size: 0.9rem;
}
.seach-input .form-control::placeholder{
    color: #fff;
}
.search-btn{
    background: #fff;
    color: #000;
    border-radius: 30px;
    padding: 2px 15px;
    position: absolute;
    right: 4px;
    top: 4px;
    transition: 0.3s;
    font-family: 'goldplaymedium';
    font-size: 0.9rem;
}
.search-btn:hover{
    color: #f93e59;
}
.cta-heading{
    color: #f93e59;
    font-family: 'goldplaybold'; 
}

/*Footer*/
footer{
    padding: 60px 0;
    background: #edecec;
    padding-bottom: 0;
}
footer h4{
    font-family: 'goldplaybold';
    font-size: 1.3rem;
    color: #626262;
    text-transform: uppercase;
}
.footer-logo{
    width: 160px;
}
.footer-list{
    padding: 0;
    margin: 0;
}
.footer-list li{
    list-style: none;
    font-family: 'goldplaysemibold';
    font-size: 1rem;
    margin-bottom: 10px;
}
.footer-list li a{
    color: #626262;
    transition: 0.3s;
    display: block;
}
.footer-list li a:hover{
    color: #f93e59;
    padding-left: 2px;
}
.social-icons{
    padding: 0;
    margin: 0;
}
.social-icons li{
    list-style: none;
    display: inline-block;
    margin-right: 2px;
}
.social-icons li a{
    display: inline-block;
}
.social-icons li a img{
    width: 30px;
    transition: 0.3s;
}
.social-icons li a:hover img {
  transform: scale(1.1); 
  transform-origin: bottom;
}
.email a {
    color: #626262;
    font-family: 'goldplaysemibold';
    font-size: 1rem;
}
.address{
    color: #626262;
    font-family: 'goldplaysemibold';
    font-size: 1rem;
}

/*Common Css*/
.only-mob{
    display: none;
}

/*About CSS*/
#carouselExampleCaptions{
    padding-top: 15px;
}
.inner-banner{
    padding-top: 15px;
}
.inner-banner-text{
    position: absolute;
    top: 35%;
    left: 0;
    right: 0;
}
.inner-banner-text .banner-text-box{
    width: 50%;
}

/*quality-assurance*/
.quality-assurance{
    padding: 60px 0;   
    background-size: cover;
    background-repeat: no-repeat; 
}
.quality-assurance-para{
    font-size: 1.3rem;
}


/*review-rating css*/ 

.review-rating{
    padding: 60px 0;
    background: url('../images/banner-bg-review.jpg');
     background-size: 100% 100%;
    background-repeat: no-repeat;  
}

.review-rating ul li {
    display: inline-block;
    text-align: center;
    border-right: 1px solid #fff;
}
.review-rating ul li:last-child {
    border-right: 1px solid transparent;
}
.review-rating ul li:before {
    background: transparent;
    border: 1px solid transparent;
}
.review-rating ul li i{
    font-size: 30px;
}
.review-rating ul li label{
    font-size: 26px;
    font-family: "Goldplay_bold";
    font-weight: normal;
    margin-top: 5px;
}
.review-rating ul li span{
    font-size: 14px;
}
.review-rating ul li i, .review-rating ul li label, .review-rating ul li span {
    display: block;
    color: #fff;
}
 .review-rating ul li label{
    display: block;
    color: #ffd614;
    font-family: 'goldplaybold';
    font-size: 3rem;
 }
 .review-rating ul li span{
    display: block;
    font-size: 1.2rem;
    font-family: 'goldplaymedium';
 }

/* Map */
.map{
    background: #fff3e1;
    padding: 60px 0;
    padding-bottom: 0;
}
.map .common-heading{
    color: #7d5d2c;
}
.big-para{
    font-size: 2.3rem;
    font-family: 'goldplaymedium';
    color: #7d5d2c;
}
.big-para strong {
    font-family: 'goldplaybold';
}

/*testimonials*/
.testimonials{
    padding: 60px 0;
    background: #f44e85;
    padding-bottom: 0;
}
.testimonial-box{
    background: #fff;
    border-radius: 30px;
    padding: 30px;
    text-align: center;
    font-family: 'goldplaymedium';
    font-size: 1.1rem;
    height: 100%;
}
.center-test{
    margin-left: -40px;
    margin-right: -40px;
    position: relative;
    top: -30px;
}
.test-bg-1{
    background: #a3fffe;
}
.test-bg-2{
    background: #ffa3a3;
}
.test-bg-3{
    background: #ffc8a3;
}
.comma{
    margin-bottom: 15px;
}
.sub-heading{
    font-family: 'amatic_scbold';
    font-size: 3rem;
}
/*Contact Us*/
.assistance-form{
    padding: 60px 0;
}
.text-contact-banner{
    color: #146f7d;
}
.after-sale-btn {
   background: #8bdbe7;
   padding: 5px 20px;
   display: inline-block;
   color: #fff;
   text-align: center;
   border: 1px solid #8bdbe7;
   border-radius: 5px;
   transition: 0.3s;
   font-family: 'goldplaysemibold';
   font-size: 1.2rem;
}
.after-sale-btn:hover {
    background: #000;
    color: #fff;
}
.form-label{
    font-family: 'goldplaysemibold';
}

/*Reach Out*/
.reach-out{
    background: url('../images/reach-out.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0;
    padding-top: 100px;
}
.reach-contact{
    margin-bottom: 30px;
}
.reach-contact label{
    font-family: 'goldplaysemibold';
    font-size: 1.2rem;
}
.reach-contact p{
    margin:0;
    font-family: 'goldplaymedium';
    font-size: 1.1rem;
}
.reach-contact p a{
    color: #000;
}
.reach-out .form-control{
    background: transparent;
    border: 1px solid #986e2a;
}
.reach-out .form-control::placeholder{
    color: #d4a861;
}
.reach-out-btn {
   background: #986e2a;
   padding: 5px 20px;
   display: inline-block;
   color: #fff;
   text-align: center;
   border: 1px solid #986e2a;
   border-radius: 5px;
   transition: 0.3s;
   font-family: 'goldplaysemibold';
   font-size: 1.2rem;
}
.reach-out-btn:hover {
    background: #000;
    color: #fff;
}

/*contact-map*/
.contact-map{
    position: relative;
}
.map-strip{
    position: absolute;
    left: 0;
    right: 0;
    top:0;
}
.contact-footer-strip{
    position: absolute;
    left: 0;
    right: 0;
    bottom:-1px;
}

/*left-sidebar*/
.left-sidebar{
    border-right: 2.5px solid #dddddd;
    height: 100%;
}
.small-heading{
    font-family: 'goldplaymedium';
}
.common-list{
    margin: 0;
    padding-left: 17px;
}
.common-list li{
    font-family: 'goldplaymedium';
    font-size: 1.1rem;
    color: #3f3f3f;
    margin-bottom: 10px;
}
.line-2x{
    height: 2.5px !important;
    color: #dddddd;
    opacity: 1;
}
.arichive-text{
    background: #ededed;
}
.arichive-img{
    border-radius: 15px;
    border: 2px solid #e8e8e8;
}
.arichive-text{
    border-radius: 15px;
    padding: 20px;
    padding-top: 10px;
}
.arichive-text label{
    font-family: 'goldplaybold';
    font-size: 1.4rem;
}
.arichive-text p{
    font-size: 1.2rem;
}
.text-orange{
    color: #ff470c;
}
.arichive-img img{
    transition: 0.3s;
}
.arichive-img:hover img {
  transform: scale(1.1); 
  transform-origin: bottom;
}
/*Pagination CSS*/
.pagination-lg .page-link{
    font-size: 1.5rem;
    padding: 0.5rem 1.3rem;
    color: #3f3f3f;
}
.page-item{
    margin: 0 10px;
}
.page-item a{  
    border-radius: 10px;
}
.pagination-lg .page-item:first-child .page-link{
    border-radius: 10px;
}
.pagination-lg .page-item:last-child .page-link{
    border-radius: 10px;
}
.text-dark-red{
    color: #982a3a;
}
.text-dark-green{
    color: #245c40;
}
/*Media CSS*/
.media-coverage{
    padding: 60px 0;
}
.media-coverage-icon{
    position: absolute;
    top:70px;
    left: -100px;
}
.media-coverage-icon img{
    width: 65%;
}
.exhibition{
    background: url('../images/exhibition-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 60px 0;
}
.social-media-post{
    padding: 60px 0;
}

.left-sidebar .common-list {
    padding-right: 20px;
}
.left-sidebar .common-list li{
    transition: 0.4s;
    padding: 7px;
    margin-bottom: 5px;
}
.left-sidebar .common-list li:hover{
    background: #db2842;
    color: #fff;
    margin-left: -17px;
    padding-left: 17px;
    cursor: pointer;
}
.video-frame{
    position: relative;
}

.video-frame img{
    position: absolute;
    left: 0;
    right: 0;
    pointer-events: none;
}

.card{
    border: none;
}
.thumbnail img{
    border:1px solid #ccc;
}
.thumbnail img:hover, .thumbnail img:focus{
    border:1px solid #f93e59;
}
#main-image{
    border: 1px solid #ccc;
}



/*For Tablet and iPad Screens*/
@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .banner-text-box h2 {
        font-family: 'amatic_scbold';
        font-size: 4.5rem;
        line-height: 4rem;
    }
    .our-story {
        margin-top: -1px;
    }
    .sparking-the-minds{
        margin-top: -1px;
    }
    .permium-range{
        margin-top: -1px;
    }
    .navbar-collapse{
        background: #fff;
    }
    .inner-banner-text .banner-text-box {
        width: 60%;
    }
    .inner-banner{
        padding-top: 40px;
    }
    .main-banner{
        padding-top: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .carousel-caption {
        top: 15%;
    }
    .banner-text-box.text-start.w-50{
        width:100% !important;
    }
   .banner-text-box h2 {
        font-family: 'amatic_scbold';
        font-size: 4.5rem;
        line-height: 4rem;
    }
    .banner-text-box {
        width: 70%;
    }
    .only-desktop{
        display: none;
    }
    .only-mob{
        display: block;
    }
    .our-story {
        margin-top: -1px;
        background-size: 155% 110%;
    }
    .sparking-the-minds{
        margin-top: -1px;
        background-size: cover;
    }
    .permium-range{
        margin-top: -1px;
        background-size: cover;
    }
    .navbar-collapse{
        background: #fff;
    }
    .icon-box{
        margin-bottom: 30px;
    }
    .our-story-img {
        position: relative;
        top: 0px;
        z-index: 10;
    }
    .inner-banner-text .banner-text-box{
        width: 90%;
    }
    .inner-banner-text .banner-text-box h2{
        font-size: 4rem;
    }
    .center-test{
        margin-left: 0;
        margin-right: 0;
        top: 0;
    }
    .inner-banner-text {
        top: 27%;
    }
    .review-rating ul li {
        display: inline-block;
        text-align: center;
        width: 50%;
        flex: auto;
        border: 1px solid #fff;
        padding: 10px;
    }
    .review-rating ul li:last-child {
        border-right: 1px solid #fff;
    }
    .big-para {
        font-size: 1.3rem;
    }
    .map {
        margin-bottom: -1px;
    }
    .testimonials {
        margin-bottom: -5px;
    }
    .inner-banner{
        padding-top: 20px;
    }
    .main-banner{
        padding-top: 20px;
    }
    .discover-our-universe {
        background-size: cover;
        margin-top: -1px;
        background-position: bottom;
    }
    .contact-footer-strip {
        bottom: -6px;
    }
    .map-strip {
        top: -7px;
    }
    .left-sidebar {
        border-right: 0px solid #dddddd;
        height: 100%;
    }
    .col-md-3.pe-0{
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
    }
    .col-md-9.ps-0{
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
    }
    .assistance-form .row.ps-5{
        padding-left: 0 !important;
    }
    .page-item{
        margin: 0 5px;
    }
    .media-coverage-icon{
        display: none;
    }
    .row.mt-4.gx-5{
        --bs-gutter-x: 1.5rem !important;
    }
}