@font-face {
  font-family: Font-Bold;
  src: url('https://asset.torusguru.com/fonts/Lato/Lato-Bold.ttf'); 
}
@font-face {
  font-family: Font-Regular;
  src: url('https://asset.torusguru.com/fonts/Lato/Lato-Regular.ttf'); 
}
@font-face {
  font-family: Font-Light;
  src: url('https://asset.torusguru.com/fonts/Lato/Lato-Light.ttf'); 
}
@font-face {
  font-family: Skia_Regular;
  src: url('https://asset.torusguru.com/fonts/Skia_Regular.ttf'); 
}

:root {
  --primary: #ed6623;
}

body {
/*  font-family: Font-Regular;*/
  color: #fff;
}
p {
/*  font-family: Font-Regular;*/
  font-weight: normal;
}

a, a:hover, a:focus {
  text-decoration: none;
  color: #fff;
}
a:focus {
  outline: none !important;
}

h1, h2, h3, h4, h5, h6 {
/*  font-family: Font-Bold;*/
}
.w-webflow-badge {display: none!important;}
.progress-bar {
  width: auto;
  float: none;
  background-color: transparent;
}
.site-logo {
  vertical-align: text-bottom;
  object-fit: contain;
  width: 150px;
  height: auto;
  max-width: unset;
  max-height: unset;
}
.search-button-wrapper {
  border-left: none;
  display: none;
}
.hero-section {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-bottom: 100px;
  padding-top: 150px;
  padding-bottom: 155px;
  display: flex;
}
.hero-section-overlay {
  z-index: -1;
  background-image: linear-gradient(182deg, var(--background), var(--transparent)50%, var(--background)), linear-gradient(to bottom,rgba(0,0,0,0.0),rgba(0,0,0,0.0));
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 100px;
  padding-top: 150px;
  padding-bottom: 155px;
  display: flex;
  position: absolute;
  inset: 0%
}
.hero-title-block  h1 {
  font-family: Oswald, sans-serif;
}
.hero-heading-17cqw {
  font-size: 10cqw;
}
.circle-hero {
  margin-top: 10%;
  background-color: rgba(237, 102, 35, 0.3);
  border-radius: 0px;
  width: 200px;
  height: 200px;
  position: absolute;
  inset: 0% 0% auto auto;
}
.circle-left-top {
  margin-top: 10%;
  background-color: rgba(237, 102, 35, 0.3);
  border-radius: 0px;
  width: 90px;
  height: 90px;
  position: absolute;
  inset: 0% auto auto 0%;
}
.circle-small-3 {
  margin-top: 5%;
  background-color: rgba(237, 102, 35);
  border-radius: 0px;
  width: 40px;
  height: 40px;
  display: none;
  position: absolute;
  inset: auto 0% 0% auto;
}
.circle-small-2 {
  margin-top: 5%;
  background-color: rgba(237, 102, 35);
  border-radius: 0px;
  width: 25px;
  height: 25px;
  position: absolute;
  inset: auto auto 0% 15%;
}
.circle-small {
  margin-top: 5%;
  background-color: rgba(237, 102, 35);
  border-radius: 0px;
  width: 15px;
  height: 15px;
  position: absolute;
  top: auto;
  right: auto;
}
._60px-star-loop {
  margin-top: 0;
}
.heading-color-change-on-scroll {
  max-width: 100%;
}
.btn_contact {
  display: inline-block;
  width: 50%;
}
.service-summery {
  max-width: unset;
}
.cta-conainer {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  border-radius: var(--radius--border-lg);
  background-image: linear-gradient(rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.6)),url(../img/bg-default.jpg);
  background-position: 0 0,50%;
  background-repeat: repeat,no-repeat;
  background-size: auto,cover;
  background-attachment: scroll,fixed;
  justify-content: space-between;
  align-items: center;
  padding: 80px 70px;
  display: flex;
  position: relative;
  overflow: hidden;
}
.playReel .modal-dialog {
  width: 70%;
}
.playReel .close {
  top: -10%;
  right: -5%;
}
.banner-work {
  background-image: linear-gradient(to bottom,#0000004d,#0000004d),linear-gradient(180deg,var(--transparent),var(--background)),url(../img/banner/1Y8A2883.jpg);
}
.banner-services {
  background-image: linear-gradient(to bottom,#0000004d,#0000004d),linear-gradient(180deg,var(--transparent),var(--background)),url(../img/banner/1Y8A0493.jpg);
}
.banner-contact {
  background-image: linear-gradient(to bottom,#0000004d,#0000004d),linear-gradient(180deg,var(--transparent),var(--background)),url(../img/banner/contact2.jpg);
}
.portfolio-work {
  border-radius: 0;
}


.bg-white {
  background: #fff!important;
}
.text-white {
  color: #fff!important;
}

.bg-black {
  background: #000!important;
}
.bg-black-light {
  background: #111!important;
}
.text-black {
  color: #000!important;
}
.bg-gray {
  background: #E6E6E6!important;
}
.bg-orange {
  background: #ed6623!important;
}
.text-orange {
  color: #ed6623!important;
}



@media(max-width: 1680px){
   
}
@media(max-width: 1600px){
    
}
@media(max-width: 1440px){

}
@media(max-width: 1366px){
    
}
@media(max-width: 1280px){
    
}
@media(max-width: 1080px){
    
}
@media(max-width: 1050px){
    
}
@media(max-width: 1024px){
}
@media(max-width: 991px){
  .site-logo {width: 100px;}
  .search-button-wrapper {display: block;}
  .btn_contact {width: 100%;}
  .playReel .modal-dialog {width: 100%;}
  ._4-column-grid {grid-template-columns: 1fr 1fr;}
}
@media(max-width: 900px){

}
@media(max-width: 800px){
   
}
@media (max-width:768px) {
  
}