body{
    background-color: white;
font-family: roboto;

}

*{
    margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/****************************my container******************************/
.mycont{
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}


@media(min-width:576px){
    .mycont{max-width: 540px;}
   
   }

   
@media(min-width:768px){
    .mycont{max-width: 720px;}
   
   }

   @media(min-width:992px){
    .mycont{max-width: 960px;}
   
   }
   
@media(min-width:1200px){
 .mycont{max-width: 1140px;}

}



   @media(max-width:576px){
    .mycont{max-width: 100%;}
   
   }


/********************** fonts styles ************************/
.col-gray{color: #707070;}
.col-darkgray{color: #4E4B4B;}

.col-primary{color:#76151C ;}
.primary-bg{background-color:#76151C ;}
.font13{font-size: 13px;}

.font14{font-size: 14px;}
.font16{font-size: 16.5px;}
.font20{font-size: 20px !important;}

.font21{font-size: 21px !important;}


.outbtn{
    border:#77151C 1px solid ;
    color: #77151C;
    font-size: 12px;
    background-color: white;

}

.outbtn:hover{

    border:#77151C 1px solid ;
    color: #77151C;
    font-size: 12px;
    background-color: white;

}

/********************** fonts weights ************************/
.font300{font-weight: 300;}
.font400{font-weight: 400;}
.font500{font-weight: 500;}

/******************navbar styles******************************/




.navbar-section{
    position: absolute;
    z-index: 2;
    color: white;
    width: 100%;
}
.nav-mob{ display: none;}

.logo{width: 200px;}
@media(max-width:991px){
    .navbar-section{
height: 100vh;  
z-index: 2;
}

.nav-desk{display: none;}

.nav-mob{ display: block;}
.logo{
    
    width: 170px;
    float: left;
    }
}

.nav-link-active{   
    border-bottom: #ffffff solid 1px;
    color: #ffffff !important ; 
}

@media(min-width:991px){
    .navbar-section{

        top: 3%;

    }
/* .nav-ul{
    padding-left: 100px;
        }

        .nav-ul li a{
            margin-left: 50px; 
            font-weight: 400;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
*/
} 


.nav-btn{
 background-color:#ffffff ;
color: #77151C;
border: #77151C 1px solid ;
transition-duration:500ms ;
}
 .nav-btn:hover{
     color: white;
     background-color:#77151C ;
     border: #ffffff 1px solid ;
     transition-duration:500ms ;

}
/******************Slider styles******************************/
.home-slider{ 
height: 100vh; 
overflow: hidden;
position: relative;
z-index: -1;
}
.home-slider img{
    height: 100vh; 
object-fit: cover;
}
.slider-caption{ 
position: absolute;
z-index: 1;
    width: 100%;
    height: 100vh;
    background-image: url(/storage/imgs/side.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    top:0% ;
    color: white;
   }
   .slider-caption-content{
      position: absolute;
      top: 57%;
      right: 0%;
      transform: translate(0%,-57%);
   }
.slider-caption button{
    font-size: 14px;
    padding: 6px 17px;
   color: white;
   border: white 1px solid;
}

.slider-caption button:hover{
  background-color: white;
   color: #77151C !important;
   border: rgba(255, 255, 255, 0) 1px solid;
}

.slider-caption button:hover{color: white;}


@media(max-width:771px){
    .home-slider img{
        height:100vh; 
    object-fit: cover;
    object-position: 17%;
    }
    .slider-caption{ 
        background-image: unset;
        background-color: rgba(0, 0, 0, 0.3);
    }
    .slider-caption-content{
        top: 80%;
        right: 50%;
        transform: translate(50%,-80%);
    }

}

/* 
@media(min-width:771px){
    .mobile-slider{display: none;}
} */


.slider-caption-2{ 
    margin-left: 33%;
    color: #77151C;
   }
.slider-caption-2 button{
    font-size: 10px;
    padding: 4px 10px;
   color: #77151C;
   border: #77151C 1px solid;
}
.slider-caption-2 button:hover{color: #77151C;}



/**********************brief**********************/
.gray-bg{background-color: #E9E9E9;}
.brief{ 
    border-left:#77151C 3px solid ;
    color:#77151C ;
    font-size: 26px;
    width: 75%;
    text-align: center;
    margin: auto;
    display: block;
 }
 .home-ab-bg{
     background-image: url(/storage/imgs/abhome.jpg);
     background-size: cover;
     background-position: center;
 }
 @media(max-width:991px){

    .brief{
        width: 100%;

    font-size: 15px !important;
 }}

 /******************Services styles******************************/
 
.services p {

    color:#4E4B4B ;
    font-size: 15px;
}
 @media(min-width:991px){

    .bttt{
        position: absolute;
        left: 50%;
    bottom: 2.5%;
    transform: translate(-50%,2.5%);
    
    }
 .services-home-div{
    padding: 0px 150px;

}
.serv-cont{
    padding: 30px 50px;
    min-height:36vh;
}
}


 .services{
background-color: white;
box-shadow: none;
transition-duration: .5s;

}
.services:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
transition-duration: .5s;

}
@media(max-width:991px){
    .services p {

        color:#4E4B4B ;
        font-size: 13px;
    }

    .serv-cont{
        padding: 18px 30px;
    }
}
    


.services button{

    border:#77151C 1px solid ;
    color: #77151C;
    font-size: 13px;
    background-color: white;
    margin: auto;
    display: block;
    padding: 9px 40px;
}
.services:hover  button{

    border:#77151C 1px solid ;
    color: white;
    font-size: 13px;
    background-color: #77151C;
    margin: auto;
    display: block;
    padding: 9px 40px;
}

 /******************footer styles******************************/

 .footer-section{

    z-index: 2 !important;
    position: absolute;
    width: 100%;
   
}
.footer-links a{
    display: block;
color: #707070;
}
.footer-links a:hover{
    color: #707070;
}

.nav-footer-red{

    color:#77151C !important ;
}
.nav-footer-red:hover{    color:#77151C !important;
}
.logo-footer{
    width: 200px;
    padding-bottom: 20px;
    border-bottom:#77151C 0.5px solid ;
}
.footer-logo-div{
    float: right;
}
.scroll-btn{
    position: fixed;
    bottom: 10%;
    right: 5%;
    display: none;
    z-index: 2 !important;
    border-color:#b0182e;
    color:#b0182e ;
}
.scroll-btn:hover{

    background-color: #b0182e;
    color: white;
}
@media(max-width:767px){
    .scroll-btn{
      
        display: inline;
        
    }
    .logo-footer{
        width: 200px;
        padding-bottom: 10px;
    }
    .footer-logo-div{
        float: none;
    }
    .footer-links {
        display: none;
    color: #707070;
    }
}



/*******************offers**********************/
.icon-div{width: 43px; height: 43px;}
.fill{filter: invert(14%) sepia(67%) saturate(4835%) hue-rotate(342deg) brightness(87%) contrast(92%);}
.rdborder{
    border-bottom: #b0182e 1px solid;
    border-right: #b0182e 1px solid;
}
.dborder{
    border-bottom: #b0182e 1px solid;

}
.rborder{
    border-right: #b0182e 1px solid;


}

.off-col-div:hover{background-color: #b0182e;}

@media(max-width:575px){
  .rdborder,.rborder,.dborder{
    border-bottom: #b0182e 1px solid;


  }  
}

@media(max-width:767px){
    .rdborder,.rborder,.dborder{
      border-bottom: #b0182e 1px solid;
      border-right: #b0182e 1px solid;

  
    }  
  }
  /**************************about US page******************************/
  
  .about-slider{
    height: 100vh;
    position: relative;
  }
  /* .about-slider img{
    height: 100vh;
object-fit: cover;
  } */
  .about-slide-div{
      height: 100vh;
      background-size: cover;
  }
  .about-slider-caption {
     position: absolute;
     top:50%;
     left:70%;
     color: white;
  }
  
/**about mob version**/
.about-mob{
    display: none;
}

.mission-mob{
    position: relative;
}
.vision-mob{
    position: relative;
}
.mission-mob img ,.vision-mob img{
width: 100%;
height: 75vh;
object-fit: cover;
position: relative;
}
.mission-mob h1 {
position: absolute;
top: 60%;
right: 10%;
z-index: 1;
color: white;
}

.vision-mob h1 {
    position: absolute;
    top: 10%;
    left: 10%;
    z-index: 2;
    color: white;
    }

.mission-p-div,.vision-p-div{
    min-height: 25vh;
    display: flex;
    align-items: center;
    font-size: 20px;
}



@media(max-width:771px){
    .about-slider-caption {
        
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
        color: white;
     }
     .about-slide-div{
        background-color: rgba(0, 0, 0, 1);

     }
     .about-slide-div{
      background-position-x: center;
    }

.about-mob{display: block;}
.about-slider{display: none;}

  }



.ab-bg{
    background-image: url(/storage/imgs/ab.png);
    min-height: 70vh;
    display: flex;
    align-items: center;
    background-position: center;
    background-size: cover;
}

.team-img-div{
    
    width: 100%;
    height: 188px;
    overflow: hidden;
}
.team-div{
    border-radius: 5px;
}

/***********************service page********************/
@media(min-width:991px){
.services-header {
    position: absolute;
    top: 60%;
    left: 85%;
    transform: translate(-85%, -60%);
    font-size: 20px;
    width: 43%;
    font-weight: 300;
    
  }
.services-img{
    height: 100vh;
    position: relative;
}
}
@media(max-width:991px){
    .services-header {
        position: absolute;
        top: 90%;
        transform: translate(0%, -80%);
        font-size: 18px;
        width: 100%;
      }
    .services-img{
        height: 95vh;
        position: relative;
        object-fit: cover;
    }
.services-header p {
    padding: 0px 33px;
    font-size: 14px;
}}
  /* .gray-op-bg{
    background-color: rgba(0, 0, 0, 0.4);
    
    } */

    .fill-serv-page{

        filter: invert(9%) sepia(43%) saturate(5694%) hue-rotate(343deg) brightness(109%) contrast(95%);
        width: 60%;
    
    }

    .client-div{
        height: 33vh;
        }
    
    @media(max-width:991px){
        .fill-serv-page{
            width: 100%;
    }
    .client-div{
        height: 15vh;
        }

}
    @media(max-width:767px){
        .fill-serv-page{
            width: 20px;
    }

   
}

.client-img-div{
    width:100%;
    height: 90%;
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 20px 0px;
    margin: auto;
    display: block;
    display: flex;
    align-items: center;
}
.client-img{
        width: 60%;
        height:70%;
        object-fit: contain;
        margin: auto;
        display: block;

}


    /***************************Contact us*******************************/

    .new-bg{background-color: rgba(0, 0, 0, 0);}
     
      

    @media(min-width:768px){
       
       
       
        .contacts-header-div {
          height: 75vh;
          }
        
        .contacts-img{
            width: 100%;
            position: fixed;
            height: 83vh;
            object-fit: cover;
            z-index: -1;
        }

        .contacts-title{
            position: absolute;
            top:50% ;
            right: 12%;
            transform: translate(12%,-50%);
            color: white;
        }

        .contacts-rest{
            width: 100%;
            background: rgb(255, 255, 255);
            min-height: 80vh;
            z-index: 1;
        }

        }
        @media(max-width:767px){

            .contacts-header-div {
                height: 75vh;
                }
              
              .contacts-img{
                  width: 100%;
                  position: absolute;
                  height: 83vh;
                  object-fit: cover;
                  z-index: -1;
                  
              }
      
              .contacts-title{
                  position: absolute;
                  top:50% ;
                  transform: translate(0%,-50%);
                  color: white;
              }
      
              .contacts-rest{
                  width: 100%;
                  background: rgb(255, 255, 255);
                  min-height: 130vh;
                  z-index: 1;
              }
      


            /* .contacts-img{
                position: relative;
                height: 75vh;
                width: 100%;
                object-fit: cover;
            } 
             .contacts-title{
                position: absolute;
                top:70% ;
                transform: translate(0%,-55%);
                color: white;
                z-index: 2;
            } */
              
        
        }
          .gray-op-bg2{
            background-color: rgba(0, 0, 0, 0);
            
            }
/**********************Contact Us form*************************/
            .num-input::-webkit-outer-spin-button,
            .num-input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
            }
            .btn-contact{
                border:#707070 1px solid ;
                border-radius: 4px;
                padding: 5px 30px;
                background-color: white;
                color:#707070 ;
            }
            .spin{display: none;}
            .team-btn{ border:#77151C 0px solid ;
                color: #77151C;
                font-size: 12px;

                background-color: rgba(255, 255, 255, 0);}
                .team-btn:hover{
                    border:#77151C 0px solid ;
                    color: #77151C;
                    background-color: rgba(255, 255, 255, 0);

                }

    /*****************************Core page*************************/

    @media(min-width:768px){

.core-header-div{
    height: 75vh;
}

.core-img{

    width: 100%;
    position: absolute;
    height: 83vh;
    object-fit: cover;
z-index: -1;
}

.core-title{
    position: absolute;
    top:70% ;
    transform: translate(0%,-70%);
    color: white;
}
.core-rest{
    width: 100%;
    background: rgb(255, 255, 255);
    min-height: 170vh;
    z-index: 1;
    position: absolute;

}
}



/* 
.quot-div{
    position: absolute;
    z-index: 2;
    top: 80%;
    left: 50%;
    transform: translate(-50%,0%);
} */



    .core-logo{
        width: 25%;
    }
    .quot-div{
        height: 25vh;
    }
    .quot-div h1{
        font-size: 120px;
        height: 70px;
        font-family: 'Redressed', cursive;
        margin-bottom: 80px;
    }
    .quot-div h3{
align-self: top;
    }
    @media(max-width:767px){
       
        .core-header-div{
            height: 75vh;
        }
        
        .core-img{
        
            width: 100%;
            position: absolute;
            height: 83vh;
            object-fit: cover;
        z-index: -1;
        }
        
        .core-title{
            position: absolute;
            top:70% ;
            transform: translate(0%,-70%);
            color: white;
        }
        .core-rest{
            width: 100%;
            background: rgb(255, 255, 255);
            min-height: 250vh;
            z-index: 1;
            position: absolute;
        
        }











        /* .core-img{
        position: relative;
        height: 75vh;
        width: 100%;
        object-fit: cover;
    } 
     .core-title{
        position: absolute;
        top:70% ;
        transform: translate(0%,-55%);
        color: white;
        z-index: 2;
    } */
       
       
       
       
       
       
        .quot-div h1{
            font-size: 80px;
            height: 60px;

        }
        .core-title{
            top:70% ;
           
        }
        .core-logo{
            width: 60%;
        }
        .quot-div h3{
            font-size:15px;
        }

        .quot-div p{
            font-size: 13px;
        }
    }

/*********************burger**********************/



#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
    width: 35px;
    height: 20px;
    position: relative;
    margin-top: 20px ;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    
  }
  
  #nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    background: linear-gradient(to left,#ffffff, #d4d4d4);
    border-radius: 4px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }
  
  
  
  
  
  
  
  
  
  
  #nav-icon3 span:nth-child(1) {
    top: 0px;
  }
  
  #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
    top: 7px;
  }
  
  #nav-icon3 span:nth-child(4) {
    top: 14px;
  }
  
  #nav-icon3.open span:nth-child(1) {
    top: 7px;
    width: 0%;
    left: 50%;
  }
  
  #nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  #nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  
  #nav-icon3.open span:nth-child(4) {
    top: 7px;
    width: 0%;
    left: 50%;
  }