/*!
Theme Name: Ozzysgoldenconstruction
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ozzysgoldenconstruction
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Ozzysgoldenconstruction is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

 
html {
 
	-webkit-text-size-adjust: 100%;
}
 p{

 }

body {
  color: #333333;
}
p {
  padding-bottom: 1em;
}
a{
  text-decoration: none;
}
/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
 *{
    font-family: 'open_sansregular';
}
body{
 overflow-x: hidden;
 
}

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

}




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

}




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

}




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

}




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

}




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

}




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

}




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

}




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

}




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

}




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

}




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

}


#fullscreenpagemodel{
     
  width: 100vw;
  height: 100vh;
  position: relative;

}
#fullscreenpagemodel #fullscreenpagemodelShadow{
  background-color: rgba(0, 0, 0, 0.65);
  width: 100vw;
  height: 100vh;
  position:absolute;
  top:0;left:0;
  z-index: 99;
}
#fullscreenpagemodel #leftdetails{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap:1.2rem;
  position: relative;
  width:90%;
  height: 100%;;
  margin:0 auto;
  z-index: 999;

}
#fullscreenpagemodel #leftdetails h1{
  color: #FFF;
  /* font-family: 'playfair_display_scregular'; */
  font-size: 5rem;
  margin-top: 0rem;
  margin-bottom: 0;
  padding-bottom: 0;
  position: relative;
  line-height: 1em;
  width: 60%;
  
  }
  #fullscreenpagemodel #leftdetails h3{
    color: #FFF;
    
    font-size: 2rem;
    margin-top: 0rem;
    margin-bottom: 0;
    padding-bottom: 0;
    position: relative;
    line-height: 1em;
    width: 60%;
    
    }
  #fullscreenpagemodel #leftdetails h2::after {
    content: "";
    position: absolute;
    right: -150px;
    top: 40%;  width: 130px;
    height: 1px;
    border-bottom: 1px dashed rgba(255, 255, 255,0.7);
  }

#fullscreenpagemodel #leftdetails p{
width:50%;
color:white;
display: block;
margin-bottom:2rem;
text-align: justify;
font-size: 1.5rem;
}
#fullscreenpagemodel #leftdetails span {
  width: 90%;
  color: #F4B043;
  display: block;
  margin-bottom: 2rem;
  text-align: left;
  font-size: 1.2rem;
}
#fullscreenpage{
     
    width: 100vw;
    height: 70vh;
    position: relative;
 
}
#fullscreenpage #fullscreenpageShadow{
    background-color: rgba(0,0,0,0.2);
    width: 100vw;
    height: 70vh;
    position:absolute;
    top:0;left:0;
    z-index: 99;
}
#fullscreenpage h1{
    font-size: 4rem;
    color:white;
    position: absolute;
    width: inherit;
    height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-transform: uppercase;
    text-shadow: 4px 3px 10px rgba(66, 68, 90, 1);
 
    z-index: 9999;
    

}
#fullscreenpage2{
 
    width: 100vw;
    height: 40vh;
    position: relative;
 
}
#fullscreenpage2 #fullscreenpageShadow2{
    background-color: rgba(0,0,0,0.2);
    width: 100vw;
    height: 40vh;
    position:absolute;
    top:0;left:0;
    z-index: 99;
}
#gridlistings{
    display:grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: auto;
    gap:1.4rem;
    width:100%;
    overflow: hidden;

}
@media(max-width:520px){
#gridlistings{
  display:grid;
  grid-template-columns: repeat(1,1fr);
  grid-template-rows: auto;
  gap:1.4rem;
  width:100%;
  overflow: hidden;

}
}

#gridlistings .gridlistingitems  {

 border:1px solid #EEE;
 border-radius: 1.5rem;
 box-sizing: border-box;
 padding:1rem;
 overflow: hidden;
 box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    }

    #gridlistings .gridlistingitems h3 {
        font-size: 1.7rem;
        color:black;
        font-weight: 500;
        margin-top:0.5rem;
      }

      #gridlistings .gridlistingitems  .authordate{
        display:flex;
        flex-direction: row;
        justify-content: left;
        align-items: center;
        gap:1rem;
      }
      #gridlistings .gridlistingitems  .authordate .author-info img{
     border-radius: 50%;
      }
      #gridlistings .gridlistingitems  .authordate date{
       font-size: 1rem;
       color:rgba(0,0,0,0.5);
         }
    #gridlistings .gridlistingitems  .modeling {
        background-color: rgba(75,107,251,0.1);
        font-size:1rem;
        padding:0.4rem 1rem;
        border-radius: 0.3rem;
        
    color:#004D80;
    }

    #gridlistings .gridlistingitems  .customhouse {
        
        background-color: rgba(254,188,6,0.1);
        font-size:1rem;
        color:#ad7f01;
        padding:0.4rem 1rem;
        border-radius: 0.3rem;
    }

    #gridlistings .gridlistingitems  figure {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap:1rem;
    }

    #gridlistings .gridlistingitems  figure .figurebox {
        height: 250px;
        width: 100%;
        overflow: hidden;
        border-radius: 1rem;
    }
    #gridlistings .gridlistingitems  figure .figurebox img {
  width:100%;
  height: 100%;
  object-fit: cover;
    }
.authordate{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
 .authordate .author-info{
    width: 40px;
    height: 40px;
 }
 .authordate .author-info img{
    width: inherit;
  height: inherit;
  object-fit: contain;
 }
#gridlistings .gridlistingitems a img{

object-fit: cover;
width: 100%;
height:350px;

box-sizing: border-box;
 
}

#latestarticle{
    display: flex;
    justify-content: end;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    height: 500px;
    overflow: hidden;
    border-radius: 1rem;
    text-align: center;
    margin: 3rem auto 2rem auto;
    box-sizing: border-box;
    padding:2rem;

position: relative;
}
#latestarticle::after{
content: '';
position: absolute;
left:0;
top:0;
width:100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
z-index: 1;
}
#latestarticle h3{
    color: white;
    font-size: 2.5rem;
    font-weight: bold;
    position: relative;
    z-index: 9999;
    width: 60%;
    text-align: left;

}
#latestarticle .authordate{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 999;
    gap:1rem;
    }
    #latestarticle  .authordate .author-info{
        width: 40px;
        height: 40px;
     }
     #latestarticle  .authordate .author-name{
        font-size: 1rem;
        color:#d9a412;
        font-weight: bold;
        display: inline-block;
     padding-right:2rem;
     }
     #latestarticle .authordate .author-info img{
        width: inherit;
      height: inherit;
      object-fit: contain;
     }
#latestarticle img{
object-fit: fill;
width: 100%;
height: 100%;
border-radius: 2rem;

}
#latestarticle .authordate date{
    font-size: 1rem;
    color:rgba(255,255,255,0.8);
      }
      #latestarticle .modeling {
     background-color: rgba(0,77,128,0.7);
     font-size:1rem;
     padding:0.2rem 1rem;
     border-radius: 0.3rem;
     position: relative;
     z-index: 999;
     
 color:#FFF;
 }
 #latestarticle  .customhouse {
        
    background-color: #f0b71b;
    font-size:1rem;
    color:#866407;
    padding:0.4rem 1rem;
    border-radius: 0.3rem;
    z-index: 999;
}
#centerwrapper{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 80%;
    margin: 0 auto 8rem auto;
 
    gap: 2rem;
    padding-bottom: 2rem;
    position: relative;
    z-index: 1;
}
 

.portfolio-single{
width:90%;
margin:3rem auto;
display: block;
max-width:1711px;

}
.portfolio-single .modeling {
    background-color: rgba(0,77,128,0.7);
    font-size:1rem;
    padding:0.2rem 1rem;
    border-radius: 0.3rem;
    position: relative;
    z-index: 999;
    
color:#FFF;
}
.portfolio-single .customhouse {
       
   background-color: #f0b71b;
   font-size:1rem;
   color:#866407;
   padding:0.4rem 1rem;
   border-radius: 0.3rem;
   z-index: 999;
}
.portfolio-single h1{
font-size: 3rem;
color:black;
font-weight: bold;

}
.portfolio-single img{
    border-radius: 1rem;
    width: 100%;
    object-fit: cover;
    max-height: 800px;
    margin-block: 1rem;
}
.portfolio-single .authordate{
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    position: relative;
    z-index: 999;
    gap: 1rem;
    margin-bottom: 1rem;
    }
.portfolio-single  .authordate .author-info{
    width: 40px;
    height: 40px;
 }
 .portfolio-single .authordate .author-name{
    font-size: 1rem;
    color:#d9a412;
    font-weight: bold;
    display: inline-block;
 padding-right:2rem;
 }
 .portfolio-single .authordate .author-info img{
    width: inherit;
  height: inherit;
  object-fit: contain;
  margin:0;
  padding:0;
 }
 .portfolio-single .authordate .author-info img{
    border-radius: 50%;
     }
     .portfolio-single .text-message{
   margin: 1.5rem 0;
}
.portfolio-single #tipsbox{
  display: block;
  margin-block:2rem;
}

.portfolio-single #contactusblog{
    background-color: rgba(255, 175, 1, 0.1);
    border: 1px solid rgba(255, 175, 1, 0.9);
    padding: 20px;
    display: block;
    margin-top: 20px;
    font-weight: bold;
    color:#a97609;
    border-radius: 0.5rem;font-size:1.4rem ;
    }
     
.portfolio-single #socialtagging{
    background-color: rgba(1, 77, 128, 0.05);
    border: 1px solid rgba(1, 77, 128, 0.9);
    padding: 20px;
    display: block;
    margin-top: 20px;
    font-weight: bold;
    color:rgba(1, 77, 128, 1);
    border-radius: 0.5rem;font-size:1.4rem ;
    }
/* MAIN PAGE */
    #fullscreenpageMainpage{    
    
            width: 100%;
          
            height: 100vh;
            position: relative;   
        
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;   
            z-index: 9;

    }

    #fullscreenpageMainpage .centerDivSlider #mainbanner_buttonslist{    
 display: flex;
 flex-direction: row;
 justify-content: center;
 align-items: center;
 gap:1rem;
 margin-bottom: 2rem;

}

#fullscreenpageMainpage .centerDivSlider #mainbanner_buttonslist a{    
 width:max-content !important;
  min-width: 300px !important;
 max-width: 400px !important;
 text-align:center;
 
 
 }
    #mainslickslider{
    width:100vw;
 position: relative;
    z-index: 999;
 
 
}
#mainslickslider .slick-prev {
    left: 47%;
    top:93%;
    background: url(images/arrow-left-circle.svg) no-repeat center center;
    width:40px;
    height: 40px;
    background-size: contain;
    z-index: 999999;
    filter: brightness(0) invert(1);
  }
 
  #mainslickslider  .slick-prev::before,   #mainslickslider .slick-next::before {
 
    content: '' !important;
  }
#mainslickslider .slick-next {
 right: 47%;
    top:93%;
    background: url(images/arrow-right-circle.svg) no-repeat center center;
    width:40px;
    height: 40px;
    background-size: contain;
    z-index: 999999;
    filter: brightness(0) invert(1);
  }
  #mainslickslider   .bgfullmain{
 
    width:100vw;
 
    height:100vh;
    position: relative; 
    margin:0 auto;
    z-index: 9999;
     } 

     #mainslickslider   .bgfullmainbgshadow {
      content:'';
      position: absolute;
      left:0;
      top:0;
      width:100%;
      height: 100%;
      background:rgba(0,0,0,0.1);
       z-index: 99999;
     }


     #mainslickslider   .bgfullmain img{

object-fit: cover;
 
width:inherit;
height:inherit
     }
 
     #mainslickslider   .bgfullmain::after  {
            content:'';
            position: absolute;
            left:0;
            top:0;
            background-color: rgba(0,0,0,0.6);
            width: 100%;
            height: 100vh;
           
            z-index: 999;    
    }
   .centerDivSlider{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width:auto;
        height: auto;
        position: absolute;
        z-index: 999999;
      
    }
    .centerDivSlider h1{
      color: white;
      font-family: 'open_sansregular';
      font-size: 1rem;
      text-align: center;
      padding-bottom: 0;
      font-weight: 300;
    }
    .centerDivSlider h2{
        color:white;
 
        font-size: 3.7rem;
        text-align: center;
        width: 80%;
        margin-bottom: 1rem;
    }
    .centerDivSlider h3{
        color: white;
        font-family: 'open_sansregular';
        font-size: 1.5rem;
        text-align: center;
        position: relative;
        height: 30px;
        margin-bottom: 2.6rem;
    }
    .centerDivSlider ul li a{
      text-decoration: none;
      color:white !important; 
     }
    
    .centerDivSlider  h3::before  {  
        content:'';
        position: absolute;
        right:-150px;
        top:50%;
        width:130px;
        height: 1px;
        border-bottom:1px dashed #FFF; 
        
                }
                .centerDivSlider h3::after {  
                    content:'';
                    position: absolute;
                  left:-150px;
                    top:50%;
                    width:130px;
                    height: 1px;
                    border-bottom:1px dashed #FFF; 
                 
                    
                            }
    
    .home-menu a,#et-info-phone a{
        color:white  !important ;
    }

    .mobile_menu_bar::before{
  
        color:white !important;
    }
    #fullscreenpageMainpage  ul {
 display: flex;
 gap:4rem;
 justify-content: space-between;
 align-items: center;
 width: auto;
 margin:0 auto;
 list-style: none;

 
 padding: 1rem;
 background-color: rgba(0, 0, 0, 0.4);
    }
    #fullscreenpageMainpage  ul li {
      color: rgba(255, 255, 255, 0.75);
  font-size: 1.2rem;
  position: relative;
         }

         #fullscreenpageMainpage  ul  li:after {
          content: '';
          position: absolute;
          right: -2rem;
          height: 1rem;
          width: 2px;
          background-color: white;
      }
      #fullscreenpageMainpage ul li:last-child::after {

    content: '';
          position: absolute;  
          right: -2rem;
          height: 0rem;
          width: 0px;
          background-color: none;
      }
 /* TRUSTED BUIDLER */

 #trusted_builder{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:100%;
    margin:0 auto;
    box-sizing: border-box;
    padding-block:5rem;
    background-color: #F6F6F6;
 

 }
 

  

     #trusted_builder  h2  {  text-align: center;
        color:#0F1125; padding:0 10px;   
         /* font-family: 'playfair_display_scregular'; */
        font-size: 3rem; width:auto;
        position:relative;
     }
        #trusted_builder  h2::before  {  
content:'';
position: absolute;
right:-150px;
top:50%;
width:130px;
height: 1px;
border-bottom:1px dashed #a97609; 

        }
        #trusted_builder  h2::after {  
            content:'';
            position: absolute;
          left:-150px;
            top:50%;
            width:130px;
            height: 1px;
            border-bottom:1px dashed #a97609; 
         
            
                    }
 #trusted_builder div  span{
padding-inline: 14rem;
text-align: justify;
padding-block:2rem;
display: block;

 }

 

 
        .content-container {
            position: relative;
          }
          .content {
            max-height: 180px; /* Adjust this value as needed */
            overflow: hidden;
            transition: max-height 0.3s ease;
            
          }
          .content.expanded {
            max-height: auto;
          }

          #modelingsection{
            display: grid  ;
                grid-template-columns: repeat(2, 1fr);
                width: 100%;
                height: auto;
                margin: 0 auto;
                gap: 0;
                max-width: 1900px;

          }
          #modelingsectionleft{
            box-sizing: border-box;
    padding: 0 5rem 0 5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: inherit;
    gap: 0rem;
          }
          #modelingsectionleft a{
        margin-top:2rem;
        display: inline-block !important;
        width: fit-content;

          }
          #modelingsectionleft h2{
      color:#0F1125;
      /* font-family: 'playfair_display_scregular'; */
      font-size: 3rem;
      margin-top:1rem;
      position: relative;
    
      display: inline-block;
      width: fit-content;
          }
    
  #modelingsectionleft .modelp1{
  font-size: 2.2rem;
  color:#5E5E5E;
  line-height: 1.2em;
  display: block;
  margin-top:1rem;
  text-align: left;

              
  }
  #modelingsectionleft .modelp2{
 
    color:rgba(0,0,0,0.7);
    text-align: justify;  
    }
    #modelingsectionleft p{
      color: rgba(0, 0, 0, 0.65);
 
      }
          #modelingsectionright{
            box-sizing: border-box;
            padding: 0rem;
        

          }
          #modelingsectionright img{
    object-fit: cover;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    object-position: center;
 
          }





/* CUSTOM MODEL */

#customhomesection{
  display: block;
  width: 100%;
  height: auto;
  padding-block: 0rem;
  background: rgba(0, 0, 0, 0.04);
 

  }
  #customhomesectioninside{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    height: inherit;
    max-width: 1900px;
    gap: 0;
    margin: 0 auto;

  }
  #customhomesectionleft{
    box-sizing: border-box;
    padding: 3rem 5rem  3rem 5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: inherit;
    gap: 0rem;
  }
  #customhomesectionleft .modelingbutton_isting{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.5rem;
 
  }



  #customhomesectionnleft a{
margin-top:2rem;
display: inline-block !important;
width: fit-content;

  }
  #customhomesectionleft h2{
color:#0F1125;
/* font-family: 'playfair_display_scregular'; */
font-size: 3rem;
margin-top:1rem;
position: relative;

display: inline-block;
width: fit-content;
  }
 
        #customhomesectionleft .modelp1{
          font-size: 2.2rem;
          color:#5E5E5E;
          line-height: 1.2em;
          display: block;
          margin-top:1rem;
          text-align: left;
        
      
}
#customhomesectionleft p{
  color: rgba(0, 0, 0, 0.65);
  margin-bottom:1rem;
        
  }
#customhomesectionleft .modelp2{
 
color:rgba(0,0,0,0.7);
text-align: justify; 
}

  #customhomesectionright{
    box-sizing: border-box;
    padding: 0rem;


  }
  #customhomesectionright img{
object-fit: cover;
width: 100%;
height: 100vh;
overflow: hidden;
object-position: center;

  }




.iconheader{
  display: flex  ;
      flex-direction: row;
      justify-content: left;
      align-items: flex-end;
      gap: 0.8rem;
}
.iconheader    .iconhome{
            width: 21px;
            height:21px;
            background: url(images/lucide_house.png) no-repeat center center;
              background-size: 100%;  
   
          color:#A0A0A0;
            text-indent: 1.7rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
     
         
            font-size: 0.8rem;
          }
          .iconheader    .icontext{
font-size: 0.8rem; color:#A0A0A0;
position: relative;
          }
          .iconheader    .iconhome2{
            width: 21px;
            height:21px;
            background: url(images/lucide_house2.png) no-repeat center center;
              background-size: 100%;  
   
          color:#A0A0A0;
            text-indent: 1.7rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        
         
            font-size: 0.8rem;
          }
          .iconheader    .icontext2{
font-size: 0.8rem; color:#FFF;
position: relative; 
          }


          /*video section */

          #videosection{
            width: 100vw;
            height: 100vh;
            background-color: black;
            
          }

          #videosection video {
            width:inherit;
            height: inherit;

          }

          /* AWARDS SECTION */
          #awardssection{
            display: flex;
           flex-direction: column;
           justify-content: center;
           align-items: center;
           gap:1rem;
         
            width: 90%;
            height: auto;
            margin:8rem auto;
            max-width:1711px;
            
          }
          #awardssection img{
            border:2px solid #DDD;

          }
          #awardssection h2{
            color:#0F1125;
            /* font-family: 'playfair_display_scregular'; */
            font-size: 3rem;
            margin-top:0rem;
            margin-bottom: 0;
  padding-bottom: 0;
          }
          #awardssection h4{
            color:#787878;
            margin-bottom: 0;
            padding-bottom: 0;
            font-size: 2rem;
            text-transform: uppercase;
    
          }
          #awardssection p{
            color:#787878;
            margin-bottom: 0;
            padding-bottom: 0;
            font-size: 1rem;
           
            
    
          }
          #awardssection ul{
list-style: none;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top:2rem;
margin-bottom:2rem;
gap:1rem;
          }
          #awardssection #awardssectionbox{
            display: flex            ;
         
                gap: 2rem;
                width: 100%;
                flex-direction: row;
                justify-content: center;
                align-content: center;
                align-items: center;
                flex-flow: wrap;

        
                      }
                      #awardssection #awardssectionbox > div{
                  background-color: #F6F6F6;
                  padding:1.5rem;
                  height: 200px;
                  box-sizing: border-box;
               
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  align-items: center;
                  gap:1rem;
                  text-align: center;
                  flex-basis: 48%;
                    
                                  }
  #awardssection #awardssectionbox > div h5{
display: block;
font-size: 2rem;
color:#000;
/* font-family: 'playfair_display_scregular'; */
margin:0;
padding:0;
  }
  #awardssection #awardssectionbox > div p{
    display: block;
    font-size: 1.3rem;
    
   
  }
                                  

  /*CTA*/

  #ctasection{  

    display:block;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap:1rem;
    
    padding:8rem 0;
    background-color: rgba(0,0,0,0.03);
  }

  #ctasection #ctasectioninside{
    width: 90%;
    margin: 0 auto;
    text-align: center;
    display: grid;
    /* flex-direction: column; */
    /* justify-content: center; */
    /* align-items: center; */
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    max-width: 1900px;

  }
  #ctasection #ctasectioninside .cta_button_isting {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1rem;
}
  
  #ctasection #ctasectioninside h2{
width:fit-content;
    font-size:3rem;
    color:#000;
    /* font-family: 'playfair_display_scregular'; */
    line-height: 1em;
 
    position: relative;
    text-align: left;
  }


  #ctasection #ctasectioninside p{
    width:90%;
   color:#000;
   display: block;
   text-align: center;
   margin-bottom:0rem

  }

  #logo {
 
    position: relative;
    top: 0px;
    left: -20px;
    width: auto;
    max-height: 55px;
  }
 

  /** we can help **/

  #wecanhelp{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:100%;
    height: auto;
    padding-block:5rem;
  }
  
  #wecanhelp #wecanhelpinside{
display:grid;
width:90%;
grid-template-columns: repeat(2,1fr);
gap:2rem;
box-sizing: border-box;
  }
  #wecanhelp #wecanhelpinside  #wecanhelpinsideleft{
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    align-items: left;
   padding-right:2rem;

 }
 #wecanhelp #wecanhelpinside  #wecanhelpinsideleft h2{
  width: fit-content;
  font-size: 3rem;
  color: #0F1125;
  /* font-family: 'playfair_display_scregular'; */
  line-height: 1em;
  text-align: left;
  margin: 8rem 0 2rem 0;
  position: relative;
}

#wecanhelp #wecanhelpinside  #wecanhelpinsideleft h2::after {
  content: "";
  position: absolute;
  right: -150px;
  top: 40%;  width: 130px;
  height: 1px;
  border-bottom: 1px dashed rgb(169, 118, 9);
}
#wecanhelp #wecanhelpinside  #wecanhelpinsideleft p{
 
  text-align: justify;
  display: block;
 
}
#wecanhelp #wecanhelpinside  #wecanhelpinsideleft .breaker{
  display: block;
margin-bottom:2rem;
 
}
#wecanhelp #wecanhelpinside  #wecanhelpinsideright{
  width: 100%;;
}

 #wecanhelp #wecanhelpinside  #wecanhelpinsideright img{
   object-fit: cover;
   width: 100%;
   height: 100%;
 }

.portfolio-thumbnail{
  display: none;
 }