*{
    padding: 0;
    margin: 0; 
    box-sizing: border-box;
    /* color: white; */
}
body{
    background-color:white;
}
:root{
    --hover-color:#e46c25 ;
}
a{
    text-decoration: none !important;
    color: #0f7792;
    /* color: var(--hover-color); */
    font-weight: bolder;
}
a:hover{
    color: var(--hover-color);
    transition: color 0.5s;
}
p{
    font-weight: 600;
}

.navbar{
    background: linear-gradient(#0f7792,rgba(0, 0, 0,0));
    position:fixed !important;
    width: 100%;
    z-index: 200;
}
 
/* .navbar-nav{
    padding: 0px 150px;
} */
.caption-text{
    background-color: rgba(0, 0, 0, 0.5);
   
    margin-bottom: 100px;
    box-shadow: 0px 0px 5px black;
}
 

.caption-text h3{
    /* color: white ; */
    font-size: 50px;
    font-weight: bolder;
}
nav ul li .nav-link{
    font-weight: bolder; 
    color:  white;
    /* text-shadow: 2px 5px 2px white !important; */
    font-size: 18px;
    padding: 5px 30px;
}
nav a:hover{
    color: rgb(212, 62, 24)  !important;
    transition: color 0.5s;
}
.navbar-toggler{
    background-color:black;
}.navbar-toggler span{
    color:black;
}
 
.Role-in-projects h5{
    font-weight: bold;
    color:#0f7792;
}
.Role-in-projects  h3{
    margin-top: 20px;
    font-weight: bold;

    color:black;

}
 
.Role-in-projects h1{
    font-weight: bold;
    color:#e46c25;
    line-height: 1.3;
}
.underline{
    border-bottom: 2px solid #0f7792;
}
.underline1{
    border-bottom: 2px solid #e46c25;
}
.lists ul li{
    /* margin-bottom: 210px; */
    font-size: 20px;
    color: black;
} 
.nav-btn{
    background-color: #e46c25 !important;
}
/* #main-img{
    margin-top: -110px;
    padding: 412px;
    background-image: url("../../images/slider-1.webp"),
            linear-gradient(green,purple);
    background-size: 100% auto;
} */
#professional-skills h3{
    color:#0f7792;
    font-size: 20px;
    margin-bottom: 40px !important;
}
#professional-skills .col-md-4 .card{
    border: 0px;
    background-color: gray;
}
#professional-skills .col-md-4 .card h4{
    font-weight:800;
    color:#e46c25;

    font-size: 22px;
}
.card-text{
    color:black;
    font-weight: normal;
}

/*Imp Client section Start*/

#imp-client .heading h1{
    /* font-weight: 800; */
    color:#e46c25;
    /* font-size: 50px; */
    margin-bottom: 10px;
}
.overlay{
    position: relative;
    background-image: url(images/pure-white-background-85a2a7fd.jpg);
    z-index: 100;
    width: 100%;
    height: 100%;
    padding: 100px 0px;
}
.slider-img img{
height: auto;
}
.carousel-imag {
    text-align: center;
    padding: 30px 0px;
}
.carousel-imag img{
    width: 12%;
    margin: 0px 30px;
} 
.carousel-imag img:hover{
    opacity: 1;
    transition: 0.5s;
}
#professional-skills .card{
    background-color:white !important;
}

 
/*Imp Client section End */
#footer  .footer-heading{
    color: #0f7792;
    font-size: 30px;
    font-weight: bolder;
}
.pTag{
    color: black;
    font-weight: bold !important;
}
 
.card-body a{
    color: #0f7792  ;

}
.card-body a:hover{
    color:#e46c25;

}
.heading h1{
    color:#e46c25;
    font-weight: bold;

}
.heading h5{
    color: #0f7792  ;
    font-weight: bold;


}
.main-youtube-video iframe{
height: 80vh;
width: 100%;

}

/* .navbar-expand-sm1{
    margin-top: 388px;
    position: fixed;
    right: 0px;
    width: 30%;
    transform: rotate(90deg);
}
.navbar-collapse h1{
    position: absolute;
    top: 10px;
}
.navbar-brand a i{
    color: white !important;
} */

.sidebar{
    position: fixed;
    right: 0%;
    top: 30%;
    bottom: 30%;
    height: 50vh;
    z-index: 100;
    background-color: #e46b259f;
    
    
}
.sidebar-icons{
    width: auto;
    height: 50vh;
}
.icons a>i{
    /* position: absolute;
    right: -275%; */
    padding: 20px 0px;
    /* float: left; */
    color: white;
}
.icons a>i:hover{
    color:#0f7792 ;
    transition: 0.7s;
}

.navbar-toggler{
    background-color:#e46c25;
}
.navbar-toggler-icon i{
    color:white;
    font-weight: lighter;
}
.line{
    height: 4px;
    background-color: #e46c25;
    width: 100%;
}
.line2{
    height: 4px;
    background-color: #0f7792;
    width: 100%;
}

.studio_img .years_text {
    z-index: 3;
    color: #e46c25;
    color: #0f7792;
    /* font-weight: bolder; */
}
.years_text_inner h1{
    font-size: 80px; 
    font-weight: bolder;
}
.years_text_inner h2{
    font-size: 50px; 
    font-weight: bolder; 
    /* text-shadow: 6px 0px 0px #e46c25 */
}
.studio_img .years_text {
    position: absolute;
    right: 0px;
    top: 58%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}
.studio_img .years_text .years_text_inner {
    position: relative;
    right: -110px;
    top: -100px;
}
.studio_img .years_text:before {
    content: "";
    width: 153px;
    height: 153px;
    border: 5px solid #0f7792;
    display: inline-block;
    right: -79px;
    position: relative;
}
.studio_img:after {
    content: "";
    background: url(mg/circle-teckture.png) no-repeat scroll center center;
    width: 191px;
    height: 191px;
    position: absolute;
    right: -95px;
    top: 44.90%;
    z-index: -1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#more {display: none;}
#more1 {display: none;}
#more2{display: none;}

#myBtn{
    padding: 6px 10px ;
    /* border-radius: 15%; */
    background-color: #e46c25;
    color: white;
    border: none;
}
#myBtn1{
    padding: 6px 10px ;
    /* border-radius: 15%; */
    background-color: #e46c25;
    color: white;
    border: none;
}

#myBtn2{
    padding: 6px 10px ;
    /* border-radius: 15%; */
    background-color: #e46c25;
    color: white;
    border: none;
}



.footer-icons{
    display: none !important;
}
#ali{
    display: none !important;

}
.main-images{
    display:block !important;

}
.responsive-images{
    display: none !important;
}