*, html, body{
font-size: 0.97rem;
font-family: "Ubuntu", sans-serif;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
color: #1A1C2B;
}
p, h1, h2, h3, h4, h5, h5, h6, ul, li{
padding: 0;
margin: 0;
list-style-type: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.banner-contant{ line-height:30px}
img{
display: block;
max-width: 100%;
}
a{
color: #3AB1E8;
font-size: 1rem;
text-decoration: none;
}
a:hover{
color: #97D021;
text-decoration: none;
}
/*-- header section start here--*/
.header {
background: #fff;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.header.sticky {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 9999;
}
.comp-logo {
width: 200px;
padding:0;
margin-right: 0px;
}
.header.sticky .comp-logo {
width: 150px;
}
.nav-item {
position: relative;
}
.navbar-expand-lg .navbar-nav .nav-link {
font-weight: 400;
color: #191F37;
padding-right: 1.3rem!important;
padding-left: 1.3rem!important;
}
.navbar-expand-lg .navbar-nav .nav-link:hover{
color: #3CAEE7;
}
.btn{
padding: 0.6rem 2rem;
border-radius: 40px;
font-size: 1rem;
font-weight: 500;
}
.btn-primary{
background: #3DB1EA;
border-color: #3DB1EA;
}
.btn-primary i{
color: #fff;
}
.btn-primary:hover{
background:#9FD42C;
border-color: #9FD42C;
}
.slider-banner{
padding: 4rem 0 4rem 0;
background-color: #E5F6FF;
}
.slider-banner h1, .slider-banner h1 span {
font-size: 2.5rem;
font-weight: 600;
}
.quik{
color: #38ADEA;
}
.typed{
color: #9BD529;
}
h2{
font-size: 2.3rem;
}
h3{
font-size: 1.5rem;
}
.icons-ser{
width: 60px;
}
.innovation-softweare {
padding: 2rem 2rem;
}
.bg-violet-contact {
background-color: #3AADEB;
border-radius: 10px;
position: relative;
padding-left: 2rem;
}
.bg-violet-contact h4 {
top: -20px;
left: 0px;
position: absolute;
display: flex;
color: #fff;
align-items: center;
font-size: 1rem;
background: #9CD629;
width: fit-content;
padding: 3px 20px;
border-top-left-radius: 10px;
}
.bg-violet-contact p {
font-size: 2rem;
color: #fff;
line-height: normal;
}
.bg-violet-contact p b{
color: #FFF;
font-size: 2rem;
}
b{
font-weight: 700;
}
.box-shadow-operates {
text-align: center;
text-align-last: center;
box-shadow: inset 0px 0px 15px #f4f4f4;
padding: 20px;
border-radius: 10px;
border: 1px solid #F0EFEF;
}
.box-shadow-operates:hover {
background: #ECF4FF;
border: 1px solid #9ED22A;
}
.box-shadow-operates h5 {
font-size: 1.3rem;
color: #9ED22A;
font-weight: 700;
}
.box-shadow-operates p{
font-weight: 400;
}
.box-shadow-operates img {
height: 70px;
margin-bottom: 20px;
}
.industry-box{
background: #FAFCFF;
border-radius: 10px;
padding: 30px;
min-height: 280px;
border:1px solid #FAFCFF;
}
.industry-box:hover {
background: #ECF4FF;
border: 1px solid #3661AB;
}
.swiper-container {
width: 100%;
}
.swiper-slide {
}
.industry-box img{
width: 70px;
}
.industry-box h3{
min-height: 50px;
font-size: 1.3rem;
}
.bg-light-blue{
background-color: #E5F6FF!important;
}
.swiper-wrapper{
overflow: hidden;
}
.brand-section .Marquee-tag {
margin: 0;
width: 260px;
}
.light-green-bg{
background-color: #FBFFF1!important;
}
.user-img {
height: 100px;
border: #1565C0 solid 2px;
border-radius: 100%;
width: 100px;
margin: 0 auto;
}
.w-60{
width: 60%!important;
}
.industry-box img {
width: auto !important;
height: auto;
}
.client-description {
font-weight: 400;
font-size: 1rem;
line-height: 24px;
margin-bottom: 7px;
}
.client-company{
font-weight: bold;
font-size: 14px;
line-height: 24px;
color: #000000;
padding-top: 8px;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.client-company span{
font-weight: bold;
font-size: 14px;
}
.testi-icon {
border: none !important;
height: 70px !important;
width: auto!important;
}
.testimonial-container .owl-nav {
position: absolute;
top: 50%;
width: 100%;
}
.testimonial-container .owl-next,.testimonial-container .owl-prev{
width: 60px;
height: 60px;
background-color: #fff !important;
border-radius: 100%;
line-height: 52px !important;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.testimonial-container .owl-next span,.testimonial-container .owl-prev span{
font-size: 3rem;
}
.testimonial-container .owl-next {
right: 0;
position: absolute;
}
.textarea{
resize: none;
}
.bg-navy-con {
align-content: flex-start;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
background: linear-gradient(to bottom, #1564BF, #0059A6);
}
.your-mind{
padding: 4rem 1rem 0 1rem;
}
.your-mind h3{
margin-bottom: 20px;
}
.your-mind h3 b{
font-size: 1.5rem;
color: #fff;
}
.your-mind p{
color: #fff;
}
.contact-main-new {
background-color: #fff;
box-shadow: 0px 0px 10px #0000002f;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.card-body {
padding: 10px;
}
.text-box {
background: #F3F7FC;
font-weight: 400;
font-size: 1rem;
color: #141738;
min-height: 44px;
margin-bottom: 20px;
border-radius: 10px;
border: 1px solid #ffffff;
background: #FFF;
width: 100%;
padding: 10px 1rem !important;
box-shadow: 0px 0px 12.34511px 0px rgba(0, 0, 0, 0.14);
}
.contact-us {
background: #fff;
width: 100%;
height: 100%;
background-image: url('../img/images/bg-rolling.webp');
background-repeat: repeat-x;
background-position: 0 100%;
}
.linear-green-blue {
background: linear-gradient(to left, #3EAEE4, #9CD622);
}
.footer-logo{
width: 200px;
}
.footer-address {
display: flex;
align-items: flex-start;
gap: 20px;
padding: 20px 0;
}
.map-icon {
width: 50px;
min-width: 50px;
}
.footer-links li{
padding-bottom: 10px;
}
.footer-links li a{
color: #333;
font-size: 14px;
transition: .3s;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
}
.footer-links li a:hover {
color: #9CD622;
letter-spacing: 1px;
}
.footer-links-social{
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
}
.footer-bar {
border-top: 1px solid #C4C4C4;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
}
/*--Drop down css--*/
.dropdown-menu{
min-width: 160px;
background: #fff;
box-shadow: 1px 1px 10px #00000038;
border-radius: 20px;
border:1px solid rgba(0,0,0,.15);
}
.dropdown-menu li a {
font-size: 1rem;
line-height: 35px;
color: #141738;
padding-left: 15px;
display: flex;
align-items: center;
padding: 10px 25px;
padding-left: 25px;
width: 100%;
}
.menu-new-wi {
width: 250px;
margin: 0 20px;
}
.menu-new-wi h6 {
font-size: 1rem;
margin-bottom: 0.5rem;
font-weight: 600;
}
.menu-new-wi span {
display: block;
font-size: 0.875rem;
font-weight: 300;
line-height: normal;
}
.menu-drop-icon{
width: 32px;
}
.dropdown-menu li a i {
transform: rotate(-90deg);
font-weight: 500;
font-size: 20px;
}
.dropdown-menu li:hover a, .dropdown-menu li:hover a h6, .dropdown-menu li:hover a span{
color: #3AB4E5;
}
.menu-thumb{
width: 100%;
max-height: 200px;
overflow: hidden;
border-radius: 10px;
}
.w-30 {
width: 30%!important;
}
.megamenu-hover-show {
position: absolute;
right: 0px;
width: 70%;
top: 0px;
z-index: 1;
padding: 20px;
}
.submenu-dropdown.menu-new-wi {
display: flex;
flex-direction: column;
padding: 0px;
text-align: left;
align-items: flex-start;
margin: 0;
}
.megamenu-hover-show2{
background-color: #fff;
position: absolute;
right: 0px;
width: 70%;
top: 0px;
z-index: 9;
display: none;
padding: 20px;
border-radius: 20px;
}
.megamenu-hover-show3{
background-color: #fff;
position: absolute;
right: 0px;
width: 70%;
top: 0px;
z-index: 10;
display: none;
padding: 20px;
border-radius: 20px;
}
.hover-show-hide:hover .megamenu-hover-show2,
.hover-show-hide:hover .megamenu-hover-show3{
display: flex;
}
.w-160{
width: 180px;
}
.dimand-left {
position: absolute;
left: 0%;
z-index: 1;
margin-top: -148px;
}
.dimand-overlap {
position: absolute;
left: 50%;
transform: translate(-50%, 0);
z-index: 999;
margin-top: -82px;
width: auto!important;
display: inline-block;
}
.dimand-right {
position: absolute;
right: 0%;
z-index: 1;
margin-top: -148px;
}
.letsdiscuss2 {
height: 82px;
}
.background-container2 {
position: absolute;
top: 0;
left: 0;
width: 200%;
height: 100%;
background-image: url(../img/images/icon-top.png);
background-repeat: repeat-x;
animation: scrollBackground 20s linear infinite;
}
.background-container3 {
position: absolute;
top: 170px;
left: 0;
width: 200%;
height: 100%;
background-image: url(../img/images/icon-bottom.png);
background-repeat: repeat-x;
animation: scrollBackground 20s linear infinite alternate;
animation-direction: reverse;
margin-top: 0px;
}
.refine-img {
height: 140px !important;
}
.animation1 {
-webkit-animation: shape 1s infinite alternate;
animation: shape 1s infinite alternate;
position: absolute;
top: 50px;
left: 59px;
margin-left: auto;
margin-right: auto;
z-index: 9;
}
.animation2 {
-webkit-animation: shape 1s infinite alternate;
animation: shape 1s infinite alternate;
position: absolute;
top: -20px;
left: 184px;
margin-left: auto;
margin-right: auto;
z-index: 9;
}
.animation3 {
-webkit-animation: shape 1s infinite alternate;
animation: shape 1s infinite alternate;
position: absolute;
top: 25px;
right: 84px;
margin-left: auto;
margin-right: auto;
z-index: 9;
}
.animation5 {
-webkit-animation: shape 1s infinite alternate;
animation: shape 1s infinite alternate;
position: absolute;
bottom: -10px;
left: -91px;
margin-left: auto;
margin-right: auto;
z-index: 9;
}
.animation4 {
-webkit-animation: shape 1s infinite alternate;
animation: shape 1s infinite alternate;
position: absolute;
bottom: 32px;
right: -15px;
margin-left: auto;
margin-right: auto;
z-index: 9;
}
.data-trusted-list li {
border: 1px solid #E4E4E4;
padding: 20px;
background: #FFF;
min-height: 100px;
border-radius: 30px;
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 20px;
}
.data-trusted-list .icon-data {
min-width: 56px;
}
.co-icon{
margin-bottom: 15px;
width: 60px;
}
.accordion-header .accordion-button{
font-weight: 600;
font-size: 1.2rem;
}
.accordion-header .accordion-button:focus,
.accordion-header .accordion-button:focus-visible{
box-shadow: none;
outline: none;
}
.considering-slider .co-container h5,
.considering-slider .co-container p{
align-items: flex-start;
text-align: left;
text-align-last:left;
padding-bottom: 1rem;
}
.streamline .box-shadow-operates{
text-align: left;
text-align-last: left;
min-height: 230px;
}
.considering-slider .owl-nav {
position: absolute;
top: 45%;
left: -4%;
width: 108%;
justify-content: space-between;
display: flex;
}
.considering-slider .owl-nav .owl-prev,
.considering-slider .owl-nav .owl-next {
width: 40px;
background-color: #fff !important;
border-radius: 50px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
position: relative;
z-index: 9;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.considering-slider2 .box-shadow-operates .co-icon{
margin-bottom: 0;
}
.considering-slider2 .co-container{
min-height: 200px;
}
.considering-slider2 .co-container h5 {
margin-bottom: 15px;
text-align: center;
}
.considering-slider2 .box-shadow-operates .co-icon{
margin: 0 auto;
}
.logistics-automation .box-shadow-operates{
min-height: 130px;
}
.logistics-automation .box-shadow-operates h5{
font-size: 2.5rem;
}
.stat-number{
font-size: 2.5rem;
}
.opt-solution .industry-box{
min-height: 340px;
}
.blog-content{
border-radius: 20px !important;
background: #FFF;
box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.20);
padding: 15px;
border: 1px solid rgba(0, 0, 0, 0.2);
}
.blog-post-thumb {
border-radius: 15px;
margin-bottom: 20px;
max-height: 160px;
overflow: hidden;
}
.date-time {
margin-bottom: 7px;
font-size: 13px;
color: #8c8c8c;
width: 100%;
}
.blog-content-detail h4, .blog-content-detail h4 a {
font-size: 1.3rem;
line-height: normal;
margin-bottom: 15px;
min-height: 48px;
}
.blog-content-detail p{
min-height: 74px;
margin-bottom: 10px;
}
.our-industry-section h2 span{
font-size: 2.3rem;
}
.why-quiksync .intro-banner-vdo-play-btn {
margin: 0;
left: 30px;
right: 0;
font-size: 1rem;
}
.why-quiksync .industry-box{
min-height: 230px;
}
.h-60 {
height: 60px;
}
.project-based li{
background: url(../img/images/right-bullet.png) no-repeat 0 0;
padding-left: 42px;
width: 49%;
display: inline-block;
font-weight: 600;
font-size: 18px;
line-height: 22px;
color: #141d64;
padding-bottom: 16px;
text-align: left;
}
.project-based {
display: flex;
flex-wrap: wrap;
}
.positions-opening .accordion-button{
flex-direction: column;
align-items: flex-start;
}
.accordion-button::after,
.accordion-button:not(.collapsed)::after {
top: 20px;
position: absolute;
right: 20px;
}
.title-job-post{
font-size: 1.5rem;
}
.career-opportunity .accordion-item {
margin-bottom: 10px;
border-radius: 10px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.positions-opening .accordion-button {
background-color: transparent !important;
border: 0px !important;
}
.skills-lsit{
padding-left: 2rem;
}
.skills-lsit li{
list-style-type: disc;
padding-left: 1rem;
margin-bottom: 0.85rem;
}
.faqs .title-job-post{
font-size: 1rem;
}
.case-study-seciton {
text-align: left;
max-width: 88%;
margin: 0 auto;
}
.case-study-thumb{
margin-bottom: 2rem;
}
.case-study-content {
margin-bottom: 1rem;
}
.case-study-thumb img{
box-shadow: 0px 0px 35px rgba(62, 65, 95, 0.2);
}
.case-study-content h5 a{
font-size: 1.2rem;
font-weight: 700;
padding-bottom: 1rem;
display: flex;
}
.case-study-content p{
padding-bottom: 1rem;
display: flex;
}
.pagination .page-link:focus{
box-shadow: none;
}
.pagination .page-link {
margin: 0 10px;
border-radius: 4px !important;
color: #0F1526;
border-color: #C7CEE2!important;
font-weight: 700;
}
.pagination .page-link.active{
background-color: transparent!important;
border-color: #00AEC4!important;
color: #00AEC4!important;
}
.blog-content-inner p{
font-size: 1rem;
margin-bottom: 1.25rem;
}
.blog-content-inner h4{
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 15px;
}
.blog-details-list-item {
padding: 0px;
margin-left: 10px;
}
.blog-details-list-item li{
padding-bottom: 10px;
list-style-type: disc;
}
.dedicated-hiring-list {
display: flex;
flex-wrap: wrap;
gap: 20px;
align-items: center;
justify-content: center;
}
.dedicated-hiring-list li {
display: flex;
width: 22%;
min-width: 22%;
background: #FFFFFF;
box-shadow: 0px 0px 20px rgba(62, 65, 95, 0.2);
border-radius: 15px;
padding: 1rem;
align-items: center;
justify-content: flex-start;
gap: 15px;
}
.service-icon {
background: #1565C0;
float: left;
padding: 10px 20px;
width: 70px;
border-radius: 4px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
}
.fth {
background: #FFE6E6;
box-shadow: 0px 4px 5px rgba(85, 85, 85, 0.25);
position: relative;
}
.fth-icon {
position: absolute;
left: 20px;
}
.fth-title {
font-weight: bold;
font-size: 20px;
line-height: 15px;
text-transform: capitalize;
color: #333333;
padding-bottom: 10px;
padding-left: 5.5rem;
padding-right: 1.5rem;
margin-top: 19px !important;
}
.fth-content {
background: #fff;
margin: 0% 8%;
padding: 20px 0px;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
border-radius: 5px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.client-description {
font-weight: 500;
font-size: 15px;
line-height: 24px;
color: #141738;
margin-bottom: 7px;
padding-left: 10%;
padding-right: 10%;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 8px;
padding-bottom: 5px;
font-weight: 400;
flex-direction: column;
}
.client-description img {
width: 18px;
margin-right: 3px;
margin-top: -2px;
}
.client-description span {
font-size: 15px;
color: #151D63;
font-weight: 700;
}
.hh {
background: #EDF6FF;
box-shadow: 0px 4px 5px rgba(85, 85, 85, 0.25);
position: relative;
}
/*---New css start here 15-09-2024---*/
.menu-new-wi span.menu-thumb {
max-height: 160px;
overflow: hidden;
display: block;
}
.menu-new-wi span.menu-thumb img {
width: 100%;
height: 100%;
}
.healthcare-page{
background-color: #39B0ED;
}
.pdf_icon{
width: 32px;
height: 32px;
min-width: 32px;
margin-right: 10px;
}
.healthcare-left-box ul li{
border-bottom: 1px solid #D9D9D9;
padding-bottom: 20px;
margin-bottom: 30px;
}
.healthcare-left-box .title-list{
font-size: 1.12rem;
line-height: 1.5;
}
.healthcare-left-box .subpra{
color: #7D6E6E;
}
.healcare-research-listing {
background-color: #fff;
position: relative;
top: -40px;
}
.healthcare-left-box {
padding: 20px 30px;
}
.healthcare-rightsidebar {
background-color: #E2F5FF;
}
.category-list{
list-style-type: none;
padding: 0;
}
.category-list li{
list-style-type: none;
}
.category-list li a{
padding: 0.75rem 1rem;
font-size: 1rem;
font-weight: 1.5;
color: #000000;
font-weight: 400;
display: flex;
align-items: center;
}
.category-list li:hover a{
background-color: #39B0ED;
color: #fff;
}
.category-list li a svg{
fill: #000;
margin-right: 5px;
}
.category-list li:hover a svg{
fill: #fff;
}
.pdf-img-img-big {
min-width: 120px;
}
.report-id{
color: #6D6969;
}
.download_free_form .form-control{
color: #7F8194;
padding: .5rem .75rem;
font-weight: 300;
}
.download_free_form .textarea{
min-height: 120px;
resize: none;
}
input:focus, input:focus-visible, textarea:focus, textarea:focus-visible{
box-shadow: none!important;
outline:0!important;
}
.modal-backdrop {
z-index: 9999;
}
.modal {
z-index: 99999;
}
.pricing-box-blue {
background-color: #3BB1E2;
padding: 1rem 1.5rem;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: space-between;
min-height: 150px;
}
.pricing-box-blue p, .pricing-box-blue h2{
color: #fff;
}
.benefites-list h3{
font-size: 1.2rem;
color: #0F1526;
font-weight: 600;
}
.benefites-list ul li{
margin-bottom: 10px;
padding: 0;
display: flex;
align-items: center;
border-bottom: 0;
}
.pramo-code {
min-width: 260px;
height: 44px;
}
.header-row {
display: flex;
align-items: center;
padding: 8px 0;
justify-content: space-between;
}
.bold-text{
font-weight: 700;
}
.normal-text{
font-weight: 400;
font-size: 0.875rem;
}
.w-60{
width: 80%;
}
.total-row.header-row {
background-color: #fff;
padding: 10px;
margin: 20px 0 0 0;
}
.checkout-form .form-control{
height: 44px;
}
.checkout-form label em{
color: red;
}
@media all and (min-width: 992px) {
.navbar .has-megamenu{position:static!important;}
.navbar .megamenu{left:1%; right:0; width:98%; margin-top:0; min-height:320px;}
}
.field_error {
width: 100%;
color: #a94442;
}
@media(max-width:992.5px){
#offcanvasRight {
max-width: 297px;
}
.dedicated-hiring-list li{
width: auto;
gap: 10px;
}
.benefites-list {
margin-top: 30px;
}
#offcanvasRight {
padding: 10px;
}
.navbar-nav.mx-lg-auto {
margin-bottom: 10px;
}
.dropdown-menu {
box-shadow: none;
border-radius: 0;
border: 0px solid rgba(0,0,0,.15);
}
.dropdown-menu li a {
font-size: 0.875rem;
padding: 10px 10px;
width: 100%;
align-items: flex-start;
}
.menu-new-wi {
margin: 0 10px;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-left: 0px !important;
padding-right: 0px !important;
justify-content: space-between;
display: flex;
}
.offcanvas-header{
padding-left: 0px;
}
.menu-dot {
top: 6px;
}
.navbar-toggler {
border: 0;
}
.navbar-toggler-icon{
width: 2.5em;
height: 2.5em;
font-size: 1rem;
}
.navbar-toggler:focus{
box-shadow: none;
outline: 0;
}
.hover-show-hide .w-30{
display: none;
}
.megamenu-hover-show{
position: static;
width: 100%;
padding: 0;
}
.dropdown-toggle::after {
border-top: .4em solid;
border-right: .4em solid transparent;
border-bottom: 0;
border-left: .4em solid transparent;
right: 0;
position: relative;
}
.megamenu-hover-show2, .megamenu-hover-show3 {
position: relative;
right: 0px;
width: 100%;
display: block;
padding: 0px;
border-radius: 0px;
}
.slider-banner h1, .slider-banner h1 span {
font-size: 1.52rem;
font-weight: 600;
}
.detail-description h2{
font-size: 1.3rem;
}
.healthcare-left-box {
padding: 20px 20px;
}
.healthcare-rightsidebar h4 {
font-size: 1.12rem;
}
.healthcare-left-box .title-list {
font-size: 0.785rem;
line-height: 1.2;
}
.healthcare-left-box ul li {
padding-bottom: 10px;
margin-bottom: 20px;
}
.healthcare-left-box h4{
font-size: 1.25rem;
}
.healthcare-left-box .subpra {
font-size: .785rem;
}
.category-list li a {
font-size: 0.875rem;
padding-left: 0;
padding-right: 0;
}
.category-list li a svg {
margin-right: 14px;
}
.healthcare-rightsidebar {
padding-top: 10px;
padding-bottom: 30px;
}
}
@media(max-width:767px){
.comp-logo {
width: 140px;
}
*, html, body{
font-size: 0.875rem;
}
.slider-banner h1, .slider-banner h1 span {
font-size: 1.3rem;
}
.slider-banner {
padding: 2rem 0 4rem 0;
}
.slider-banner-box {
margin-top: 20px;
}
h2 {
font-size: 1.4rem;
}
h3 {
font-size: 1.1rem;
}
.bg-violet-contact {
padding: 0 20px;
}
.bg-violet-contact p {
font-size: 1rem;
margin-bottom: 10px;
}
.Marquee-tag{
width: 120px;
}
.service-icon {
padding: 10px 10px;
width: 60px;
height: 38px;
}
.service-icon img {
width: 30px;
}
.healthcare-left-box {
padding: 20px;
}
.healthcare-left-box .title-list {
font-size: 1rem;
line-height: 1.5;
font-weight: 500!important;
}
.detail-description {
margin-top: 20px;
}
.pramo-code {
min-width: 208px;
height: 40px;
}
}