body, code, html, kbd, pre, samp { font-family: "Product Sans", Arial, sans-serif; } body, html { overflow-x: hidden; } h1, h2, h3, h4, h5, h6 { margin-top: 0; } ol, ul { list-style: none; } a { text-decoration: none !important; transition: 0.3s ease-in-out; } p { font-weight: 300; } .bannerfold { display: flex; align-items: center; position: relative; padding-top: 200px; background-size: cover; background-position: center; background-repeat: no-repeat; } .bannerfoldbg_img { position: absolute; left: 0; right: 0; margin: 0 auto; width: 100%; height: 100%; object-fit: cover; top: 0; bottom: 0; } .bannerfold::after{ position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; background-color: #000; opacity: 0.6; } .bannerfold .container{ position: relative; z-index: 1; } .bannerfoldcontent h1 { font-size: 48px; color: #fff; font-weight: bold; line-height: 58px; margin-bottom: 20px; } .bannerfoldcontent p { color: #fff; font-weight: 400; font-size: 18px; margin-bottom: 25px; } .btndesign { background-color: #0080ff; color: #fff; font-size: 16px; font-weight: 500; padding: 0 25px; height: 48px; display: inline-flex; align-items: center; justify-content: center; border-radius: 5px; border: 1px solid #0080ff; } .btndesign:hover{ background-color: transparent; color: #0080ff; } .whitebtndesign { background-color: #fff; color: #0080ff; font-size: 16px; font-weight: 500; padding: 0 25px; height: 48px; display: inline-flex; align-items: center; justify-content: center; border-radius: 5px; border: 1px solid #fff; } .whitebtndesign:hover{ background-color: transparent; color: #fff; } .text-center{ text-align: center !important; } .requirednote { font-size: 15px; color: #fff; font-weight: 300; margin-top: 16px; } .aboutfoldtext h2 { color: #08223a; font-size: 42px; font-weight: 900; margin: 0; line-height: 50px; } section{ padding: 60px 0; overflow: hidden; } .aboutfoldtext p { font-size: 20px; font-weight: 400; color: #08223a; margin-bottom: 20px; line-height: 31px; text-align: justify; } .commanheading h2{ color: #08223a; font-size: 42px; font-weight: 900; margin: 0; line-height: 50px; } .bg-light{ background-color: #f2f2f2; } .bg-primary{ background-color: #0080ff; } .bg-secondary{ background-color: #121526; } .commanheading{ margin-bottom: 35px; } .partnersliderimg { text-align: center; } .partnersliderimg img { margin: 0 auto; height: 110px; width: auto; } .headingcenter{ text-align: center; } .commanheading p { font-size: 18px; font-weight: 400; color: #08223a; margin: 20px auto 0px; line-height: 28px; max-width: 1000px; } .technologyfold_inner{ display:grid; grid-template-columns:repeat(5, 1fr); gap:20px 40px; } .technologyfold_inner a{ position:relative; display:block; font-size:18px; font-weight:500; color:#222; padding:12px 15px 12px 35px; border-radius:6px; transition:all .3s ease; } /* Arrow */ .technologyfold_inner a:before { content: "›"; position: absolute; left: 10px; top: 47%; transform: translateY(-50%); font-size: 30px; color: #0080ff; transition: .3s; } /* Hover Effect */ .technologyfold_inner a:hover{ background:#f5f5f5; color:#0080ff; transform:translateX(6px); } .technologyfold_inner a:hover:before{ transform:translateY(-50%) translateX(6px); } .techgnolybg { margin-bottom: -60px; margin-top: 50px; } .techgnolybg img{ max-width: 100%; } .headingwhite p , .headingwhite h2{ color: #fff; } .servicesfoldtabs .nav-tabs li a { color: #000; font-size: 16px; font-weight: 600; padding: 0; background-color: transparent !important; border: 0 !important; text-align: center; } .servicesfoldtabs .nav-tabs li a img { max-width: 50px; filter: brightness(0.5); margin-bottom: 12px; } .servicesfoldtabs .nav-tabs li a span { width: 100%; display: block; max-width: 160px; margin: 0 auto; } .servicesfoldtabs .nav-tabs li { width: 19%; } .servicesfoldtabs .nav-tabs { border: 0; display: flex; justify-content: space-between; } .servicesfoldtabs .nav-tabs li.active a { color: #fff; } .servicesfoldtabs .nav-tabs li.active a img { filter: brightness(20.5) invert(1); } .servicesfoldinner { display: flex; margin-top: 30px; align-items: center; } .servicesbigimg { overflow: hidden; width: 48%; display: flex; align-items: center; height: 284px; border-radius: 10px; } .servicesdata { border-left: 2px solid #fff; width: 50%; padding: 40px 40px; margin-left: 30px; height: 280px; } .servicesdata h3 { color: #fff; font-size: 32px; font-weight: 900; margin: 0 0 20px; line-height: 40px; } .servicesdata p { font-size: 16px; font-weight: 400; color: #fff; margin: 0px auto 0px; line-height: 26px; } .servicesfoldtabs{ margin-bottom: 40px; } .ctafold_head span { color: #fff; font-size: 18px; display: block; font-weight: 500; margin-bottom: 5px; text-transform: uppercase; } .ctafold_head h2 { color: #fff; font-size: 38px; line-height: 48px; margin-bottom: 0; font-weight: 700; } .ctabtns { display: flex; margin-top: 25px; } .ctabtns a{margin-right: 15px;} .portfoliofold_box { display: flex; border: 1px solid #f2f2f240; border-radius: 10px; padding: 40px 30px; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(12px); align-items: center; height: 100%; } .portfoliofoldimg { width: 50%; text-align: end; } .portfoliofoldcontent { width: 50%; } .portfoliofoldimg img { max-width: 90%; } .portfoliofoldcontent h3 { color: #fff; font-size: 20px; font-weight: 600; line-height: 30px; margin-bottom: 10px; } .portfoliofoldcontent p { color: #fff; font-size: 16px; font-weight: 500; line-height: 25px; margin-bottom: 25px; } .portfoliofoldmain .col-md-6 { display: flex; } .industryfoldbox h3 { color: #08223a; font-size: 20px; font-weight: 900; margin: 0; padding: 15px; position: relative; z-index: 2; transition:all .4s ease; } .industryfoldbox:hover h3{ color: #fff; } .industryfold_main { display: flex; margin-bottom: 60px; justify-content: space-between; } .industryfoldbox { width: 19%; height: 170px; position: relative; overflow: hidden; transition: all .4s ease; } .industryfoldbox img{ position:absolute; max-width:120px; right:0; bottom:0; z-index:2; transition:all .4s ease; } .industryfoldbox::after{ position:absolute; content:''; left:0; top:0; height:10px; width:10px; background-color:#0080ff; transition:all .4s ease; z-index:1; } /* Hover Effects */ .industryfoldbox:hover::after { width: 90%; height: 90%; } .industryfoldbox:hover img{ transform:translateY(-10px); } .callicon { max-width: 22px; margin-right: 8px; } .contactdetails h2 { color: #08223a; font-size: 32px; font-weight: 900; margin: 0 0 16px; line-height: 43px; } .contactdetails h3 { color: #08223a; font-size: 22px; font-weight: 900; margin: 0 0 5px; line-height: 25px; } .contactdetails h4 { color: #08223a; font-size: 18px; font-weight: 500; margin: 0 0 20px; line-height: 25px; } .contactdetails p { font-size: 18px; font-weight: 400; color: #08223a; line-height: 28px; margin-bottom: 20px; } .contactdetails .btndesign:hover img { filter: invert(43%) sepia(96%) saturate(2140%) hue-rotate(199deg) brightness(101%) contrast(101%); } .contactperson img { max-width: 100%; } .contactperson { text-align: center; height: 180px; width: 160px; background-color: #fff; display: flex; align-items: flex-end; margin-bottom: 20px; border-radius: 30px 30px 0 0; } .contactfold .row { display: flex; align-items: flex-start; } .usernumber_main { display: flex; border: 0; border-radius: 10px; overflow: hidden; background-color: #fff; } .usernumber_box { width: 25%; text-align: center; padding: 20px 20px; border-right: 1px solid #b3c8c8; height: 280px; display: flex; align-items: center; justify-content: center; } .usernumber_box img { max-width: 60px; transition: 0.3s ease-in-out; } .usernumber_count { color: #041527; margin: 26px 0 6px; font-weight: 800; font-size: 40px; display: flex; justify-content: center; } .usernumber_box .spanuse { color: #041527; font-size: 18px; line-height: 34px; margin: 0; font-weight: 600; padding: 0; display: block; } .processfoldtabs .nav-tabs { display: flex; align-items: center; border: 0; overflow-x: auto; overflow-y: hidden; margin-bottom: 30px; padding-bottom: 10px; flex-wrap: nowrap; /* prevent wrapping */ white-space: nowrap; /* keep items in single line */ } .processfoldtabs .nav-tabs > li { float: none; /* remove float when using flex */ margin-bottom: 0; flex: 0 0 auto; /* prevent shrinking */ } .processfoldtabs .nav-tabs::-webkit-scrollbar { height: 6px; } .processfoldtabs .nav-tabs::-webkit-scrollbar-track { background: #eee; border-radius: 10px; } .processfoldtabs .nav-tabs::-webkit-scrollbar-thumb { background: #0080ff; border-radius: 10px; } .processfoldtabs .nav-tabs::-webkit-scrollbar-thumb:hover { background: #0066cc; } .processfoldtabs .nav-tabs li a { border: 0 !important; background-color: transparent !important; padding: 10px 20px; display: flex; align-items: center; color: #08223a; font-size: 18px; font-weight: 600; white-space: nowrap; opacity: 0.4; border-bottom: 2px solid #fff !important; } .processfoldtabs .nav-tabs li.active a{ opacity: 1; border-bottom: 2px solid #0080ff !important; } .processfoldtabs .nav-tabs li a img { max-width: 42px; margin-right: 12px; } .processfoldtabs { border-left: 2px solid #f2f2f2; padding-left: 30px; } .processfoldinner { padding: 20px 30px; } .processfoldinner p{ font-size: 18px; font-weight: 400; color: #08223a; line-height: 28px; margin: 0; } .whychooseinner .commanheading { max-height: 250px; overflow: hidden; margin-bottom: 20px; position: relative; transition: max-height 0.6s ease; } .whychooseinner .commanheading.expanded { max-height: 2000px; } .whychooseinner .commanheading::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; background: linear-gradient(transparent, #fff); } .whychooseinner .commanheading.expanded::after { display: none; } .whychooseinner .commanheading p { max-width: 100%; margin: 0 0 20px; } .whychooseinner .commanheading h2{ margin-bottom: 20px; } .whychooseinner .commanheading h3 { color: #08223a; font-size: 34px; font-weight: 900; margin: 0 0 15px; line-height: 40px; } .readmorebtn { color: #0080ff; font-size: 16px; text-transform: uppercase; } .processfold .commanheading { margin-bottom: 0; } .usamap iframe { height: 400px; border-radius: 6px; } .mapdetails p { font-size: 16px; font-weight: 400; color: #08223a; line-height: 23px; margin-top: 10px; } .testimonialsbox { border: 4px solid #f2f2f2; padding: 40px 30px; background-color: #fff; height: 400px; } .testimonialslogo { display: flex; align-items: center; justify-content: center; height: 80px; width: 80px; border-radius: 50px; border: 3px solid #f2f2f2; background-color: #fff; margin-right: 20px; } .testimonials_top { margin-bottom: 30px; display: flex; align-items: center; } .testimonialslogo img { max-width: 100%; } .testimonials_name h3 { font-weight: 600; font-size: 20px; margin: 0 0 5px; color: #08223a; } .testimonials_name span { font-size: 15px; display: block; color: #08223a; } .testimonialsbox p { font-size: 18px; font-weight: 400; color: #08223a; margin: 0; line-height: 28px; } .verifiedby { margin-top: 30px; } .verifiedby h3{ font-size: 16px; margin-bottom: 14px; } .testimonialsslider .slick-next, .testimonialsslider .slick-prev { text-indent: -9999px; padding: 0; position: absolute; margin: 0 auto; bottom: auto; z-index: 3; overflow: hidden; width: 36px !important; height: 36px !important; border: 0; background-color: transparent; display: flex; align-items: center; } .testimonialsslider .slick-prev { right: 60px; left: auto; top: auto; transform: scale(-1); bottom: 20px; } .testimonialsslider .slick-next { right: 20px; left: auto; top: auto; bottom: 20px; } .testimonialsslider .slick-next::after, .testimonialsslider .slick-prev::after { position: absolute; content: ""; background-image: url(../images/los-angeles/arrow-right-box-fill.png); background-repeat: no-repeat; background-position: center; background-size: 36px; width: 36px; height: 36px; } .faqfold { position: relative; overflow: hidden; } /* Atmospheric blobs */ .faqfold::before, .faqfold::after { content: ''; position: absolute; border-radius: 50%; filter: blur(90px); pointer-events: none; z-index: 0; } .faqfold::before { width: 520px; height: 520px; background: radial-gradient(circle, rgba(59,130,246,0.15) 0%, transparent 70%); top: -100px; left: -160px; } .faqfold::after { width: 400px; height: 400px; background: radial-gradient(circle, rgba(6,182,212,0.12) 0%, transparent 70%); bottom: -80px; right: -100px; } /* ── FAQ Wrapper ── */ .faqfoldmain { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 12px; margin-bottom: 30px; } /* ── FAQ Item ── */ .faq-item { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.12); border-radius: 14px; overflow: hidden; transition: border-color 0.3s ease, box-shadow 0.3s ease; } .faq-item.open { border-color: rgba(255,255,255,0.35); box-shadow: 0 0 0 1px rgba(255,255,255,0.08), 0 8px 32px rgba(0,0,0,0.3); } /* ── Question button ── */ .faq-question { width: 100%; background: none; border: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 28px; text-align: left; } .faq-question-text { font-size: 18px; font-weight: 600; color: rgba(255,255,255,0.85); line-height: 1.45; transition: color 0.25s; } .faq-item.open .faq-question-text { color: #ffffff; } /* ── Icon ── */ .faq-icon { flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.25); display: grid; place-items: center; transition: background 0.3s, transform 0.4s cubic-bezier(0.34,1.56,0.64,1); } .faq-icon svg { width: 14px; height: 14px; stroke: #ffffff; stroke-width: 2.5; stroke-linecap: round; fill: none; transition: stroke 0.3s; } .faq-item.open .faq-icon { background: #ffffff; border-color: transparent; transform: rotate(45deg); } .faq-item.open .faq-icon svg { stroke: #000000; } /* ── Answer panel ── */ .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.45s cubic-bezier(0.4,0,0.2,1), opacity 0.35s ease; opacity: 0; } .faq-item.open .faq-answer { opacity: 1; } .faq-answer-inner { padding: 0 28px 24px; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 20px; } .faq-answer-inner p { font-size: 16px; line-height: 25px; color: #f2f2f2; } /* ── Hover state (not open) ── */ .faq-item:not(.open):hover { border-color: rgba(255,255,255,0.25); } .faq-item:not(.open):hover .faq-question-text { color: #ffffff; } .faq-num { font-size: 18px; font-weight: 700; color: #f2f2f2; letter-spacing: 0.08em; min-width: 24px; } .faq-question-left { display: flex; align-items: flex-start; gap: 14px; flex: 1; } .portfoliofoldmain { display: flex; margin-bottom: 50px; } .form_design { width: 100%; margin: 0 auto; border-radius: 10px; overflow: hidden; animation: fd-rise 0.65s cubic-bezier(.22, 1, .36, 1) both; padding: 30px 30px; backdrop-filter: blur(20px); position: relative; background: radial-gradient(circle at 30% 30%, rgba(15, 76, 129, 0.8), #000c1a); } .form_design form .form-group .form-control { background-color: transparent; border-radius: 0; height: 50px; padding: 14px 0; resize: none; color: #fff; font-size: 15px; box-shadow: unset; font-weight: 500; border: 0; border-bottom: 2px solid #fff; } .form_design form .form-group .form-control::placeholder{ color: #fff; } .form_design form .form-group:has(input:focus)::after { width: 100%; } .form_design form .form-group::after { position: absolute; content: ""; bottom: 0; height: 2px; background-color: #1a81ff; width: 20%; left: 0; transition: 0.3s ease-in-out; } .form_design form .form-group textarea.form-control { height: 100px; } .form_design form .form-group{ margin-bottom: 15px; position: relative; } .form_head { margin-bottom: 24px; } .form_head h2 { margin: 0; color: #fff; font-weight: 700; font-size: 24px; margin-bottom: 20px; text-align: center; } .form_head h2 span{ color: #0080ff; } .form_design form .form-group:last-child { margin: 25px 0 0; } .form_design .btndesign{ width: 100%; transition: 0.3s ease-in-out; } .form_design form .form-group:last-child::after{ display: none; } .contactusfold .container>.row { display: flex; flex-wrap: wrap; justify-content: center; } .interlink{ color: #0080ff !important; font-weight: 600; } .servicesdata h3 a { color: #08223a !important; } .blogsfold .main-blog-bx { padding: 0 !important; } .newbtn_design { background: #0080ff; color: #fff !important; font-size: 16px; line-height: 24px; font-weight: 600; height: 60px; display: inline-flex; align-items: center; justify-content: center; border-radius: 20px; padding: 5px 60px 5px 25px; transition: 0.3s ease-in-out; position: relative; border: 0; } .newbtn_design img, .newbtn_white img { max-width: 20px; position: absolute; right: 22px; animation: 1s infinite wobble; transition: 0.5s; } .newbtn_design:hover img, .newbtn_design_white:hover img, .newbtn_white:hover img { right: calc(100% - 50px); } .newbtn_design:hover, .newbtn_design_white:hover, .newbtn_white:hover { padding: 5px 25px 5px 60px; } .newbtn_design_white { background: #fff; color: #0080ff !important; font-size: 16px; line-height: 24px; font-weight: 600; height: 60px; display: inline-flex; align-items: center; justify-content: center; border-radius: 20px; padding: 5px 60px 5px 25px; transition: 0.3s ease-in-out; position: relative; border: 0; } .newbtn_design_white img { max-width: 20px; position: absolute; right: 22px; animation: 1s infinite wobble; transition: 0.5s; filter: invert(35%) sepia(100%) saturate(7471%) hue-rotate(197deg) brightness(100%) contrast(101%); } .newbtn_design_white:hover { padding: 5px 25px 5px 60px; } @keyframes wobble { 0%, 100% { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } } @keyframes wobble { 0%, 100% { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } } .lazy-section { opacity: 0; transition: opacity 0.5s ease-in-out; } .lazy-section.loaded { opacity: 1; } .lazyload { opacity: 0; transition: opacity 0.5s ease; } .lazyloaded { opacity: 1; } @media (max-width:1023px) { .bannerfold { padding: 50px 0 50px; } .bannerfold .container>.row { display: flex; flex-wrap: wrap; justify-content: center; } .bannerfold .container>.row .col-md-7{ width: 100%; margin-bottom: 30px; } .bannerfold .container>.row .col-md-5{ width: 100%; } .bannerfoldcontent { text-align: center; } .aboutfoldtext h2 { font-size: 32px; line-height: 40px; margin-bottom: 20px; } .aboutfoldtext p { font-size: 18px; margin-bottom: 12px; line-height: 28px; text-align: justify; } section { padding: 40px 0; } .commanheading h2{ font-size: 32px; line-height: 40px; } .commanheading p { font-size: 16px; margin: 15px auto 0px; line-height: 26px; max-width: 100%; } .bannerfoldcontent h1 { font-size: 38px; line-height: 48px; margin-bottom: 20px; } .ctafold_head h2 { font-size: 30px; line-height: 35px; margin-bottom: 0; font-weight: 700; } .ctafold_head { text-align: center; } .ctabtns { display: flex; margin-top: 25px; justify-content: center; } .servicesbigimg{ display: none; } .servicesdata { border: 2px solid #ffffff47; width: 100%; padding: 40px 20px; margin-left: 0; height: auto; text-align: center; border-radius: 6px; } .servicesdata h3 { font-size: 28px; margin: 0 0 15px; line-height: 37px; } .servicesfoldtabs { margin-bottom: 20px; } .industryfoldbox h3 { font-size: 17px; } .contactfold .row { display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; text-align: center; } .contactdetails { margin: 40px 0; } .contactperson img { max-width: 100%; height: 100%; } .usernumber_box .spanuse { font-size: 16px; line-height: 22px; } .processfoldtabs { border-top: 2px solid #f2f2f2; padding-left: 0; margin-top: 30px; padding-top: 20px; border-left: 0; } .contactusfold .container>.row .col-md-8 { width: 100%; } .portfoliofoldcontent { width: 100%; text-align: center; } .portfoliofold_box { flex-wrap: wrap; padding: 30px 20px; } .portfoliofoldimg { width: 100%; text-align: center; order: -1; margin-bottom: 20px; } } @media (max-width:767px) { .bannerfoldcontent h1 { font-size: 30px; line-height: 40px; margin-bottom: 16px; } .bannerfoldcontent p { font-size: 16px; margin-bottom: 20px; } .btndesign , .whitebtndesign { width: 100%; } .form_design { border-radius: 5px; overflow: hidden; padding: 20px 15px; } .form_design form .form-group .form-control, .form_design form .form-group .form-select { padding: 12px 0px; box-shadow: unset; height: 48px; } .form_design form .form-group { margin-bottom: 10px; } .aboutfoldtext h2 { font-size: 24px; line-height: 32px; margin-bottom: 13px; } .bannerfold { padding: 30px 0 50px; } .aboutfoldtext p { font-size: 16px; margin-bottom: 11px; line-height: 26px; text-align: left; } section { padding: 30px 0; } .commanheading h2 { font-size: 24px; line-height: 32px; } .partnersliderimg img { margin: 0 auto; height: 70px; width: auto; } .commanheading { margin-bottom: 30px; } .commanheading p { font-size: 16px; margin: 10px auto 0px; line-height: 25px; max-width: 100%; } .techgnolybg { margin-bottom: -30px; margin-top: 30px; } .technologyfold_inner { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px 14px; } .technologyfold_inner a { font-size: 14px; padding: 12px 8px 12px 31px; border-radius: 6px; transition: all .3s ease; background: #f5f5f5; color: #0080ff; } .ctafold_head h2 { font-size: 24px; line-height: 32px; margin-bottom: 0; font-weight: 600; } .ctafold_head span { font-size: 15px; } .ctabtns { flex-wrap: wrap; justify-content: space-between; } .ctabtns a:nth-child(2), .ctabtns a:nth-child(3) { width: 48%; margin-top: 15px; } .ctabtns a { margin-right: 0; } .servicesdata h3 { font-size: 24px; margin: 0 0 10px; line-height: 32px; } .servicesdata { width: 100%; padding: 20px 20px; } .servicesfoldtabs .nav-tabs { border: 0; display: flex; justify-content: flex-start; overflow-x: auto; overflow-y: hidden; } .servicesfoldtabs .nav-tabs li { width: 100%; margin: 0 20px 0 0; } .servicesfoldtabs .nav-tabs li a img { max-width: 40px; margin-bottom: 10px; } .portfoliofoldimg { display: none; } .portfoliofoldmain { display: flex; margin-bottom: 30px; flex-wrap: wrap; } .portfoliofoldmain .col-md-6:first-child { margin-bottom: 20px; } .industryfoldbox { width: 49%; height: 170px; position: relative; overflow: hidden; transition: all .4s ease; margin-bottom: 30px; } .industryfold_main { display: flex; margin-bottom: 20px; justify-content: space-between; flex-wrap: wrap; } .contactdetails h2 { font-size: 24px; font-weight: 900; margin: 0 0 13px; line-height: 32px; } .contactdetails h3 { font-size: 18px; margin: 0 0 2px; line-height: 22px; } .contactdetails p { font-size: 16px; line-height: 26px; margin-bottom: 18px; } .contactdetails { margin: 20px 0; } .whychooseinner .commanheading h3 { font-size: 20px; margin: 0 0 8px; line-height: 26px; } .processfoldinner { padding: 10px 0px; } .usernumber_main { flex-wrap: wrap; } .usernumber_box { width: 50%; padding: 27px 15px; border-right: 1px solid #b3c8c8; border-bottom: 1px solid #b3c8c8; height: auto; display: flex; align-items: center; justify-content: center; } .usernumber_box img { max-width: 45px; } .usernumber_count { margin: 16px 0 4px; font-size: 20px; } .usernumber_box .spanuse { font-size: 16px; line-height: 22px; } .testimonialsbox{ height: auto; padding: 30px 20px; } .testimonialsslider .slick-prev { right: 0; left: -40px; top: auto; transform: scale(-1); bottom: -50px; } .testimonialsslider .slick-next { right: -40px; left: 0; top: auto; bottom: -50px; } .testimonialsslider .slick-list { margin-bottom: 40px; } .testimonials_name { width: 60%; } .testimonialslogo { height: 70px; width: 70px; margin-right: 10px; } .testimonials_top { margin-bottom: 10px; } .testimonialsbox p { font-size: 16px; margin: 0; line-height: 24px; } .faq-num{ display: none; } .faq-question { gap: 13px; padding: 14px 16px; text-align: left; } .faq-item { border-radius: 6px; } .faq-question-text { font-size: 16px; } .faq-answer-inner { padding: 0 18px 14px; padding-top: 20px; } .contactusfold .form_design form .form-group { margin-bottom: 15px; } .form_head h2 { font-size: 18px; margin-bottom: 20px; text-align: center; } .contactusfold .col-md-6 { width: 100%; } .usamap iframe { height: 300px; border-radius: 6px; } .contactperson { text-align: center; height: 150px; width: 150px; border-radius: 10px 10px 0 0; margin: 0 auto; } }