.primary-bg {
    background-color:#ff9933 ;
}
.primary-text{
    color: #ff9933;
}
.primary-btn{
    background-color: #ff9933;
    padding: 5px 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    color: #ffffff;
}

/***** topbar *****/
.header-icon {
    color: #ffffff;
    border: 1px solid #ffffff;
    transition: all 1s;
    height: 30px;
    width: 30px;
    cursor: pointer;    
}
.header-icon:hover{
    color: #fa9806;
    background-color:#ffffff;
}
/***** End topbar *****/
/***** navbar *****/
.nav-link.active{
    color: #ff9933 !important;
}
.nav-link .active::after{
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #ff9933;
}

.nav-link::after{
    content: '';
    display: block;
    width: 0%;
    height: 2px;
    background-color: #ff9933;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.nav-link:hover::after{
    width: 100%;
}
.nav-link:hover{
    color: #ff9933 !important;
}

/***** End navbar *****/
/***** Start carosel *****/
.carousel-item .carousel-text{
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    text-align: center;
}

.carousel-item.active .carousel-text{
    top: 40%;
    opacity: 1;
}

/***** End carosel *****/

/***** welcome Secton *****/
 
/***** End welcome Secton *****/
/***** About *****/
.about-retouch {
    color: #707070;
    font-size: 13px;
}


/***** End About *****/
.content-bg{
    background-image: url(../images/bg-img/bg-2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 20vh;
   
    /*color: #ffffff;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    */
}
/* .content-bg::after{
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #ffffff;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
} */

.content-bg:hover{
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    color: rgb(108, 233, 6);
}

/***** Services *****/

.content-bg-1{
    background-image: url(../images/bg-img/bg-4.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 20vh;
    position: relative;
}
.content-bg-2{
    background-image: url(../images/bg-img/ig.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 20vh;
    position: relative;
}
.content-bg-3{
    background-image: url(../images/bg-img/cu.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 20vh;
    position: relative;
}
/* .content-bg-1::after{
    content: '';
    display: block;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
} */
.service-boxs{
border: 0.5px solid #e9e6e6;
transition: all 0.5s;
}
.service-boxs:hover{
box-shadow: 0 0 20px #aaaaaa;
}
.service-text{
text-decoration: none;
color: #000000;
text-align: center;
font-size: small;
}
.service-text:hover{
text-decoration: none;
}
/***** Arial *****/
.content-bg-a{
    background-image: url(../images/Aerial_Photo_Editing/1/1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 20vh;
    position: relative;
}
.content-bg-b{
    background-image: url(../images/Day_To_Dusk/3/2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 20vh;
    position: relative;
}
.content-bg-c{
    background-image: url(../images/HDR_Photo_Enhancement/4.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 20vh;
    position: relative;
}
.content-bg-d{
    background-image: url(../images/Real_Estate_Decluttering/2/1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 20vh;
    position: relative;
}
.content-bg-e{
    background-image: url(../images/Real_Estate_Still_Photo_Enhancement/1/1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 20vh;
    position: relative;
}
.content-bg-f{
    background-image: url(../images/Real_Estate_Still_Photo_Enhancement/1/1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 20vh;
    position: relative;
}

/***** End Arial *****/

/***** End Services *****/
/***** day to dusk *****/
.dusk-1{
    background-image: url();
}
/***** End day to dusk *****/

/***** footer *****/
.footer-bg {
background-color: #ebebeb;
}

.copy-text{
font-size: 14px;
}

/***** End footer *****/

.gallery img{
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    z-index: 0;
    position: relative;
}

.gallery img:hover{
    transform: scale(2);
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    z-index: 9999;
}