/*--------------------------------------------------------------
# Overview Section
--------------------------------------------------------------*/
@media (max-width: 767px) {#overview-section{min-height: calc(100vh - 130px); display: flex; justify-content: center; align-items: center;}}
#overview-section .contaner-poster{position: relative;}
#overview-section .contaner-poster::before{content: ""; background: url('../../../../../img/brand-figures/third/square-x-dots.svg'); background-position: center; background-size: 130px; background-repeat: no-repeat; width: 130px; height: 130px; position: absolute; top: 0px;z-index: 0;}
@media (max-width: 767px) {#overview-section .contaner-poster::before{background-size: 70px; width: 70px; height: 70px;}}
#overview-section .contaner-poster img{position: relative; z-index: 1;}


/*--------------------------------------------------------------
# Background Section
--------------------------------------------------------------*/
#background-section .container{position: relative;}
#background-section .container::before{ content: ""; background: url('../../../../../img/brand-figures/third/circle-line.svg'); background-position: center; background-size: 100px; background-repeat: no-repeat; width: 110px; height: 115px; position: absolute; top: -30px; z-index: 0;}
#background-section .contaner-poster img{position: relative; z-index: 1;}

/*--------------------------------------------------------------
# Technologies Section
--------------------------------------------------------------*/
#technologies-section .technologies-content .swiper .swiper-slide .svg-contaner svg{width: auto !important; height: 40px !important;}


/*--------------------------------------------------------------
# Video Section
--------------------------------------------------------------*/
#video-section .video-container{position: relative; border-radius: 8px; overflow: hidden;}
#video-section .video-container .video-background-overly{background: rgb(0 0 0 / 25%); position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 1;}
#video-section .video-container .video-background-overly .ply-vedio-btn{color: #ffffff !important;}
#video-section .video-container .video-background-overly .ply-vedio-btn .ply-vedio-btn-icon{border: dashed 2px transparent; border-radius: 50% !important;}
#video-section .video-container .video-background-overly .ply-vedio-btn .ply-vedio-btn-icon svg{fill: #ffffff !important;}
#video-section .video-container .video-background-overly .ply-vedio-btn .ply-vedio-btn-text{line-height: 1rem !important; font-size: 1rem !important; font-weight: 700 !important;}
#video-section .video-container .video-background-overly .ply-vedio-btn:hover > .ply-vedio-btn-icon, #video-section .video-container .video-background-overly .ply-vedio-btn:focus > .ply-vedio-btn-icon{border-color: #ffffff !important;}
#video-section .video-container .video-background-overly .ply-vedio-btn:hover > .ply-vedio-btn-text .inline-text, #video-section .video-container .video-background-overly .ply-vedio-btn:focus > .ply-vedio-btn-text .inline-text{text-decoration: underline !important;}

/*--------------------------------------------------------------
# testimonials Section
--------------------------------------------------------------*/
#testimonials .reviews-swiper{position: relative !important;}
#testimonials .reviews-swiper::before{ content: ""; background: url('../../../../../img/brand-figures/third/square-x-dots.svg'); background-position: center; background-size: 70px; background-repeat: no-repeat; width: 70px; height: 70px; position: absolute; bottom: -10px;z-index: 0;}

#testimonials .reviews-swiper::after{content: ""; background: url('../../../../../img/brand-figures/third/square-x-dots.svg'); background-position: center; background-size: 70px; background-repeat: no-repeat; width: 70px; height: 70px; position: absolute; top: -10px;z-index: 0;}

#testimonials .reviews-swiper .swiper{max-width: calc(100% - 80px);}
@media (max-width: 425px){
    #testimonials .reviews-swiper .swiper{max-width: calc(100% - 70px);}
}
@media (max-width: 340px){
    #testimonials .reviews-swiper .swiper{max-width: calc(100% - 60px);}
}

#testimonials .swiper-button-prev, #testimonials .swiper-rtl .swiper-button-next{left: -47px; right: auto;}
#testimonials .swiper-button-next, #testimonials .swiper-rtl .swiper-button-prev{right: -47px; left: auto;}

@media (max-width: 425px) {
    #testimonials .swiper-button-prev, #testimonials .swiper-rtl .swiper-button-next{left: -45px; right: auto;}
    #testimonials .swiper-button-next, #testimonials .swiper-rtl .swiper-button-prev{right: -45px; left: auto;}
}
@media (max-width: 340px) {
    #testimonials .swiper-button-prev, #testimonials .swiper-rtl .swiper-button-next{left: -40px; right: auto;}
    #testimonials .swiper-button-next, #testimonials .swiper-rtl .swiper-button-prev{right: -40px; left: auto;}
}
  
#testimonials .reviews-swiper .swiper .swiper-slide{background: #ffffff; border: solid 1px var(--line); border-radius: 0px 35px 35px 35px; box-shadow: 0px 2px 24px rgba(40, 18, 114, 0.05);}
#testimonials .reviews-swiper .swiper .swiper-slide .client-img img{width: 65px; min-width: 65px; max-width: 65px; height: 65px; min-height: 65px; max-height: 65px; border-radius: 0px 15px 15px 15px;}
#testimonials .reviews-swiper .swiper .swiper-slide .client-name{line-height: 0.875rem; font-size: 0.875rem; font-weight: bold;}
#testimonials .reviews-swiper .swiper .swiper-slide .client-jop{line-height: 0.875rem; font-size: 0.875rem; font-weight: 400;}
#testimonials .reviews-swiper .swiper .swiper-slide blockquote{font-size: 14px; line-height: 21px; letter-spacing: 0.08px;}


/*--------------------------------------------------------------
# Suggested Projects Section
--------------------------------------------------------------*/
#suggested-projects-section .swiper .swiper-slide .swiper-slide-container{position: relative; border-radius: 8px; overflow: hidden;}
#suggested-projects-section .swiper .swiper-slide .swiper-slide-container .overly-links{background: rgb(0 0 0 / 12%); width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; bottom: 0px; z-index: 1;}
#suggested-projects-section .swiper .swiper-slide .swiper-slide-container .overly-links .overly-container{width: 100%; height: 100%; position: relative;}
#suggested-projects-section .swiper .swiper-slide .swiper-slide-container .overly-links .overly-container .swiper-slide-expand{position: absolute; top: 0px; left: 0px; line-height: 21px; font-size: 21px; color: #ffffff; outline: none !important; transition: all 0.2s ease;}
#suggested-projects-section .swiper .swiper-slide .swiper-slide-container .overly-links .overly-container .swiper-slide-expand:hover{font-size: 24px !important; line-height: 24px !important;}
#suggested-projects-section .swiper .swiper-slide .swiper-slide-container .overly-links .overly-container .name{width: calc(100% - 28px); position: absolute; top: 0px; right: 0px; color: #ffffff; text-align: right !important;}
#suggested-projects-section .swiper .swiper-slide .swiper-slide-container .overly-links .overly-container .name .name-link{color: #ffffff !important; line-height: 19px; font-size: 19px; transition: all 0.2s ease;}
#suggested-projects-section .swiper .swiper-slide .swiper-slide-container .overly-links .overly-container .name .name-link:hover{line-height: 22px; font-size: 22px;}
#suggested-projects-section .swiper .swiper-slide .swiper-slide-container .overly-links .overly-container .services{width: 100%; position: absolute; right: 0px; bottom: 0px; left: 0px;}
#suggested-projects-section .swiper .swiper-slide .swiper-slide-container .overly-links .overly-container .services .service-link{border: solid 1px var(--line); border-radius: 3px; line-height: 12px; font-size: 12px;}