/*
Theme Name: Loop Digital
Theme URI: https://www.loop-digital.co.uk
Version: 1.0
*/

@font-face {
   font-family: 'cheddar gothic';
   src: url('/wp-content/themes/LoopTheme/assets/webfonts/CheddarGothicRough-Regular.otf') format('opentype');
   font-weight: normal;
   font-style: normal;
}

 body, html {
    margin: 0;
    padding: 0;
 }

 html {
    font-size: 62.5%;
 }

 h1, h2, h3, h4, h5, h6{
   font-family: "cheddar gothic", sans-serif; 
 } 
 body, div, ul, ol, li, p, span, input, button, a { 
  font-family: "Open Sans", sans-serif; 
 }

 h1, h1 span {
   font-size: 5.4rem;
 }
 
 h2, h2 span {
   font-size: 4.8rem;
   color: #f0542d;
   letter-spacing: 0.04em;
 }
 
 h3, h4, h5, h6, h3 span, h4 span, h5 span, h6 span {
   font-size: 4.2rem;
 }
 
 body, div, ul, ol, li, p, span, input, button, a {
   font-size: 1.8rem;
 }

 p {
   margin-bottom: 1.7rem;
   line-height: 31px;
 }

 a {
   text-decoration: none;
   color:#f0542d;
 }

 a:hover{
   color:#34373C;
 }

.button-primary {
   background-color: #f0542d;
   color: #fff;
   font-size: 1.7rem;
   font-weight: 500;
   padding: 0.7rem 1.6rem;
   border-radius: 5rem;
   display: inline-block;
   letter-spacing: 0.04em;
   -webkit-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

 .button-primary:hover {
   background-color:#34373C;
   color:#fff;
 }

 .button-primary i {
   padding-right: 10px;
 }

 .button-secondary {
   background-color: #34373C;
   color: #fff;
   font-size: 1.7rem;
   font-weight: 500;
   padding: 0.5rem 2rem;
   border: 2px solid #34373C;
   border-radius: 5rem;
   display: inline-block;
   letter-spacing: 0.04em;
   -webkit-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
 }

 .button-secondary:hover{
   background-color:transparent;
   color:#fff;
 }

 .button-secondary i{
   padding-right: 10px;
 }

 .pd-25 {
   padding-top:50px;
   padding-bottom:50px;
 }

.pb-25 {
   padding-top:50px;
}

#header {
   background-color: #fff;
   position: sticky;
   top: 0;
   width: 100%;
   z-index: 1000;
   -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.fsl-menu {
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

.fsl-menu a {
   color: #34373C;
   font-size: 1.1rem;
   font-weight: 500;
   padding-right: 1.8rem !important;
   padding-left: 1.8rem !important;
}

.fsl-menu a:hover, .fsl-menu a:focus {
   color: #f0542d;
}

.fsl-menu li.dropdown {
   position: relative;
}

.fsl-menu li.dropdown>ul.dropdown-menu {
   position: absolute;
   top: 100%;
   left: 0;
   z-index: 1000;
   display: none;
   min-width: 200px;
   padding: 0.5rem 0;
   margin: 0;
   background-color: #fff;
   -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.fsl-menu li.dropdown > ul.dropdown-menu.show {
   display: block;
}

.fsl-menu li.dropdown > a::after {
   content: '\f078';
   font-family: 'Font Awesome 5 Free';
   font-weight: 900;
   font-size: small;
   margin-left: .5rem;
   color: #34373C;
   cursor: pointer;
}

.fsl-menu li.dropdown.active>a::after {
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
}

.fsl-menu ul.dropdown-menu li {
   display: block;
}

.fsl-menu ul.dropdown-menu a {
   display: block;
   padding: 0.5rem 1.8rem;
}

.fsl-menu ul.dropdown-menu a:hover {
   background-color: #f0542d;
   color: #fff;
}

.navbar-toggler {
   display: none;
   padding: 10px;
   background-color: transparent;
   border: none;
   cursor: pointer;
   position: relative;
   z-index: 1002;
   width: 40px;
   height: 40px;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

.navbar-toggler .menu-icon {
   position: relative;
   width: 24px;
   height: 2px;
   background-color: #34373C;
   display: inline-block;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

.navbar-toggler .menu-icon::before,
.navbar-toggler .menu-icon::after {
   content: '';
   position: absolute;
   width: 24px;
   height: 2px;
   background-color: #34373C;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   left: 0;
}

.navbar-toggler .menu-icon::before {
   -webkit-transform: translateY(-8px);
   -ms-transform: translateY(-8px);
   transform: translateY(-8px);
}

.navbar-toggler .menu-icon::after {
   -webkit-transform: translateY(8px);
   -ms-transform: translateY(8px);
   transform: translateY(8px);
}

.navbar-toggler.active .menu-icon {
   background-color: transparent;
}

.navbar-toggler.active .menu-icon::before {
   -webkit-transform: translateY(0) rotate(45deg);
   -ms-transform: translateY(0) rotate(45deg);
   transform: translateY(0) rotate(45deg);
   background-color: #f0542d;
}

.navbar-toggler.active .menu-icon::after {
   -webkit-transform: translateY(0) rotate(-45deg);
   -ms-transform: translateY(0) rotate(-45deg);
   transform: translateY(0) rotate(-45deg);
   background-color: #f0542d;
}

#footer-widget {
   background-color: #f0542d;
}
 
#footer-widget h3, #footer-widget a{
   color:#fff;
}
 
#footer-widget ul {
   list-style-type: none;
   padding-inline-start: 0; 
}

#footer-widget ul li {
   text-decoration: none; 
}

#footer-widget ul li a {
   text-decoration: none;
   font-weight: 300;
   padding: 0.5rem 1rem;
   color: #fff;
   display: block;
   -webkit-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

#footer-widget a:hover {
   -webkit-transform: translateX(3px);
   -ms-transform: translateX(3px);
   transform: translateX(3px);
   color: #34373C;
}

#footer-widget ul li a:hover {
   -webkit-transform: translateX(3px);
   -ms-transform: translateX(3px);
   transform: translateX(3px);
   color: #34373C;
}

#footer-menu-2 {
   padding-left: 0rem; 
}

.footer-submenu ul li {
   margin-bottom: 10px;
   list-style: none;
   color: #ffffff;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.contact-item{
   margin-bottom:2rem;
}

.contact-text{
   color:#fff;
}

.contact-text a {
   -webkit-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
 
.contact-text a:hover {
   color:#34373C;
}
 
.contact-icon i {
   color:#fff;
}

.copy-text a {
   color: #f0542d;
   font-weight: 600;
   -webkit-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

.copy-text a:hover {
   color:#34373C;
}

.social-icon {
   padding: 5px;
   background-color: #34373C;
   border-radius: 12px;
   color: #fff;
   width: 35px;
   height: 35px;
   text-align: center;
   -webkit-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

.footer-social-icons .social-icon:hover {
   background-color: #f0542d;
   color: #ffffff;
}


#internal-banner h1{
   color:#ffffff;
}

.hero-banner {
   min-height: 600px;
}

.hero-banner .hero-row {
   min-height: 600px;
}

.hero-heading {
   font-size: 9.7rem;
   color: #fff;
   letter-spacing: 0.04em;
}

.hero-text {
   color: #fff;
}

.hero-text-area {
   display: flex;
   align-items: center;
   background-color: #f0542d;
}

.hero-content {
   padding: 8rem 6rem 8rem 0;
}

.hero-image {
   background-size: cover;
   background-position: right;
   background-repeat: no-repeat;
}

.hero-buttons {
   margin-top: 4rem;
}

.hero-buttons .banner-button-1{
   margin-right: 2.2rem;
}

.primary-button {
   display: inline-block;
   margin-right: 10px;
   margin-bottom: 10px;
}

.icon-repeater {
   padding: 1.5rem;
}

.text-repeater {
   font-size: 2rem;
   font-weight: 600;
}

#products-section .card-head h3 {
   color: #34373C;
   -webkit-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

#products-section a:hover .card-head h3 {
   color:#f0542d;
}

#products-section .card-image img {
   max-height:280px;
}

.single-product {
   background-color: #F8F9F9;
   padding: 0px;
   border-radius: 3rem;
   -webkit-box-align: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
   padding: 2rem;
   height: 100%;
   -webkit-box-shadow: 5px 5px 15px #00000016;
   box-shadow: 5px 5px 15px #00000016;
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.single-product:hover {
   -webkit-transform: translateY(-3px);
   -ms-transform: translateY(-3px);
   transform: translateY(-3px);
}

.product-icon-link {
   background-color: #f0542d;
   color: #fff;
   width: 50px;
   height: 50px;
   font-size: 20px;
   border-radius: 50%;
   padding: 11px 17px;
   -webkit-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

.product-icon-link:hover{
   background-color: #34373C;
   color: #fff;
}

.content-right {
   margin-left: 30px;
}

.content-right li, .content-left li {
   list-style: none;
   position: relative;
}

.content-right li::before, .content-left li::before {
   content: "\f054";
   font-family: 'Font Awesome 5 Free';
   font-weight: 900;
   position: absolute;
   left: -20px;
   top: 0;
}

.content-left img, .content-right img {
   max-width: 100%;
   height: auto;
}

.content-left a, .content-right a {
   font-weight: 600;
}

.content-left .button-primary, .content-right .button-primary{
   font-weight: 500;
   letter-spacing: 0.04em;
}

.enquiry-form {
   background-repeat: no-repeat;
   background-size: cover;
}

.form-box {
   padding:2rem 15rem;
}
.contact-title, .contact-description {
   color:#fff
}

#wpcf7-f163-o1 p .wpcf7-form-control-wrap input {
   color: #34373C;
}

.contact-description a {
   color:#fff;
   font-weight: bold;
}

.contact-wrapper {
   width: 100%;
}

.name input, .phone input {
   width: 95%;
   padding:0.8rem 2rem;
   border:none;
   font-weight: 600;
}

.phone {
   text-align: end;
}
.cf-fld input {
   width:100%;
   padding:0.8rem 2rem;
   border:none;
   font-weight: 600;
}

textarea {
   width:100%;
   padding:1.2rem 2rem;
   border:none;
   font-weight: 600;
}

#wpcf7-f163-o1 > form > div.col-12.d-flex.full-name > div.col-sm-12.col-xs-12.col-lg-6.name > p > span > input {
   color: #939393 !important;
   opacity: 1;
}

.cf-fld, .full-name {
   padding:1rem;
}

.wpcf7-acceptance label {
  display: flex;
  align-items: center;
}

.wpcf7-acceptance input {
   width: 40px;
   height: 25px;
}

.wpcf7-acceptance span {
   color:#ffffff;
}

.wpcf7-list-item-label a {
   color: #ffffff;
   -webkit-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

.wpcf7-list-item-label a:hover {
   color:#34373C;
}

.wpcf7-list-item {
   display: inline-block;
   margin: 0 0 0 0.6em;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
   width: auto;
   float: inline-end;
   background: #34373C;
   color: #ffffff;
   border: 2px solid #34373C;
   border-radius: 5rem;
   font-weight: 500;
   font-size: 1.9rem;
   text-transform: uppercase;
   -webkit-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   padding: 0.3rem 3rem !important;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
   background: transparent;
   color: #ffffff;
}

form.wpcf7-form input[type="checkbox"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-color: transparent !important;
    background: transparent !important;
    border: 2px solid #ccc !important;
    width: 16px !important;
    height: 16px !important;
    outline: none !important;
    position: relative !important;
    padding:1rem;
    margin-right: 1rem;
}

form.wpcf7-form input[type="checkbox"]:checked, form.wpcf7-form .wpcf7-checkbox input[type="checkbox"]:checked {
    border-color: #ffffff !important;
}

form.wpcf7-form input[type="checkbox"]:checked::before {
   content: '\f00c' !important;
   font-family: 'Font Awesome 5 Free' !important;
   font-weight: 900 !important;
   position: absolute !important;
   left: 50% !important;
   top: 50% !important;
   -webkit-transform: translate(-50%, -50%) !important;
   -ms-transform: translate(-50%, -50%) !important;
   transform: translate(-50%, -50%) !important;
   color: #ffffff !important;
   font-size: 18px !important;
}

.wpcf7 input::placeholder, .wpcf7 textarea::placeholder {
    color: #000 !important;
}

.wpcf7-not-valid-tip{
   color: #ffffff;
   text-align: left;
}

.testimonial {    
   background-color: #34373C;    
   padding: 2rem;    
   color: #F8F9F9;   
   position: relative; 
   border-radius: 1rem;
}  

.testi-reviews{    
   padding: 6rem 7rem 1rem 7rem;     
}     

.username {    
   text-align: end;    
   display: block;    
   margin-top: 0rem;    
   padding: 1rem 5rem 2rem 5rem;    
   font-style: italic;    
   font-weight: 600;
}     

.swiper-container {    
   width: 100%;    
   overflow: hidden;    
   padding: 3rem 0;    
}     

.swiper-slide {    
   width: 100%;    
}         

.testimonial-header {    
   position: relative;    
   margin-bottom: 2rem;    
}        

.navigation-arrows {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 1rem;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.testimonial-prev, .testimonial-next {
   background-color: transparent;
   border: 2px solid #fff;
   border-radius: 50%;
   width: 50px;
   height: 50px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   cursor: pointer;
   -webkit-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   color: #fff;
   margin: 0 5px;
}

.testimonial-prev:hover, .testimonial-next:hover {    
   background-color: transparent;    
   color: #34373C;    
   border: 2px solid #34373C;    
}        

.testimonial-blockquote {    
   margin: 0;    
   padding: 0;    
}        

.quote-image {
   position: absolute;
   top: -35px;
   left: 30px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   z-index: 2;
   -o-object-fit: contain;
   object-fit: contain;
}
  
 .back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #f0542d;
    color: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    text-decoration: none;
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-box-shadow: 0px 2px 4px 0px #b33e20;
    box-shadow: 0px 2px 4px 0px #b33e20;
 }

.back-to-top:hover {
   background-color: #34373C;
   color: white;
}

.content-section {
   background-color: #34373C;
   position: relative;
   border-radius: 15rem 0px;
   color: #fff;
}

.content-section .button-primary i {
   padding:0px 0px 0px 10px;
}

.content-section .button-primary:hover {
   background-color: #fff;
   color: #f0542d;
}

#news-banner h1 {
   color:#ffffff;
}

#news-banner .card {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

#news-banner .card a {
   height: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

#news-banner .card-body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
}

#news-banner .card-content {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
}

#news-banner .button-wrapper {
   margin-top: auto;
   padding-top: 1rem;
}

#news-archive .card a{
   color:#34373C;
}
#news-archive .card a:hover{
   color:#f0542d;
}

#news-archive .card-img-wrapper {
   position: relative;
   width: 100%;
   padding-top: 66.67%;
   overflow: hidden;
}

#news-archive .card-img-wrapper img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

#news-archive .card-body h5 {
   font-size: 4.2rem;
}

#news-archive .card-date {
   font-weight: 600;
   color:#f0542d;
}

.blog-navigation a {
   color:#ffffff;
}

.blog-navigation .button-secondary:hover {
   color:#f0542d;
}

.entry-content p {
   margin-bottom: 30px;
}

.side-widget {
   padding: 2rem;
   background-color: #262a2e0d;
   box-shadow: 4px 6px 8px 0px #8d8d8d;
}

.side-widget hr {
   background-color: #8d8d8d;
   height: 2px;
}

.side-widget ul {
   list-style: none;
   padding-left: 0rem;
}

.side-widget li {
   padding-top: 10px;
}

.nav-previous, .nav-next {
   width:inline;
}

.nav-previous a, .nav-next a{
   color:#ffffff;
}

.nav-previous:hover a, .nav-next:hover a{
   color:#ffffff;
}

.post-thumbnail img {
   max-width: 100%;
   height: auto;
   width: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.testimonial-bg{
   background-color: #f0542d;
}

.testimonial-bg h2{
   color:#ffffff;
}

.testimonial-bg .quote-image {
   -webkit-filter: grayscale(1) brightness(100);
   filter: grayscale(1) brightness(100);
}

.cursor-pointer {
   cursor: pointer;
}

#accessories-section .card-head h3{
   font-size: 3rem;
}

/* Service Page custom changes */

#page-17 .second-repeater .fifty-repeater-row {
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
}

#page-1501 .second-repeater .fifty-repeater-row {
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
}

.description-span {
   color:#f0542d;
}

.table {
   border-collapse: separate;
   border-spacing: 0;
   background: #fff;
}

.table thead th {
   font-size: 1.6rem;
   letter-spacing: 0.5px;
   text-transform: uppercase;
   white-space: nowrap;
   color: #f0542d;
}

.product-row {
   transition: all 0.2s ease;
}

.product-row:hover {
   background-color: #f8f9fa;
   -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.price-cell {
   color: #34373C;
   font-weight: 500;
   text-align: center;
}

.image-wrapper {
   background: #fff;
   padding: 5px;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   cursor: pointer;
   margin: 0 auto;
   max-width: 150px;
}

.image-wrapper:hover {
   -webkit-transform: translateY(-2px);
   -ms-transform: translateY(-2px);
   transform: translateY(-2px);
   -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.zoom-image {
   max-width: 100%;
   height: auto;
   display: block;
}

#imageModal .modal-dialog {
   max-width: 90%;
   margin: 1.75rem auto;
}

.modal-title{
   font-size: 3.2rem;
}

.table-responsive {
   background: #fff;
   padding: 1rem;
   border: 1px solid rgba(0,0,0,0.05);
}

.table-responsive::-webkit-scrollbar {
   height: 6px;
}

.table-responsive::-webkit-scrollbar-track {
   background: #f1f1f1;
   border-radius: 3px;
}

.table-responsive::-webkit-scrollbar-thumb {
   background: #888;
   border-radius: 3px;
}

.table-responsive::-webkit-scrollbar-thumb:hover {
   background: #555;
}

#pdf-section .card-head h3{
   font-size: 3rem;
   color:#212529;
}

.pdf-thumb {
   width:40%;
}

.privacy-policy p {
   margin-bottom: 25px !important;
}

.privacy-policy h2 {
   margin-bottom: 15px;
}

#page-id-66 .wp-block-table table, #page-id-66 tr, #page-id-66 th, #page-id-66 td {
   border: 2px solid #000;
   padding:18px;
}


@media screen and (max-width:1599px) {
   .hero-heading{
      font-size: 6.2rem;
   }
   .hero-buttons .banner-button-1 {
      margin-right: 1.6rem;
  }
  .button-primary{
      padding:0.7rem 1.2rem;
  }
}

@media screen and (max-width:1399px) {
   .fsl-menu a {
      padding-left:10px!important;
      padding-right:10px!important;
   }

   #header .button-primary {
      font-size:1.5rem;
   }
}

@media screen and (max-width: 1199px) {
   #header {
       padding: 15px;
   }

   .navbar-toggler {
       display: inline-block;
   }

   .fsl-menu {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: auto;
      background-color: #fff;
      padding: 10px 20px 20px;
      overflow-y: auto;
      z-index: 1000;
      margin-top: 115px;
  }

  .fsl-menu.show {
     display: block;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
  }

  .fsl-menu li {
     display: block;
     margin: 10px 0;
     opacity: 0;
     -webkit-transform: translateY(20px);
     -ms-transform: translateY(20px);
     transform: translateY(20px);
     -webkit-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
  }

  .fsl-menu.show li {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
  }

   .fsl-menu a {
       display: block;
       padding: 10px 0 !important;
   }

 
      .fsl-menu li:nth-child(1) {
         -webkit-transition-delay: 0.1s;
         -o-transition-delay: 0.1s;
         transition-delay: 0.1s;
      }
   
      .fsl-menu li:nth-child(2) {
         -webkit-transition-delay: 0.2s;
         -o-transition-delay: 0.2s;
         transition-delay: 0.2s;
      }
   
      .fsl-menu li:nth-child(3) {
         -webkit-transition-delay: 0.3s;
         -o-transition-delay: 0.3s;
         transition-delay: 0.3s;
      }
   
      .fsl-menu li:nth-child(4) {
         -webkit-transition-delay: 0.4s;
         -o-transition-delay: 0.4s;
         transition-delay: 0.4s;
      }
   
      .fsl-menu li:nth-child(5) {
         -webkit-transition-delay: 0.5s;
         -o-transition-delay: 0.5s;
         transition-delay: 0.5s;
      }

      .fsl-menu li.dropdown>ul.dropdown-menu {
         position: static;
         width: 100%;
         -webkit-box-shadow: none;
         box-shadow: none;
         padding: 0 0 0 0px;
         margin: 5px 0;
         background-color: transparent;
      }

  .fsl-menu li.dropdown > ul.dropdown-menu a {
      padding: 8px !important;
  }

  .nav-togg:focus {
     text-decoration: none;
     outline: 0;
     -webkit-box-shadow: 0 0 0 0;
     box-shadow: 0 0 0 0;
  }

   body.menu-open {
       overflow: hidden;
   }

   .hero-image {
       min-height: 300px;
   }

   .hero-content {
      padding: 2rem 0;
  }
  
}

@media screen and (max-width:992px) {

   .h-button {
      padding: 1.2rem;
   }
   .hero-content {
      padding: 2rem 0;
  }
   .hero-heading {
      font-size: 4.2rem;
   }

   .content-right {
      margin-left: 0px;
      margin-top:20px;
  }


   .form-box {
      padding: 2rem 4rem;
   }
  .full-name {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     padding: 0rem 1rem;
  }
   .name, .phone{
      padding:1rem 0rem;
   }
   .name input, .phone input{
      width: 100%;
   }
   input.wpcf7-form-control.wpcf7-submit.has-spinner {
      width: 100%;
   }
}

@media screen and (max-width:991px) {
   .testi-reviews {
      padding: 6rem 2rem 2rem 2rem;
   }
}

@media screen and (max-width: 768px) {

   .h-button{
      padding: 1.2rem;
   }
   .hero-heading {
      font-size: 5.6rem;
      text-align: center;
   }
      .hero-buttons {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         text-align: center;
      }
   .button-secondary, .button-secondary:hover {
      margin: 0.5rem;
   }

   .hero-buttons .banner-button-1 {
      margin-right: 0.5rem;
  }

   .fifty-repeater-row {
      row-gap:3rem;
   }

   .content-right h2, .content-left h2 {
      text-align: center;
   }

   .content-right {
      margin-left: 0px;
  }

   .form-box {
      padding: 2rem 2rem;
   }
   
   .full-name {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 0rem 1rem;
   }

   .name, .phone {
      padding:1rem 0rem;
   }

   .name input, .phone input {
      width: 100%;
   }

   .wpcf7-acceptance label {
      align-items: flex-start;
   }

   .wpcf7-acceptance input {
      width: 85px;
      height: 35px;
   }
   .wpcf7-acceptance span {
      padding-left: 1rem;
   }
   .wpcf7-list-item{
      margin:0;
   }

   input.wpcf7-form-control.wpcf7-submit.has-spinner{
      margin-top: 2rem;
   }

   .swiper-slide {
      width: calc(50% - 15px);
    }

    .testi-heading{
      text-align: center;
    }

    .testimonial-header {
      gap: 1rem;
   }
   
   .testi-heading {
      margin: 1rem 0 !important;
   }
      
   .navigation-arrows {
      gap: 0.5rem;
   }
      
   .testimonial-prev, .testimonial-next {
      width: 35px;
      height: 35px;
   }
      
   .testimonial {
      padding: 1.5rem;
   }

   #imageModal .modal-dialog {
      max-width: 95%;
      margin: 1rem auto;
   }
  
   .table thead th {
      font-size: 1.6rem;
   }

   .content-section {
      border-radius: 8rem 0px;      
   }
   h2,h2 span, #internal-banner h1 {
      font-size: 3.8rem;
   }
}


@media screen and (max-width: 576px) {



   .testimonial-header {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         text-align: center;
         gap: 1rem;
      }
   
   .navigation-arrows {
   margin-bottom: 1rem;
   }
   
   .testimonial {
   padding: 1rem;
   }
   
   #internal-banner h1 {
      font-size:3.8rem;
   }

   .testimonial-bg h2 {
      font-size:3.8rem;
   }

   .testi-reviews {
      padding: 8rem 2rem 2rem 2rem;
   }

}