@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
body {/*font-family: "Roboto", sans-serif;*/ font-family: "Open Sans", sans-serif !important; letter-spacing:0.25px;}
h1,h2,h3,h4,h5,h6 {font-family: "Montserrat", sans-serif;}
/*.topbar {
    background: linear-gradient(90.15deg, #0000B3 1.15%, #00A1FF 98.84%);
    padding: 10px 0;
}*/
.section-title h1 span, .section-title h2 span {
     /*background: linear-gradient(90.15deg, var(--accent-color) 0%, var(--accent-secondary-color) 100%); 
    background-clip: text;
    -webkit-text-fill-color: transparent;*/
	background: linear-gradient(90.15deg, to right, #0000B3 0%, #a3dbfc 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.topbar-info-text p, .topbar-contact-info ul li { font-weight: 600;}
.ft-48{font-size: 48px !important;}
.ft-42{font-size: 42px !important;}
.ft-40{font-size: 40px !important;}
.ft-20{font-size: 20px !important;}
.fw-6{font-weight: 600 !important;}
.clr-bk{color:#000 !important;}
.section-title h3::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: url(../images/shield_lock.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    width: 20px;
    height: 25px;
}
.section-title h1 {font-size: 48px !important;}
.service-item .icon-box { margin-bottom: 50px;}
.scroll {list-style:none; display:inline-flex;}
.scroll li{ margin-left:10px;}
.scroll img {box-shadow:1px 2px 1px #e8e8e8; border:1px solid #f8f8f8;}
.footer-header { margin-bottom: 50px; padding-bottom: 30px;}
.footer-copyright { margin-top: 30px; padding:30px 0;}

.mb-1{margin-bottom: 10px;}
.mb-2{margin-bottom: 20px;}
.mb-3{margin-bottom: 30px !important;}
.mb-4{margin-bottom: 40px !important;}
.our-approach { padding: 50px 0;}
.abt-services {line-height:30px;}
/*.how-it-work-img-3 {
    position: absolute;
    max-width: 306px;
    top: 50%;
    transform: translatey(-50%);
   right: -75px;
    border: 10px solid var(--white-color);
    border-radius: 30px;
    overflow: hidden;
    z-index: 9;
}
.how-it-work-img-3 img {
    aspect-ratio: 1 / 1.02;
}
.how-it-work-img-3 img {
    width: 100%;
    object-fit: cover;
}
.how-it-work-img-3 figure {
    display: block;
}*/
.call-button {
    position: fixed;
    bottom: 156px;
    right: 20px;
    z-index: 99;
    background-color: #3e72fa;
    border-radius: 50px;
    color: #ffffff;
    text-decoration: none;
    width: 50px;
    height: 50px;
    font-size: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-box-shadow: 0px 0px 25px -6px rgb(0 0 0);
    -moz-box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, 1);
    box-shadow: 0px 0px 25px -6px rgb(0 0 0);
    animation: effect 5s infinite ease-in;
}
.whatsapp-button {
    position: fixed;
    bottom: 100px;
    right: 20px;
    z-index: 99;
    background-color: #25d366;
    border-radius: 50px;
    color: #ffffff;
    text-decoration: none;
    width: 50px;
    height: 50px;
    font-size: 30px;
    display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-box-shadow: 0px 0px 25px -6px rgb(0 0 0);
    -moz-box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, 1);
    box-shadow: 0px 0px 25px -6px rgb(0 0 0);
    animation: effect 5s infinite ease-in;
}
.page-header { padding: 75px 0;}
.about-footer-list, .about-footer-content { width: calc(100% - 15px) !important;}
.cta-box-section { padding: 50px 0;}
.our-team { padding: 100px 0 50px;}
.main-menu ul ul { width: 270px;}
.main-menu ul ul li a:hover, .main-menu ul ul li a:focus { color: #bccdff;}
.footer-links ul li {list-style:square; margin-left:20px;}
.footer-links ul li a:hover { color: #bccdff;}
.contact-info-list { gap: 30px 75px; padding: 60px 40px !important;}
.we-server-ht{font-size:1.0rem !important; padding-top:10px !important; line-height:30px !important;}

@media screen and (min-device-width: 240px) and (max-device-width: 568px) { 
    .ft-42 { font-size: 26px !important; line-height:35px;}
	.scroll { display: block;  width: 200px; margin: 0px auto;}
	.scroll li {padding:5px 0px;}
	.section-title h1 { font-size: 30px !important;}
}