/*  ABout Us Page CSS*/
.header-content.bgheaderimgbig {
   min-height: 476px;
   max-height: 500px;

}

nav.navbar.navbar-expand-xl{
   position: fixed;
    width: 100%;
    z-index: 6;
}
.whtcontent .row .wp-block-group__inner-container {
   width:100%;
}
.whtcontent .col-lg-8{
   max-width: 810px !important;
}
.header-title-text-position{    
   padding-left:67px ;
    padding-right:67px !important;
   margin-top:93px !important;
}
.header-title-text-position h1 {     
   /* color: #FFFFFF;       
   font-size: 72px;
   letter-spacing: -2px;
   line-height: 85px;       */
}
.about-us-main-content p{
 /* font-size: 17px;
 font-weight: 300;
 letter-spacing: 0;
 line-height: 24px; */
}
.greybox-awards {
   background-color: #F7F8F6;   
   width:100%; 
   padding-bottom:42px;
   padding-top:60px;
   padding-left:44px;
   padding-right:44px;
 }
 .card-style{
     text-align:center;
     background:white;      
     max-width:400px;
     height:240px;
     padding:30px; 
     box-shadow: 0 4px 6px 0 rgba(131,134,163,0.12);   
 }
 .card-style-MR-23p{
   /* margin-right: 23px; */
}
 
 .row-awards {
   width:1246px;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
  
 }
 .awards-1-rectangle {
 height: 1px;
 width: 86px;
 background-color: rgba(37,40,45,0.16);
 margin-left: 157px;
 }
 .awards-2-rectangle {
 height: 1px;
 width: 116px;
 background-color: rgba(37,40,45,0.16);
 margin-left: 142px;
 }


 .ubyemaar-cta{
   margin-right:20px;
 }
 .about-us-main-content .wp-block-columns{
    justify-content:space-between;
    max-width: 430px;
    margin: auto;
 }
 .about-us-main-content .wp-block-columns>.has-primary-color{
    padding:12px;
    display: block;
    text-decoration: none;
 }
 .ubyemaar-cta .btn-visit-website{
   width: 100%;
   padding:0;
   text-transform: capitalize;
  background-color:#fff;
  border:1px solid black;
 }
 .ubyemaar-cta .btn-visit-website:hover{
   background-color:black;
 }
 .ubyemaar-cta .btn-visit-website .has-primary-color:hover{
   color:white;
 }

 .ubyemaar-cta .btn-create-an-account{
    width: 100%;
    padding:0;
    text-transform: capitalize;
   background-color:black
 }
 .ubyemaar-cta .btn-create-an-account .has-primary-color{
   padding:10px 5px;
   color:white;
   text-decoration: none;
   font-family:FreightSansProMedium;
   display:block;
 }
 .ubyemaar-cta .btn-create-an-account:hover{
    background-color:white;
    border:1px solid black;
 }
 .ubyemaar-cta .btn-create-an-account .has-primary-color:hover{
   color:black;
 }

 .title-comp{
    font-family: Vanitasbold !important;
    margin-bottom: 20px;
 }
 .awards-1-rectangle{
    display: none;
 }
 .secondary-btn:hover{
    background-color: #25282D;
    color: #fff;
 }
 .primary-btn:hover{
   background-color: #FFF !important;
   color: #25282D !important;
   border: 1px solid #000 !important ;
}
 /* ################################  IPAD View 768 PX   ##################################################### */
 @media only screen and (max-width: 992px)  {
   .ubyemaar-cta{
      margin-right:0;
   }
   
   .about-us-main-content .wp-block-columns .has-primary-color{
      margin-bottom:20px ;
   }
 
   .header-content .navbar-brand {
       width: 172px;
       height: 34px;
   }
   .navigationinside {
       padding:19px !important;
   }
   .bg-grey .container { display: flex; flex-flow: column; }
   .award-one { order: 1; }
   .award-three { order: 2;  }
   .award-two { order: 3; }
   .award-two{
       width:400px !important;
       flex-basis: 70% !important;
   }

   .header-title-text-position{
       padding-left:67px !important;
       margin-top:109px !important;
   }
   
   .whtcontent{
       padding-top:80px;
       padding-left:64px;
       padding-right:64px;
       padding-bottom:52px;
   }
   .row-awards {
       max-width:660px;
   }   
   .card-style{
       margin-left:auto !important;
       margin-right: auto;
       margin-bottom: 20px;
   }
   .card-style-MR-23p{
       margin-right: auto;
   }
   .greybox-awards { 
       padding-top:60px;      
       padding-left:54px;    
       padding-right:54px; 
       padding-bottom: 12px;
   }
   .awards-1-rectangle {
       margin-left:auto;
       margin-right:auto;
   }
 }

 /* ################################ Mobile View 375 PX  ##################################################### */

@media only screen and (max-width: 600px) {
   .header-content.bgheaderimgbig{
      background-position: 75% 50%;
   }
   .header-content .navbar-brand {
       width: 130px;
       height: 26px;
       padding-top: 0px;
       padding-bottom:0px;
   }
   .about-us-main-content .wp-block-columns{
      justify-content: center;
   }
   .navigationinside {
       padding:13px !important;        
   }
   .navigationinside .container{
       /* max-height:26px; */
   }
   .bg-grey .container { display: flex; flex-flow: column; }
   .award-one { order: 1; }    
   .award-two { order: 2; }
   .award-three { order: 3;  }
   .award-two{
       width:auto !important;
       flex-basis: calc(50% - 16px) !important;
   }
   .header-title-text-position{
       padding-left: 40px !important;
       padding-top: 64px !important;       
   }
   
   .whtcontent{
       padding:40px 20px;
   }
   .about-us-main-content{
       padding-left: 5px;
       padding-right: 5px;
   }    
   .row-awards {
       width:100%;    
   }
   .greybox-awards { 
       padding-top:40px;      
       padding-left:20px;    
       padding-right:20px; 
       padding-bottom: 0px;
   }
   .card-style{
       margin-bottom: 20px;
   }
   .card-style-MR-23p{
       margin-right: 0px;
   }
   .awards-1-rectangle {       
       margin-left: 130px;
   }
   .awards-2-rectangle {       
       margin-left: 115px;
   }
   .wp-block-columns {        
       margin-bottom: 20px;
   }
   
}