/*
Theme Name: bs-as-service
Theme URI: http://underscores.me/
Description: Wordpress Theme rapid development
Author: anonymous
Requires at least: 5.3
Tested up to: 6.0.2
Requires PHP: 7.4
Version: 0.4
*/

.mfp-container .mfp-arrow::before {
  background: url("assets/i/static/gallery-right-black.svg") no-repeat center;
}
.mfp-container .mfp-arrow:hover:before {
  background: url("assets/i/static/gallery-right-white.svg") no-repeat center;
}

@font-face {
  font-family: "Urbanist";
  src:
    url("assets/fonts/Urbanist-BoldItalic.woff2") format("woff2"),
    url("assets/fonts/Urbanist-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist";
  src:
    url("assets/fonts/Urbanist-ExtraBoldItalic.woff2") format("woff2"),
    url("assets/fonts/Urbanist-ExtraBoldItalic.woff") format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist";
  src:
    url("assets/fonts/Urbanist-LightItalic.woff2") format("woff2"),
    url("assets/fonts/Urbanist-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist";
  src:
    url("assets/fonts/Urbanist-ExtraBold.woff2") format("woff2"),
    url("assets/fonts/Urbanist-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist";
  src:
    url("assets/fonts/Urbanist-BlackItalic.woff2") format("woff2"),
    url("assets/fonts/Urbanist-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist";
  src:
    url("assets/fonts/Urbanist-Italic.woff2") format("woff2"),
    url("assets/fonts/Urbanist-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist";
  src:
    url("assets/fonts/Urbanist-Light.woff2") format("woff2"),
    url("assets/fonts/Urbanist-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist";
  src:
    url("assets/fonts/Urbanist-Regular.woff2") format("woff2"),
    url("assets/fonts/Urbanist-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist";
  src:
    url("assets/fonts/Urbanist-SemiBoldItalic.woff2") format("woff2"),
    url("assets/fonts/Urbanist-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist";
  src:
    url("assets/fonts/Urbanist-ThinItalic.woff2") format("woff2"),
    url("assets/fonts/Urbanist-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist";
  src:
    url("assets/fonts/Urbanist-Black.woff2") format("woff2"),
    url("assets/fonts/Urbanist-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist";
  src:
    url("assets/fonts/Urbanist-Bold.woff2") format("woff2"),
    url("assets/fonts/Urbanist-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist";
  src:
    url("assets/fonts/Urbanist-Thin.woff2") format("woff2"),
    url("assets/fonts/Urbanist-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist";
  src:
    url("assets/fonts/Urbanist-SemiBold.woff2") format("woff2"),
    url("assets/fonts/Urbanist-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src:
    url("assets/fonts/Roboto-Thin-Italic.woff2") format("woff2"),
    url("assets/fonts/Roboto-Thin-Italic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src:
    url("assets/fonts/Roboto-Bold.woff2") format("woff2"),
    url("assets/fonts/Roboto-Bold.woff") format("woff");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src:
    url("assets/fonts/Roboto-Light-Italic.woff2") format("woff2"),
    url("assets/fonts/Roboto-Light-Italic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src:
    url("assets/fonts/Roboto-Medium.woff2") format("woff2"),
    url("assets/fonts/Roboto-Medium.woff") format("woff");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src:
    url("assets/fonts/Roboto-Regular.woff2") format("woff2"),
    url("assets/fonts/Roboto-Regular.woff") format("woff");
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src:
    url("assets/fonts/Roboto-Thin.woff2") format("woff2"),
    url("assets/fonts/Roboto-Thin.woff") format("woff");
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src:
    url("assets/fonts/Roboto-Black.woff2") format("woff2"),
    url("assets/fonts/Roboto-Black.woff") format("woff");
  font-weight: 900;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src:
    url("assets/fonts/Roboto-Medium-Italic.woff2") format("woff2"),
    url("assets/fonts/Roboto-Medium-Italic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src:
    url("assets/fonts/Roboto-Black-Italic.woff2") format("woff2"),
    url("assets/fonts/Roboto-Black-Italic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src:
    url("assets/fonts/Roboto-Italic.woff2") format("woff2"),
    url("assets/fonts/Roboto-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src:
    url("assets/fonts/Roboto-Light.woff2") format("woff2"),
    url("assets/fonts/Roboto-Light.woff") format("woff");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src:
    url("assets/fonts/Roboto-Bold-Italic.woff2") format("woff2"),
    url("assets/fonts/Roboto-Bold-Italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}


.page-privacy ul {
    margin: 5px 17px;
    line-height: 1.6;
}
.page-privacy p {
    margin-bottom: 3rem;
    line-height: 1.6;
}
body .wpcf7-response-output {
    color: white;
}

button.wpcf7-form-control.wpcf7-submit.has-spinner.form__submit {
    font-size: 2.4rem;
    color: var(--accent);
    background: transparent;
    border: none;
    cursor: pointer;
    line-height: 90%;
    text-align: center;
    text-transform: uppercase;
}

body .wpcf7-submit {
  display: flex;
  align-items: center;
  background-color: #007bff;
  color: white;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
}

.form__svg {
  margin-left: 8px; 
}
.form__submit .form__svg svg {
  transition: transform 0.3s ease;
} 

.form__submit:hover .form__svg svg {
  transform: rotate(45deg); 
  
}
.btn .btn__icon svg {
  transition: transform 0.3s ease;
}

.btn:hover .btn__icon svg {
  transform: rotate(45deg);
}
@media screen and (max-width: 1700px) {
   body .home-intro img {
        top: 4%;
        right: -21vw;
        width: 81vw;
    }
}

@media screen and (min-width: 1500px max-width: 1700px) {
   body .home-intro img {
        top: 4%;
        right: -21vw;
        width: 81vw;
    }
}



@media screen and (max-width: 992px) {
	.custom-gallery__header {
    max-width: 91vw;
	}
 body   .home-intro img {
		width: 100vw;
       margin-top: 13vh;
	     right: -21vw;
		}
	body .home-intro__content {
      
        padding-top: 9rem;
		padding-bottom:9rem;
		}
	    .footer-top {
        margin: 0 4rem;
		}
		.active .logo {
		max-width: 140px;
		}


}
.logo {
    z-index: 100000;
}