html{
overflow-x: hidden;
}
body{
margin: auto;
overflow-x: hidden;
font-family: "Poppins", sans-serif !important;
}
p{
margin-bottom: 0;
}
.ip-loader{
margin-left: 0px!important;
bottom: 47%!important;
}
.loader {
width: 195px;
display: inline-block;
box-sizing: border-box;
position: relative;
animation: filter-animation 3s infinite;
}
.loading img {
width: 190px;
animation: reveal-bottom 2s ease-in-out forwards;
clip-path: inset(100% 0 0 0); /* Start fully hidden from bottom */
}
@keyframes reveal-bottom {
to {
clip-path: inset(0 0 0 0); /* Fully revealed */
}
}
.header{
width: 100%;
float: left;
padding-top: 38px;
padding-bottom: 25px;
}
.main-hdr{
width: 100%;
float: left;
position: relative;
}
.logo{
width: 28%;
float: left;
}
.logo img{
width: 100%;
float: left;
max-width: 182px;
}
.head-menu{
padding-left: 25px;
/* position: relative;*/
width: 72%;
float: left;
padding-top: 12px;
}
.arrhd{
margin-left: 0px;
width: 17px;
}
.hd-book {
width: auto;
float: right;
/* padding-top: 15px; */
position: relative;
top: -15px;
}
.hd-book a {
text-decoration: none;
width: 138px;
height: 48px;
float: left;
text-align: center;
color: #FFFFFF;
border-radius: 10px;
background: #474747;
background: linear-gradient(178deg, rgba(71, 71, 71, 1) 0%, rgba(0, 0, 0, 1) 100%);
font-size: 16px;
font-weight: 500;
padding: 13px 24px;
transition: all 0.3s ease; /* Smooth transition for all properties */
}
.hd-book a:hover {
background: #474747;
background: linear-gradient(178deg, rgba(0, 0, 0, 1) 100%, rgba(71, 71, 71, 1) 0%);
/*background: linear-gradient(178deg, rgba(71, 71, 71, 1) 0%, rgba(0, 0, 0, 1) 100%);*/
transform: scale(1.05); /* Slight zoom effect */
}
@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 1198px;
}
}
.side-menu-4 {
position: relative;
top: 0;
right: 0;
/* z-index: 999;*/
width: auto;
float: right;
width: auto;
top: -14px;
}
.side-menu-4 a{
text-decoration: none;
width: 138px;
height: 48px;
float: left;
text-align: center;
color: #FFFFFF;
border-radius: 10px;
background: #474747;
background: linear-gradient(178deg, rgba(71, 71, 71, 1) 0%, rgba(0, 0, 0, 1) 100%);
font-size: 15px;
font-weight: 400;
padding: 13px 24px;
transition: all 0.3s ease;
cursor: pointer;
}
.side-menu-4 a:hover {
background: #474747;
background: linear-gradient(178deg, rgba(0, 0, 0, 1) 100%, rgba(71, 71, 71, 1) 0%);
/*background: linear-gradient(178deg, rgba(71, 71, 71, 1) 0%, rgba(0, 0, 0, 1) 100%);*/
transform: scale(1.05); /* Slight zoom effect */
}
.overlay-menu {
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
text-align: center;
z-index: 102;
overflow: hidden;
opacity: 0;
visibility: hidden;
display: flex;
background: rgba(0, 0, 0, 0.95);
}
.overlay-menu.active {
opacity: 1;
visibility: visible;
}
.overlay-wrap {
display: flex;
width: 100%;
height: 100%;
}
.left-area,
.right-area {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
padding: 40px;
}
.right-areamain{
width: 100%;
float: left;
}
.right-areamain h2{
width: 100%;
float: left;
text-align: left;
color: white;
font-size: 18px;
font-weight: 500;
margin-bottom: 0;
}
.right-areamain p{
width: 100%;
float: left;
text-align: left;
color: white;
font-size: 14px;
font-weight: 400;
}
.left-area h6{
width: 100%;
float: left;
text-align: left;
color: #010135;
font-size: 55px;
font-weight: 500;
line-height: 127%;
margin-bottom: 0;
}
.left-area {
background: white;
color: black;
text-align: left;
}
.right-area {
background: #f7932e;
color: #A8A8A8;
text-align: left;
}
.left-area nav ul {
list-style: none;
padding: 0;
}
.left-area nav li {
margin-bottom: 20px;
}
.left-area nav a {
color: white;
font-size: 40px;
text-decoration: none;
}
.close img{
width: 100%;
max-width: 30px;
}
.overlay-menu .close {
position: absolute;
right: 60px;
top: 55px;
font-size: 30px;
color: white;
cursor: pointer;
opacity: 0.5;
z-index: 10;
transition: all 0.3s ease;
}
.overlay-menu .close:hover {
opacity: 1;
}
.social-links {
display: flex;
gap: 20px;
margin-top: 40px;
}
.social-links a {
color: #A8A8A8;
font-size: 20px;
text-decoration: none;
position: relative;
}
.social-links a:hover {
color: #fff;
}
.social-links a::after {
content: "\f061";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
left: -20px;
top: 0;
font-size: 16px;
transform: rotate(-45deg);
transition: all 0.3s ease;
}
.social-links a:hover::after {
transform: rotate(0);
}
.right-area-main{
width: 100%;
float: left;
margin-bottom: 30px;
}
.right-area-main h2{
width: 100%;
float: left;
text-align: left;
color: white;
font-size: 35px;
font-weight: 500;
}
.right-area-main p{
width: 100%;
float: left;
text-align: left;
color: white;
font-size: 15px;
font-weight: 400;
}
.right-area-main a{
width: 100%;
float: left;
text-align: left;
color: white;
font-size: 15px;
font-weight: 400;
text-decoration: none;
}
.left-area form {
width: 100%;
float: left;
margin-top: 40px;
transition-delay: 300ms;
}
.ham-field {
width: 100%;
float: left;
margin-bottom: 20px;
}
.ham-field label {
font-size: 16px;
color: #010135;
font-weight: 500;
width: 100%;
float: left;
margin-bottom: 5px;
}
.ham-field input {
border: 1px solid #ebebeb70;
background: #f9f9fb;
width: 100%;
float: left;
padding: 12px;
border: 0;
border-radius: 10px;
font-size: 15px;
color: #000;
height: 51px;
}
.ham-field textarea {
width: 100%;
float: left;
padding: 12px;
border: 0;
border-radius: 10px;
font-size: 16px;
color: #000;
height: 150px;
border: 1px solid #ebebeb70;
background: #f9f9fb;
}
.btnadd {
display: flex;
justify-content: left;
align-items: center;
width: 100%;
}
.service-key {
padding-top: 22px;
width: 100%;
float: left;
}
.service-key-dtl {
margin: 7px 3px;
height: 80px;
display: inline-flex
;
align-items: center;
justify-content: left;
padding: 14px 12px;
width: 48%;
border: 1px solid #e860274a;
border-radius: 15px;
background: #c4eafe80;
}
.service-key-dtl h6 {
display: flex;
align-items: center;
gap: 10px;
color: black;
font-size: 15px;
font-weight: 500;
margin: 0;
line-height: 18px;
/* border-radius: 24px; */
}
.service-key-dtl span {
width: 13px;
height: 13px;
background: #062d42;
border-radius: 50%;
display: inline-block;
flex-shrink: 0;
}
.ctr{
margin-left: auto;
margin-right: auto;
display: block;
float: none;
}
/*main*/
.banner{
width: 100%;
float: left;
padding-bottom: 80px;
position: relative;
}
.banner-cash {
width: auto;
float: left;
position: absolute;
right: 130px;
top: 190px;
}
.banner-cash img{
width: 100%;
float: left;
max-width: 92px;
animation: flyMoney 8s ease-in-out infinite;
transform-origin: center;
}
@keyframes flyMoney {
0% {
transform: translateY(0px) rotate(0deg);
}
20% {
transform: translateY(-12px) rotate(4deg);
}
40% {
transform: translateY(0px) rotate(-4deg);
}
60% {
transform: translateY(12px) rotate(3deg);
}
80% {
transform: translateY(0px) rotate(-3deg);
}
100% {
transform: translateY(0px) rotate(0deg);
}
}
.banner-mani {
width: auto;
float: left;
position: absolute;
left: 117px;
top: 65px;
}
.banner-mani img{
width: 100%;
float: left;
max-width: 63px;
animation: spinYslow 5s linear infinite;
transform-style: preserve-3d;
}
@keyframes spinYslow {
from {
transform: rotateY(0deg);
}
to {
transform: rotateY(360deg);
}
}
.banner-hd{
width: 100%;
float: left;
}
.banner-hdtexts h2{
padding-top: 40px;
width: 100%;
float: left;
text-align: center;
color: #010135;
font-size: 64px;
font-weight: 500;
margin-bottom: 0;
line-height: 119%;
padding-bottom: 17px;
}
.banner-hdtexts h2 span{
color:#F6932E;
}
.banner-hdtexts p{
width: 100%;
float: left;
text-align: center;
color: #969696;
font-size: 17px;
font-weight: 400;
padding-bottom: 17px;
}
.readmore {
width: 100%;
display: flex;
justify-content: center; /* Center horizontally */
gap: 16px; /* Optional: space between buttons */
flex-wrap: wrap; /* Allows stacking on small screens */
padding: 0px 0 26px 0px; /* Optional: vertical spacing */
}
.s-bx a, .l-bx a {
position: relative;
overflow: hidden;
transition: color 0.4s ease;
z-index: 1;
}
.s-bx a::before,
.l-bx a::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 0%;
height: 100%;
background: #fff; /* default fill color for s-bx, override below */
z-index: -1;
transition: width 0.5s ease;
}
/* s-bx hover effect with left-to-right fill */
.s-bx a::before {
background: #FFFFFF;
}
.s-bx a:hover::before {
width: 100%;
}
.s-bx a:hover {
border: 1px solid #F6932E;
color: #F6932E;
}
/* s-bx span change on hover */
.s-bx a:hover span {
background: #F6932E;
transition: background 0.4s ease;
}
/* l-bx hover effect with left-to-right fill */
.l-bx a::before {
background: #F6932E;
}
.l-bx a:hover::before {
width: 100%;
}
.l-bx a:hover {
color: #FFFFFF;
}
.s-bx, .l-bx {
width: auto;
}
/* Existing button styles (no change unless needed) */
.s-bx a {
padding: 8px 11px;
width: 158px;
height: 53px;
float: none;
text-align: center;
background: #F6932E;
border-radius: 10px;
text-decoration: none;
color: #FFFFFF;
display: flex;
justify-content: space-between;
align-items: center;
border: 1px solid #F6932E;
}
.s-bx span {
padding: 6px 0;
width: 36px;
height: 37px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
background: #010135;
}
.s-bx span img {
width: 10px;
}
.l-bx a {
font-size: 15px;
font-weight: 500;
width: 158px;
height: 53px;
float: none;
text-align: center;
background: transparent;
color: #000000;
padding: 16px 34px;
text-decoration: none;
border-radius: 10px;
border: 1px solid #F6932E;
display: inline-block;
}
.fullrivew {
width: 100%;
display: flex;
justify-content: center;
gap: 28px;
flex-wrap: wrap;
padding: 0px 0 49px 0px;
}
.google{
width: auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.google img{
width: 100%;
float: left;
max-width: 35px;
}
.google h3{
padding-left: 9px;
width: auto;
float: left;
text-align: left;
color: #636363;
font-size: 16px;
font-weight: 400;
margin-bottom: 0;
}
.g-bx{
width: 198px;
}
.sami-bn{
width: 100%;
float: left;
border-radius: 24px;
border: 1px solid #D9D9D9;
padding: 20px 19px 20px 30px;
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
}
.sami-bn:hover{
border: 1px solid #F6932E;
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
}
.sami-bn-frst{
width: 35%;
float: left;
}
.sami-bn-frst h3{
padding-top: 20px;
width: 100%;
float: left;
text-align: left;
color: #010135;
margin-bottom: 0;
font-size: 24px;
font-weight: 500;
line-height: 32px;
padding-bottom: 60px;
}
.sami-bn-frst a{
width: auto;
float: left;
text-align: left;
color: #000000;
text-decoration: none;
font-size: 14px;
font-weight: 500;
}
.sami-bn-frst a img {
width: 100%;
float: right;
max-width: 19px;
margin-left: 7px;
margin-top: 1px;
}
.sami-bn-second{
padding-top: 20px;
width: 32%;
float: left;
}
.sami-bn-second h3{
padding-top: 32px;
padding-bottom: 20px;
width: 100%;
float: left;
text-align: left;
color: #000000;
font-size: 15px;
font-weight: 500;
margin-bottom: 0;
line-height: 18px;
}
.sami-bn-second img{
width: 100%;
float: left;
max-width: 16px;
}
.sami-bn-second h4{
width: 100%;
float: left;
color: #F6932E;
font-size: 30px;
font-weight: 500;
margin-bottom: 0;
}
.sami-bn-3rd{
width: auto;
float: left;
}
.sami-bn-3rd img{
width: 100%;
float: left;
max-width: 163px;
border-radius: 16px;
}
.sami-sami{
width: 100%;
float: left;
}
.semi-semi1:hover{
border: 1px solid #F6932E;
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
}
.semi-semi1{
width: 51%;
float: left;
border-radius: 24px;
border: 1px solid #D9D9D9;
padding: 25px 40px 25px 40px;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
}
.semi-semi1 img{
width: 100%;
float: left;
max-width:24px;
}
.semi-semi1 h6{
padding-top: 36px;
width: 100%;
float: left;
text-align: left;
font-size: 15px;
font-weight: 500;
line-height: 15px;
color: #000000;
padding-bottom: 26px;
}
.semi-semi1 h5{
width: auto;
margin-bottom: 0;
float: left;
text-align: left;
color: #F6932E;
font-size: 30px;
font-weight: 500;
line-height: 36px;
}
.i-icon img {
position: relative;
width: 100%;
float: right;
max-width: 100px;
top: -10px;
}
.sami-sami2{
width: auto;
float: right;
position: relative;
}
.sami-sami2 img{
width: 100%;
float: left;
max-width: 250px;
border-radius: 24px;
}
.bnuppar{
top: 14px;
left: 20px;
position: absolute;
padding: 20px;
border-radius: 16px;
backdrop-filter: blur(7px);
background-color: #e5e5e5ad;
}
.bnuppar img{
border-radius: unset;
width: 100%;
max-width: 24px;
float: left;
}
.bnuppar h3{
width: 100%;
float: left;
text-align: left;
color: #000000;
margin-bottom: 0;
padding-top: 34px;
padding-bottom: 26px;
font-size: 15px;
font-weight: 500;
line-height: 15px;
}
.bnuppar h4{
width: 100%;
float: left;
text-align: left;
color: #F6932E;
font-size: 30px;
font-weight: 500;
margin-bottom: 0;
}
.tickermain{
width: 100%;
float: left;
background: #f8f8fb;
padding: 48px 0;
}
.tickermain h2{
width: 100%;
float: left;
text-align: center;
color: #4B5563;
font-size: 18px;
font-weight: 400;
margin-bottom: 0;
}
.tickermain span{
color:#F6932E;
font-weight: 700;
}
.tickermain b{
color: #4B5563;
font-weight: 700;
}
@keyframes scroll2 {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-650px * 6));
}
}
.b2-slider {
background: transparent;
float: left;
overflow: hidden;
position: relative;
width: 100%;
padding-top: 48px;
}
.b2-slider .b2-slide-track {
-webkit-animation: scroll2 18s linear infinite;
animation: scroll2 18s linear infinite;
display: flex;
width: calc(100% * 12);
}
.b2-slide{
position: relative;
padding-right: 43px;
padding-left: 43px;
}
.b2-slider .b2-slide h2{
padding-top: 11px;
font-weight: 500;
font-size: 65px;
color: black;
width: 100%;
padding-left: 120px;
}
.b2-slider .b2-slide img{
float: left;
width: 135px;
}
.section1{
width: 100%;
float: left;
padding-top: 115px;
padding-bottom: 66px;
}
.section2-hds{
width: 100%;
float: left;
}
.mention {
background: transparent;
width: 119px;
height: 26px;
border-radius: 100px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
border: 1px solid #F6932E;
}
.mention h6 {
text-transform: uppercase;
display: flex;
align-items: center;
gap: 6px;
color: #010135;
font-size: 11px;
font-weight: 500;
margin: 0;
line-height: 1;
}
.mention span {
width: 10px;
height: 10px;
background: #F6932E;
border-radius: 50%;
display: inline-block;
flex-shrink: 0;
}
.section2-hds h3{
width: 100%;
float: left;
text-align: left;
color: #00002B;
font-size: 53px;
font-weight: 500;
line-height: 118%;
margin-bottom: 0;
padding-top: 16px;
padding-bottom: 21px;
}
.section2-hds p{
width: 100%;
float: left;
text-align: left;
color: #6D6D6D;
font-size: 16px;
font-weight: 400;
line-height: 188%;
}
.section2-img{
width: 100%;
float: left;
}
.st1-img{
width: 60%;
float: left;
}
.st1-img img{
width: 100%;
float: left;
max-width: 358px;
}
.st2-img{
width: 39%;
float: right;
position: relative;
left: 8px;
}
.st2-img p{
width:;
float: left;
text-align: left;
color: #6D6D6D;
font-size: 16px;
font-weight: 400;
line-height: 166%;
padding-bottom: 7px;
}
.st2img img{
width: 100%;
float: left;
max-width: 259px;
margin-top: 49px;
}
.st2-hdmain{
width: 49%;
}
.st2-imgmain{
padding: 0;
width: 51%;
}
.section3{
width: 100%;
float: left;
padding-bottom: 67px;
}
.stion3-hd{
width: 100%;
float: left;
text-align: center;
}
.stion3-hd h2{
width: 100%;
float: left;
text-align: center;
color: #010135;
font-size: 53px;
font-weight: 500;
line-height: 118%;
margin-bottom: 0;
padding-top: 14px;
padding-bottom: 39px;
}
.section3-mainbx{
position: relative;
overflow: hidden;
margin-bottom: 20px;
width: 100%;
float: left;
border-radius: 30px;
border: 1px solid #eeeeee;
padding: 12px 12px 24px 12px;
}
.section3-mainbx:hover::before {
-webkit-animation: shine .75s;
animation: shine .75s;
}
.section3-mainbx:before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
background: linear-gradient(to right, rgb(255 255 255 / 23%) 0%, rgb(255 255 255 / 31%) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.section3-mainbx img{
width: 100%;
float: left;
max-width: 100%;
height: 240px;
object-fit: contain;
}
.section4{
width: 100%;
float: left;
background: #f8f8fb;
padding-top: 94px;
padding-bottom: 69px;
}
.section4-hd{
padding-bottom: 69px;
width: 100%;
float: left;
}
.section4-hd h3{
width: 100%;
float: left;
text-align: left;
font-size: 53px;
font-weight: 500;
line-height: 118%;
padding-top: 14px;
color: #010135;
margin-bottom: 0;
}
.section4-hd p{
width: 100%;
float: left;
text-align: left;
color: #6D6D6D;
font-size: 16px;
font-weight: 400;
line-height: 166%;
padding-top:35px;
padding-bottom: 26px;
}
/*.s4 a{*/
/*width: 219px;*/
/*}*/
.s4mainimg{
position: relative;
width: 100%;
float: left;
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
}
.s4mainimg img{
width: 100%;
float: left;
/*max-width: 374px;*/
}
.srmaintext{
width: auto;
float: left;
position: absolute;
bottom: -45px;
left: 20px;
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
}
.s4mainimg:hover .srmaintext{
bottom: 29px;
}
.srmaintext h3{
width: 100%;
float: left;
text-align: left;
color: white;
margin-bottom: 0;
font-size: 23px;
font-weight: 600;
padding-bottom: 12px;
}
.srmaintext p{
width:100%;
float: left;
text-align: left;
color: white;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.red{
visibility: hidden;
opacity: 0;
width: auto;
float: left;
padding-top: 24px;
display: unset;
display: flex;
justify-content: center;
align-items: center;
/* display: none; */
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
}
.red a {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
background: white;
border-radius: 8px;
color: #0D0D0D;
font-size: 16px;
font-weight: 500;
text-decoration: none;
padding: 10px 16px;
height: 44px;
gap: 6px;
overflow: hidden;
z-index: 1;
width: 145px;
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
}
.red a span, .red a img {
position: relative;
z-index: 2;
}
.red img {
width: 20px !important;
height: auto;
}
.s4mainimg:hover .red{
visibility: visible;
opacity: 1;
/* display: block; */
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
}
.s3-txt{
width: 100%;
float: left;
}
.s3-txt span {
margin-top: -26px;
width: 39px;
height: 29px;
float: none;
text-align: center;
background: #010135;
border-radius: 100px;
font-size: 15px;
font-weight: 500;
color: white;
display: inline-flex;
align-items: center;
justify-content: center;
margin-left: auto;
margin-right: auto;
display: block;
padding: 3px 0;
}
.s3-txt h3{
padding-top: 11px;
width: 100%;
float: left;
text-align: center;
font-size: 22px;
font-weight: 500;
margin-bottom: 0;
padding-bottom: 5px;
}
.s3-txt p{
width: 100%;
float: left;
text-align: center;
color: #A29090;
font-size: 16px;
font-weight: 500;
line-height: 150%;
}
.section5{
width: 100%;
float: left;
background-size: cover;
padding-top: 60px;
padding-bottom: 80px;
background-image: url('../images/Section.webp');
}
.section5-hds{
width: 100%;
float: left;
}
.section5-hds h2{
width: auto;
float: left;
text-align: left;
color: #FFFFFF;
font-size: 36px;
font-weight: 500;
line-height: 50px;
margin-bottom: 0;
}
.ctt a{
width: 158px;
height: 53px;
}
.ctt{
top: 47px;
}
.ctt a{
background: #010135;
}
.section6{
width: 100%;
float: left;
padding: 66px 0;
}
.ston-6-maim {
margin-bottom: 24px;
border: 1px solid #ebebeb70;
width: 100%;
float: left;
background: #f9f9fb;
border-radius: 20px;
padding: 24px 12px 17px 24px;
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
}
.ston-6-maim h2 br{
display: none;
}
.ston-6-maim img{
width: 100%;
float: left;
max-width: 48px;
}
.ston-6-maim:hover img {
transform: rotateY(360deg);
transform-style: preserve-3d;
transition: transform 0.8s;
}
.ston-6-maim:hover .ston-a a{
color: #f7932e;
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
}
.ston-6-maim h2{
width:100%;
float: left;
text-align: left;
color: #0D0D0D;
margin-bottom: 0;
padding: 12px 0;
font-size: 22px;
font-weight: 500;
}
.ston-6-maim p{
width: 100;
float: left;
text-align: left;
color: #808080;
font-size: 16px;
font-weight: 400;
padding-bottom: 22px;
}
.ston-a{
width: auto;
float: left;
justify-content: center;
}
.ston-a a{
display: flex
;
align-items: center;
gap: 4px;
width:auto;
float: left;
color: #010135;
text-align: left;
font-size: 14px;
font-weight: 500;
text-decoration: none;
}
.ston-a a img{
width: 100%;
text-align: left;
max-width: 20px;
float: right;
}
.s6{
padding-top: 7px;
width: 100%;
text-align: center;
display: inline-flex
;
align-items: center;
justify-content: center;
text-align: center;
}
/*.s6 a{*/
/* width: 254px;*/
/*}*/
.section7{
width: 100%;
float: left;
background: #f8f8fb;
padding-top: 67px;
padding-bottom: 43px;
}
.s7-main{
width: 100%;
float: left;
padding-bottom: 31px;
}
.s7-main:hover img{
transform: rotateY(360deg);
transform-style: preserve-3d;
transition: transform 0.8s;
}
.s7-main img{
width: 100%;
float: left;
max-width: 60px;
}
.s7-main h3{
width: 100%;
float: left;
text-align: left;
color: #000000;
font-size: 20px;
font-weight: 500;
margin-bottom: 0;
padding: 6px 0;
}
.s7-main p{
width: 100%;
float: left;
text-align: left;
color: #5E5E5E;
font-size: 16px;
font-weight: 400;
line-height: 155%;
}
.s7-img{
width: 100%;
float: left;
position: relative;
overflow: hidden;
}
.s7-img img {
object-fit: cover;
height: 497px;
width: 100%;
float: none;
margin: auto;
display: block;
text-align: center;
max-width: 434px;
border-radius: 25px;
}
.s7-img:hover::before {
-webkit-animation: shine .75s;
animation: shine .75s;
}
.s7-img:before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
background: linear-gradient(to right, rgb(255 255 255 / 23%) 0%, rgb(255 255 255 / 31%) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(357deg);
}
.expding{
padding-left: 30px;
}
.section8{
width: 100%;
float: left;
padding-bottom: 60px;
padding-top: 100px;
}
.section8-hd{
padding-top: 55px;
width: 100%;
float: left;
}
.section8-hd h3 {
width: 100%;
float: left;
text-align: left;
font-size: 53px;
font-weight: 500;
line-height: 118%;
padding: 14px 0;
color: #010135;
margin-bottom: 0;
}
.section8-hd p{
width: 100%;
float: left;
text-align: left;
color: #6D6D6D;
font-size: 16px;
font-weight: 400;
line-height: 166%;
padding-bottom: 25px;
}
.s8{
float: left;
}
.s8-call{
padding-top: 5px;
width: auto;
float: left;
padding-left: 24px;
display: inline-flex
;
align-items: center;
justify-content: center;
}
.s8-call img{
width: 100%;
float: left;
max-width: 45px;
}
.s8-call a{
width: auto;
float: left;
text-align: left;
color: #1F3942;
text-decoration: none;
font-size: 16px;
font-weight: 500;
padding-left: 10px;
}
.s8mainimg{
width: 100%;
float: left;
position: relative;
}
.s81img{
width: 100%;
float: left;
position: relative;
overflow: hidden;
}
.s81img:hover::before {
-webkit-animation: shine .75s;
animation: shine .75s;
}
.s81img:before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
background: linear-gradient(to right, rgb(255 255 255 / 23%) 0%, rgb(255 255 255 / 31%) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(357deg);
}
.s81img img{
width: 100%;
float: left;
max-width: 599px;
}
.s82img {
position: absolute;
left: 7px;
top: 30px;
}
.s82img img{
width: 100%;
float: left;
max-width: 207px;
animation: subtleSway 2.5s ease-in-out infinite;
}
/* Keyframes with varied rotation */
@keyframes subtleSway {
0% {
transform: rotate(0deg);
}
20% {
transform: rotate(-6deg);
}
40% {
transform: rotate(4deg);
}
60% {
transform: rotate(-3deg);
}
80% {
transform: rotate(5deg);
}
100% {
transform: rotate(0deg);
}
}
.parther{
width: 100%;
float: left;
background: #f8f8fb;
padding: 41px 0;
}
.parther h2{
width: 100%;
float: left;
text-align: center;
color: #010135;
font-size: 44px;
font-weight: 500;
margin-bottom: 0;
padding-bottom: 32px;
}
@keyframes scroll22 {
0% {
transform: translateX(calc(-650px * 6));
}
100% {
transform: translateX(0);
}
}
.b2-slider2 {
background: transparent;
float: left;
overflow: hidden;
position: relative;
width: 100%;
}
.b2-slider2 .b2-slide-track2 {
-webkit-animation: scroll22 30s linear infinite;
animation: scroll22 30s linear infinite;
display: flex;
width: calc(100% * 12);
}
.b2-slide2{
position: relative;
padding-right: 24px;
padding-left: 24px;
}
.b2-slider2 .b2-slide2 h2{
padding-top: 11px;
font-weight: 500;
font-size: 65px;
color: black;
width: 100%;
padding-left: 120px;
}
.b2-slider2 .b2-slide2 img{
float: left;
width: 171px;
}
.section9{
width: 100%;
float: left;
padding: 93px 0;
}
.section9-main {
width: 100%;
float: left;
}
.s9bx {
float: left;
max-width: 100%;
width: 100%;
background: #fafafa;
padding: 24px;
border-radius: 24px;
}
.s9bx-logo{
width: auto;
float: left;
}
.s9bx-logo img{
width: 100%;
float: left;
max-width: 97px;
}
.s9bx p{
color: #5D5D5D;
width: 100%;
float: left;
font-size: 16px;
font-weight: 400;
line-height: 150%;
/*padding-top: 40px ;*/
padding-bottom: 40px;
}
.s9bx-human{
width: auto;
float: left;
}
.s9bx-human img{
width: 100%;
float: left;
max-width: 32px;
}
.s9bx-human-text{
padding-left: 12px;
width: 85%;
float: left;
}
.s9bx-human-text h2{
width: 100%;
float: left;
text-align: left;
color: black;
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
}
.s9bx-human-text h3{
width: 100%;
float: left;
text-align: left;
color: #5D5D5D;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
}
.s7-carousel .owl-nav {
display: none;
}
.section10{
width: 100%;
float: left;
background: #f8f8fb;
padding-top: 63px;
padding-bottom: 90px;
}
/*faq*/
.faqs-container {
margin: 0 auto;
max-width: 600px;
}
.faq {
background-color: transparent;
border-bottom: 1px solid #E5E5E5;
/* border-radius: 10px; */
padding: 24px 0px 24px 24px;
position: relative;
overflow: hidden;
transition: 0.3s ease;
}
.faq h3{
width: 100%;
float: left;
text-align: left;
color: black;
font-size: 16px;
margin-bottom: 0;
font-weight:500;
}
.faq p{
width: 100%;
float: left;
text-align: left;
color: #6D6D6D;
line-height: 166%;
font-size: 14px;
margin-bottom: 0;
font-weight:400;
}
.faq.active {
}
.faq.active::before {
color: #3498db;
top: -10px;
left: -30px;
transform: rotateY(180deg);
}
/*.faq-title {
margin: 0 35px 0 0;
}
*/
.faq-text {
display: none;
margin: 30px 0 0;
}
.faq.active .faq-text {
display: block;
}
.faq-toggle {
background-color: transparent;
border: none;
border-radius: 50%;
color: #fff;
cursor: pointer;
display: flex
;
align-items: center;
justify-content: center;
/* font-size: 16px; */
padding: 0;
position: absolute;
top: 25px;
right: 10px;
/* height: 30px; */
/* width: 30px; */
}
.faq-toggle:focus {
outline: none;
}
/*.faq.active .faq-toggle {
background-color: #9FA4A8;
}
*/
.faq-toggle .fa-times {
display: none;
}
.faq.active .faq-toggle .fa-times {
display: block;
}
.faq-toggle .fa-chevron-down {
color: #83888E;
}
.faq.active .faq-toggle .fa-chevron-down {
display: none;
}
.faq-toggle img {
width: 20px;
height: 20px;
transition: 0.3s ease;
}
.faq .icon-up {
display: none;
}
.faq.active .icon-down {
display: none;
}
.faq.active .icon-up {
display: inline-block;
}
.section11{
width: 100%;
float: left;
padding-top: 82px;
padding-bottom: 70px;
}
.s11{
padding-bottom: 0px;
}
.s11 p{
width: 100%;
float: left;
text-align: left;
color: #6D6D6D;
font-size: 16px;
font-weight: 400;
line-height: 166%;
padding-bottom: 28px;
}
.gstar-main{
width: 100%;
float: left;
}
.gstar{
box-shadow: 6px 0px 30px -11px #8080809c;
width: 214px;
float: left;
border-radius: 8px;
padding: 10px 11px;
}
.gsatr-fst{
width: auto;
float: left;
}
.gsatr-fst img{
width: 100%;
float: left;
max-width: 48px;
}
.gsatr-txt{
width: 75%;
float: left;
padding-left: 2px;
}
.gsatr-txt h5{
width: 100%;
float: left;
text-align: left;
color: #000000;
margin-bottom: 0;
font-size: 12px;
font-weight: 500;
padding-bottom: 8px;
}
.gsatr-txt img{
width: 100%;
float: left;
max-width: 137px;
}
.g22{
margin-left: 16px;
}
.section11-form{
width: 100%;
float: left;
}
.section11-formmain {
width: 576px;
float: left;
border-radius: 16px;
padding: 32px;
border-top: 5px solid #f6932e !important;
position: relative;
border: 1px solid #DDE2E0;
box-shadow: -4px 8px 17px -6px #e6e6e6;
}
.section11-formmain h2{
width: 100%;
float: left;
text-align: left;
margin-bottom: 0;
color: black;
font-size: 24px;
font-weight: 500;
padding-bottom: 30px;
}
.section11-formmain label{
padding-left: 14px;
width: 100%;
float: left;
text-align: left;
color: black;
font-size: 14px;
font-weight: 500;
padding-bottom: 3px;
}
.section11-formmain input{
padding-left: 14px;
border-radius:200px;
border: 1px solid #DDE2E0;
width: 100%;
height: 48px;
margin-bottom: 24px;
}
.section11-formmain select {
padding-left: 14px;
border-radius: 200px;
border: 1px solid #DDE2E0;
width: 100%;
height: 48px;
margin-bottom: 24px;
appearance: none; /* Hide default arrow */
-webkit-appearance: none;
-moz-appearance: none;
background-color: #fff;
background-image: url('../images/down-arrow.png'); /* Replace with your image path */
background-repeat: no-repeat;
background-position: right 16px center;
background-size: 14px;
}
.s11-s{
width: 100%;
float: left;
padding-top: 8px;
}
.s11-s button {
width: 100%;
float: left;
text-align: center;
background: #f6932e;
color: #fff;
border-radius: 100px;
border: 1px solid #f6932e;
height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
cursor: pointer;
position: relative;
overflow: hidden;
transition: color 0.4s ease, border 0.4s ease;
z-index: 1;
}
/* hover fill animation */
.s11-s button::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 0%;
height: 100%;
background: #fff; /* white fill */
z-index: -1;
transition: width 0.5s ease;
border-radius: 100px;
}
.s11-s button:hover::before {
width: 100%;
}
.s11-s button:hover {
border: 1px solid #f6932e;
color: #f6932e;
background: transparent; /* transparent so ::before shows */
}
/* icon inside button */
.s11-s button img {
width: 100%;
max-width: 20px;
transition: filter 0.4s ease;
}
/* icon hover effect - turns black */
.s11-s button:hover img {
filter: brightness(0) saturate(100%);
}
.s11n{
padding-top: 20px;
float: left;
}
.lastsection{
width: 100%;
float: left;
padding-bottom: 77px;
}
.lastsection-main {
overflow: hidden;
width: 100%;
float: left;
border-radius: 24px;
background: #CBD4F9;
padding: 62px 8px 45px 42px;
position: relative;
}
.lastsection-main:hover::before {
-webkit-animation: shine .75s;
animation: shine .75s;
}
.lastsection-main:before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
background: linear-gradient(to right, rgb(255 255 255 / 23%) 0%, rgb(255 255 255 / 31%) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(357deg);
}
.lastsection-main h2{
width: 100%;
float: left;
text-align: left;
color: #2F2F2F;
font-size: 55px;
font-weight: 500;
margin-bottom: 0;
line-height: 72px;
padding-bottom: 16px;
}
.lastsection-main h2 span{
background:#7D7DE5;
border-radius: 16px;
color: white;
padding: 0px 10px;
}
.lastsection-main p{
width: 100%;
float: left;
text-align: left;
color: #5C5C5C;
font-size: 18px;
font-weight: 400;
line-height: 28px;
padding-bottom: 30px;
}
.last-rightimg{
position: absolute;
width: auto;
float: left;
right: 0;
}
.last-rightimg {
position: absolute;
width: auto;
float: left;
right: 40px;
top: 22px;
}
.footer{
width: 100%;
float: left;
padding-top: 68px;
padding-bottom: 28px;
background: #000000;
}
.ftrhd{
width: 100%;
float: left;
}
.ftrhd h2{
width: 100%;
float: left;
text-align: left;
color: #FFFFFF;
margin-bottom: 0;
font-size: 24px;
font-weight: 500;
padding-bottom: 7px;
}
.ftrhd p{
width: 100%;
float: left;
text-align: left;
color: #5C5C5C;
font-size: 16px;
font-weight: 400;
padding-bottom: 32px;
}
.ftr-snd{
padding-top: 10px;
width: 100%;
float: left;
text-align: left;
}
.ftr-snd input{
padding-left: 12px;
width: 320px;
height: 44px;
background: transparent;
color:#5C5C5C ;
font-size: 16px;
font-weight: 400;
border-radius: 8px;
border: 1px solid white;
}
.ftr-snd input::placeholder {
color:#5C5C5C ; /* text color */
font-size: 15px; /* font size */
font-weight: 300;
}
.ftr-snd button {
margin-left: 10px;
padding: 9px 16px;
text-align: center;
color: white;
border-radius: 6px;
background: #F6932E;
border: 1px solid #F6932E;
cursor: pointer;
position: relative;
overflow: hidden;
transition: color 0.4s ease, border 0.4s ease;
z-index: 1;
}
/* background fill effect */
.ftr-snd button::before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: transparent;
transition: left 0.4s ease;
z-index: -1;
}
/* hover effect */
.ftr-snd button:hover {
color: #F6932E;
background: transparent;
}
.ftr-snd button:hover::before {
background: #fff; /* background fill color */
left: 0;
}
.copy{
width: 100%;
float: left;
padding-top: 24px;
}
.copy img{
width: 100%;
float: left;
max-width: 135px;
}
.copy h2{
padding-top: 5px;
width: auto;
float: right;
text-align: right;
margin-bottom: 0;
color: #5C5C5C;
font-size: 16px;
font-weight: 400;
}
.ftrmain{
width: 100%;
float: left;
padding: 50px 0;
border-top: 1px solid #171717;
border-bottom: 1px solid #171717;
}
.ftrmain h2{
width: 100%;
float: left;
text-align: left;
color: #FFFFFF;
margin-bottom: 0;
font-size: 18px;
font-weight: 500;
padding-bottom: 20px;
}
.ftrmain a{
width: 100%;
float: left;
text-align: left;
color: #6F7279;
font-size: 15px;
font-weight: 400;
padding-bottom: 15PX;
text-decoration: none;
}
.ftrmain a:hover{
color: #ffffff;
transition: color 0.8s ease;
}
.ftrmain-bx1{
width: 15%;
float: left;
}
.ftrmain-bx2{
width: 24%;
float: left;
}
.ftrmain-bx3{
width: 30%;
float: left;
}
.ftrmain-bx4{
width: 18%;
float: left;
}
.ftrmain-bx5{
width: 13%;
float: left;
}
.innerpagehd {
width: 100%;
float: left;
padding-top: 45px;
padding-bottom: 35px;
/*background: #F6932E;*/
background-size: cover;
background-image: url(../images/hed-Section.png);
}
.innerpagehd h2{
width: 100%;
float: left;
text-align: left;
font-size: 50px;
font-weight: 500;
margin-bottom: 0;
color: white;
}
.innersection{
width: 100%;
float: left;
padding: 70px 0;
}
.innerabt{
width: 100%;
float: left;
}
.innerabt h2{
width: 100%;
float: left;
text-align: left;
color: #00002B;
font-size: 53px;
font-weight: 500;
line-height: 118%;
margin-bottom: 0;
padding-bottom: 40px;
}
.abt-img {
float: left;
width: auto;
position: relative;
}
.abt-img img {
width: 100%;
float: left;
max-width: 495px;
border-radius: 25px;
margin-right: 68px;
}
.innerabt p{
color: #6D6D6D;
font-size: 16px;
font-weight: 400;
line-height: 188%;
}
.abtcound {
width: 199px;
border-radius: 20px;
background: #00002b;
position: absolute;
float: left;
right: 22px;
bottom: 37px;
padding: 25px 18px 25px 18px;
box-shadow: -13px 5px 37px -24px #010202;
}
.abtcound h6 {
width: 100%;
float: left;
text-align: left;
color: #ffffff;
font-size: 62px;
font-weight: 700;
margin-bottom: 0;
}
.abtcound h5 {
width: 100%;
float: left;
text-align: center;
color: #f6932e;
font-size: 16px;
font-weight: 400;
margin-bottom: 0;
}
.abtteeam{
padding-top: 50px;
width: 100%;
float: left;
padding-bottom: 50px;
}
.abtteeam h2{
width: 100%;
float: left;
text-align: center;
color: rgb(1, 1, 53);
font-size: 53px;
font-weight: 500;
line-height: 118%;
margin-bottom: 0px;
padding-top: 14px;
padding-bottom: 65px;
}
.abtteeam-main{
width: 100%;
float: left;
position: relative;
}
.abtteeam-main img{
width: 100%;
float: none;
margin: auto;
display: block;
text-align: center;
max-width: 48px;
}
.abtteeam-main:hover img{
transform: rotateY(360deg);
transform-style: preserve-3d;
transition: transform 0.8s;
}
.abtteeam-main h3{
width: 100%;
float: left;
text-align: center;
color: #0D0D0D;
margin-bottom: 0;
padding: 12px 0;
font-size: 22px;
font-weight: 500;
}
.abtteeam-main p {
width: 100%;
float: left;
text-align: center;
color: #808080;
font-size: 16px;
font-weight: 400;
padding-bottom: 22px;
}
.abtteeam-main:before{
display: block;
content: '';
position: absolute;
right: -27%;
top: 16px;
height: 40px;
width: 192px;
background-image: url(../images/icon-bg-shape.png);
background-repeat: no-repeat;
}
.col-lg-4:last-child .abtteeam-main::before {
display: none !important;
}
.abtteeam-maintext{
width: 100%;
float: left;
padding: 40px 40px 0;
}
.abtteeam-maintext h4{
width: 100%;
float: left;
text-align: center;
color: rgb(1, 1, 53);
margin-bottom: 0;
font-size: 30px;
font-weight: 500;
}
.vm{
padding-bottom: 30px;
padding-top: 30px;
width: 100%;
float: left;
background: #f8f8fb;
}
.vm-img{
position: relative;
overflow: hidden;
margin-top: 65px;
width: 100%;
float: left;
}
.vm-img:hover::before {
-webkit-animation: shine .75s;
animation: shine .75s;
}
.vm-img:before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
background: linear-gradient(to right, rgb(255 255 255 / 23%) 0%, rgb(255 255 255 / 31%) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.vm-img img{
width: 100%;
float: left;
}
.vm-allmain{
width: 100%;
float: left;
padding-right: 15px;
}
.vm-allmain h2{
width: 100%;
float: left;
color: #0D0D0D;
margin-bottom: 0;
padding: 12px 0;
font-size: 35px;
font-weight: 500;
}
.vm-allmain p{
line-height: 166%;
padding-bottom: 35px;
width: 100;
float: left;
text-align: left;
color: #808080;
font-size: 16px;
font-weight: 400;
}
.abtpoint{
width: 100%;
float: left;
text-align: left;
padding-top: 60px;
padding-bottom: 50px;
}
.abtpoint-img{
position: relative;
width: 100%;
float: left;
overflow: hidden;
}
.abtpoint-img:hover::before {
-webkit-animation: shine .75s;
animation: shine .75s;
}
.abtpoint-img:before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
background: linear-gradient(to right, rgb(255 255 255 / 23%) 0%, rgb(255 255 255 / 31%) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(357deg);
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
.abtpoint-img img {
width: 100%;
float: left;
height: 449px;
object-fit: cover;
border-radius: 30px;
}
.abtpoint-pont{
width: 100%;
float: left;
}
.abtpoint-pont h3 {
padding-bottom: 15px;
width: 100%;
float: left;
text-align: left;
font-size: 53px;
font-weight: 500;
line-height: 118%;
color: #010135;
margin-bottom: 0;
padding-left: 12px;
}
.abtpoint-pont h6 {
display: flex;
align-items: center;
gap: 10px;
color: #808080;
font-size: 16px;
font-weight: 400;
margin: 0;
line-height: 18px;
padding: 12px 0px 6px 15px;
}
.abtpoint-pont span {
width: 13px;
height: 13px;
background: #F6932E;
border-radius: 50%;
display: inline-block;
flex-shrink: 0;
}
.advaice{
width: 100%;
float: left;
padding-top: 60px;
padding-bottom: 70px;
background: #f5f8fc;
}
.advaice-hd{
width: 100%;
float: left;
}
.advaice-hd h2{
width: 100%;
float: left;
text-align: center;
color: #010135;
font-size: 53px;
font-weight: 500;
line-height: 118%;
margin-bottom: 0;
padding-top: 14px;
padding-bottom: 39px;
}
.advmain {
width: 100%;
float: left;
background: white;
border-radius: 30px;
position: relative;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
overflow: hidden; /* keeps content inside rounded corners */
}
.advmain img {
width: 100%;
float: none;
margin: auto;
display: block;
transition: transform 0.3s ease-in-out;
object-fit: cover;
}
.advmain:hover img{
transform: translateY(0);
}
.advmain-text {
background-color: #e5e5e5ad;
width: calc(100% - 10px); /* subtract margins from total width */
position: absolute;
bottom: 8px;
left: 5px; /* margin left */
right: 5px; /* margin right */
backdrop-filter: blur(5px);
padding: 12px 8px;
border-radius: 8px;
transition: all 0.3s ease-in-out;
}
.advmain-text h3{
width: 100%;
float: left;
text-align: center;
color: #010135;
font-size: 18px;
font-weight: 500;
margin-bottom: 0;
}
.advmain-text p{
width: 100%;
float: left;
text-align: center;
color: #000000;
font-size: 14px;
font-weight: 300;
}
/* Hover effect */
.advmain:hover img {
transform: translateY(-8px); /* move image up smoothly */
}
.advmain:hover .advmain-text {
left: 0;
right: 0;
bottom: 0;
width: calc(100% + 8px); /* expand slightly */
}
.servicepage{
width: 100%;
float: left;
padding: 70px 0;
}
.servicepage-hd{
width: 100%;
float: left;
}
.servicepage-hd h3{
width: 100%;
float: left;
text-align: left;
font-size: 53px;
font-weight: 500;
line-height: 118%;
color: #010135;
margin-bottom: 0;;
}
.servicepage-p p{
width: 100%;
float: left;
text-align: left;
color: #6D6D6D;
font-size: 16px;
font-weight: 400;
line-height: 166%;
padding-top: 8px;
}
.servicepage-main{
width: 100%;
float: left;
}
.abtser img {
margin-bottom: 23px;
max-width: 560px;
float: right;
width: 100%;
margin-left: 37px;
border-radius: 30px;
margin-top: 40px;
}
.servicepage-main p{
width: auto;
text-align: justify;
color: #6D6D6D;
font-size: 16px;
font-weight: 400;
line-height: 166%;
padding-top: 70px;
}
.ser-innmain{
float: left;
padding-top: 35px;
}
.addon{
padding-bottom: 50px;
width: 100%;
float: left;
}
.addon-hd{
width: 100%;
float: left;
}
.addon-hd h2 {
width: 100%;
float: left;
text-align: center;
color: #010135;
font-size: 53px;
font-weight: 500;
line-height: 118%;
margin-bottom: 0;
padding-top: 14px;
padding-bottom: 21px;
}
.addon-hd p{
width: 100%;
float: left;
text-align: center;
color: #6D6D6D;
font-size: 16px;
font-weight: 400;
line-height: 166%;
padding-bottom: 26px;
}
.addon-hdmian{
padding: 15px 15px 15px 15px;
margin-bottom: 24px;
border: 1px solid #ebebeb70;
width: 100%;
float: left;
background: #f9f9fb;
border-radius: 20px;
text-align: center;
}
.addon-hdmian h3{
width: 100%;
float: left;
text-align: center;
color: #0D0D0D;
margin-bottom: 12px;
padding: 12px 0;
font-size: 20px;
font-weight: 500;
}
.add-w a{
border: 1px solid #1daa61;
background: #1daa61;
}
.add-w span {
background: white;
}
.add-w span img{
width: 20px;
}
.add-w a:hover {
border: 1px solid #1daa61;
color: #1daa61;
}
.add-w a:hover span {
background: transparent;
}
.add-w {
display: inline-block; /* keeps it inline for text-align center to work */
}
.ecount-bookw{
width: 100%;
float: left;
padding: 50px 0 20px 0;
}
.ecount-bookw-main{
width: 100%;
float: left;
}
.ecount-wbx{
margin-bottom: 40px;
width: 100%;
float: left;
text-align: left;
}
.ecount-wbx:hover img {
transform: rotateY(360deg);
transform-style: preserve-3d;
transition: transform 0.8s;
}
.coprattax-ser-main:hover img{
transform: rotateY(360deg);
transform-style: preserve-3d;
transition: transform 0.8s;
}
.ecount-wbx img {
width: 100%;
float: left;
max-width: 60px;
}
.ecount-wbx h3 {
width: 100%;
float: left;
text-align: left;
color: #000000;
font-size: 20px;
font-weight: 500;
margin-bottom: 0;
padding: 6px 0;
}
.ecount-wbx p {
width: 100%;
float: left;
text-align: left;
color: #5E5E5E;
font-size: 16px;
font-weight: 400;
line-height: 155%;
}
.e-wh{
padding-top: 86px;
width: 100%;
float: left;
}
.e-wh h6{
width: 100%;
float: left;
text-align: right;
color: #010135;
font-size: 40px;
font-weight: 500;
line-height: 118%;
margin-bottom: 0;
padding-top: 14px;
padding-bottom: 21px;
}
.e-wh p {
width: 100%;
float: left;
text-align: right;
color: #6D6D6D;
font-size: 16px;
font-weight: 400;
line-height: 166%;
padding-bottom: 26px;
}
.spad2 {
width: 100%;
float: left;
padding-top: 70px;
padding-bottom: 70px;
}
.contactfull {
padding: 40px 30px 40px 0px;
z-index: 1;
position: relative;
}
.addresfull {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
.contct-add {
padding: 60px 30px;
background: #010135;
border-radius: 25px;
color: #fff;
}
.con-desc {
border-radius: 5px;
display: flex
;
align-items: center;
gap: 15px;
margin-bottom: 20px;
}
.con-desc:hover .cont-img {
background-color: #fff; /* white background on hover */
}
.con-desc .cont-img {
width: 36px;
height: 36px;
background: #171764;
border-radius: 50%;
margin: auto;
display: flex;
transition: background-color 0.8s ease;
align-items: center;
justify-content: center;
}
.cont-img img {
width: 22px;
}
.con-desc p {
font-size: 14px;
margin-bottom: 0;
width: calc(100% - 51px);
color: #ffffff;
}
.contct-frm {
padding-left: 40px;
}
.con-field {
margin-bottom: 12px;
}
.con-field label {
font-size: 16px;
color: #000000;
font-weight: 500;
width: 100%;
float: left;
margin-bottom: 5px;
}
.con-field input {
width: 100%;
float: left;
padding: 12px;
border: 1px solid #ebebeb70;
background: #f9f9fb;
border-radius: 10px;
font-size: 15px;
color: #000;
height: 51px;
outline: none !important;
}
.con-field textarea {
width: 100%;
float: left;
padding: 12px;
border: 1px solid #ebebeb70;
background: #f9f9fb;
border-radius: 10px;
font-size: 16px;
color: #000;
height: 150px;
outline: none !important;
}
.contactfull::after {
content: '';
position: absolute;
height: 100%;
width: 86%;
background: #ffffff;
box-shadow: 0px 0px 14px 0px #00000024;
top: 0;
right: 0;
z-index: -1;
border-radius: 35px;
}
.contct-add h6{
width: 100;
float: none;
text-align: left;
color: white;
font-size: 16px;
font-weight: 400;
padding-bottom: 22px;
}
.con-desc p a {
color: #ffffff !important;
font-weight: 400;
text-decoration: none;
}
.career-full form {
width: 100%;
float: left;
border: 1px solid #ebebeb70;
background: #f9f9fb;
padding: 40px;
border-radius: 20px;
margin-top: 30px;
}
.cr-field {
width: 100%;
float: left;
margin-bottom: 20px;
}
.cr-field label {
font-size: 16px;
color: #000000;
font-weight: 500;
width: 100%;
float: left;
margin-bottom: 5px;
}
.cr-field input {
width: 100%;
float: left;
padding: 15px;
border-radius: 10px;
border: 0;
background: #fff;
margin-top: 5px;
}
.taxservice{
width: 100%;
float: left;
padding-bottom: 50px;
}
.taxservice-hd{
width: 100%;
float: left;
}
.taxservice-hd h2{
width: 100%;
float: left;
text-align: center;
color: #010135;
font-size: 53px;
font-weight: 500;
line-height: 118%;
margin-bottom: 0;
padding-top: 14px;
padding-bottom: 39px;
}
.abtpoint-img h6{
padding-bottom: 15px;
width: 100%;
float: left;
text-align: left;
font-size: 53px;
font-weight: 500;
line-height: 118%;
color: #010135;
margin-bottom: 0;
}
.abtpoint-img p{
padding-bottom: 15px;
width: 100;
float: left;
text-align: left;
color: #808080;
font-size: 16px;
font-weight: 400;
}
.comservice{
padding-bottom: 60px;
width: 100%;
float: left;
}
.comservice-hd{
width: 100%;
float: left;
}
.comservice-hd h2 {
width: 100%;
float: left;
text-align: center;
color: #010135;
font-size: 53px;
font-weight: 500;
line-height: 118%;
margin-bottom: 0;
padding-top: 14px;
padding-bottom: 39px;
}
.comservice-main{
border: 1px solid #ebebeb70;
width: 100%;
float: left;
background: #f9f9fb;
border-radius: 20px;
padding: 24px 12px 17px 24px;
}
.comservice-main h6 {
display: flex;
align-items: center;
gap: 10px;
color: #808080;
font-size: 16px;
font-weight: 400;
margin: 0;
line-height: 18px;
padding: 12px 0px 6px 15px;
}
.comservice-main span {
width: 13px;
height: 13px;
background: #F6932E;
border-radius: 50%;
display: inline-block;
flex-shrink: 0;
}
.coprattax-ser{
width: 100%;
float: left;
padding-bottom: 60px;
}
.coprattax-ser-hd{
width: 100%;
float: left;
}
.coprattax-ser-hd h2{
width: 100%;
float: left;
text-align: center;
color: #010135;
font-size: 53px;
font-weight: 500;
line-height: 118%;
margin-bottom: 0;
padding-top: 14px;
padding-bottom: 39px;
}
.coprattax-ser-main{
width: 100%;
float: left;
border: 1px solid #ebebeb70;
background: #f9f9fb;
border-radius: 20px;
padding: 24px 12px 17px 24px;
}
.coprattax-ser-main img{
width: 100%;
float: none;
margin: auto;
display: block;
max-width: 42px;
}
.coprattax-ser-main h3{
width: 100%;
float: left;
text-align: center;
color: #0D0D0D;
margin-bottom: 0;
padding: 12px 0;
font-size: 22px;
font-weight: 500;
}
.coprattax-ser-main p{
width: 100%;
text-align: center;
color: #6D6D6D;
font-size: 16px;
font-weight: 400;
line-height: 166%;
}
.snd-ser h3{
text-align: right;
}
.snd-ser img{
float: right;
}
.slide-con {
margin-bottom: 0;
padding: 0;
position: fixed;
z-index: 1;
right: 0;
top: 56%;
transform: translateY(-56%);
/* bottom: 25%; */
border-radius: 0.5rem;
text-align: center;
box-shadow: -1px 0px 8px #00000026;
/* overflow: hidden; */
}
.slide-con li {
list-style-type: none;
border-bottom: 1px solid #C2C2C2;
background-color: #fff;
/* backdrop-filter: blur(4px); */
transition: 0.3s;
cursor: pointer;
position: relative;
}
.slide-con li:hover {
background-color: #010135;
}
.slide-con li:hover img{
animation-name: zoomIn;
animation-duration: .5s;
animation-iteration-count: 1;
filter: brightness(0) invert(1);
}
.slide-con li:nth-child(3) {
border-bottom: none;
}
.slide-con li a {
width: 55px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
/* .slide-con li img {
width: 20px;
margin: auto;
} */
.slide-con li:first-child {
border-radius: 16px 0 0 0;
}
.slide-con li:last-child {
border-radius: 0 0 0 16px;
}
.slide-con li a img{
width: 100%;
float: left;
max-width: 27px;
}
.s9fractical{
padding: 60px 0;
}
.bannermain .owl-nav{
display: none;
}
/*mediastart*/
@media (max-width: 767px) {
.contactfull {
margin: 0 2% auto;
width: 96%;
}
}
@media (max-width: 991px) {
.contactfull {
padding: 20px;
}
}
@media (max-width: 991px) {
.contct-add {
margin-top: 20px;
padding: 20px;
}
}
@media(max-width: 400px){
.banner-hdtexts h2 {
font-size: 36px !important;
}
.sami-bn-frst {
width: 50% !important;
}
.sami-bn-second {
width: 50% !important;
}
.sami-bn-3rd {
padding-top: 20px;
}
.sami-bn-3rd img {
max-width: 100%;
}
.semi-semi1 {
width: 100% !important;
}
.sami-sami2 {
padding-top: 25px;
width: 100%;
}
.sami-sami2 img {
max-width: 100%;
}
.bnuppar img {
max-width: 24px !important;
}
.bnuppar {
top: 100px;
left: 93px;
}
.section2-hds h3 {
font-size: 35px !important;
}
.st1-img {
width: 100% !important;
}
.st2-img {
top: 20px !important;
width: 100% !important;
float: right !important;
position: relative !important;
left: 0 !important;
}
.st2img img {
width: 100% !important;
float: left !important;
max-width: 100% !important;
margin-top: 30px !important;
}
.st2-img p {
text-align: center !important;
}
.faq {
padding: 24px 0px 24px 0px !important;
}
.section11-formmain {
padding: 20px !important;
}
.lastsection-main h2 {
padding-top: 20px !important;
font-size: 37px !important;
line-height: 50px !important;
}
.last-rightimg img {
width: 100% !important;
}
.ftrmain a {
width: 100% !important;
}
.innerabt h2 {
font-size: 35px !important;
line-height: 126% !important;
}
.abtcound {
right: 0 !important;
bottom: -85px !important;
}
.innerabt p {
padding-top: 110px !important;
}
.advmain-text h3 {
font-size: 15px !important;
}
}
@media(max-width: 575px){
.taxservice-hd h2 {
font-size: 35px;
}
.st2-img p{
padding-bottom: 15px;
}
.ej{
justify-items: center;
}
.side-menu-4{
display: none;
}
.logo {
width: 50%;
}
.head-menu{
width: 50%;
padding-left: 0;
padding-top: 0;
}
.banner-hdtexts h2 br{
display: none;
}
.banner-hdtexts h2{
font-size: 45px;
}
.banner-hdtexts p{
font-size: 15px;
}
.banner-mani{
display: none;
}
.banner-cash{
display: none;
}
.sami-bn-second {
width: 27%;
}
.sami-bn-frst {
width: 34%;
}
.sami-bn-second {
width: 27%;
}
.sami-sami {
padding-top: 20px;
}
.semi-semi1 {
width: 46%;
padding: 25px 18px 25px 18px;
}
.banner {
padding-bottom: 60px;
}
.section1 {
padding-top: 80px;
}
.st2-hdmain {
width: 100%;
}
.section2-hds{
text-align: center;
}
.section2-hds h3{
font-size: 40px;
text-align: center;
}
.section2-hds h3 br{
display: none;
}
.section2-hds p{
text-align: center;
}
.st2-imgmain {
padding: 15px;
width: 100%;
}
.stion3-hd h2{
font-size: 40px;
}
.stion3-hd h2 br{
display: none;
}
.section3-mainbx img{
height: auto;
}
.section4-hd{
padding-bottom: 0;
text-align: center;
}
.section4-hd h3 br{
display: none;
}
.section4-hd h3{
font-size: 40px;
text-align: center;
padding-bottom: 0;
}
.section4-hd p{
text-align: center;
padding-top: 15px;
}
.s4{
justify-items: center;
padding-bottom: 30px;
}
.section5-hds h2 br{
display: none;
}
.section5-hds h2{
text-align: center;
width: 100%;
}
.hd-book {
float: none; /* remove float in mobile */
width: 100%; /* take full width */
text-align: center; /* center a tag inside */
top: 25px; /* adjust vertical position if needed */
}
.hd-book a {
float: none; /* remove left float on mobile */
display: inline-block; /* keep button shape */
}
.ston-6-maim img {
float: none;
margin: auto;
display: block;
}
.ston-6-maim h2 {
text-align: center;
}
.ston-6-maim p {
text-align: center;
}
.ston-a {
float: none; /* remove float */
width: 100%; /* allow full width */
display: flex; /* use flex for centering */
justify-content: center; /* center horizontally */
}
.ston-a a {
float: none; /* remove left float */
}
.s7-main img{
float: none;
margin: auto;
display: block;
text-align: center;
}
.s7-main h3{
text-align: center;
}
.s7-main p{
text-align: center;
}
.s7-img img{
height: auto;
}
.s7-img {
padding-bottom: 31px;
}
.section8-hd{
text-align: center;
}
.section8-hd h3 br{
display: none;
}
.section8-hd h3 {
text-align: center;
font-size: 40px;
}
.section8 {
padding-top: 0;
}
.section8-hd p {
text-align: center;
}
.escb{
width: 100%;
display: flex
;
justify-content: center;
gap: 16px;
flex-wrap: wrap;
padding: 0px 0 26px 0px;
}
.s8-call {
padding-left: 0;
}
.parther h2{
font-size: 40px;
}
.section9 {
padding: 60px 0;
}
.e-faq{
padding-bottom: 20px;
padding-top: 15px;
width: 100%;
text-align: center;
display: inline-flex
;
align-items: center;
justify-content: center;
text-align: center;
}
.faq h3 {
font-size: 14px;
}
.faqs-container {
padding-top: 15px;
max-width: 100%;
}
.section10 {
padding-bottom: 75px;
}
.gstar-main{
width: 100%;
display: flex;
justify-content: center;
gap: 16px;
flex-wrap: wrap;
padding: 0px 0 26px 0px;
}
.s11n {
width: 100%;
text-align: center;
display: inline-flex
;
align-items: center;
justify-content: center;
text-align: center;
padding-bottom: 30px;
padding-top: 0px;
}
.section11-formmain {
width: 100%;
}
.lastsection-main h2{
text-align: center;
font-size: 40px;
}
.lastsection-main h2 br{
display: none;
}
.lastsection-main p{
text-align: center;
}
.lastsection-main p br{
display: none;
}
.last-rightimg {
position: relative;
width: 100%;
float: left;
right: unset;
top: unset;
}
.last-rightimg img{
float: none;
margin: auto;
display: block;
text-align: center;
}
.lastsection-main {
padding: 48px 24px 45px 24px;
}
.e-last{
width: 100%;
text-align: center;
display: inline-flex
;
align-items: center;
justify-content: center;
text-align: center;
padding-top: 0px;
}
.ftrhd h2 {
text-align: center;
}
.ftrhd p {
text-align: center;
}
.ftr-snd input {
width: 100%;
}
.ftr-snd button {
margin-left: auto;
float: none;
/* margin: auto; */
display: block;
margin-right: auto;
margin-top: 15px;
}
.ftrmain-bx1 {
width: 100%;
}
.ftrmain h2 {
text-align: center;
}
.ftrmain a {
width: 50%;
text-align: center;
}
.ftrmain-bx2 {
width: 100%;
}
.ftrmain-bx3 {
width: 100%;
}
.ftrmain-bx4 {
width: 100%;
}
.ftrmain-bx5 {
width: 100%;
}
.copy h2 {
padding-top: 20px;
text-align: center;
width: 100%;
}
.copy img {
float: none;
margin: auto;
display: block;
}
.innerpagehd h2 {
font-size: 40px;
}
.innerabt h2 br{
display: none;
}
.innerabt h2{
font-size: 40px;
text-align: center;
}
.abt-img img {
width: 100%;
float: none;
display: block;
text-align: center;
border-radius: 25px;
margin: auto;
}
.innerabt p{
text-align: center;
float: left;
padding-top: 20px;
}
.vm-allmain h2{
text-align: center;
}
.vm-allmain p{
text-align: center;
}
.vm-allmain {
padding-right: 0;
}
.vm-img {
margin-top: 0;
}
.vm-img img {
float: none;
margin: auto;
display: block;
text-align: center;
}
.vm {
padding-bottom: 70px;
}
.abtteeam h2{
font-size: 40px;
}
.abtteeam-maintext {
width: 100%;
float: left;
padding: 24px 50px 0;
}
.abtteeam-main:before{
display: none;
}
.abtteeam-main{
margin-bottom: 30px;
}
.abtteeam {
padding-bottom: 0;
}
.abtpoint {
padding-top: 20px;
}
.abtpoint-img img {
height: auto;
}
.abtpoint-pont h3 {
padding-top: 29px;
text-align: center;
font-size: 40px;
margin-bottom: 0;
padding-left: 0;
}
.advaice-hd h2 br{
display: none;
}
.advaice-hd h2{
font-size: 40px;
}
.advmain{
margin-bottom: 25px;
}
.servicepage-hd h3{
text-align: center;
font-size: 40px;
}
.servicepage-hd h3 br{
display: none;
}
.servicepage-p p{
text-align: center;
}
.abtser img {
margin-bottom: 23px;
max-width: 560px;
float: none;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
}
.servicepage-main p {
text-align: center;
padding-top: 15px;
}
.ser-innmain{
width: 100%;
display: flex
;
justify-content: center;
gap: 16px;
flex-wrap: wrap;
padding: 25px 0 26px 0px;
}
.servicepage {
padding-bottom: 25px;
}
.addon-hd h2 br{
display: none;
}
.addon-hd h2{
font-size: 40px;
}
.addon-hd p br{
display: none;
}
.ecount-wbx img{
float: none;
margin-left: auto;
margin-right: auto;
display: block;
text-align: center;
}
.ecount-wbx h3{
text-align: center;
}
.ecount-wbx p{
text-align: center;
}
.e-wh {
padding-top: 0;
}
.e-wh h6{
text-align: center;
}
.e-wh p{
text-align: center;
}
.abtpoint-img h6{
text-align: center;
font-size: 40px;
}
.abtpoint-img h6 br{
display: none;
}
.abtpoint-img p{
text-align: center;
}
.e-abt{
padding-top: 7px;
padding-bottom: 10px;
width: 100%;
text-align: center;
display: inline-flex
;
align-items: center;
justify-content: center;
text-align: center;
}
.comservice-hd h2{
font-size: 40px;
}
.comservice-main {
margin-bottom: 20px;
}
.coprattax-ser-hd h2 {
font-size: 40px;
}
.coprattax-ser-hd h2 br{
display: none;
}
.coprattax-ser-main{
margin-bottom: 25px;
}
.contactfull::after{
width: 100%;
}.contct-frm {
padding-left: 15px;
}
.contct-frm h2{
text-align: center;
}
.contct-add h2{
text-align: center;
}
.contct-add h6{
text-align: center;
padding-bottom: 0;
}
.con-desc p {
padding: 18px 0 0;
width: 100%;
text-align: center;
}
.con-desc {
display: unset;
margin-bottom: 20px;
}
}
@media (min-width:576px) and (max-width:767px){
.side-menu-4{
display: none;
}
.logo {
width: 50%;
}
.head-menu{
width: 50%;
padding-left: 0;
padding-top: 0;
}
.banner-hdtexts h2 br{
display: none;
}
.banner-hdtexts h2{
font-size: 45px;
}
.banner-hdtexts p{
font-size: 15px;
}
.banner-mani{
display: none;
}
.banner-cash{
display: none;
}
.sami-bn-second {
width: 27%;
}
.sami-bn-frst {
width: 34%;
}
.sami-bn-second {
width: 27%;
}
.sami-sami {
padding-top: 20px;
}
.semi-semi1 {
width: 46%;
padding: 25px 18px 25px 18px;
}
.banner {
padding-bottom: 60px;
}
.section1 {
padding-top: 80px;
}
.st2-hdmain {
width: 100%;
}
.section2-hds{
text-align: center;
}
.section2-hds h3{
font-size: 40px;
text-align: center;
}
.section2-hds h3 br{
display: none;
}
.section2-hds p{
text-align: center;
}
.st2-imgmain {
padding: 15px;
width: 100%;
}
.stion3-hd h2{
font-size: 40px;
}
.stion3-hd h2 br{
display: none;
}
.section3-mainbx img{
height: 180px;
object-fit: cover;
border-radius: 10px;
}
.section4-hd{
padding-bottom: 0;
text-align: center;
}
.section4-hd h3 br{
display: none;
}
.section4-hd h3{
font-size: 40px;
text-align: center;
padding-bottom: 0;
}
.section4-hd p{
text-align: center;
padding-top: 15px;
}
.s4{
justify-items: center;
padding-bottom: 30px;
}
.section5-hds h2 br{
display: none;
}
.section5-hds h2{
text-align: center;
width: 100%;
}
.hd-book {
float: none; /* remove float in mobile */
width: 100%; /* take full width */
text-align: center; /* center a tag inside */
top: 25px; /* adjust vertical position if needed */
}
.hd-book a {
float: none; /* remove left float on mobile */
display: inline-block; /* keep button shape */
}
.ston-6-maim img {
float: none;
margin: auto;
display: block;
}
.ston-6-maim h2 {
text-align: center;
}
.ston-6-maim p {
text-align: center;
}
.ston-a {
float: none; /* remove float */
width: 100%; /* allow full width */
display: flex; /* use flex for centering */
justify-content: center; /* center horizontally */
}
.ston-a a {
float: none; /* remove left float */
}
.s7-main img{
float: none;
margin: auto;
display: block;
text-align: center;
}
.s7-main h3{
text-align: center;
}
.s7-main p{
text-align: center;
}
.s7-img img{
height: auto;
}
.s7-img {
padding-bottom: 31px;
}
.section8-hd{
text-align: center;
}
.section8-hd h3 br{
display: none;
}
.section8-hd h3 {
text-align: center;
font-size: 40px;
}
.section8 {
padding-top: 0;
}
.section8-hd p {
text-align: center;
}
.escb{
width: 100%;
display: flex
;
justify-content: center;
gap: 16px;
flex-wrap: wrap;
padding: 0px 0 26px 0px;
}
.s8-call {
padding-left: 0;
}
.parther h2{
font-size: 40px;
}
.section9 {
padding: 60px 0;
}
.e-faq{
padding-bottom: 20px;
padding-top: 15px;
width: 100%;
text-align: center;
display: inline-flex
;
align-items: center;
justify-content: center;
text-align: center;
}
.faq h3 {
font-size: 14px;
}
.faqs-container {
padding-top: 15px;
max-width: 100%;
}
.section10 {
padding-bottom: 75px;
}
.gstar-main{
width: 100%;
display: flex;
justify-content: center;
gap: 16px;
flex-wrap: wrap;
padding: 0px 0 26px 0px;
}
.s11n {
width: 100%;
text-align: center;
display: inline-flex
;
align-items: center;
justify-content: center;
text-align: center;
padding-bottom: 30px;
padding-top: 0px;
}
.section11-formmain {
width: 100%;
}
.lastsection-main h2{
text-align: center;
font-size: 40px;
}
.lastsection-main h2 br{
display: none;
}
.lastsection-main p{
text-align: center;
}
.lastsection-main p br{
display: none;
}
.last-rightimg {
position: relative;
width: 100%;
float: left;
right: unset;
top: unset;
}
.last-rightimg img{
float: none;
margin: auto;
display: block;
text-align: center;
}
.lastsection-main {
padding: 48px 24px 45px 24px;
}
.e-last{
width: 100%;
text-align: center;
display: inline-flex
;
align-items: center;
justify-content: center;
text-align: center;
padding-top: 0px;
}
.ftrhd h2 {
text-align: center;
}
.ftrhd p {
text-align: center;
}
.ftr-snd input {
width: 100%;
}
.ftr-snd button {
margin-left: auto;
float: none;
/* margin: auto; */
display: block;
margin-right: auto;
margin-top: 15px;
}
.ftrmain-bx1 {
width: 100%;
}
.ftrmain h2 {
text-align: center;
}
.ftrmain a {
width: 50%;
text-align: center;
}
.ftrmain-bx2 {
width: 100%;
}
.ftrmain-bx3 {
width: 100%;
}
.ftrmain-bx4 {
width: 100%;
}
.ftrmain-bx5 {
width: 100%;
}
.copy h2 {
padding-top: 20px;
text-align: center;
width: 100%;
}
.copy img {
float: none;
margin: auto;
display: block;
}
.innerpagehd h2 {
font-size: 40px;
}
.innerabt h2 br{
display: none;
}
.innerabt h2{
font-size: 40px;
text-align: center;
}
.abt-img img {
width: 100%;
float: none;
display: block;
text-align: center;
border-radius: 25px;
margin: auto;
}
.innerabt p{
text-align: center;
float: left;
padding-top: 20px;
}
.vm-allmain h2{
text-align: center;
}
.vm-allmain p{
text-align: center;
}
.vm-allmain {
padding-right: 0;
}
.vm-img {
margin-top: 0;
}
.vm-img img {
float: none;
margin: auto;
display: block;
text-align: center;
}
.vm {
padding-bottom: 70px;
}
.abtteeam h2{
font-size: 40px;
}
.abtteeam-maintext {
width: 100%;
float: left;
padding: 24px 50px 0;
}
.abtteeam-main:before{
display: none;
}
.abtteeam-main{
margin-bottom: 30px;
}
.abtteeam {
padding-bottom: 0;
}
.abtpoint {
padding-top: 20px;
}
.abtpoint-img img {
height: auto;
}
.abtpoint-pont h3 {
padding-top: 29px;
text-align: center;
font-size: 40px;
margin-bottom: 0;
padding-left: 0;
}
.advaice-hd h2 br{
display: none;
}
.advaice-hd h2{
font-size: 40px;
}
.advmain{
margin-bottom: 25px;
}
.servicepage-hd h3{
text-align: center;
font-size: 40px;
}
.servicepage-hd h3 br{
display: none;
}
.servicepage-p p{
text-align: center;
}
.abtser img {
margin-bottom: 23px;
max-width: 560px;
float: none;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
}
.servicepage-main p {
text-align: center;
padding-top: 15px;
}
.ser-innmain{
width: 100%;
display: flex
;
justify-content: center;
gap: 16px;
flex-wrap: wrap;
padding: 25px 0 26px 0px;
}
.servicepage {
padding-bottom: 25px;
}
.addon-hd h2 br{
display: none;
}
.addon-hd h2{
font-size: 40px;
}
.addon-hd p br{
display: none;
}
.ecount-wbx img{
float: none;
margin-left: auto;
margin-right: auto;
display: block;
text-align: center;
}
.ecount-wbx h3{
text-align: center;
}
.ecount-wbx p{
text-align: center;
}
.e-wh {
padding-top: 0;
}
.e-wh h6{
text-align: center;
}
.e-wh p{
text-align: center;
}
.abtpoint-img h6{
text-align: center;
font-size: 40px;
}
.abtpoint-img h6 br{
display: none;
}
.abtpoint-img p{
text-align: center;
}
.e-abt{
padding-top: 7px;
padding-bottom: 10px;
width: 100%;
text-align: center;
display: inline-flex
;
align-items: center;
justify-content: center;
text-align: center;
}
.comservice-hd h2{
font-size: 40px;
}
.comservice-main {
margin-bottom: 20px;
}
.coprattax-ser-hd h2 {
font-size: 40px;
}
.coprattax-ser-hd h2 br{
display: none;
}
.coprattax-ser-main{
margin-bottom: 25px;
}
.contactfull::after{
width: 100%;
}.contct-frm {
padding-left: 15px;
}
.contct-frm h2{
text-align: center;
}
.contct-add h2{
text-align: center;
}
.contct-add h6{
text-align: center;
padding-bottom: 0;
}
.con-desc p {
padding: 18px 0 0;
width: 100%;
text-align: center;
}
.con-desc {
display: unset;
margin-bottom: 20px;
}
}
@media (min-width:768px) and (max-width:991px){
.side-menu-4{
display: none;
}
.banner-hdtexts h2 br{
display: none;
}
.sami-sami{
padding-top: 20px;
}
.semi-semi1 {
width: 60%;
}
.st2-hdmain {
width: 100%;
}
.section1 {
padding-top: 80px;
}
.section2-hds h3 br{
display: none;
}
.st2-imgmain {
padding-top: 15px;
width: 100%;
}
.st2-img {
left: 0;
}
.st1-img img {
max-width: 410px;
height: 520px;
}
.section3-mainbx img {
height: 240px;
object-fit: cover;
border-radius: 10px;
}
.section4-hd {
padding-bottom: 0px;
}
.s4{
padding-bottom: 50px;
}
.section5-hds h2 br{
display: none;
}
.section5-hds h2 {
width: 75%;
}
.ctt {
top: 25px;
}
.section5 {
padding-bottom: 60px;
}
.ston-6-maim h2 br{
display: block;
}
.expding {
padding-left: 15px;
padding-right: 15px;
}
.s7-img img {
height: 653px;
}
.section8 {
padding-top: 0px;
}
.s81img {
padding-top: 60px;
}
.s81img img{
float: none;
margin: auto;
display: block;
text-align: center;
}
.faqs-container {
padding-top: 30px;
margin: 0 auto;
max-width: 100%;
}
.section11-formmain {
width: 100%;
margin-top: 25px;
}
.last-rightimg{
display: none;
}
.ftrmain-bx1 {
width: 32%;
}
.ftrmain-bx2 {
width: 32%;
}
.ftrmain-bx3 {
width: 36%;
}
.ftrmain-bx4 {
padding-top: 25px;
width: 50%;
}
.ftrmain-bx5 {
padding-top: 25px;
width: 50%;
}
.ftrmain-bx4 a{
width: 50%;
}
.ftrmain-bx5 a{
width: 50%;
}
.innerabt h2 {
font-size: 45px;
}
.innerabt h2 br{
display: none;
}
.abt-img img {
width: 100%;
float: none;
max-width: 495px;
margin: auto;
display: block;
text-align: center;
}
.abt-img {
float: left;
width: 100%;
}
.innerabt p {
width: 100%;
float: left;
padding-top: 20px;
}
.vm-img {
margin-top: 0px;
}
.abtteeam h2{
text-align: left;
}
.abtteeam-maintext h4{
text-align: left;
}
.abtteeam-main h3{
text-align: left;
}
.abtteeam-maintext {
width: 100%;
float: left;
padding: 26px 0px 0;
}
.abtteeam-main p{
text-align: left;
}
.abtteeam-main img {
float: left;
}
.abtpoint-pont h3 br{
display: none;
}
.abtpoint-pont h3 {
padding-left: 0;
font-size: 40px;
}
.abtpoint-img {
margin-top: 57px;
}
.advaice-hd h2 br{
display: none;
}
.advaice-hd h2{
text-align: left;
}
.advmain {
margin-bottom: 20px;
}
.abtser img {
float: left;
margin-left: 0;
}
.servicepage-main p{
width: 100%;
float: left;
text-align: left;
padding-top: 0;
}
.addon-hd h2 br{
display: none;
}
.addon-hd h2{
text-align: left;
}
.addon-hd p br{
display: none;
}
.addon-hd p{
text-align: left;
}
.ex-col{
display: none;
}
.abtser img {
max-width: 100%;
}
.ecount-wbx {
width: 50%;
}
.e-wh h6 {
text-align: left;
}
.e-wh {
padding-top: 0;
}
.e-wh p{
text-align: left;
}
.taxservice-hd h2{
text-align: left;
}.comservice-hd h2{
text-align: left;
}
.comservice-main{
margin-bottom: 25px;
}
.abtpoint-pont {
padding-top: 25px;
}
.e-abtpoint{
padding-top: 0;
}
.coprattax-ser-hd h2{
text-align: left;
}
.coprattax-ser-main{
margin-bottom: 25px;
}
.e-abtteeam{
padding-bottom: 0;
}
.e-abtpoint{
padding-top: 0;
}
.snd-ser .ecount-wbx{
width: 100%;
}
.snd-ser .ecount-wbx img{
float: left;
}
.snd-ser .ecount-wbx h3{
text-align: left;
}
.e-abtpoint1{
padding-top: 0;
}
.contactfull::after{
width: 100%;
}
.contct-frm {
padding-top: 20px;
padding-left: 0;
}
}
@media (min-width:992px) and (max-width:1024px){
.side-menu-4{
display: none;
}
.head-menu {
padding-left: 130px;
}
.sami-bn-3rd img {
width: 100%;
height: 170px;
float: left;
max-width: 133px;
border-radius: 16px;
object-fit: cover;
}
.semi-semi1 {
padding: 20px 23px 17px 19px;
}
.sami-sami2 {
width: 46%;
}
.bnuppar {
top: 25px;
}
.section2-hds h3 {
font-size: 40px;
}
.st1-img {
padding-top: 65px;
}
.s3-txt p {
font-size: 14px;
}
.section3-mainbx img {
object-fit: cover;
border-radius: 20px;
}
.section4-hd h3 {
font-size: 47px;
}
.vm-img {
margin-top: 150px;
}
.abtpoint-pont h3 {
font-size: 45px;
}
.ftr-snd input {
width: 245px;
}
.abtser img {
max-width: 450px;
}
.addon-hdmian {
height: 172px;
}.e-wh h6 {
font-size: 33px;
}
.s7-img{
padding-top: 35px;
}
.section11-formmain {
width: 100%;
}
}
@media (min-width:1025px) and (max-width:1199px){
.sami-bn-3rd img {
width: 100%;
height: 170px;
float: left;
max-width: 133px;
border-radius: 16px;
object-fit: cover;
}
.semi-semi1 {
padding: 20px 23px 17px 19px;
}
.sami-sami2 {
width: 46%;
}
.bnuppar {
top: 25px;
}
.section2-hds h3 {
font-size: 40px;
}
.st1-img {
padding-top: 65px;
}
.s3-txt p {
font-size: 14px;
}
.section3-mainbx img {
object-fit: cover;
border-radius: 20px;
}
.section4-hd h3 {
font-size: 47px;
}
.vm-img {
margin-top: 150px;
}
.abtpoint-pont h3 {
font-size: 45px;
}
.ftr-snd input {
width: 245px;
}
.abtser img {
max-width: 450px;
}
.addon-hdmian {
height: 172px;
}.e-wh h6 {
font-size: 33px;
}
.s7-img{
padding-top: 35px;
}
.section8-hd {
padding-top: 0px;
}
.section11-formmain {
width: 100%;
}
.abtpoint-img h6 {
font-size: 45px;
}
}
/*odometer*/
.counterup-section {
position: relative;
}
.counterup-container {
display: flex;
/* flex-wrap: wrap; */
/* justify-content: space-around; */
/* gap: 40px; */
float: left;
width: 100%;
}
.rt{
width: 140px;
}
.bnr-carousel .owl-nav {
display: none;
}