/* global colors */
:root {
--primary: #1B1464;
--secondary:#FF380E;
--lightblue:#29ABE2;
--black: #000000;
--white: #ffffff;
--bglight: #EEF8FD;
--border-color:rgba(27, 20, 100, 0.20);
--error: #FF380E;
--success: #04b34f;
}
/*global fonts start*/
@font-face {
font-family: 'Bai Jamjuree';
src: url('../fonts/BaiJamjuree-Medium.eot');
src: url('../fonts/BaiJamjuree-Medium.eot?#iefix') format('embedded-opentype'),
url('../fonts/BaiJamjuree-Medium.woff2') format('woff2'),
url('../fonts/BaiJamjuree-Medium.woff') format('woff'),
url('../fonts/BaiJamjuree-Medium.ttf') format('truetype'),
url('../fonts/BaiJamjuree-Medium.svg#BaiJamjuree-Medium') format('svg');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bai Jamjuree';
src: url('../fonts/BaiJamjuree-Italic.eot');
src: url('../fonts/BaiJamjuree-Italic.eot?#iefix') format('embedded-opentype'),
url('../fonts/BaiJamjuree-Italic.woff2') format('woff2'),
url('../fonts/BaiJamjuree-Italic.woff') format('woff'),
url('../fonts/BaiJamjuree-Italic.ttf') format('truetype'),
url('../fonts/BaiJamjuree-Italic.svg#BaiJamjuree-Italic') format('svg');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Bai Jamjuree';
src: url('../fonts/BaiJamjuree-Bold.eot');
src: url('../fonts/BaiJamjuree-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/BaiJamjuree-Bold.woff2') format('woff2'),
url('../fonts/BaiJamjuree-Bold.woff') format('woff'),
url('../fonts/BaiJamjuree-Bold.ttf') format('truetype'),
url('../fonts/BaiJamjuree-Bold.svg#BaiJamjuree-Bold') format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bai Jamjuree';
src: url('../fonts/BaiJamjuree-MediumItalic.eot');
src: url('../fonts/BaiJamjuree-MediumItalic.eot?#iefix') format('embedded-opentype'),
url('../fonts/BaiJamjuree-MediumItalic.woff2') format('woff2'),
url('../fonts/BaiJamjuree-MediumItalic.woff') format('woff'),
url('../fonts/BaiJamjuree-MediumItalic.ttf') format('truetype'),
url('../fonts/BaiJamjuree-MediumItalic.svg#BaiJamjuree-MediumItalic') format('svg');
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Bai Jamjuree';
src: url('../fonts/BaiJamjuree-Regular.eot');
src: url('../fonts/BaiJamjuree-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/BaiJamjuree-Regular.woff2') format('woff2'),
url('../fonts/BaiJamjuree-Regular.woff') format('woff'),
url('../fonts/BaiJamjuree-Regular.ttf') format('truetype'),
url('../fonts/BaiJamjuree-Regular.svg#BaiJamjuree-Regular') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bai Jamjuree';
src: url('../fonts/BaiJamjuree-SemiBold.eot');
src: url('../fonts/BaiJamjuree-SemiBold.eot?#iefix') format('embedded-opentype'),
url('../fonts/BaiJamjuree-SemiBold.woff2') format('woff2'),
url('../fonts/BaiJamjuree-SemiBold.woff') format('woff'),
url('../fonts/BaiJamjuree-SemiBold.ttf') format('truetype'),
url('../fonts/BaiJamjuree-SemiBold.svg#BaiJamjuree-SemiBold') format('svg');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-Bold.eot');
src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-Bold.woff2') format('woff2'),
url('../fonts/Roboto-Bold.woff') format('woff'),
url('../fonts/Roboto-Bold.ttf') format('truetype'),
url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-Medium.eot');
src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-Medium.woff2') format('woff2'),
url('../fonts/Roboto-Medium.woff') format('woff'),
url('../fonts/Roboto-Medium.ttf') format('truetype'),
url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-Regular.eot');
src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-Regular.woff2') format('woff2'),
url('../fonts/Roboto-Regular.woff') format('woff'),
url('../fonts/Roboto-Regular.ttf') format('truetype'),
url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/*global fonts end*/
/* global font size */
h1,
h2,
h3,
h4,
h4,
h5,
h6,
p {
text-decoration: none;
text-transform: inherit;
letter-spacing: 0px;
}
h1 {
font-family: "Bai Jamjuree";
font-size: 56px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
h2 {
font-family: "Bai Jamjuree";
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
h3 {
font-family: "Bai Jamjuree";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
h4 {
font-family: "Bai Jamjuree";
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
h5 {
font-family: "Bai Jamjuree";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
h6 {
font-family: "Bai Jamjuree";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
ul,
ol {
margin: 0px;
padding: 0px;
}
li,
p,
a {
font-family: "Bai Jamjuree";
font-size: 18px;
font-style: normal;
font-weight: 400;
color: var(--primary);
}
a {
text-decoration: none;
transition: all 0.3s ease-in-out;
}
input,
select,
textarea,
.custom-dropdown {
font-family: 'Roboto';
font-size: 16px;
font-weight: 400;
letter-spacing: 0.15px;
display: inline-block;
width: 100%;
height: 56px;
padding: 16px 38px 16px 14px;
color: var(--primary);
background-color: var(--white);
border: 1px solid var(--border-color);
border-radius: 4px;
cursor: pointer;
}
input:focus,
.custom-dropdown.active,
.custom-dropdown:focus {
outline: none;
border-color: var(--secondary);
}
input::placeholder {
color: var(--primary);
opacity: 1;
font-size: 16px;
letter-spacing: 0.15px;
font-weight: 400;
opacity: 0.5;
}
.wpcf7-not-valid-tip {
font-size: 16px;
margin-top: 4px;
color: var(--secondary);
padding-left: 14px;
}
form .wpcf7-response-output {
border: none !important;
margin: 10px 14px 0px !important;
padding: 0px !important;
font-size: 16px;
}
.wpcf7-form.invalid .wpcf7-response-output {
color: var(--secondary);
}
.wpcf7-form.sent .wpcf7-response-output {
color: var(--success);
}
.wpcf7-spinner {
position: absolute;
margin: 0px;
right: 20px;
bottom: 20px;
}
/* global font size */
/* global style*/
* {
margin: 0px;
padding: 0px;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
scroll-margin-top: 60px;
}
body {
font-family: "Bai Jamjuree";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--primary);
background-color: var(--white);
}
body main {
overflow: hidden;
}
body.menu-open,
body.popup-visible{
overflow: hidden;
}
::-webkit-scrollbar {
width: 2px;
height: 2px;
}
::-webkit-scrollbar-thumb {
background: var(--primary);
}
::-webkit-scrollbar-track {
background: var(--white);
}
::-moz-selection {
background: var(--primary);
color: var(--white);
}
::selection {
background: var(--primary);
color: var(--white);
}
.container {
width: 100%;
max-width: 1482px;
padding: 0 20px;
margin: 0 auto;
}
.btn-primary,
.btn-secondary,
.cf7-submit-btn {
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: var(--white);
display: inline-flex;
align-items: center;
gap: 10px;
padding: 13px 24px;
border-radius: 64px;
border: 1px solid;
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.cf7-submit-btn {
background-color: var(--primary);
border-color: var(--primary);
}
.cf7-submit-btn:hover{
background-color: var(--secondary);
border-color: var(--secondary);
}
.cf7-submit-btn::after {
content: "";
width: 20px;
height: 20px;
position: relative;
display: block;
background: url('data:image/svg+xml,') no-repeat center/19px;
}
.btn-primary {
background-color: var(--primary);
border-color: var(--primary);
}
.btn-secondary {
background-color: var(--secondary);
border-color: var(--secondary);
}
.btn-primary:hover {
background-color: var(--secondary);
border-color: var(--secondary);
}
.btn-secondary:hover {
background-color: var(--primary);
border-color: var(--primary);
}
/* global style*/
/* swipper css start*/
.swiper {
width: 100%;
height: 100%;
}
.swiper-arrow-wrap {
display: flex;
justify-content: space-between;
width: 100%;
gap: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.swiper-arrow-wrap .swiper-arrow {
display: inline-flex;
justify-content: center;
align-items: center;
position: unset;
margin: 0px;
width: 48px;
height: 48px;
background-color: var(--primary);
border-radius: 50%;
transition: all 0.3s ease-in-out;
}
.swiper-arrow-wrap .swiper-arrow:hover{
background-color: var(--secondary);
}
.swiper-arrow-wrap .swiper-arrow::before{
content: "";
position: relative;
display: block;
width: 16px;
height: 16px;
background: url('data:image/svg+xml,') no-repeat center/10px;
}
.swiper-arrow-wrap .swiper-arrow.swiper-button-prev::before{
transform: rotate(180deg);
}
.swiper-arrow-wrap .swiper-arrow svg {
display: none;
}
/* swipper css end*/
/* header css start */
header#header {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: auto;
padding: 9px 0 19px;
background-color: var(--white);
z-index: 99;
transition: all 0.3s ease-in-out;
}
header .nav-wrap .logo{
display: inline-flex;
width: 209px;
}
header .nav-wrap .logo img{
width: 100%;
height: 100%;
object-fit: contain;
}
header .nav-wrap{
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
header .nav-wrap .main-nav{
display: flex;
align-items: center;
justify-content: end;
gap: 24px;
width: calc(100% - 209px);
}
header .nav-wrap nav ul{
display: flex;
align-items: center;
justify-content: end;
gap: 24px;
}
header .nav-wrap li {
font-size: 16px;
list-style: none;
font-weight: 500;
}
header .nav-wrap li a {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 16px;
font-weight: 500;
color:var(--primary);
}
header .nav-wrap li a.btn-primary {
color: var(--white);
}
header .nav-wrap .main-nav .contect-wrap {
display: inline-flex;
align-items: center;
gap: 24px;
}
header .nav-wrap .main-nav .contect-wrap li{
width: max-content;
}
header .nav-wrap .contect-wrap li a.phone-item{
padding-left: 29px;
border-left: 1px solid var(--border-color);
color: var(--secondary);
}
header .nav-wrap .contect-wrap li a.phone-item:hover{
text-decoration: underline;
}
header .nav-wrap .contect-wrap li a.phone-item::before{
content: "";
position: relative;
width: 18px;
height: 18px;
background: url('data:image/svg+xml,') no-repeat center/18px;
}
header .nav-wrap ul.nav-links > li.menu-item:has(.sub-menu) > a::after{
content: "";
position: relative;
top: 3px;
width: 10px;
height: 10px;
background: url('data:image/svg+xml,') no-repeat center/9px;
transition: all 0.3s ease-in-out;
}
header .nav-wrap ul.nav-links > li.menu-item:has(.sub-menu).open > a::after{
transform: rotate(-90deg);
}
header .nav-wrap li.menu-item a:hover,
header .nav-wrap li.current_page_item > a,
header .nav-wrap li.current-menu-parent > a,
header .nav-wrap li.current-menu-parent > ul.sub-menu li.current_page_item > a,
header .nav-wrap li.current-menu-parent > ul.sub-menu li.current-menu-item > a
{
color: var(--secondary);
}
header .nav-wrap li.menu-item ul.sub-menu .mega-menu-links li a,
header .nav-wrap li.menu-item ul.sub-menu .mega-menu-links li {
font-size: 14px;
gap: 16px;
}
header .nav-wrap li.menu-item ul.sub-menu {
position: absolute;
top: 80px;
padding: 24px 35px 24px 24px;
width: max-content;
border-radius: 16px;
background: var(--white);
opacity: 0;
visibility:hidden;
box-shadow: 0 24px 40px 0 rgba(0, 0, 0, 0.10);
transition:all 0.3s ease-in-out;
}
/* mega menu css */
header .nav-wrap li.menu-item.services-mega-menu ul.sub-menu {
padding: 0px;
display: block;
width: 100vw;
max-width: 1442px;
left: 50%;
transform: translateX(-50%) scaleY(1);
opacity: 0;
visibility:hidden;
}
header .nav-wrap li.menu-item.services-mega-menu ul.sub-menu h4 {
font-size: 20px;
font-weight: 600;
}
header .nav-wrap li.menu-item.services-mega-menu ul.sub-menu > h4 {
position: absolute;
top: 32px;
left: 29px;
}
header .nav-wrap li.menu-item.services-mega-menu ul.sub-menu .mega-menu-wrap {
display: grid;
grid-template-columns: 1fr 570px;
padding: 8px;
}
header .nav-wrap li.menu-item.services-mega-menu ul.sub-menu .mega-menu-wrap .mega-menu-links {
display: grid;
gap: 16px 50px;
grid-template-columns: 1fr 1fr;
padding: 81px 18px 51px;
height: fit-content;
}
li.menu-item.services-mega-menu ul.sub-menu .mega-menu-wrap .menu-blog {
display: grid;
grid-template-columns: 1fr 1fr;
background-color: var(--bglight);
padding: 8px;
border-radius: 12px;
}
li.menu-item.services-mega-menu .menu-blog .blog-wrap {
padding: 24px;
}
li.menu-item.services-mega-menu .menu-blog .blog-wrap ul.blog-list {
flex-direction: column;
justify-content: start;
align-items: start;
gap: 0px;
padding-top: 16px;
}
li.menu-item.services-mega-menu .menu-blog .blog-wrap ul.blog-list .blog-title {
display: inline-flex;
flex-direction: column;
font-size: 14px;
padding-bottom: 16px;
margin-bottom: 16px;
border-bottom: 1px solid #1B14641A;
}
li.menu-item.services-mega-menu .menu-blog .blog-wrap ul.blog-list .blog-title:last-child {
padding: 0px;
margin: 0px;
border: none;
}
li.menu-item.services-mega-menu .menu-blog .blog-wrap ul.blog-list .blog-title a {
color: var(--lightblue);
margin-top: 3px;
font-size: 14px;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 3px;
}
li.menu-item.services-mega-menu .menu-blog .blog-wrap ul.blog-list .blog-title a:hover {
color: var(--secondary);
}
li.menu-item.services-mega-menu .mega-menu-wrap .menu-blog .blog-img {
border-radius: 8px;
overflow: hidden;
}
li.menu-item.services-mega-menu .mega-menu-wrap .menu-blog .blog-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
header .nav-wrap li.menu-item ul.sub-menu .mega-menu-links {
display: flex;
flex-direction: column;
align-items: start;
justify-content: start;
gap: 16px;
}
header .nav-wrap li.menu-item ul.sub-menu .mega-menu-links li a:before {
content: "";
position: relative;
width: 10px;
height: 10px;
background: url('data:image/svg+xml,') no-repeat center/7px;
}
header .nav-wrap li.menu-item ul.sub-menu.hover-menu{
opacity: 1;
visibility:visible;
}
.main-header.scroll-down {
transform: translateY(-100%);
}
.main-header.scroll-up {
transform: translateY(0%);
}
.mobile-toggle {
display: none;
}
/* header css end */
/* section css start */
/* main-heading */
.main-heading{
display: flex;
flex-direction: column;
gap: 20px;
text-align: center;
}
.main-heading .main-pera {
display: flex;
flex-direction: column;
gap: 20px;
}
.main-heading .extra-pera{
display: flex;
flex-direction: column;
gap: 20px;
margin-top: 20px;
}
.main-heading ul {
padding: 8px 0px 3px 27px;
}
.main-heading ul li::marker {
font-size: 12px;
line-height: 20px;
}
.main-heading .extra-pera p,
.main-heading .extra-pera p a,
.main-heading .extra-pera ul li,
.main-heading .extra-pera ol li{
font-size: 16px;
}
/* breadcrumbs css */
.breadcrumbs {
display: inline-flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 8px;
font-size: 14px;
}
.breadcrumbs a {
display: inline-flex;
align-items: center;
gap: 8px;
color: var(--white);
font-size: 14px;
}
.breadcrumbs a:hover {
color: var(--secondary);
}
.breadcrumbs a:after {
content: "";
position: relative;
width: 9px;
height: 9px;
background: url('data:image/svg+xml,') no-repeat center/7px;
}
.breadcrumbs span {
color: var(--secondary);
}
/* banner section */
.banner {
min-height: 829px;
position: relative;
}
.banner::after{
content: "";
position: absolute;
height: 100%;
top: 0px;
left: 0px;
width: 64%;
background: #004ACB;
background: linear-gradient(-90deg, rgba(0, 74, 203, 0.03) 0%, rgba(0, 74, 203, 1) 35%, rgba(27, 20, 100, 1) 100%);
z-index: 1;
}
.banner::before{
content: "";
position: absolute;
width: 100%;
height: 285px;
bottom: -72px;
background-color: var(--white);
clip-path: polygon(100% 100%, 0% 100% , 0.00% 30.31%, 1.00% 28.45%, 2.00% 26.63%, 3.00% 24.85%, 4.00% 23.12%, 5.00% 21.44%, 6.00% 19.81%, 7.00% 18.25%, 8.00% 16.75%, 9.00% 15.32%, 10.00% 13.97%, 11.00% 12.70%, 12.00% 11.52%, 13.00% 10.42%, 14.00% 9.42%, 15.00% 8.51%, 16.00% 7.70%, 17.00% 6.99%, 18.00% 6.38%, 19.00% 5.88%, 20.00% 5.48%, 21.00% 5.20%, 22.00% 5.02%, 23.00% 4.94%, 24.00% 4.98%, 25.00% 5.13%, 26.00% 5.39%, 27.00% 5.75%, 28.00% 6.22%, 29.00% 6.80%, 30.00% 7.48%, 31.00% 8.26%, 32.00% 9.14%, 33.00% 10.12%, 34.00% 11.19%, 35.00% 12.35%, 36.00% 13.59%, 37.00% 14.92%, 38.00% 16.32%, 39.00% 17.80%, 40.00% 19.34%, 41.00% 20.95%, 42.00% 22.61%, 43.00% 24.33%, 44.00% 26.10%, 45.00% 27.91%, 46.00% 29.75%, 47.00% 31.63%, 48.00% 33.53%, 49.00% 35.44%, 50.00% 37.37%, 51.00% 39.31%, 52.00% 41.24%, 53.00% 43.17%, 54.00% 45.08%, 55.00% 46.98%, 56.00% 48.85%, 57.00% 50.69%, 58.00% 52.49%, 59.00% 54.25%, 60.00% 55.96%, 61.00% 57.62%, 62.00% 59.22%, 63.00% 60.75%, 64.00% 62.22%, 65.00% 63.61%, 66.00% 64.93%, 67.00% 66.16%, 68.00% 67.30%, 69.00% 68.36%, 70.00% 69.32%, 71.00% 70.19%, 72.00% 70.95%, 73.00% 71.62%, 74.00% 72.18%, 75.00% 72.64%, 76.00% 72.98%, 77.00% 73.23%, 78.00% 73.36%, 79.00% 73.38%, 80.00% 73.29%, 81.00% 73.10%, 82.00% 72.79%, 83.00% 72.38%, 84.00% 71.86%, 85.00% 71.24%, 86.00% 70.51%, 87.00% 69.69%, 88.00% 68.76%, 89.00% 67.75%, 90.00% 66.64%, 91.00% 65.44%, 92.00% 64.16%, 93.00% 62.80%, 94.00% 61.36%, 95.00% 59.85%, 96.00% 58.28%, 97.00% 56.64%, 98.00% 54.95%, 99.00% 53.21%, 100.00% 51.43%);
z-index: 2;
}
.banner .video-bg{
position: absolute;
top: 0px;
right: 0px;
width: 59%;
height: 100%;
}
.banner .video-bg video,
.banner .video-bg img{
width: 100%;
height: 100%;
object-fit: cover;
}
.banner .container{
position: relative;
z-index: 2;
}
.banner .container .banner-content{
max-width: 642px;
padding-top: 228px;
padding-bottom: 272px;
color: var(--white);
}
.banner .container .banner-content .sub-heading{
font-size: 24px;
font-style: italic;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
color: var(--secondary);
margin-bottom: 7px;
display: inline-block;
}
.banner .container .banner-content p{
font-size: 24px;
line-height: normal;
color: var(--white);
margin-top: 7px;
}
.banner .container .banner-content .btn-primary{
margin-top: 40px;
}
/* banner section end*/
/* brand section start*/
.brand-sec {
position: relative;
z-index: 10;
}
.brand-sec .logoSwiper {
margin-top: 40px;
padding-bottom: 58px;
border-bottom: 1px solid var(--border-color);
}
.brand-sec .logoSwiper .logo-item {
width: 100%;
}
.brand-sec .logoSwiper .logo-item img {
width: 100%;
height: 40px;
object-fit: contain;
}
/* brand section end*/
/* service section start*/
.service-sec{
padding: 120px 0 180px;
}
.service-sec .service-wrap{
padding: 80px 70px;
position: relative;
}
.service-sec .service-wrap .serviceSwiper{
position: unset;
}
.service-sec .service-wrap .serviceSwiper:before,
.service-sec .service-wrap .serviceSwiper:after{
content: "";
height: 100%;
position: absolute;
width: 113px;
left: 64px;
background: #FFF;
background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 11%, rgba(255, 255, 255, 1) 99%, rgba(255, 255, 255, 1) 75%);
z-index: 2;
top: 0px;
}
.service-sec .service-wrap .serviceSwiper:after{
left: unset;
right: 64px;
transform: rotate(180deg);
}
.service-item{
display: inline-flex;
flex-direction: column;
width: 100%;
background-color: var(--bglight);
gap: 16px;
padding: 16px;
border-radius: 28px;
overflow: hidden;
transition: all 0.3s ease-in-out;
}
.service-item:hover {
background-color: var(--primary);
}
.service-item .service-img{
height: 240px;
border-radius: 24px;
overflow: hidden;
}
.service-item .service-img img{
height: 100%;
width: 100%;
object-fit: cover;
}
.service-item .service-content{
min-height: 86px;
padding: 8px 8px 8px 8px;
}
.service-item .service-content h3{
font-size: 18px;
transition: all 0.3s ease-in-out;
}
.service-item:hover h3{
color: var(--white);
}
.service-sec .button-wrap{
text-align: center;
}
/* service section end*/
/* whychoose-sec & about section end */
.about-sec,
.whychoose-sec{
background-color: var(--bglight);
position: relative;
}
.about-sec::before,
.about-sec::after,
.whychoose-sec::before,
.whychoose-sec::after{
content: "";
position: absolute;
left: 0px;
top: -194px;
width: 100%;
height: 200px;
background-color: var(--bglight);
clip-path: polygon(100% 100%, 0% 100% , 0.00% 55.79%, 1.00% 53.70%, 2.00% 51.64%, 3.00% 49.61%, 4.00% 47.64%, 5.00% 45.72%, 6.00% 43.86%, 7.00% 42.08%, 8.00% 40.37%, 9.00% 38.75%, 10.00% 37.21%, 11.00% 35.78%, 12.00% 34.44%, 13.00% 33.22%, 14.00% 32.10%, 15.00% 31.10%, 16.00% 30.23%, 17.00% 29.48%, 18.00% 28.85%, 19.00% 28.35%, 20.00% 27.99%, 21.00% 27.76%, 22.00% 27.66%, 23.00% 27.70%, 24.00% 27.87%, 25.00% 28.18%, 26.00% 28.61%, 27.00% 29.18%, 28.00% 29.88%, 29.00% 30.70%, 30.00% 31.64%, 31.00% 32.71%, 32.00% 33.88%, 33.00% 35.17%, 34.00% 36.56%, 35.00% 38.05%, 36.00% 39.64%, 37.00% 41.31%, 38.00% 43.06%, 39.00% 44.89%, 40.00% 46.78%, 41.00% 48.73%, 42.00% 50.73%, 43.00% 52.78%, 44.00% 54.86%, 45.00% 56.96%, 46.00% 59.09%, 47.00% 61.23%, 48.00% 63.37%, 49.00% 65.50%, 50.00% 67.61%, 51.00% 69.71%, 52.00% 71.77%, 53.00% 73.79%, 54.00% 75.77%, 55.00% 77.68%, 56.00% 79.54%, 57.00% 81.33%, 58.00% 83.03%, 59.00% 84.66%, 60.00% 86.19%, 61.00% 87.63%, 62.00% 88.96%, 63.00% 90.19%, 64.00% 91.30%, 65.00% 92.30%, 66.00% 93.18%, 67.00% 93.93%, 68.00% 94.55%, 69.00% 95.05%, 70.00% 95.41%, 71.00% 95.64%, 72.00% 95.74%, 73.00% 95.70%, 74.00% 95.53%, 75.00% 95.23%, 76.00% 94.79%, 77.00% 94.22%, 78.00% 93.53%, 79.00% 92.70%, 80.00% 91.76%, 81.00% 90.70%, 82.00% 89.52%, 83.00% 88.23%, 84.00% 86.84%, 85.00% 85.35%, 86.00% 83.77%, 87.00% 82.09%, 88.00% 80.34%, 89.00% 78.52%, 90.00% 76.63%, 91.00% 74.67%, 92.00% 72.67%, 93.00% 70.63%, 94.00% 68.55%, 95.00% 66.44%, 96.00% 64.31%, 97.00% 62.18%, 98.00% 60.04%, 99.00% 57.91%, 100.00% 55.79%);
z-index: 2;
}
.about-sec::after,
.whychoose-sec::after{
bottom: -197px;
top: unset;
transform: rotate(180deg);
}
.about-sec .about-wrap,
.whychoose-sec .whychoose-wrap {
display: grid;
grid-template-columns: 590px 1fr;
align-items: center;
gap: 50px;
padding: 96px 0px 120px;
}
.whychoose-sec .whychoose-wrap {
grid-template-columns: 1fr 590px;
padding: 126px 0px 340px;
}
.about-sec .about-wrap .about-img,
.whychoose-sec .whychoose-wrap .whychoose-img {
width: 100%;
height: 532px;
position: relative;
}
.about-sec .about-wrap .about-img:before,
.whychoose-sec .whychoose-wrap .whychoose-img:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: url(https://devwp1.websiteserverhost.biz/therma_dynamic/assets/images/mask.png) no-repeat center/cover;
z-index: 1;
}
.about-sec .about-wrap .about-img:after,
.whychoose-sec .whychoose-wrap .whychoose-img:after{
content: "";
position: absolute;
bottom: -64px;
right: -63px;
width: 170px;
height: 170px;
background: url(https://devwp1.websiteserverhost.biz/therma_dynamic/assets/images/shap.svg) no-repeat center/169px;
z-index: 1;
}
.whychoose-sec .whychoose-wrap .whychoose-img:after {
left: -70px;
right: unset;
bottom: 38px;
}
.about-sec .about-wrap .about-img img,
.whychoose-sec .whychoose-wrap .whychoose-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 72%;
}
.about-sec .about-wrap .about-content,
.whychoose-sec .whychoose-wrap .whychoose-content {
max-width: 701px;
margin: 0 0 0 auto;
}
.whychoose-sec .whychoose-wrap .whychoose-content {
margin: 0 auto 0 0;
}
.whychoose-sec .whychoose-wrap .main-heading h2 {
max-width: 466px;
}
.about-sec .about-wrap .main-heading,
.whychoose-sec .whychoose-wrap .main-heading{
text-align: left;
margin-bottom: 40px;
}
/* whychoose-sec & about section end */
/* testimonials section start */
.testimonials-sec {
padding: 240px 0px;
}
.testimonials-list{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 40px;
padding: 64px 0;
}
.testimonials-sec .main-heading {
gap: 6px;
}
.testimonials-sec .main-heading .main-pera {
padding-bottom: 15px;
}
.testimonials-list .testimonials-items{
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: end;
gap: 26px;
padding: 70px 40px 40px;
background-color: var(--bglight);
border-radius: 40px;
position: relative;
}
.testimonials-list .testimonials-items .testimonials-icon {
display: inline-block;
padding: 20px;
background-color: #fff;
position: absolute;
top: 0px;
right: 0px;
border-radius: 0 0 0 8px;
}
.testimonials-list .testimonials-items .testimonials-icon::before{
content: "";
width: 8px;
height: 8px;
background: url('data:image/svg+xml,') no-repeat center/8px;
position: absolute;
bottom: -8px;
right: 0px;
}
.testimonials-list .testimonials-items .testimonials-icon::after{
content: "";
width: 8px;
height: 8px;
background: url('data:image/svg+xml,') no-repeat center/8px;
position: absolute;
top: 0px;
left: -8px;
}
.testimonials-items .testimonials-wrap .testimonials-hed{
display: flex;
flex-direction: column;
align-items: start;
margin-bottom: 16px;
}
.testimonials-wrap .testimonials-hed .testimonials-star{
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 3px;
margin-bottom: 12px;
}
.testimonials-wrap .testimonials-hed h3{
font-size: 20px;
font-weight: 600;
margin-bottom: 8px;
}
.testimonials-wrap .testimonials-hed .testimonial-date{
font-size: 14px;
color: var(--lightblue);
}
.testimonials-wrap .testimonials-pera p{
font-size: 16px;
font-style: normal;
}
.testimonials-wrap .testimonials-pera p {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
transition: all 0.3s ease;
}
.testimonials-items.active .testimonials-pera p {
-webkit-line-clamp: unset;
overflow: visible;
}
.testimonials-items .testimonials-btn{
display: inline-flex;
gap: 10px;
color: var(--lightblue);
font-size: 14px;
font-style: normal;
font-weight: 600;
}
.testimonials-items .testimonials-btn:hover{
color: var(--secondary);
}
.testimonials-sec .button-wrap{
text-align: center;
}
/* testimonials section end */
body.home .cta-sec{
position: relative;
z-index: 3;
margin-top: -160px;
}
.cta-sec .cta-wrap{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 100px;
align-items: center;
background-color: var(--primary);
padding: 22px 25px 22px 0px;
border-radius: 40px;
}
.cta-sec .cta-wrap .cta-content{
padding: 80px;
display: flex;
flex-direction: column;
gap: 32px;
}
.cta-sec .cta-wrap .cta-content .btn-wrap{
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 16px;
}
.cta-sec .cta-wrap .cta-content .btn-wrap .btn-primary{
background-color: var(--white);
color: var(--primary);
}
.cta-sec .cta-wrap .cta-content .btn-wrap .btn-primary:hover{
background-color: var(--secondary);
color: var(--white);
}
.cta-sec .cta-wrap .cta-content .btn-wrap .btn-secondary:hover{
background-color: var(--white);
color: var(--primary);
}
.cta-sec .cta-wrap .cta-content{
padding: 80px;
}
.cta-sec .cta-wrap .cta-img{
min-height: 512px;
border-radius: 40px;
position: relative;
overflow: hidden;
}
.cta-sec .cta-wrap .cta-img .cta-img-wrap{
position: absolute;
top: 0px;
left:0px;
width: 100%;
height: 100%;
}
.cta-sec .cta-wrap .cta-img img{
width: 100%;
height: 100%;
object-fit: cover;
}
.cta-sec .cta-wrap .cta-content h2,
.cta-sec .cta-wrap .cta-content p {
color: var(--white);
}
.cta-sec .cta-wrap .cta-content p{
font-size: 20px;
}
.cta-sec .ctalogoSwiper{
margin-top: 120px;
}
.cta-sec .ctalogoSwiper .swiper-wrapper {
align-items: center;
}
.cta-sec .ctalogoSwiper .swiper-wrapper .logo-item {
width: 100%;
height: 64px;
}
.cta-sec .ctalogoSwiper .swiper-wrapper .logo-item img {
width: 100%;
height: 100%;
object-fit: contain;
}
/* About page css */
.founder-info .founder-content h2,
.exists-sec .exists-content h2,
.different-sec .mask-block-content h2,
.help-sec .main-heading h2,
.approach-grid .main-heading h2,
.service-single-content .main-heading h2 {
font-size: 40px;
}
.inner-banner {
min-height: 456px;
position: relative;
}
.inner-banner::after{
content: "";
position: absolute;
height: 100%;
top: 0px;
left: 0px;
width: 67%;
background: #004ACB;
background: linear-gradient(-90deg, rgba(0, 74, 203, 0.03) 0%, rgba(0, 74, 203, 1) 35%, rgba(27, 20, 100, 1) 100%);
z-index: 1;
}
.inner-banner::before{
content: "";
position: absolute;
width: 100%;
height: 169px;
bottom: -8px;
transform: scaleX(-1);
background-color: var(--white);
clip-path: polygon(100% 100%, 0% 100% , 0.00% 30.31%, 1.00% 28.45%, 2.00% 26.63%, 3.00% 24.85%, 4.00% 23.12%, 5.00% 21.44%, 6.00% 19.81%, 7.00% 18.25%, 8.00% 16.75%, 9.00% 15.32%, 10.00% 13.97%, 11.00% 12.70%, 12.00% 11.52%, 13.00% 10.42%, 14.00% 9.42%, 15.00% 8.51%, 16.00% 7.70%, 17.00% 6.99%, 18.00% 6.38%, 19.00% 5.88%, 20.00% 5.48%, 21.00% 5.20%, 22.00% 5.02%, 23.00% 4.94%, 24.00% 4.98%, 25.00% 5.13%, 26.00% 5.39%, 27.00% 5.75%, 28.00% 6.22%, 29.00% 6.80%, 30.00% 7.48%, 31.00% 8.26%, 32.00% 9.14%, 33.00% 10.12%, 34.00% 11.19%, 35.00% 12.35%, 36.00% 13.59%, 37.00% 14.92%, 38.00% 16.32%, 39.00% 17.80%, 40.00% 19.34%, 41.00% 20.95%, 42.00% 22.61%, 43.00% 24.33%, 44.00% 26.10%, 45.00% 27.91%, 46.00% 29.75%, 47.00% 31.63%, 48.00% 33.53%, 49.00% 35.44%, 50.00% 37.37%, 51.00% 39.31%, 52.00% 41.24%, 53.00% 43.17%, 54.00% 45.08%, 55.00% 46.98%, 56.00% 48.85%, 57.00% 50.69%, 58.00% 52.49%, 59.00% 54.25%, 60.00% 55.96%, 61.00% 57.62%, 62.00% 59.22%, 63.00% 60.75%, 64.00% 62.22%, 65.00% 63.61%, 66.00% 64.93%, 67.00% 66.16%, 68.00% 67.30%, 69.00% 68.36%, 70.00% 69.32%, 71.00% 70.19%, 72.00% 70.95%, 73.00% 71.62%, 74.00% 72.18%, 75.00% 72.64%, 76.00% 72.98%, 77.00% 73.23%, 78.00% 73.36%, 79.00% 73.38%, 80.00% 73.29%, 81.00% 73.10%, 82.00% 72.79%, 83.00% 72.38%, 84.00% 71.86%, 85.00% 71.24%, 86.00% 70.51%, 87.00% 69.69%, 88.00% 68.76%, 89.00% 67.75%, 90.00% 66.64%, 91.00% 65.44%, 92.00% 64.16%, 93.00% 62.80%, 94.00% 61.36%, 95.00% 59.85%, 96.00% 58.28%, 97.00% 56.64%, 98.00% 54.95%, 99.00% 53.21%, 100.00% 51.43%);
z-index: 2;
}
.inner-banner .inner-bg {
position: absolute;
top: 0px;
right: 0px;
width: 59%;
height: 100%;
}
.inner-banner .inner-bg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.inner-banner .container{
position: relative;
z-index: 2;
}
.inner-banner .container .inner-wrap{
max-width: 642px;
padding-top: 215px;
padding-bottom: 90px;
color: var(--white);
}
.inner-banner .container .inner-wrap h1{
font-size: 48px;
}
/* founder info section start*/
.founder-info {
padding: 85px 0 140px;
}
.founder-info .founder-headline {
display: flex;
flex-direction: column;
gap: 24px;
}
.founder-info .founder-headline h5{
font-weight: 600;
}
.founder-info .founder-content {
display: grid;
grid-template-columns: 453px 1fr;
gap: 40px;
align-items: center;
margin-top: 120px;
}
.founder-info .founder-content .founder-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.founder-info .founder-content .founder-img {
height: 621px;
border-radius: 40px;
overflow: hidden;
}
.founder-info .founder-content .main-heading {
text-align: left;
}
.founder-info .founder-content .founder-pera {
max-width: 837px;
margin: 0 0 0 auto;
}
/* founder info section end*/
/* exists section css */
.exists-sec {
position: relative;
background-color: var(--bglight);
}
.exists-sec::before,
.exists-sec::after{
content: "";
position: absolute;
left: 0px;
top: -1px;
width: 100%;
height: 144px;
background-color: #fff;
clip-path: polygon(100% 100%, 0% 100% , 0.00% 55.79%, 1.00% 53.70%, 2.00% 51.64%, 3.00% 49.61%, 4.00% 47.64%, 5.00% 45.72%, 6.00% 43.86%, 7.00% 42.08%, 8.00% 40.37%, 9.00% 38.75%, 10.00% 37.21%, 11.00% 35.78%, 12.00% 34.44%, 13.00% 33.22%, 14.00% 32.10%, 15.00% 31.10%, 16.00% 30.23%, 17.00% 29.48%, 18.00% 28.85%, 19.00% 28.35%, 20.00% 27.99%, 21.00% 27.76%, 22.00% 27.66%, 23.00% 27.70%, 24.00% 27.87%, 25.00% 28.18%, 26.00% 28.61%, 27.00% 29.18%, 28.00% 29.88%, 29.00% 30.70%, 30.00% 31.64%, 31.00% 32.71%, 32.00% 33.88%, 33.00% 35.17%, 34.00% 36.56%, 35.00% 38.05%, 36.00% 39.64%, 37.00% 41.31%, 38.00% 43.06%, 39.00% 44.89%, 40.00% 46.78%, 41.00% 48.73%, 42.00% 50.73%, 43.00% 52.78%, 44.00% 54.86%, 45.00% 56.96%, 46.00% 59.09%, 47.00% 61.23%, 48.00% 63.37%, 49.00% 65.50%, 50.00% 67.61%, 51.00% 69.71%, 52.00% 71.77%, 53.00% 73.79%, 54.00% 75.77%, 55.00% 77.68%, 56.00% 79.54%, 57.00% 81.33%, 58.00% 83.03%, 59.00% 84.66%, 60.00% 86.19%, 61.00% 87.63%, 62.00% 88.96%, 63.00% 90.19%, 64.00% 91.30%, 65.00% 92.30%, 66.00% 93.18%, 67.00% 93.93%, 68.00% 94.55%, 69.00% 95.05%, 70.00% 95.41%, 71.00% 95.64%, 72.00% 95.74%, 73.00% 95.70%, 74.00% 95.53%, 75.00% 95.23%, 76.00% 94.79%, 77.00% 94.22%, 78.00% 93.53%, 79.00% 92.70%, 80.00% 91.76%, 81.00% 90.70%, 82.00% 89.52%, 83.00% 88.23%, 84.00% 86.84%, 85.00% 85.35%, 86.00% 83.77%, 87.00% 82.09%, 88.00% 80.34%, 89.00% 78.52%, 90.00% 76.63%, 91.00% 74.67%, 92.00% 72.67%, 93.00% 70.63%, 94.00% 68.55%, 95.00% 66.44%, 96.00% 64.31%, 97.00% 62.18%, 98.00% 60.04%, 99.00% 57.91%, 100.00% 55.79%);
transform: scaleX(-1) rotate(180deg);
z-index: 3;
}
.exists-sec::after{
bottom: -1px;
top: unset;
transform: scaleX(-1) rotate(0deg);
}
.exists-sec .exists-img {
position: absolute;
top: 0px;
right: 0px;
width: 50%;
height: 100%;
}
.exists-sec .exists-img img {
height: 100%;
width: 100%;
object-fit: cover;
}
.exists-sec .exists-wrap {
display: grid;
padding: 221px 0px 155px;
}
.exists-sec .container {
z-index: 2;
position: relative;
}
.exists-sec .exists-overlay {
position: absolute;
left: 0px;
width: 100%;
height: 100%;
background: linear-gradient(270deg, rgba(238, 248, 253, 0.00) 13.34%, #EEF8FD 49.28%);
z-index: 0;
}
.exists-sec .exists-wrap .exists-content{
position: relative;
max-width: 827px;
z-index: 4;
}
.exists-sec .exists-wrap .exists-content .main-heading {
text-align: left;
}
/* exists section css end */
/* mask image css start*/
.mask-wrap{
display: grid;
grid-template-columns: 590px 1fr;
align-items: center;
gap: 50px;
padding: 234px 0px 120px;
}
.mask-wrap .mask-img{
width: 100%;
height: 532px;
position: relative;
}
.mask-wrap .mask-img img{
width: 100%;
height: 100%;
object-fit: cover;
}
.mask-wrap .mask-img:before{
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: url(../images/maskwhite.png) no-repeat center / cover;
z-index: 1;
}
.mask-wrap .mask-img:after{
content: "";
position: absolute;
bottom: 42px;
left: 109px;
width: 119px;
height: 119px;
background: url(https://devwp1.websiteserverhost.biz/therma_dynamic/assets/images/shap.svg) no-repeat center / 118px;
z-index: 1;
}
.mask-wrap .mask-block-content{
max-width: 731px;
margin: 0 0 0 auto;
}
.mask-wrap .mask-block-content .main-heading {
text-align: left;
}
/* mask image css end*/
/* service grid layout css */
.service-grid {
padding: 200px 0 150px;
position: relative;
}
.service-grid::before {
content: "";
position: absolute;
top: 0px;
left: 50%;
transform: translateX(-50%);
height: 1px;
width: 87%;
max-width: 1410px;
padding: 0 20px;
border-top: 1px solid #1B14641A;
}
.service-grid .main-heading {
max-width: 715px;
margin: 0 auto;
gap: 6px;
}
.service-grid .main-heading .main-pera {
padding-bottom: 15px;
}
.service-grid-wrap {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 24px;
margin: 64px 0;
}
.serivce-bottom-pera {
text-align: center;
max-width: 900px;
margin: 0 auto;
}
/* service grid layout css end*/
/* help sec css start */
.help-sec {
position: relative;
background-color: var(--bglight);
}
.help-sec::before,
.help-sec::after{
content: "";
position: absolute;
left: 0px;
top: -1px;
width: 100%;
height: 144px;
background-color: #fff;
clip-path: polygon(100% 100%, 0% 100% , 0.00% 55.79%, 1.00% 53.70%, 2.00% 51.64%, 3.00% 49.61%, 4.00% 47.64%, 5.00% 45.72%, 6.00% 43.86%, 7.00% 42.08%, 8.00% 40.37%, 9.00% 38.75%, 10.00% 37.21%, 11.00% 35.78%, 12.00% 34.44%, 13.00% 33.22%, 14.00% 32.10%, 15.00% 31.10%, 16.00% 30.23%, 17.00% 29.48%, 18.00% 28.85%, 19.00% 28.35%, 20.00% 27.99%, 21.00% 27.76%, 22.00% 27.66%, 23.00% 27.70%, 24.00% 27.87%, 25.00% 28.18%, 26.00% 28.61%, 27.00% 29.18%, 28.00% 29.88%, 29.00% 30.70%, 30.00% 31.64%, 31.00% 32.71%, 32.00% 33.88%, 33.00% 35.17%, 34.00% 36.56%, 35.00% 38.05%, 36.00% 39.64%, 37.00% 41.31%, 38.00% 43.06%, 39.00% 44.89%, 40.00% 46.78%, 41.00% 48.73%, 42.00% 50.73%, 43.00% 52.78%, 44.00% 54.86%, 45.00% 56.96%, 46.00% 59.09%, 47.00% 61.23%, 48.00% 63.37%, 49.00% 65.50%, 50.00% 67.61%, 51.00% 69.71%, 52.00% 71.77%, 53.00% 73.79%, 54.00% 75.77%, 55.00% 77.68%, 56.00% 79.54%, 57.00% 81.33%, 58.00% 83.03%, 59.00% 84.66%, 60.00% 86.19%, 61.00% 87.63%, 62.00% 88.96%, 63.00% 90.19%, 64.00% 91.30%, 65.00% 92.30%, 66.00% 93.18%, 67.00% 93.93%, 68.00% 94.55%, 69.00% 95.05%, 70.00% 95.41%, 71.00% 95.64%, 72.00% 95.74%, 73.00% 95.70%, 74.00% 95.53%, 75.00% 95.23%, 76.00% 94.79%, 77.00% 94.22%, 78.00% 93.53%, 79.00% 92.70%, 80.00% 91.76%, 81.00% 90.70%, 82.00% 89.52%, 83.00% 88.23%, 84.00% 86.84%, 85.00% 85.35%, 86.00% 83.77%, 87.00% 82.09%, 88.00% 80.34%, 89.00% 78.52%, 90.00% 76.63%, 91.00% 74.67%, 92.00% 72.67%, 93.00% 70.63%, 94.00% 68.55%, 95.00% 66.44%, 96.00% 64.31%, 97.00% 62.18%, 98.00% 60.04%, 99.00% 57.91%, 100.00% 55.79%);
transform: scaleX(-1) rotate(180deg);
z-index: 3;
}
.help-sec::after {
bottom: -1px;
top: unset;
transform: scaleX(-1) rotate(0deg);
}
.help-sec .help-content-wrap{
display: grid;
grid-template-columns: 615px 1fr;
gap: 40px;
padding: 229px 0px 247px;
}
.help-sec .help-content-wrap .help-content-img {
min-height: 400px;
width: 100%;
border-radius: 40px;
overflow: hidden;
}
.help-sec .help-content-wrap .help-content-img img {
height: 100%;
width: 100%;
object-fit: cover;
}
.help-sec .help-content-wrap .main-heading {
text-align: left;
}
.help-sec .help-content-wrap .help-content {
max-width: 746px;
margin: 0 0 0 auto;
}
.help-content .help-list {
margin-top: 24px;
display: flex;
flex-direction: column;
gap: 8px;
}
.help-content .help-list li {
padding: 12px 24px 12px 48px;
background-color: var(--white);
border-radius: 8px;
position: relative;
list-style: none;
}
.help-content .help-list li::before {
content: "";
width: 9px;
height: 9px;
background: url('data:image/svg+xml,') no-repeat center/7px;
position: absolute;
top: 20px;
left: 20px;
}
/* help sec css end */
/* standards icon section css start */
.standards-sec {
padding: 152px 0;
}
.standards-sec .main-heading {
gap: 9px;
}
.standards-sec .main-heading .main-pera {
padding-bottom: 15px;
}
.standards-icongrid{
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 24px;
margin: 64px 0 71px;
}
.standards-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 20px;
background-color: var(--bglight);
padding: 25px 16px;
border-radius: 24px;
flex: 0 0 calc((100% - (24px * 4)) / 5);
}
.standards-item .icon{
display: inline-flex;
justify-content: center;
align-items: center;
padding: 15px;
width: 64px;
height: 64px;
background-color: var(--white);
border-radius: 50%;
}
.standards-item h3{
font-size: 16px;
}
.standards-sec .standards-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
gap: 24px;
}
/* standards icon section css end */
/* Approach section css start */
.approach-sec{
padding: 172px 0 234px;
}
.approach-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
}
.approach-grid .main-heading {
text-align: left;
}
/* Approach section css end */
/* about page css end */
/* service single page css start*/
.service-single-block {
padding: 85px 0 214px;
}
.service-single-block .service-single-wrap {
display: grid;
grid-template-columns: 414px 1fr;
gap: 80px;
}
/* single-sidebar */
.service-single-wrap .service-single-sidebar {
display: flex;
flex-direction: column;
gap: 24px;
}
.service-single-wrap .service-single-sidebar .service-list {
padding: 40px;
background: #DDF1FA80;
border-radius: 16px;
display: flex;
flex-direction: column;
gap: 24px;
}
.service-single-wrap .service-single-sidebar .letest-blog-list{
display:none;
}
.service-single-sidebar .service-list h5,
.service-single-wrap .service-single-sidebar .letest-blog-list h5 {
font-weight: 600;
}
.service-single-sidebar .service-list .service-list-wrap {
margin-top: 7px;
list-style: none;
}
.service-single-sidebar .service-list .service-list-wrap .sidebar-service-items {
padding-bottom: 12px;
margin-bottom: 12px;
border-bottom: 1px solid #1B14641A;
}
.service-single-sidebar .service-list .service-list-wrap .sidebar-service-items:last-child{
margin-bottom: 0px;
}
.service-single-sidebar .service-list .service-list-wrap .sidebar-service-items a {
display: inline-flex;
align-items: center;
gap: 16px;
font-size: 16px;
font-weight: 500;
}
.service-single-sidebar .service-list .service-list-wrap .sidebar-service-items a::before {
content: "";
width: 9px;
height: 9px;
background: url('data:image/svg+xml,') no-repeat center/7px;
position: relative;
}
.service-single-sidebar .service-list .service-list-wrap .sidebar-service-items a:hover,
.service-single-sidebar .service-list .service-list-wrap .sidebar-service-items.active a {
color: var(--secondary);
}
.service-single-wrap .service-single-sidebar .letest-blog-list .blog-list {
display: flex;
flex-direction: column;
gap: 24px;
}
.letest-blog-list .blog-list .blog-item .blog-img {
height: 230px;
border-radius: 8px;
margin-bottom: 10px;
overflow: hidden;
}
.letest-blog-list .blog-list .blog-item .blog-img img {
height: 100%;
width: 100%;
object-fit: cover;
}
.letest-blog-list .blog-list .blog-item .blog-content p {
font-size: 16px;
font-weight: 500;
}
.letest-blog-list .blog-list .blog-item .blog-content .blog-btn {
display: inline-block;
font-size: 14px;
font-weight: 600;
color: var(--lightblue);
margin-top: 5px;
text-decoration: underline;
text-underline-offset: 3px;
transition: all 0.3s ease-in-out;
}
.letest-blog-list .blog-list .blog-item:hover .blog-btn{
color: var(--secondary);
}
/* single-sidebar */
/* single-content */
.service-single-content p a{
color: var(--secondary);
}
.service-single-content p a:hover{
text-decoration:underline;
}
.service-single-content .main-heading {
text-align: left;
gap: 15px;
}
.service-single-content .main-heading .main-pera {
margin-bottom: 24px;
}
.service-single-content .single-main{
margin-top: 24px;
display: flex;
flex-direction: column;
gap:24px;
}
.service-single-content .single-main h5{
font-weight: 600;
}
.service-single-content .single-main ul {
display: flex;
flex-direction: column;
gap: 8px;
}
.service-single-content li {
padding: 12px 24px 12px 48px;
background-color: var(--bglight);
border-radius: 8px;
position: relative;
list-style: none;
}
.service-single-content ul li::before {
content: "";
width: 9px;
height: 9px;
background: url('data:image/svg+xml,') no-repeat center/7px;
position: absolute;
top: 20px;
left: 20px;
}
.service-single-content .single-main img{
height: auto;
border-radius: 40px;
object-fit: cover;
}
/* service single page css end*/
/* contect page design start */
.contact-details-block {
padding: 70px 0 100px;
}
.contact-details-block .main-heading {
max-width: 800px;
margin: 0 auto;
}
.contact-details-block .contact-detail-wrap {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 30px;
margin-top: 40px;
}
.contact-details-block .contact-detail-wrap .contact-items{
padding: 40px;
background-color: var(--bglight);
border-radius: 40px;
position: relative;
}
.contact-details-block .contact-detail-wrap .contact-items ul {
list-style: none;
display: flex;
flex-direction: column;
gap: 11px;
}
.contact-details-block .contact-detail-wrap .contact-items .comapny-details-heading {
margin-bottom: 13px;
color: #FF380E;
font-weight: 600;
}
.contact-details-block .contact-detail-wrap .contact-items ul li {
display: inline-flex;
align-items: center;
gap: 15px;
}
.contact-details-block .contact-detail-wrap .contact-items ul li a:hover{
color: #FF380E;
}
/* contect page design end */
/* footer css start */
footer#footer {
margin-top: 75px;
}
.main-footer{
position: relative;
clip-path: polygon(100% 100%, 0% 100% , 0.00% 13.84%, 2.22% 12.76%, 4.44% 11.81%, 6.67% 10.98%, 8.89% 10.30%, 11.11% 9.77%, 13.33% 9.39%, 15.56% 9.17%, 17.78% 9.12%, 20.00% 9.24%, 22.22% 9.51%, 24.44% 9.95%, 26.67% 10.54%, 28.89% 11.28%, 31.11% 12.15%, 33.33% 13.15%, 35.56% 14.27%, 37.78% 15.49%, 40.00% 16.79%, 42.22% 18.16%, 44.44% 19.58%, 46.67% 21.04%, 48.89% 22.51%, 51.11% 23.98%, 53.33% 25.43%, 55.56% 26.84%, 57.78% 28.20%, 60.00% 29.48%, 62.22% 30.67%, 64.44% 31.76%, 66.67% 32.73%, 68.89% 33.58%, 71.11% 34.28%, 73.33% 34.83%, 75.56% 35.23%, 77.78% 35.46%, 80.00% 35.53%, 82.22% 35.44%, 84.44% 35.19%, 86.67% 34.77%, 88.89% 34.20%, 91.11% 33.48%, 93.33% 32.62%, 95.56% 31.63%, 97.78% 30.53%, 100.00% 29.33%);
}
.main-footer::after{
content: "";
position: absolute;
height: 100%;
top: 0px;
left: 0px;
width: 83%;
background: #004ACB;
background: linear-gradient(-90deg, rgba(0, 74, 203, 0.03) 0%, rgba(0, 74, 203, 1) 35%, rgba(27, 20, 100, 1) 100%);
z-index: 1;
}
.main-footer .container {
padding-top: 170px;
padding-bottom: 180px;
z-index: 2;
position: relative;
}
.main-footer .footer-bg {
position: absolute;
top: 0px;
right: 0px;
width: 59%;
height: 100%;
}
.main-footer .footer-bg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.main-footer .footer-wrap .footer-logo{
display: inline-block;
height: 54px;
}
.main-footer .footer-wrap .footer-logo img{
width: 100%;
height: 100%;
object-fit: contain;
}
.main-footer .footer-menu-wrap li,
.main-footer .footer-menu-wrap a,
.main-footer .footer-menu-wrap p {
color: var(--white);
font-weight: 500;
}
.main-footer .footer-menu-wrap a:hover,
.main-footer .footer-menu-wrap .menu li.current-menu-item a{
color: var(--secondary);
}
.main-footer .footer-menu-wrap {
margin-top: 73px;
display: grid;
grid-template-columns: 0.534fr 0.312fr 0.3fr;
gap: 30px;
max-width: 939px;
}
.main-footer .footer-menu-wrap .footer-heading {
font-size: 18px;
font-weight: 700;
margin-bottom: 24px;
}
.main-footer .footer-menu-wrap ul li {
list-style: none;
}
.main-footer .footer-menu-wrap .comapny-details ul {
display: flex;
flex-direction: column;
gap: 23px;
}
.main-footer .footer-menu-wrap .contact-details ul {
display: flex;
flex-direction: column;
gap: 29px;
}
.main-footer .footer-menu-wrap .contact-details ul li{
display: inline-flex;
align-items: center;
gap: 15px;
}
.main-footer .footer-menu-wrap .contact-details ul li a{
font-size: 16px;
}
.main-footer .footer-menu-wrap .contact-details ul li a:hover{
color: var(--secondary);
}
.footer-bottom .footer-bottom-wrap {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
padding: 36px 0;
}
.footer-bottom .footer-bottom-wrap .copyright-text {
display: flex;
gap: 10px;
}
.footer-bottom .footer-bottom-wrap .copyright-text,
.footer-bottom .footer-bottom-wrap .copyright-text p,
.footer-bottom .footer-bottom-wrap .copyright-text p a {
font-size: 16px;
font-weight: 500;
}
.footer-bottom .footer-bottom-wrap p a:hover{
color: var(--secondary);
}
.footer-bottom .footer-bottom-wrap .sosical-icons {
display: flex;
gap: 12px;
align-items: center;
}
.footer-bottom .footer-bottom-wrap .sosical-icons a svg path{
transition: all 0.3s ease-in-out;
}
.footer-bottom .footer-bottom-wrap .sosical-icons a:hover svg path{
fill: var(--secondary);
}
#backToTop{
position: fixed;
bottom: 25px;
right: 169px;
width: 48px;
height: 48px;
background-color: var(--primary);
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
z-index: 99;
}
#backToTop:hover{
background-color: var(--secondary);
}
#backToTop::before{
content: "";
position: relative;
width: 16px;
height: 16px;
background: url('data:image/svg+xml,') no-repeat center/15px;
}
/* footer css end */
/* popup form css start */
.popup-overlay{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0 20px;
background: rgba(0, 0, 0, 0.6);
display: none;
justify-content: center;
align-items: center;
z-index: 99999;
}
.popup-overlay.active{
display:flex;
}
.popup-content {
width: 100%;
max-width: 926px;
background: var(--white);
padding: 42px 80px;
border-radius: 24px;
position: relative;
}
.popup-inner .popup-pera {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
max-width: 580px;
margin: 0 auto 24px;
}
.popup-inner .popup-pera .popup-logo {
width: 166px;
}
.popup-inner .popup-pera .popup-logo img {
width: 100%;
height: 100%;
object-fit: contain;
}
.popup-inner .popup-pera p{
font-size: 16px;
margin-top: 11px;
}
.popup-content .cf7-form-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.popup-content .cf7-form-grid .full-width {
grid-column: -1/1;
}
.popup-content .cf7-form-grid .cf7-checkbox .wpcf7-list-item {
margin: 0px;
}
.popup-content .cf7-form-grid .cf7-checkbox .wpcf7-list-item > label {
display: flex;
align-items: center;
gap: 12px;
font-family: 'Roboto';
font-size: 12px;
}
.popup-content .cf7-form-grid .dropdown-toggle p {
font-family: 'Roboto';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.15px;
color: rgb(27 20 100 / 50%);
}
.popup-content .cf7-form-grid .custom-dropdown {
position: relative;
width: 100%;
padding-right: 20px;
cursor: pointer;
}
.popup-content .cf7-form-grid .custom-dropdown .dropdown-toggle p{
display: flex;
align-items: center;
flex-direction: row-reverse;
width: 100%;
justify-content: start;
padding-right: 18px;
gap: 10px;
}
.popup-content .cf7-form-grid .custom-dropdown .dropdown-toggle p span.clear-btn {
width: auto;
}
.popup-content .cf7-form-grid .custom-dropdown .dropdown-toggle .toggle-text {
display: -webkit-box !important;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.popup-content .cf7-form-grid .custom-dropdown .dropdown-toggle:after{
content: "";
width: 10px;
height: 10px;
position: absolute;
top: 50%;
right: 20px;
background: url('data:image/svg+xml,') no-repeat center/10px;
transform: translate(0px, -50%) rotate(0deg);
transition: all 0.3s ease-in-out;
}
.popup-content .cf7-form-grid .custom-dropdown.active .dropdown-toggle:after {
transform: translate(0px, -50%) rotate(180deg);
}
.popup-content .cf7-form-grid .custom-dropdown .dropdown-menu {
position: absolute;
left: 0px;
width: 100%;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.20);
z-index: 999;
display: none;
}
.popup-content .cf7-form-grid .custom-dropdown .dropdown-menu > p {
padding: 19px;
margin-top: 15px;
max-height: 168px;
overflow-y: auto;
background: var(--white);
}
.popup-content .cf7-form-grid .custom-dropdown .dropdown-menu .wpcf7-form-control {
display: flex;
flex-direction: column;
gap: 22px;
}
.popup-content .cf7-form-grid .custom-dropdown.active .dropdown-menu {
display: block;
}
.page-id-346 .testimonials-sec {
padding-top: 15px;
}
.popup-content .cf7-form-grid .custom-dropdown .dropdown-menu .wpcf7-list-item {
margin: 0px;
}
.popup-content .cf7-form-grid .custom-dropdown .dropdown-menu .wpcf7-list-item label {
font-family: 'Roboto';
font-size: 16px;
letter-spacing: 0.15px;
display: flex;
align-items: center;
gap: 10px;
cursor: pointer;
}
.popup-content .cf7-form-grid label input[type="checkbox"]{
width: 15px;
height: 15px;
min-width: 15px;
min-height: 15px;
appearance: none;
padding: 0px;
border: 2px solid var(--primary);
border-radius: 3px;
}
.popup-content .cf7-form-grid label input[type="checkbox"]:checked {
background: var(--secondary) url('data:image/svg+xml,') no-repeat center;
border-color: var(--secondary);
}
.popup-content .cf7-form-grid .cf7-bottom-row {
padding-left: 12px;
}
.popup-content .cf7-form-grid .cf7-bottom-row > p {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
}
.popup-content .popup-close{
position: absolute;
top: 12px;
right: 26px;
font-size: 30px;
background: none;
border: none;
cursor: pointer;
}
.popup-content .cf7-form-grid br {
display: none;
}
/* popup form css end*/
/* 404 page design */
.error-page{
height: 100vh;
background-color: var(--bglight);
display: flex;
justify-content: center;
align-items: center;
text-align: center;
padding-top: 90px;
}
.error-content {
padding: 30px;
background-color: var(--white);
min-height: 600px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
gap: 10px;
}
.error-content h1{
font-size: 100px;
line-height: 76px;
}
.error-content::before,
.error-content::after{
content: "";
position: absolute;
left: 0px;
top: -1px;
width: 100%;
height: 113px;
transform: rotate(180deg);
background-color: var(--bglight);
clip-path: polygon(100% 100%, 0% 100% , 0.00% 55.79%, 1.00% 53.70%, 2.00% 51.64%, 3.00% 49.61%, 4.00% 47.64%, 5.00% 45.72%, 6.00% 43.86%, 7.00% 42.08%, 8.00% 40.37%, 9.00% 38.75%, 10.00% 37.21%, 11.00% 35.78%, 12.00% 34.44%, 13.00% 33.22%, 14.00% 32.10%, 15.00% 31.10%, 16.00% 30.23%, 17.00% 29.48%, 18.00% 28.85%, 19.00% 28.35%, 20.00% 27.99%, 21.00% 27.76%, 22.00% 27.66%, 23.00% 27.70%, 24.00% 27.87%, 25.00% 28.18%, 26.00% 28.61%, 27.00% 29.18%, 28.00% 29.88%, 29.00% 30.70%, 30.00% 31.64%, 31.00% 32.71%, 32.00% 33.88%, 33.00% 35.17%, 34.00% 36.56%, 35.00% 38.05%, 36.00% 39.64%, 37.00% 41.31%, 38.00% 43.06%, 39.00% 44.89%, 40.00% 46.78%, 41.00% 48.73%, 42.00% 50.73%, 43.00% 52.78%, 44.00% 54.86%, 45.00% 56.96%, 46.00% 59.09%, 47.00% 61.23%, 48.00% 63.37%, 49.00% 65.50%, 50.00% 67.61%, 51.00% 69.71%, 52.00% 71.77%, 53.00% 73.79%, 54.00% 75.77%, 55.00% 77.68%, 56.00% 79.54%, 57.00% 81.33%, 58.00% 83.03%, 59.00% 84.66%, 60.00% 86.19%, 61.00% 87.63%, 62.00% 88.96%, 63.00% 90.19%, 64.00% 91.30%, 65.00% 92.30%, 66.00% 93.18%, 67.00% 93.93%, 68.00% 94.55%, 69.00% 95.05%, 70.00% 95.41%, 71.00% 95.64%, 72.00% 95.74%, 73.00% 95.70%, 74.00% 95.53%, 75.00% 95.23%, 76.00% 94.79%, 77.00% 94.22%, 78.00% 93.53%, 79.00% 92.70%, 80.00% 91.76%, 81.00% 90.70%, 82.00% 89.52%, 83.00% 88.23%, 84.00% 86.84%, 85.00% 85.35%, 86.00% 83.77%, 87.00% 82.09%, 88.00% 80.34%, 89.00% 78.52%, 90.00% 76.63%, 91.00% 74.67%, 92.00% 72.67%, 93.00% 70.63%, 94.00% 68.55%, 95.00% 66.44%, 96.00% 64.31%, 97.00% 62.18%, 98.00% 60.04%, 99.00% 57.91%, 100.00% 55.79%);
z-index: 2;
}
.error-content::after{
bottom: 0px;
top: unset;
transform: rotate(0deg);
}
.error-content .btn-primary {
margin-top: 17px;
}
/* 404 page design end*/
@media (max-width: 1500px) {
header .nav-wrap li.menu-item.services-mega-menu ul.sub-menu {
max-width: 1010px;
}
header .nav-wrap li.menu-item.services-mega-menu ul.sub-menu > h4 {
top: 20PX;
}
header .nav-wrap li.menu-item.services-mega-menu ul.sub-menu .mega-menu-wrap {
grid-template-columns: 1fr;
}
header .nav-wrap li.menu-item.services-mega-menu ul.sub-menu .mega-menu-wrap .mega-menu-links {
gap: 10px 19px;
padding: 50px 18px 20px;
}
li.menu-item.services-mega-menu .menu-blog .blog-wrap {
padding: 12px;
}
li.menu-item.services-mega-menu .mega-menu-wrap .menu-blog .blog-img {
height: 200px;
}
}
@media (max-width: 1250px) {
header .nav-wrap .logo {
width: 150px;
}
header .nav-wrap nav ul {
gap: 10px;
}
header .nav-wrap li a {
font-size: 15px;
}
header .nav-wrap .main-nav {
gap: 12px;
width: calc(100% - 175px);
}
header .nav-wrap .main-nav .contect-wrap {
gap: 12px;
}
header .nav-wrap .contect-wrap li a.phone-item {
padding-left: 13px;
}
header .nav-wrap nav ul li a.phone-item::before{
width: 16px;
height: 16px;
background-size: 15px;
}
header .nav-wrap li.menu-item ul.sub-menu {
top: 73px;
}
.banner::before{
height: 165px;
bottom: -19px;
}
.banner .container .banner-content {
max-width: 642px;
padding-top: 228px;
padding-bottom: 100px;
color: var(--white);
}
.about-sec .about-wrap .about-img:after,
.whychoose-sec .whychoose-wrap .whychoose-img:after {
bottom: -11px;
right: -14px;
width: 70px;
height: 70px;
background-size: 68px;
}
.whychoose-sec .whychoose-wrap .whychoose-img:after {
left: -14px;
right: unset;
bottom: 76px;
}
.cta-sec .cta-wrap {
gap: 40px;
}
.cta-sec .cta-wrap .cta-content {
padding: 40px;
}
.help-sec .help-content-wrap {
grid-template-columns: 450px 1fr;
}
.service-single-block .service-single-wrap {
grid-template-columns: 314px 1fr;
gap: 40px;
}
.service-single-wrap .service-single-sidebar .service-list,
.service-single-wrap .service-single-sidebar .letest-blog-list {
padding: 28px;
gap: 15px;
}
}
@media (max-width: 1024px) {
h1,
.inner-banner .container .inner-wrap h1 {
font-size: 40px;
}
h2,
.founder-info .founder-content h2,
.exists-sec .exists-content h2,
.different-sec .mask-block-content h2,
.help-sec .main-heading h2,
.approach-grid .main-heading h2,
.service-single-content .main-heading h2 {
font-size: 30px;
}
h3 {
font-size: 20px;
}
.btn-primary, .btn-secondary,.cf7-submit-btn {
font-size: 14px;
gap: 8px;
padding: 11px 24px;
}
.main-heading {
gap: 15px;
}
.main-heading .main-pera {
gap: 10px;
}
.main-heading ul {
padding: 0px 0px 3px 27px;
}
.mobile-toggle{
display: flex;
flex-direction: column;
align-items: end;
justify-content: center;
gap: 6px;
height: 30px;
width: 30px;
cursor:pointer;
}
.mobile-toggle .toggle-itme{
height: 2px;
background-color: var(--primary);
width: 100%;
transition: all 0.3s ease-in-out;
}
.mobile-toggle .toggle-itme:nth-child(2){
width: 80%;
}
.nav-wrap:has(.toggle-active) .mobile-toggle .toggle-itme:first-child {
transform: translate(0px, 8px) rotate(46deg);
}
.nav-wrap:has(.toggle-active) .mobile-toggle .toggle-itme:nth-child(2) {
opacity: 0;
}
.nav-wrap:has(.toggle-active) .mobile-toggle .toggle-itme:last-child {
transform: translate(0px, -7px) rotate(132deg);
}
header .nav-wrap nav {
display: flex;
position: fixed;
height: 100vh;
width: 500px;
right: -100%;
top: 71px;
background-color: #fff;
z-index: 999;
transition: all 0.5s ease-in-out;
}
header .nav-wrap nav.toggle-active {
right: 0px;
}
header .nav-wrap nav .nav-links {
justify-content: start;
flex-direction: column;
align-items: start;
gap: 25px;
padding: 55px 30px 180px;
width: 100%;
overflow-y: auto;
}
header .nav-wrap nav .nav-links > li > a {
font-size: 18px;
width: 100%;
justify-content: space-between;
}
header .nav-wrap nav .nav-links li {
width: 100%;
}
header .nav-wrap .contect-wrap li a.phone-item{
padding-left: 0PX;
border: none;
}
header .nav-wrap li.menu-item ul.sub-menu {
display: none;
margin: 10px 0;
padding: 19px 22px 19px 22px;
width: 100%;
justify-content: start;
transform: none;
opacity: 1;
visibility:visible;
position: relative;
left: 0px;
top: 0px;
opacity: 1;
box-shadow: none;
border: 1px solid #1b14642b;
transition: none;
}
header .nav-wrap li.menu-item ul.sub-menu .mega-menu-links {
gap: 12px;
}
header .nav-wrap li.menu-item.services-mega-menu ul.sub-menu {
display: none;
width: auto;
transform: none;
visibility:visible;
opacity: 1;
left: 0px;
top: 0px;
}
header .nav-wrap li.menu-item.services-mega-menu ul.sub-menu h4 {
font-size: 16px;
font-weight: 600;
}
header .nav-wrap li.menu-item.services-mega-menu ul.sub-menu .mega-menu-wrap .mega-menu-links {
grid-template-columns: 1fr;
padding: 45px 20px 25px;
}
header .nav-wrap li a.btn-primary {
padding: 10px 24px 13px;
}
li.menu-item.services-mega-menu .menu-blog .blog-wrap ul.blog-list {
padding-top: 10px;
}
li.menu-item.services-mega-menu .menu-blog .blog-wrap ul.blog-list .blog-title {
padding-bottom: 15px;
margin-bottom: 10px;
}
li.menu-item.services-mega-menu .mega-menu-wrap .menu-blog .blog-img {
height: auto;
}
.banner .container {
grid-template-columns: 1fr;
}
.banner .container .banner-content p {
font-size: 18px;
margin-top: 7px;
}
.banner .container .banner-content .sub-heading {
font-size: 18px;
}
.banner .container .banner-content .btn-primary {
margin-top: 20px;
}
.service-sec {
padding: 50px 0 100px;
}
.service-sec .service-wrap {
padding: 30px 70px;
position: relative;
}
.testimonials-sec {
padding: 85px 0px 107px;
}
.testimonials-list {
grid-template-columns: 1fr 1fr;
gap: 25px;
padding: 30px 0;
}
.testimonials-list .testimonials-items {
gap: 26px;
padding: 30px;
}
.testimonials-list .testimonials-items .testimonials-icon {
padding: 15px;
}
.testimonials-list .testimonials-items .testimonials-icon svg {
width: 16px;
height: 16px;
}
.about-sec .about-wrap,
.whychoose-sec .whychoose-wrap {
padding: 16px 0px 38px;
grid-template-columns: 350px 1fr;
}
.whychoose-sec .whychoose-wrap {
grid-template-columns: 1fr 349px;
padding: 16px 0px 213px;
}
.about-sec::before,
.about-sec::after,
.whychoose-sec::before,
.whychoose-sec::after{
top: -94px;
height: 96px;
}
.about-sec::after,
.whychoose-sec::after {
bottom: -94px;
top: unset;
}
.about-sec .about-wrap .about-img,
.whychoose-sec .whychoose-wrap .whychoose-img {
height: 311px;
}
.about-sec .about-wrap .about-img:after,
.whychoose-sec .whychoose-wrap .whychoose-img:after {
bottom: -11px;
right: -14px;
width: 70px;
height: 70px;
background-size: 68px;
}
.whychoose-sec .whychoose-wrap .whychoose-img:after {
left: -23px;
bottom: 34px;
}
.about-sec .about-wrap .main-heading,
.whychoose-sec .whychoose-wrap .main-heading {
margin-bottom: 25px;
}
.cta-sec .cta-wrap .cta-img {
min-height: 350px;
}
.cta-sec .ctalogoSwiper {
margin-top: 50px;
}
.founder-info {
padding: 28px 0 45px;
}
.inner-banner::before {
height: 100px;
}
.founder-info .founder-headline {
gap: 20px;
}
.founder-info .founder-content {
grid-template-columns: 340px 1fr;
gap: 35px;
margin-top: 50px;
}
.exists-sec .exists-wrap {
padding: 145px 0px 115px;
}
.mask-wrap {
padding: 29px 0px 50px;
grid-template-columns: 350px 1fr;
}
.mask-wrap .mask-img {
height: 311px;
}
.mask-wrap .mask-img:after {
bottom: 41px;
left: 80px;
width: 60px;
height: 60px;
background-size: 60px;
}
.service-grid {
padding: 25px 0 40px;
}
.service-grid-wrap {
grid-template-columns: 1fr 1fr;
gap: 24px;
margin: 35px 0;
}
.help-sec .help-content-wrap {
grid-template-columns: 350px 1fr;
gap: 30px;
padding: 156px 0px 162px;
}
.standards-sec {
padding: 40px 0 50px;
}
.standards-icongrid {
gap: 24px;
margin: 30px 0px 35px;
}
.standards-item {
padding: 25px 16px;
flex: 0 0 calc((100% - (24px * 2)) / 3);
}
.contact-details-block {
padding: 50px 0;
}
.contact-details-block .contact-detail-wrap{
grid-template-columns: 1fr 1fr;
gap: 25px;
}
.approach-sec {
padding: 15px 0 50px;
}
.service-single-block {
padding: 45px 0 55px;
}
footer#footer {
margin-top: 10px;
}
.main-footer .container {
padding-top: 150px;
padding-bottom: 80px;
}
.main-footer .footer-menu-wrap {
margin-top: 40px;
grid-template-columns: 1fr 0.5fr 0.5fr;
gap: 20px;
}
.main-footer::after {
width: 100%;
}
#backToTop {
bottom: 100px;
right: 30px;
}
.popup-content {
padding: 40px;
}
}
@media (max-width: 992px) {
.service-single-block .service-single-wrap {
grid-template-columns: 1fr;
gap: 30px;
}
}
@media (max-width: 767px) {
h1,
.inner-banner .container .inner-wrap h1 {
font-size: 36px;
}
h2,
.founder-info .founder-content h2,
.exists-sec .exists-content h2,
.different-sec .mask-block-content h2,
.help-sec .main-heading h2,
.approach-grid .main-heading h2,
.service-single-content .main-heading h2 {
font-size: 28px;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 18px;
}
header#header {
padding: 15px 0 15px;
}
header .nav-wrap .main-nav {
width: calc(100% - 248px);
}
header .nav-wrap .logo {
width: 127px;
}
header .nav-wrap .main-nav .contect-wrap {
display: none;
}
header .nav-wrap nav {
width: 100%;
top: 60px;
}
header .nav-wrap nav .nav-links {
gap: 15px;
padding: 30px 20px 180px;
width: 100%;
}
.swiper-arrow-wrap {
justify-content: center;
gap: 15px;
position: unset;
transform: none;
margin-top: 25px;
}
.banner {
min-height: 600px;
padding-bottom: 100px;
}
.banner::after {
width: 100%;
}
.banner::before{
height: 120px;
bottom: -1px;
clip-path: polygon(100% 100%, 0% 100% , 0.00% 83.33%, 1.00% 83.31%, 2.00% 83.23%, 3.00% 83.10%, 4.00% 82.92%, 5.00% 82.69%, 6.00% 82.41%, 7.00% 82.08%, 8.00% 81.70%, 9.00% 81.29%, 10.00% 80.83%, 11.00% 80.32%, 12.00% 79.79%, 13.00% 79.21%, 14.00% 78.60%, 15.00% 77.97%, 16.00% 77.30%, 17.00% 76.62%, 18.00% 75.91%, 19.00% 75.19%, 20.00% 74.45%, 21.00% 73.71%, 22.00% 72.95%, 23.00% 72.20%, 24.00% 71.44%, 25.00% 70.69%, 26.00% 69.95%, 27.00% 69.22%, 28.00% 68.51%, 29.00% 67.81%, 30.00% 67.14%, 31.00% 66.49%, 32.00% 65.87%, 33.00% 65.28%, 34.00% 64.73%, 35.00% 64.21%, 36.00% 63.73%, 37.00% 63.29%, 38.00% 62.89%, 39.00% 62.54%, 40.00% 62.24%, 41.00% 61.99%, 42.00% 61.79%, 43.00% 61.63%, 44.00% 61.53%, 45.00% 61.48%, 46.00% 61.48%, 47.00% 61.54%, 48.00% 61.64%, 49.00% 61.80%, 50.00% 62.01%, 51.00% 62.27%, 52.00% 62.57%, 53.00% 62.93%, 54.00% 63.33%, 55.00% 63.77%, 56.00% 64.25%, 57.00% 64.77%, 58.00% 65.33%, 59.00% 65.93%, 60.00% 66.55%, 61.00% 67.20%, 62.00% 67.88%, 63.00% 68.57%, 64.00% 69.29%, 65.00% 70.02%, 66.00% 70.76%, 67.00% 71.51%, 68.00% 72.27%, 69.00% 73.02%, 70.00% 73.77%, 71.00% 74.52%, 72.00% 75.26%, 73.00% 75.98%, 74.00% 76.68%, 75.00% 77.37%, 76.00% 78.03%, 77.00% 78.66%, 78.00% 79.26%, 79.00% 79.84%, 80.00% 80.37%, 81.00% 80.87%, 82.00% 81.33%, 83.00% 81.74%, 84.00% 82.11%, 85.00% 82.43%, 86.00% 82.71%, 87.00% 82.94%, 88.00% 83.11%, 89.00% 83.24%, 90.00% 83.31%, 91.00% 83.33%, 92.00% 83.30%, 93.00% 83.22%, 94.00% 83.08%, 95.00% 82.90%, 96.00% 82.66%, 97.00% 82.38%, 98.00% 82.05%, 99.00% 81.67%, 100.00% 81.25%);
}
.banner .container .banner-content {
padding-top: 130px;
}
.inner-banner::after {
width: 100%;
}
.brand-sec {
padding-top: 20px;
}
.brand-sec .logoSwiper {
margin-top: 30px;
padding-bottom: 50px;
}
.service-sec .service-wrap {
padding: 30px 0px;
}
.service-sec .service-wrap .serviceSwiper:before,
.service-sec .service-wrap .serviceSwiper:after{
width: 40px;
left: -2px;
}
.service-sec .service-wrap .serviceSwiper:after{
right: -2px;
left: unset;
}
.testimonials-list {
grid-template-columns: 1fr;
}
.about-sec .about-wrap,
.whychoose-sec .whychoose-wrap {
display: flex;
flex-direction: column;
align-items: center;
padding: 36px 0px 40px;
gap: 30px;
}
.whychoose-sec .whychoose-wrap {
flex-direction: column-reverse;
padding: 36px 0px 200px;
}
.about-sec .about-wrap .about-img,
.whychoose-sec .whychoose-wrap .whychoose-img {
height: 311px;
width: 350px;
}
.about-sec .about-wrap .about-img:after{
bottom: -26px;
right: 8px;
width: 70px;
height: 70px;
background-size: 68px;
}
.whychoose-sec .whychoose-wrap .whychoose-img:after{
left: 0px;
bottom: 30px;
}
.cta-sec .cta-wrap {
display: flex;
flex-direction: column-reverse;
gap: 0px;
padding: 20px;
}
.cta-sec .cta-wrap .cta-img {
min-height: 300px;
width: 100%;
}
.cta-sec .cta-wrap .cta-content {
padding: 25px 10px;
gap: 15px;
}
.cta-sec .cta-wrap .cta-content .btn-wrap {
gap: 10px;
margin-top: 12px;
}
.cta-sec .ctalogoSwiper .swiper-wrapper .logo-item {
width: 100%;
height: 50px;
}
.inner-banner::before {
height: 50px;
}
.founder-info .founder-content {
grid-template-columns: 1fr;
gap: 35px;
margin-top: 40px;
}
.founder-info .founder-content .founder-img {
height: 460px;
}
.main-heading .extra-pera {
margin-top: 0px;
}
.exists-sec .exists-wrap {
padding: 75px 0px 75px;
}
.exists-sec::before,
.exists-sec::after{
height: 50px;
}
.exists-sec .exists-overlay {
background: linear-gradient(270deg, rgba(238, 248, 253, 0.00) 0.34%, #EEF8FD 45.28%);
}
.mask-wrap {
display: flex;
flex-direction: column;
align-items: center;
padding: 36px 0px 40px;
gap: 30px;
}
.mask-wrap .mask-img {
height: 311px;
width: 350px;
}
.service-grid-wrap {
grid-template-columns: 1fr;
gap: 20px;
margin: 30px 0 25px;
}
.help-sec::before,
.help-sec::after{
height: 50px;
}
.help-sec .help-content-wrap {
display: flex;
flex-direction: column;
gap: 30px;
padding: 85px 0px 85px;
}
.help-sec .help-content-wrap .help-content-img {
height: 400px;
min-height: auto;
}
.contact-details-block .contact-detail-wrap{
grid-template-columns: 1fr;
gap: 25px;
margin-top: 30px;
}
.contact-details-block .contact-detail-wrap .contact-items {
padding: 25px;
}
.approach-grid {
grid-template-columns: 1fr;
gap: 30px;
}
.breadcrumbs {
margin-top: 16px;
}
footer#footer {
margin-top: 35px;
}
.main-footer{
clip-path: polygon(100% 100%, 0% 100% , 0.00% 7.90%, 2.22% 7.25%, 4.44% 6.62%, 6.67% 6.03%, 8.89% 5.49%, 11.11% 4.99%, 13.33% 4.55%, 15.56% 4.17%, 17.78% 3.86%, 20.00% 3.62%, 22.22% 3.45%, 24.44% 3.35%, 26.67% 3.34%, 28.89% 3.40%, 31.11% 3.53%, 33.33% 3.74%, 35.56% 4.03%, 37.78% 4.38%, 40.00% 4.79%, 42.22% 5.26%, 44.44% 5.79%, 46.67% 6.36%, 48.89% 6.97%, 51.11% 7.61%, 53.33% 8.28%, 55.56% 8.96%, 57.78% 9.65%, 60.00% 10.34%, 62.22% 11.01%, 64.44% 11.67%, 66.67% 12.30%, 68.89% 12.89%, 71.11% 13.45%, 73.33% 13.95%, 75.56% 14.40%, 77.78% 14.79%, 80.00% 15.11%, 82.22% 15.36%, 84.44% 15.54%, 86.67% 15.64%, 88.89% 15.67%, 91.11% 15.62%, 93.33% 15.49%, 95.56% 15.29%, 97.78% 15.01%, 100.00% 14.67%);
}
.main-footer .container {
padding-top: 105px;
padding-bottom: 35px;
}
.main-footer .footer-wrap .footer-logo {
height: 45px;
}
.main-footer .footer-menu-wrap {
display: flex;
flex-direction: column;
margin-top: 25px;
gap: 0px;
}
.main-footer .footer-menu-wrap .footer-heading {
margin-bottom: 15px;
}
.main-footer .footer-menu-wrap .comapny-details ul {
gap: 10px;
}
.main-footer .footer-menu-wrap .contact-details ul {
gap: 16px;
}
.main-footer .footer-menu-wrap > div:first-child {
border-bottom: 1px solid #ffffff52;
padding-bottom: 25px;
margin-bottom: 25px;
}
.main-footer .footer-menu-wrap > div:nth-child(2) {
border-bottom: 1px solid #ffffff52;
padding-bottom: 25px;
margin-bottom: 25px;
}
.footer-bottom .footer-bottom-wrap {
flex-direction: column;
align-items: start;
gap: 18px;
padding: 27px 0;
}
input, select, textarea, .custom-dropdown {
font-size: 14px;
height: 44px;
padding: 11px 38px 8px 14px;
}
input::placeholder {
font-size: 14px;
}
.popup-inner .popup-pera {
margin: 0 auto 20px;
}
.popup-content {
padding: 25px;
}
.popup-content .cf7-form-grid {
grid-template-columns: 1fr;
gap: 10px;
}
.popup-content .cf7-form-grid .dropdown-toggle p {
font-size: 14px;
}
.popup-content .cf7-form-grid .cf7-bottom-row {
padding-left: 0px;
}
.popup-content .cf7-form-grid .cf7-bottom-row > p {
gap: 15px;
margin-top: 7px;
}
.cf7-submit-btn{
margin: 0 auto;
}
#backToTop {
bottom: 30px;
right: 30px;
}
.error-content h1 {
font-size: 84px;
line-height: 68px;
}
.error-content::before,
.error-content::after{
height:50px;
}
}
@media (max-width: 649px) {
.standards-icongrid {
gap: 20px;
}
.standards-item {
flex: 0 0 calc((100% - (20px * 1)) / 2);
}
}
@media (max-width: 479px) {
li.menu-item.services-mega-menu .menu-blog .blog-wrap {
padding: 12px 12px 25px;
}
li.menu-item.services-mega-menu ul.sub-menu .mega-menu-wrap .menu-blog {
grid-template-columns: 1fr;
}
.standards-item {
flex: 0 0 calc((100% - (20px * 0)) / 1);
}
.footer-bottom .footer-bottom-wrap .copyright-text {
display: flex;
flex-direction: column;
gap: 5px;
}
.footer-bottom .footer-bottom-wrap .copyright-text span {
display: none;
}
}