#uratom {
	--work-tone: #233447!important;	
	--tran-web: linear 8s;
	--tran-tab: linear 8s;
	--tran-mob: linear 15s;
}
#shyamalbuilders {
	--work-tone: #F47D35!important;	
	--tran-web: linear 8s;
	--tran-tab: linear 8s;
	--tran-mob: linear 15s;
}
#drnoor {
	--work-tone: #E9C87E!important;	
	--tran-web: linear 8s;
	--tran-tab: linear 8s;
	--tran-mob: linear 15s;
}
#accutroninc {
	--work-tone: #00a0f0!important;	
	--tran-web: linear 8s;
	--tran-tab: linear 8s;
	--tran-mob: linear 15s;
}
#altosagroup {
	--work-tone: #F18700!important;	
	--tran-web: linear 8s;
	--tran-tab: linear 8s;
	--tran-mob: linear 15s;
}


#huvabuva {
	--work-tone: #4455a0!important;
	--tran-web: linear 2.8s;
	--tran-tab: linear 2.2s;
	--tran-mob: linear 3.8s;
}

#vikramvalves {
	--work-tone: #0e76bc!important;
	--tran-web: linear 3.2s;
	--tran-tab: linear 4.5s;
	--tran-mob: linear 5.5s;
}

#mal {
	--work-tone: #f7921e!important;
	--tran-web: linear 3.8s;
	--tran-tab: linear 6.1s;
	--tran-mob: linear 10.5s;
}

#chubbypapasdeli {
	--work-tone: #761e47!important;
	--tran-web: linear 5s;
	--tran-tab: linear 6s;
	--tran-mob: linear 10.5s;
}

#rajkotpublicschool {
	--work-tone: #0080c6!important;
	--tran-web: linear 2s;
	--tran-tab: linear 4.8s;
	--tran-mob: linear 8.2s;
}

#atracparts {
	--work-tone: #323372!important;
	--tran-web: linear 5.2s;
	--tran-tab: linear 7.2s;
	--tran-mob: linear 12.5s;
}

#jayautospares {
	--work-tone: #1f5aa0!important;
	--tran-web: linear 6s;
	--tran-tab: linear 7.2s;
	--tran-mob: linear 10.5s;
}

#rpdstudio {
	--work-tone: #ee1830!important;
	--tran-web: linear 6s;
	--tran-tab: linear 7.8s;
	--tran-mob: linear 10.5s;
}

#sinoxpower {
	--work-tone: #0066bb!important;
	--tran-web: linear 6.8s;
	--tran-tab: linear 10.5s;
	--tran-mob: linear 15.5s;
}

#kishanauto {
	--work-tone: #2e3192!important;
	--tran-web: linear 2.8s;
	--tran-tab: linear 4.2s;
	--tran-mob: linear 5.4s;
}

#shilpansteelcast {
	--work-tone: #e97d24!important;
	--tran-web: linear 10s;
	--tran-tab: linear 12s;
	--tran-mob: linear 18s;
}

#varsboffin {
	--work-tone: #a97139!important;
	--tran-web: linear 3s;
	--tran-tab: linear 6.2s;
	--tran-mob: linear 10s;
}

#socaldentalwellness {
	--work-tone: #4f245e!important;
	--tran-web: linear 3.2s;
	--tran-tab: linear 6s;
	--tran-mob: linear 9s;
}

#rudrabearings {
	--work-tone: #cb161d!important;
	--tran-web: linear 4.8s;
	--tran-tab: linear 5.8s;
	--tran-mob: linear 13s;
}

#metal-i-cast {
	--work-tone: #ff9900!important;
	--tran-web: linear 3.5s;
	--tran-tab: linear 7s;
	--tran-mob: linear 15s;
}

#vectorparts {
	--work-tone: #D71920!important;
	--tran-web: linear 4.8s;
	--tran-tab: linear 4.5s;
	--tran-mob: linear 10s;	
}

#soliyo {
	--work-tone: #E84E1B!important;
	--tran-web: linear 4.4s;
	--tran-tab: linear 5.5s;
	--tran-mob: linear 9.5s;	
}

#novelengineers {
	--work-tone: #ef7e04!important;
	--tran-web: linear 6s;
	--tran-tab: linear 8s;
	--tran-mob: linear 9.9s;
}

#shilpan {
	--work-tone: #f7941f!important;
	--tran-web: linear 2.5s;
	--tran-tab: linear 3.5s;
	--tran-mob: linear 5.5s;
}

#arvengg {
	--work-tone: #f1592a!important;
	--tran-web: linear 3s;
	--tran-tab: linear 5s;
	--tran-mob: linear 10s;
}

#rdlrecycling {
	--work-tone: #30409A!important;
	--tran-web: linear 4s;
	--tran-tab: linear 5s;
	--tran-mob: linear 10s;
}

#flowlanceinternational {
	--work-tone: #e20613!important;
	--tran-web: linear 3s;
	--tran-tab: linear 5s;
	--tran-mob: linear 10s;
}

#oil-mill {
	--work-tone: #E41F2F!important;
	--tran-web: linear 4s;
	--tran-tab: linear 5.5s;
	--tran-mob: linear 15s;
}

#hseqms {
	--work-tone: #ed1941!important;
	--tran-web: linear 6s;
	--tran-tab: linear 9s;
	--tran-mob: linear 15s;
}
#feelingpink {
	--work-tone: #F7678E!important;
	--tran-web: linear 5s;
	--tran-tab: linear 9s;
	--tran-mob: linear 15s;
}

#flyontime {
	--work-tone: #d77319!important;
	--tran-web: linear 6s;
	--tran-tab: linear 8s;
	--tran-mob: linear 15s;
}

#dmarrspaints {
	--work-tone: #84b63b!important;
	--tran-web: linear 3.5s;
	--tran-tab: linear 4s;
	--tran-mob: linear 8s;
}

#ecocareusa {
	--work-tone: #79a342!important;
	--tran-web: linear 3.5s;
	--tran-tab: linear 4s;
	--tran-mob: linear 8s;
}


@media(min-width: 768px){
	.website-swiper {width: 100%;}
	.website-swiper .swiper-wrapper {width: 50%;}
	.website-swiper .swiper-slide {text-align: center; width: auto;}
	.website-swiper .swiper-slide {width: auto!important; transform: scale(0.95); transition: 0.3s ease-in-out; transition-delay: 0.3s;}
	.website-swiper .swiper-slide-active {transform: scale(1);}
	.website-swiper .swiper-slide img {height: 520px; border-radius: 20px!important}
}

@media(min-width: 1400px){
	.website-swiper .swiper-slide img {height: 650px}
}

@media(min-width: 1600px){
	.website-swiper .swiper-slide img {height: 780px}
}

@media(max-width: 767px){
	.website-swiper .swiper-slide {background-color: #f2f2f2; border-radius: 10px!important; position: relative; padding-bottom: 76.565%}
	.website-swiper .swiper-slide .website-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center;}
	.website-swiper .website-view {height: 100%}
	.website-swiper .swiper-slide img {height: 100%; border-radius: 10px!important}	
}

.website-box .website-view {position: relative; display: inline-block;}
.website-view .img-scroll, .website-view .img-scroll-gap {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: top center; transition: all 4s linear;}
.img-scroll:hover, .img-scroll-gap:hover + .img-scroll {background-position: bottom center; cursor: pointer;}

.desktop-screen .img-scroll {top: 8.85%; left: 7.6%; width: 84.9%; height: 65.35%; transition: var(--tran-web); z-index: 2;}
.desktop-screen .img-scroll + .loader-box {position: absolute; top: 8.85%; left: 7.6%; width: 84.9%; height: 65.35%; z-index: 1;}

.tab-screen .img-scroll {top: 12.455%; left: 12.15%; width: 75.8%; height: 75.04%; transition: var(--tran-tab); z-index: 2;}
.tab-screen .img-scroll + .loader-box {position: absolute; top: 12.455%; left: 12.15%; width: 75.8%; height: 75.04%; z-index: 1;}

.mobile-screen .img-scroll, .mobile-screen .img-scroll-gap {top: 7.5%; left: 15.2%; width: 69.9%; height: 84.8%; z-index: -1; transition: var(--tran-mob);}
.website-view .img-scroll-gap {z-index: 1;}

.project-template .hover-effct-1:hover {color: var(--white-text-color);}
.project-template .colorfull {background-color: var(--work-tone)!important;}
.project-template .colorfull2 {background-color: var(--work-ttwo)!important;}
.project-template #myBtn {background-color: var(--work-tone)!important;}