@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
:root
{
--parafont: "DM Sans", sans-serif;
--hdfont: "Syne", sans-serif;
--themered: #ee2128;
--themenavy: #021670;
}
*
{
margin: 0px;
padding: 0px;
box-sizing: border-box;
}
.main-banner
{
width: 100%;
height: 100vh;
position: relative;
background: url('../images/banner/main-banner.jpg');
background-size: cover;
background-position: 100%;
}

h1, h2, h3, h4, h5, h6
{
font-family: var(--hdfont);
}
.h2, h2 {
    font-size: 1.5rem;
}
p, a, li, ul, strong, textarea, select, input, .form-control, label, table, tr, td, th
{
    font-family: var(--parafont) !important;
}
.font-13
{
font-size: 13px;
}
.navyclr
{
color: var(--themenavy) !important;
}
.redclr
{
color: var(--themered) !important;
}
.pb-80
{
padding-bottom: 80px;
}
.text-shadow
{
text-shadow: 0px 0px 5px #000;
}
header .navbar-light .navbar-nav .nav-link:focus, header .navbar-light .navbar-nav .nav-link:hover
{
color: var(--themered);
}
header .navbar-light .navbar-nav .active>.nav-link
{
color: var(--themered);	
}
header .navbar-nav .nav-link
{
font-weight: 600;
font-size: 17px;
}
header .navbar-light .navbar-nav .nav-link 
{
color: var(--themenavy);
}
.hdr-social
{
width: 35px;
height: 35px;
margin: 0px 5px;
border: 2px solid var(--themered);
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
}
.sticky-active {
position: fixed;
top: 0;
right: 0;
left: 0;
box-shadow: 0 8px 20px 0 rgb(0 0 0 / 10%);
z-index: 996;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
background-color: #fff;
-webkit-animation: headerSlideDown .95s ease;
animation: headerSlideDown .95s ease;
will-change: transform;
}
@-webkit-keyframes headerSlideDown {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0); } 
}
@keyframes headerSlideDown {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0); } 
}
.main-banner .banner-form 
{
background: var(--themenavy);
padding: 20px;
margin-top: 45px;
border-radius: 10px;
}
.main-banner .banner-form form
{
background: #fff;
padding: 20px;
border-radius: 10px;
}
.form-control
{
border-radius: 0px !important;
}
.anrjbtn
{
background: var(--themenavy) !important;
color: #fff;
border-radius: 0px !important;
font-family: var(--hdfont) !important;
border: none !important;
outline: none !important;
transition: 0.3s all linear !important;
}
.anrjbtn:hover
{
background: var(--themered) !important;
}
.service-slider .swiper-slide
{
height: auto;
border-radius: 10px;
overflow: hidden;
position: relative;
}

.service-slider .swiper-button-next, .service-slider .swiper-button-prev
{
background: var(--themenavy);
width: 35px;
height: 35px;
border-radius: 50%;
top: 60% !important;
}
.service-slider .swiper-button-next
{
   right: 0px !important;
}
.service-slider .swiper-button-prev
{
    left: 0px !important;
}
.service-slider .swiper-button-next:after, .service-slider .swiper-button-prev:after
{
font-size: 14px;
color: #ffff;
font-weight: 600;
}
.section-title
{
font-size: 40px;
text-transform: capitalize;
font-weight: bold;
}
.sec-para
{
width: 60%;
text-align: center;
margin: auto;
}
.srvc-caption
{
position: absolute;
top: 90%;
left: 50%;
transform: translate(-50%, -50%);
width: 90%;
padding: 20px;
text-align: center;
}
.srvc-caption h3
{
text-transform: uppercase;
/*font-weight: bold;*/
color: #fff;
text-shadow: 0px 0px 5px #000;
}
.srvc-caption p
{
color: #fff;
display: none;
text-shadow: 0px 0px 5px #000;
}
.service-slider .swiper-slide:hover .srvc-caption
{ 
top: 50%;
transition: 0.5s all ease;
}
.service-slider .swiper-slide:hover .srvc-caption p
{
display: block;
transition: 0.8s all ease;
}
.working-sec
{
background: linear-gradient(to left, #ffffff5c, #ffffff5c),url('../images/banner/how-work.jpg');
background-size: cover;
background-attachment: fixed;
background-position: 100%;
width: 100%;
}
.work-content
{
background: var(--themenavy);
padding: 10px;
border-radius: 10px;
box-shadow: 0px 0px 12px #5c5353;
position: relative;
}

.wclafter::before
{
	content: " ";
    position: absolute;
    top: 15px;
    right: -5px;
    background: var(--themenavy);
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
}
.wcrafter::before
{
	content: " ";
    position: absolute;
    top: 15px;
    left: -5px;
    background: var(--themenavy);
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
}
.work-content h3
{
background: var(--navyclr);
padding: 0px 10px;
}
.work-content .work-para p
{
margin-bottom: 0px;
}
.work-content .work-para
{
background: #fff;
padding: 10px;
border-radius: 5px;
}
.border-l
{
border-left: 2px solid var(--themenavy);
}
.border-r
{
border-right: 2px solid var(--themenavy);
}
.lwc
{
position: absolute;
top: 0px;
right: -16%;
width: 50px;
height: 50px;
background: var(--themenavy);
color: #fff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
z-index: 9;
box-shadow: 0px 0px 5px #fff;
font-size: 20px;
font-family: var(--parafont);
}
.rwc
{
position: absolute;
top: 0px;
left: -16%;
width: 50px;
height: 50px;
background: var(--themenavy);
color: #fff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
z-index: 9;
box-shadow: 0px 0px 5px #fff;
font-size: 20px;
font-family: var(--parafont);
}
@media only screen and (min-width: 992px) and (max-width: 1200px)
{
.lwc
{
right: -19.5% !important;
}
.rwc
{
left: -19.5% !important;
}
}
.rvw-content
{
display: flex;
align-items: center;
width: 100%;
padding: 30px 15px;
}
.rvw-content .rvw-text
{
width: 75%;
}
.rvw-content .rvw-img
{
    width: 25%;
    height: 200px;
    object-fit: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rvw-content .rvw-img img
{
width: 100px;
height: 100px;
object-fit: contain;
border-radius: 50%;
}
.reviews-slider
{
margin: 15px;
box-shadow: 0px 0px 8px #a7a7a7;
border-radius: 200px;
background: #ffebeb;

}
.reviews-slider .swiper-button-next, .reviews-slider .swiper-button-prev
{
background: var(--themenavy);
width: 45px;
height: 45px;
border-radius: 10px;
}
.reviews-slider .swiper-button-next
{
right: -1%;
}
.reviews-slider .swiper-button-prev
{
left: -1%;
}
.reviews-slider .swiper-button-next:after, .reviews-slider .swiper-button-prev:after
{
font-size: 25px;
color: #ffff;
font-weight: 600;
}
footer
{
background: var(--themenavy);
}
footer .footer-srvc
{
display: flex;
justify-content: space-around;
}
footer .footer-srvc div
{
width: calc(100%/5);
}
footer li
{
list-style: none;
color: #fff;
}
footer a
{
text-decoration: none;
color: #fff;
font-size: 14px;
}
footer a:hover
{
color: var(--themered);
text-decoration: none;
}
footer .footer-widget h4
{
margin-bottom: 15px;
}
footer .social-footer
{
display: flex;
}
footer .social-footer li
{
width: 35px;
height: 35px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #fff;
border-radius: 50%;
margin: 5px 10px;
}
footer .copyright
{
display: flex;
justify-content: space-between;
align-items: center;
}