.service-img img{    width: 100%;    height: 280px;    object-fit: cover;}
.client img,#client img{    margin-top: 30px;    background-color: #ffffff;  border-radius: 3px;    padding: 5px;    box-shadow: 0 3px 8px rgba(0,0,0,.19);}
.client img:hover,#client img:hover{    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.8);}
.clients{background: #eee;    padding-bottom: 30px;}
p{text-align:justify;}
h1,h2,h3,h4,h5,h6{font-family: 'Archivo Narrow', sans-serif;}
#homeser{ margin-bottom:18px;}
#testi p{ text-align:center; padding:0 10px;}
#rs-header .menu-area {    background-color: #333 !important;}
/*.client:after {    position: absolute;    content: "";    height: 106px;    width: 3px;    background: #27aae1;   bottom: 0;   right: 0;}*/
.rs-project.innner-project .project-item {    background: #00afef;    padding: 1px;}
.rs-project .project-item img {    width: 100%;    height: 220px;    object-fit: cover;}
.sign_product{padding:5px;}
.overly-border::after {    border-right: 1px solid #27aae1;    border-left: 1px solid #27aae1;    -webkit-transform: scale(1,0);    transform: scale(1,0);}
.overly-border::before {    border-top: 1px solid #27aae1;    border-bottom: 1px solid #27aae1;    -webkit-transform: scale(0,1);    transform: scale(0,1);}
.sign_product .project-item .p-title {    font-weight: 300;}
.rs-project.innner-project .project-item .p-zoom {    display: inline-block;    font-size: 29px;;}
.services-section .single-service .service-details h3 { background: #333;    margin: 0;    width: 100%;   padding: 10px;}
.services-section .single-service .service-details {    padding: 0;}
.services-section .single-service {    margin-bottom: 20px !important;    border: 1px solid #d7d7d7;}
.services-section .single-service .service-details h3 a {    font-weight: 300;    font-size: 18px;    color: #ffffff;}
.compensate-for-scrollbar {    margin-right: 0px !important;}
.abt h1{margin-bottom: 0px;    font-size: 100px;    color: #fff;    text-transform: uppercase;    text-align: center;}
#abtcnt p{text-align: left;    color: #fff;    font-size: 23px;    line-height: 43px;}
/*.abt h1:after {    position: absolute;    content: "";    height: 19px;    width: 400px;    background: #FFC107;    bottom: -50px;    left: 50px;}*/
#abtcnt h4{font-size: 23px;    color: #fff;    letter-spacing: 1px;}
#abtcnt h5{    margin-top: -17px;    font-size: 18px;    color: #fff;}
#step{    background: #999;    color: #fff;}
#step p{font-size: 17px;    text-align: center;}
#step h5{    text-align: center;    font-size: 30px;    padding: 20px 0px;    color: #c00a41;}
#step h5:before {position: absolute;    content: "";    height: 5px;    width: 150px;    background: #FFF; left: 70px;    bottom: 160px;}
#step img{   width: 68%;}
#step h4{    text-align: center;    color: #fff;    font-size: 50px;}
.sim{    background: #fff;padding-top: 15%;margin-left: 6%;    text-align: center;    border-radius: 50%;    height: 230px;    width: 230px;}
.bordr{    border-top: 2px solid #ccc;    border-bottom: 2px solid #ccc;}
.bordr img{box-shadow:none !important;}
#abrd{    background: #27aae1;    padding: 15px 24px;    color: #fff;    font-size: 18px;    letter-spacing: 2px;    border-radius: 24px;}
.rs-about .about-right-img {    background: #000;    position: relative;    height: 261px;    width: 76%;    float: right;}
#abtcnt i{color: #fdd835;}
.clients h4{float: right;    padding-top: 35px;    color: #595556;    font-size: 20px;    letter-spacing: 2px;}
.rs-testimonial #testimonial-slider10 .testimonial {    min-height: 351px;}
.cl-client-testimonial{    min-height: 170px;}
.address h4{    color: #27aae1;    text-transform: uppercase;    letter-spacing: 1px;    padding-left: 42px;}
.contact-page .contact-form-area input, .contact-page .contact-form-area textarea{margin-bottom: 10px;    padding: 0px 10px;}
.contact-page .contact-form-area textarea {    height: 120px !important;}
.contact-page  input[type=submit]{    background: #27aae1;    color: #fff;    width: 30%;    border: none;    font-size: 18px;    letter-spacing: 1px;}
.services-inner .container{width:90%; max-width:1350px;}
.rs-menu ul> li> a:hover,.rs-menu ul> li.current_page_item > a {color: #27aae1 !important; text-decoration: none;}
#service-menu li a{ text-transform:capitalize !important; background: #27aae1;    width: 100%;    display: inline-block;    color: #fff !important;padding: 7px 10px !important;border-bottom: 1px solid #fff;}
.services-section .service-list-sidebar ul#service-menu li a::after {    content: "›";font-size: 17px;position: absolute;right: 11px;    top: 7px;color: #fff;}
#service-menu> li> a:hover,#service-menu> li.current-menu-item > a {background: #222 !important; text-decoration: none;}
.title-display-hover-slideup-show a .photonic-title{    background: rgba(0, 0, 0, 0.76) !important;    padding: 10px !important;    font-size: 15px !important;}
.services-inner h2{    text-align: center;    font-size: 24px;    color: #333;    font-weight: 900;    text-transform: uppercase;}
.services-inner h4{    text-align: center;    margin: 0;    background: #222;    color: #fff;    text-transform: uppercase;    font-weight: 500;    letter-spacing: 1px;    padding: 14px 10px;}
.services-inner{    padding: 30px 0px;}
#photonic-social{display:none !important;}
.covid{padding: 40px 0px;}
.dis{padding:40px 0px;}
.covid h3,.covid h4,.covid h5 {    font-family: 'Questrial', sans-serif;    padding: 0px 0px 6px;   margin: 0;}
.covid h3{font-size: 21px;}
.bro_down{    background: #00afef;     display: inline-block;   padding: 10px 30px; margin-top:30px;    color: #fff;    font-weight: 500;    border-radius: 23px;    border: 1px solid #00afef;}
.bro_down:hover,.bro_down:focus{background:transparent;color: #00afef;}
.iconnn{background: #eee;    padding-bottom: 20px;}
.page_btn{text-align:center;}
.page_btn a {    background: #27aae1;    padding: 9px 20px;    display: inline-block;    margin: 30px 0px 0px;    color: #fff;}

@media (max-width: 480px) and (min-width: 320px) {
	.abt h1 {    margin-bottom: 0px;    font-size: 75px;    color: #fff;    text-transform: uppercase;}
	.abt{margin-bottom:30px;}
	.abt h1:after {    position: absolute;    content: "";    height: 13px;    width: 300px;    background: #FFC107;  bottom: -17px; left: 20px;}
	#abtcnt p {    text-align: center;}
	.sim{    margin-left: 18%;}
	#step h5:before{display:none;}
	}
@media only screen and (max-width: 768px){
#rs-about{padding:40px 0px;}
}