/* common-css--------------start */
/*------------***Common-Layout---start***------------*/
* {
padding: 0;
margin: 0;
scroll-behavior: smooth;
font-family: "Poppins", sans-serif;
box-sizing: border-box;
}
ul, ol {
list-style: none;
}
p {
margin-bottom: 15px;
}
:root {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
}
.container, .container-fluid {
width: 100%;
padding-right: var(--bs-gutter-x, .75rem);
padding-left: var(--bs-gutter-x, .75rem);
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1240px;
}
}
@media (min-width: 1400px) {
.container {
max-width: 1320px;
}
}
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(-1 * var(--bs-gutter-y));
margin-right: calc(-0.5 * var(--bs-gutter-x));
margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row>* {
box-sizing: border-box;
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-top: var(--bs-gutter-y);
}
.col-6 {
flex: 0 0 auto;
width: 50%;
}
/*------------ Layout media query starts ------------*/
@media (min-width: 768px) {
.col-md-3 {
flex: 0 0 auto;
width: 25%;
}
.col-md-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-md-6 {
flex: 0 0 auto;
width: 50%;
}
.col-md-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
}
@media (min-width: 992px) {
.col-lg-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%;
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%;
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%;
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-lg-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%;
}
}
@media (min-width: 992px) {
.col-lg {
flex: 1 0 0%
}
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: .5rem;
font-weight: 700;
line-height: 1.4
}
.h1, h1 {
font-size: calc(1.375rem + 1.5vw)
}
@media (min-width: 1200px) {
.h1, h1 {
font-size: 2.5rem
}
}
.h2, h2 {
font-size: calc(1.325rem + .9vw)
}
@media (min-width: 1200px) {
.h2, h2 {
font-size: 2rem
}
}
.h3, h3 {
font-size: calc(1.3rem + .6vw)
}
@media (min-width: 1200px) {
.h3, h3 {
font-size: 1.50rem
}
}
.h4, h4 {
font-size: calc(1.275rem + .3vw)
}
@media (min-width: 1200px) {
.h4, h4 {
font-size: 1.5rem
}
}
.h5, h5 {
font-size: 1.25rem
}
.h6, h6 {
font-size: 1rem
}
[class*="row-gap"] {
row-gap: 20px;
}
.row-gap-3 {
row-gap: 30px;
}
img, svg {
vertical-align: middle;
}
.img-fluid {
max-width: 100%;
height: auto;
}
:where(.section, section, .sec-space, .mt-auto) {
margin-top: 80px;
}
.mt-0 {
margin-top: 0px !important;
}
.mt-3 {
margin-top: 30px !important;
}
.mt-5 {
margin-top: 50px;
}
.mt-8 {
margin-top: 80px;
}
.mx-auto {
margin-inline: auto; }
.my-auto {
margin-block: auto; }
.mb-0 {
margin-bottom: 0 !important;
}
.ms-20 {
margin-left: 20px !important;
}
.ps-25 {
padding-left: 25px;
}
.ps-50 {
padding-left: 50px;
}
.py-70 {
padding-block: 70px !important; }
.pb-50 {
padding-bottom: 50px !important;
}
[class*="flex-"] {
display: flex;
align-items: center;
}
[class*="flex-col"] {
flex-flow: column;
align-items: unset;
}
[class*="-between"] {
justify-content: space-between;
}
[class*="grid"] {
display: grid !important;
}
.justify-content-center {
justify-content: center;
}
.justify-content-start {
justify-content: flex-start;
}
.justify-content-end {
justify-content: flex-end;
}
.align-items-center {
align-items: center;
}
.text-center {
text-align: center;
}
[class*="flex-btn"] {
position: relative;
padding: 10px 20px;
gap: 10px;
width: fit-content
}
.flex-pair-btn {
gap: 15px 25px;
flex-wrap: wrap;
}
.flex-col-sec-hd-center {
align-items: center;
text-align: center;
}
[class*="flex-col-sec-hd"] {
gap: 5px;
margin-bottom: 35px;
}
[class*="flex-col-sec-hd"] h2 {
margin-bottom: 0;
}
[class*="flex-col-sec-hd"] p {
margin-bottom: 0
}
[class*="flex-col-sec-hd"] .flex-seprator {
position: relative;
padding-left: 18px
}
.flex-col-content {
gap: 25px;
}
/*-------site-form-start--------*/
form :is(input, select, textarea) {
padding: 7px 12px;
width: 100%;
resize: none;
}
/* form .select_dropdown select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
line-height: 1.4
}
form .select_dropdown {
position: relative;
}
form .select_dropdown:after {
content: '';
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
background: url('data:image/svg+xml,') no-repeat;
height: 20px;
width: 20px;
} */
.select_dropdown {
position: relative;
}
/* .select_dropdown:after {
height: 20px;
width: 20px;
content: '';
position: absolute;
right: 12px;
top: 12px;
z-index: -1;
transition: all .2s;
transform: rotate(0deg);
background: url('data:image/svg+xml,') no-repeat;
} */
.select_dropdown.active::after {
transform: rotate(180deg);
transition: all .2s
}
form textarea {
height: 120px;
resize: vertical;
}
/*------bwe-fav-ellipse-------*/
.bwe-ellipse-con {
position: relative;
}
.bwe-fav-ellipse {
width: 180px;
height: 180px;
position: absolute;
z-index: 99;
padding: 10px;
}
.bwe-fav-ellipse .flex-go-icon {
height: 90px;
width: 90px;
z-index: 99;
}
.bwe-fav-ellipse .flex-go-icon img {
height: 50px;
width: 50px;
object-fit: contain;
}
.bwe-fav-ellipse .flex-badge-text {
position: relative;
aspect-ratio: 1 / 1;
border-radius: 50%;
background: var(--pc);
}
.bwe-fav-ellipse .flex-badge-text .text-layer {
position: absolute;
padding: 23px;
overflow: visible;
}
.grid-5 {
grid-template-columns: repeat(5, 1fr);
gap: 15px 25px;
}
.grid-7 {
grid-template-columns: repeat(7, 1fr);
gap: 15px 25px;
}
.cta-wrap {
overflow: hidden;
border-radius: 20px;
padding: 60px !important;
}
.cta-wrap [class*="flex-col-sec-hd"] {
margin-bottom: 20px
}
.cta-wrap .flex-cta-item-between li img {
height: 35px;
width: 35px;
object-fit: contain;
}
/*for-modalForm*/
.modalForm {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, 15px);
background: var(--white);
padding: 30px;
max-width: 800px;
width: 100%;
z-index: 999999;
opacity: 0;
visibility: hidden;
transition: all .4s ease;
}
.modalForm.active {
visibility: visible;
transform: translate(-50%, -50%);
transition: all .4s ease;
opacity: 1;
}
.modalOverlay {
background: rgb(0 0 0 / 90%);
height: 100%;
width: 100%;
position: fixed;
inset: 0;
z-index: 99999;
display: none;
}
.modalOverlay.active {
display: block;
}
.modalForm .flex-col-modal-content {
gap: 10px;
text-align: center;
}
.modalForm .modalFormPart img {
height: 100px;
width: 100%;
object-fit: contain;
}
.modalForm .flex-closeModals {
position: absolute;
right: -20px;
top: -20px;
height: 50px;
width: 50px;
justify-content: center;
}
/*------------***Common-Style---start***------------*/
:root {
--pc: rgb(16 57 94);
--sc: rgb(255 181 65);
--muted: rgb(221 221 221);
--white: #ffffff;
--black: #000000;
scroll-behavior: smooth;
}
body main a {
text-decoration: unset;
color: var(--black);
transition: all .3s ease;
font-weight: 500;
}
/* :is(body.single-blog .blog-content, body.page main) a:not(:is([class*="flex-btn"], .custom-text a, .flex-tags-wrapper a, .flex-col-blog-card a)){
text-decoration: underline;
color: #0f6ec3 !important;
} */
a:-webkit-any-link {
text-decoration: none
}
p, :is(body.single-blog .blog-content) :is(ul, ol) li {
font-size: 16px;
line-height: 1.8;
color: rgba(0, 0, 0, 0.8);
}
:is(.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6) span {
font-weight: 400;
}
.fw-600 {
font-weight: 600
}
[class*="flex-btn"] {
white-space: nowrap;
font-weight: 500;
font-size: 16px;
text-transform: capitalize;
transition: all .4s;
border-radius: 90px;
border: unset;
cursor: pointer;
text-decoration: unset !important;
}
.sc-flex-btn {
background: var(--sc);
color: var(--black);
}
.pc-flex-btn {
background: var(--pc);
color: var(--white) !important;
}
.sc-flex-btn svg {
transition: all .4s;
fill: var(--black);
}
.pc-flex-btn:not(.header .flex-hd-rb .pc-flex-btn) svg {
transition: all .4s;
fill: var(--white);
}
.pc-flex-btn:hover {
--pc: var(--sc);
--white: var(--black);
}
.sc-flex-btn:not(.light-btn):hover {
--sc: var(--pc);
--black: var(--white);
}
[class*="flex-col-sec-hd"] .flex-seprator:after, [class*="flex-col-sec-hd"] .flex-seprator:before {
content: '';
position: absolute;
height: 15px;
width: 2px;
background: var(--sc);
transform: skewX(-20deg);
}
[class*="flex-col-sec-hd"] .flex-seprator:after {
left: 0;
top: 4px;
}
[class*="flex-col-sec-hd"] .flex-seprator:before {
left: 8px;
top: 4px;
}
.flex-topbar a:hover {
color: #000000c7
}
.flex-callBtn a:hover {
color: var(--pc)
}
/*-------site-form-start--------*/
form :is(input, select, textarea) {
background: var(--white);
border: 1px solid #C3C3C3;
border-radius: 4px;
color: #6a6a6a;
font-size: 16px;
}
form :is(input, select, textarea):focus {
border: 1px solid var(--sc);
outline: none;
}
/*------bwe-fav-ellipse-------*/
.bwe-fav-ellipse {
background: var(--white);
border-radius: 50%;
font-size: 12px;
}
.bwe-fav-ellipse .flex-go-icon {
background: var(--white);
border-radius: 50%;
}
.animate-spin {
animation: counterclockwise 22s linear infinite;
}
@keyframes counterclockwise {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(-1turn);
}
}
:is(.sep-icn-1, .light-bg-sep, .wcu-content, .sep-arrow, .tech-sep, .cta-wrap, .tab-sep-arrow, .review-sep) {
position: relative;
z-index: 0;
}
.sep-icn-1 {
padding-bottom: 50px
}
:is(.sep-icn-1, .light-bg-sep, .wcu-content, .tech-sep, .cta-wrap, .review-sep, .sep-arrow):after, :is(.sep-icn-1, .light-bg-sep, .wcu-content, .sep-arrow, .tech-sep, .cta-wrap, .tab-sep-arrow):before {
content: '';
position: absolute;
z-index: -1;
}
:is(.sep-icn-1):before {
background: url(../../../../../../uploads/2025/11/sep-icn-1.webp) no-repeat center center / contain;
height: 90px;
width: 90px;
right: 0;
transform: scale(-1, 1);
bottom: 0px;
}
.bg-img-wrap {
background: #07335a url("../../../../../../uploads/2025/11/bg-img.webp") no-repeat center center / cover;
padding-block: 30px; }
[class*="bg-"] p {
color: rgba(255, 255, 255, 0.8);
}
.flex-col-md-ttl :is(.h5, span) {
color: var(--white)
}
.flex-col-md-ttl span {
font-size: 14px
}
.sep-arrow:after {
background: url(../../../../../../uploads/2025/11/sep-arrow.webp) no-repeat center center / contain;
height: 80px;
width: 100px;
bottom: 40px;
left: 50%;
animation: zigzagSpinScale 2s infinite;
}
.tech-sep:after {
background: url(../../../../../../uploads/2025/11/texh-sep-1.webp) no-repeat center center / contain;
height: 80px;
width: 80px;
left: 200px;
top: 80px;
}
.tech-sep:before {
background: url(../../../../../../uploads/2025/11/texh-sep-2.webp) no-repeat center center / contain;
height: 60px;
width: 60px;
right: 200px;
top: 80px;
animation: spinScale 2s linear infinite;
}
.cta-wrap:after {
background: url(../../../../../../uploads/2025/11/cta-a.webp) no-repeat center center / cover;
height: 55px;
width: 55px;
right: 350px;
top: 50px;
animation: spinScale 2s linear infinite;
}
.cta-wrap:before {
background: url(../../../../../../uploads/2025/11/cta-b.webp) no-repeat center center / cover;
height: 150px;
width: 150px;
right: 300px;
bottom: 80px;
animation: zigzagSpinScale 2s infinite;
}
/*.cta-wrap [class*="flex-btn"]:hover,*/
.light-btn:hover {
background: var(--white) !important;
color: var(--black) !important
}
.cta-wrap .flex-cta-item-between li {
gap: 10px;
color: rgba(255, 255, 255, 0.8)
}
.review-sep:after {
background: url(../../../../../../uploads/2025/11/rev-sep.webp) no-repeat center center / cover;
height: 100px;
width: 100px;
right: 10%;
top: 10px;
}
.bg-primary {
padding-block: 70px; background: var(--pc);
}
@keyframes zigzagSpinScale {
0% {
transform: translateX(0);
}
20% {
transform: translateX(-8px);
}
40% {
transform: translateX(8px);
}
60% {
transform: translateX(-8px);
}
80% {
transform: translateX(6px);
}
100% {
transform: translateX(0);
}
}
/*for-modalForm*/
.modalForm .modalFormPart img {
background: #eee;
padding: 10px;
border: 1px solid #dbdbdb;
}
.modalForm .flex-closeModals {
background: var(--white);
border-radius: 50%;
border: 5px solid #6868688c;
cursor: pointer;
}
.more-content {
display: none;
}
.more-content.show {
display: inline;
}
button.read_more_btn {
background: transparent;
border: none;
font-weight: 500;
}
/* header-css-----------start */
/*------------***header-Layout---start***------------*/
/*---------------------------siteTopbar-start---------------------------*/
.flex-topbar p, .flex-topinfo-lb a {
margin-bottom: 0;
gap: 7px;
text-align: center;
}
.flex-topbar [class*="flex-topinfo"] {
gap: 10px 20px;
flex-wrap: wrap;
}
.primary-top, .secondary-top {
padding-block: 10px; position: relative;
}
.closeTobpar {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
display: none;
}
/*---------------------------siteHeader-start---------------------------*/
.header {
background: var(--white);
padding-block: 15px; border-bottom: 1px solid #CCCCCC;
position: relative;
z-index: 9999;
}
.widget_bwe-service-logo-widget img {
width: auto;
height: 50px;
}
.header .widget_bwe-service-logo-widget {
position: relative;
}
.header .mobile-items, .menuClose, .header .flex-hd-rb {
display: none;
}
.header nav ul li:not(.mobile_dropdown), .header nav ul li.dropdown a {
display: flex;
align-items: center;
}
.header nav ul li:not(.mobile_dropdown) {
position: relative;
gap: 5px;
}
.header nav ul li.dropdown>ul li.dropdown {
gap: 40px;
}
.header nav ul li.dropdown a {
justify-content: space-between;
gap: 20px;
white-space: nowrap;
}
.header .dropdown ul {
position: absolute;
left: 0;
white-space: nowrap;
top: 40px;
width: fit-content;
visibility: hidden;
opacity: 0;
transform: scale(1, 0);
transform-origin: 0 0;
display: flex;
flex-direction: column;
gap: 15px;
padding: 25px;
z-index: 2;
}
.header .dropdown:hover>ul {
opacity: 1;
visibility: visible;
transform: scale(1);
}
.header .dropdown ul .dropdown ul {
top: 0px;
left: calc(100% - -25px);
}
.header nav>ul {
gap: 0 35px;
}
#headerSticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
}
.header .menu {
margin-left: auto;
}
.header .pc-flex-btn:not(nav ul) {
margin-left: 60px;
}
#headerSticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
}
.header nav .dropdown .megaMenuCon {
display: grid;
grid-template-columns: 70% auto;
gap: 20px 50px;
position: fixed;
left: 15px;
max-width: 98%;
width: 100%;
padding: 30px 20px;
visibility: hidden;
opacity: 0;
transform: scale(1, 0);
transform-origin: 0 0;
transition: all 0.3s ease-out 0s;
top: 160px;
}
.header nav .dropdown .megaMenuCon .megamenu {
transform: unset !important;
visibility: visible !important;
opacity: 1 !important;
transform: scale(1) !important;
box-shadow: unset !important;
position: unset !important;
border: unset !important;
padding: unset !important;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px 30px;
width: auto;
height: fit-content;
}
.header nav .dropdown:hover .megaMenuCon {
visibility: visible;
opacity: 1;
transform: scale(1);
transform-origin: 0 0;
transition: all 0.3s ease-out 0s;
}
.megaMenuCon .flex-col-megaCta {
background: rgb(255 241 219) ;
height: fit-content;
width: 100%;
border-radius: 10px;
padding: 30px 30px 0;
align-items: center;
text-align: center;
gap: 20px;
}
#headerSticky nav .dropdown .megaMenuCon {
top: 80px
}
/*------------***header-Style---start***------------*/
/*---------------------------siteTopbar-start---------------------------*/
.primary-top {
background: var(--pc);
}
.flex-topbar p {
color: var(--white);
}
.flex-topbar p, .flex-topinfo-lb a {
font-size: 14px;
line-height: 1.4;
}
.secondary-top {
background: var(--sc);
}
.secondary-top a {
color: var(--black)
}
.flex-topbar [class*="flex-topinfo"] :is(a, li):not(:first-child) {
border-left: 2px solid #00000030;
padding-left: 20px
}
.flex-topinfo-rb li a {
font-weight: 500;
font-size: 15px;
color: var(--black)
}
/*---------------------------siteHeader-start---------------------------*/
.header .widget_bwe-service-logo-widget::after {
content: "We’re hiring!";
position: absolute;
top: 5px;
right: -117px;
background: #ffc301;
color: var(--black);
font-weight: 700;
padding: 6px 15px;
border-radius: 90px;
font-size: 11px;
white-space: nowrap;
}
.header .widget_bwe-service-logo-widget::before {
content: "";
position: absolute;
top: 22px;
right: -20px;
width: 0;
height: 0;
border-left: 13px solid #ffc301;
border-top: 4px solid transparent;
border-bottom: 8px solid transparent;
transform: rotate(140deg);
}
.header nav ul li.dropdown ul li a {
color: rgba(34, 34, 34, .87);
line-height: 24px !important;
}
.header nav ul li a:not([class*="flex-btn"]) {
color: var(--black);
font-size: 16px;
transition: all 220ms linear 0ms;
font-weight: 500;
}
.header .dropdown svg {
cursor: pointer;
transition: all .2s ease-in;
margin-left: auto;
}
.header .dropdown ul {
background: var(--white);
transition: all 0.3s ease-out 0s;
border-radius: 4px;
box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
border: 1px solid #f5f5f5;
}
.header .dropdown ul li a:hover {
padding-left: 20px;
}
.header nav ul li a:not([class*="flex-btn"]):hover {
transition: all 220ms linear 0ms;
color: var(--pc) !important;
}
.header .site-searching, .header .menuToggler {
cursor: pointer;
}
#headerSticky {
transition: all 0.7s ease;
background: var(--white) !important;
transform: translateY(0);
animation: smoothSticky 0.7s ease;
}
@keyframes smoothSticky {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(0);
}
}
.header .dropdown ul li a:hover:after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
background: var(--pc);
transition: all 220ms linear 0ms;
height: 7px;
width: 7px;
border-radius: 50%
}
@media (width <=1400px) {
.header .widget_bwe-service-logo-widget: after, .header .widget_bwe-service-logo-widget:before {
display: none;
}
}
/* Jab browser zoom ~110% ya usse zyada ho */
@media (min-resolution: 1.1dppx) {
.header .widget_bwe-service-logo-widget: after, .header .widget_bwe-service-logo-widget:before {
display: none;
}
}
#headerSticky {
transition: all 0.7s ease;
background: var(--white) !important;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
transform: translateY(0);
animation: smoothSticky 0.7s ease;
}
@keyframes smoothSticky {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(0);
}
}
.header nav .dropdown .megaMenuCon {
background: var(--white);
border-radius: 4px;
box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
border: 1px solid #f5f5f5;
}
.megaMenuCon .flex-col-megaCta p {
color: var(--pc);
font-size: 16px;
font-weight: 600;
margin-bottom: 0
}
/* homepage-css-start----------- */
/*------------***Homepage-Layout---start***------------*/
/*---------------------------heroBanner-start---------------------------*/
.hero-bg {
background: url(../../../../../../uploads/2025/12/hero-bg.webp) no-repeat center bottom / cover;
height: 100%;
width: 100%;
padding-block: 70px; position: relative;
z-index: 0;
}
.hero-bg .flex-bwe-wel {
gap: 10px;
width: fit-content;
padding: 7px 15px;
}
.hero-bg .flex-col-content h1 {
margin-bottom: 0;
max-width: 600px;
width: 100%
}
.flex-logo-wrapper {
gap: 10px 30px;
margin-top: 20px;
flex-wrap: wrap;
}
.hero-bg .hero-form-wrap {
margin-left: 80px;
}
.ribbon-box {
display: flex;
flex-direction: column;
position: absolute;
gap: 2px;
width: fit-content;
left: 75%;
top: 0;
}
.ribbon {
position: relative;
display: inline-block;
z-index: 1;
width: fit-content;
}
.ribbon span {
position: relative;
display: inline-block;
padding: 2px 15px;
z-index: 2;
transform: rotate(-11deg);
}
/*---------------------------Stats-start---------------------------*/
.grid-stats-wrap {
grid-template-columns: 1fr 1.8fr 1.3fr 1fr;
}
.grid-stats-wrap [class*="flex"] {
padding: 20px 30px;
}
.grid-stats-wrap [class*="flex"]:first-child {
padding: 20px 74px;
justify-content: center;
}
.grid-stats-wrap .flex-col-stats-rating {
border: 0;
padding: 0;
gap: 5px;
}
.grid-stats-wrap .flex-col-stats-rating ul {
display: flex;
align-items: center;
border: 0;
gap: 3px;
}
.flex-callBtn {
gap: 15px;
}
.about-img-wrap img {
height: 100%;
width: 100%;
}
.about-img-wrap .bwe-fav-ellipse {
left: 50%;
top: 55%;
transform: translate(-50%, -50%);
}
.marquee {
overflow: hidden;
padding-block: 15px !important; width: 100%;
}
.marquee-content {
display: flex;
gap: 20px;
white-space: nowrap;
width: max-content;
}
.flex-mrq-item {
flex: 0 0 auto;
padding-inline: 25px; justify-content: center;
gap: 10px;
white-space: nowrap;
padding: 20px;
}
.flex-mrq-item img {
height: 30px;
width: auto;
object-fit: contain;
}
.grid-wcu-wrap {
grid-template-columns: 26% 5% auto;
padding-bottom: 60px;
}
.wcu-img img {
height: 100%;
object-fit: cover;
width: 100%;
}
.wcu-content {
background: rgba(25, 90, 149, 1);
padding: 50px;
margin-top: 60px;
height: 100%;
justify-content: space-between;
gap: 0;
}
.flex-col-toogle-list {
gap: 25px;
}
.flex-col-toogle-list li {
padding: 18px 40px 18px 90px;
width: fit-content;
position: relative;
}
.grid-wcu-wrap .bwe-fav-ellipse {
right: 150px;
top: 50%;
}
.flex-industries {
gap: 25px;
flex-wrap: wrap;
justify-content: space-around;
}
.flex-industries .flex-col-sec-hd {
flex: 0 0 30%;
}
.flex-col-ind-card {
padding: 30px;
align-items: center;
text-align: center;
gap: 15px;
max-width: 150px;
width: 100%;
height: 100%;
}
.flex-tech-item {
gap: 25px;
}
.flex-tech-item .flex-tech-col {
justify-content: center;
padding: 10px;
}
.flex-tech-item .flex-tech-col img {
height: 40px;
width: 40px;
object-fit: contain;
}
.tech-wrap .bwe-fav-ellipse {
position: unset;
}
.vid-thumbnail img {
height: 100%;
width: 100%
}
.award-wrap {
gap: 20px 0px;
}
.flex-award-img img {
height: 120px;
width: 120px;
object-fit: contain;
}
.team-md-wrap {
position: relative;
}
.team-md-wrap .bwe-fav-ellipse {
right: -50px;
top: 80px;
}
:is(.wcu-content, .team-md-wrap) .bwe-fav-ellipse {
width: 150px;
height: 150px;
padding: 10px;
}
:is(.wcu-content, .team-md-wrap) .bwe-fav-ellipse .flex-go-icon {
height: 75px;
width: 75px;
}
:is(.wcu-content, .team-md-wrap) .bwe-fav-ellipse .flex-go-icon img {
height: 40px;
width: 40px;
}
:is(.wcu-content, .team-md-wrap) .bwe-fav-ellipse .flex-badge-text .text-layer {
padding: 17px
}
/*--------team-card---------start----------*/
.team-block {
position: relative;
text-align: center;
}
.team-block .image-box {
position: relative;
height: 100%;
width: 100%;
padding: 23px 22px;
}
.team-block .image-box figure {
position: relative;
height: 100%;
width: 100%;
border-radius: 50%;
margin-bottom: 0;
overflow: hidden;
z-index: 1;
}
.team-block .image-box figure img {
width: 100%;
-webkit-transition: .4s;
transition: .4s;
}
.team-block .flex-team-social-icn {
position: absolute;
z-index: 99;
top: 30px;
left: 30px;
justify-content: center;
height: 45px;
width: 45px;
}
.team-block .flex-col-team-info {
align-items: center;
margin-top: 8px;
}
.flex-col-name-bdg {
background: var(--sc);
position: absolute;
bottom: 70px;
left: 50%;
transform: translateX(-50%);
padding: 15px 20px;
border-radius: 10px;
align-items: center;
text-align: center;
white-space: nowrap;
}
.tabsCon .tabcontent {
display: none;
}
.tabsCon .tab {
gap: 15px 20px;
flex-wrap: wrap;
}
.tabsCon .flex-col-tab-card {
padding: 20px;
gap: 20px;
height: 100%
}
.tabsCon .flex-col-tab-card .tab-img {
position: relative;
overflow: hidden;
}
.tabsCon .flex-col-tab-card .tab-img img {
border-radius: 4px;
height: 100%;
width: 100%;
}
.tabsCon .flex-col-tab-card .sc-flex-btn {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, 0px);
z-index: 99999;
opacity: 0;
visibility: hidden;
transition: all .4s;
}
/*-------------testimonial-card----------start---------------*/
.flex-col-rev-cta {
border-radius: 10px;
justify-content: center;
align-items: center;
gap: 20px;
height: 100%;
padding: 40px;
text-align: center;
}
.flex-col-rev-cta .flex-google-rating, .flex-rev-rating {
gap: 5px;
}
.grid-testimonial {
grid-template-columns: 360px 70px auto;
gap: 20px;
padding-inline: 75px 10px; }
.custom-pagination {
gap: 15px;
justify-content: center;
align-items: center;
z-index: 10;
}
.custom-pagination .swiper-pagination-bullet {
width: 45px;
height: 45px;
opacity: unset;
display: flex;
align-items: center;
justify-content: center;
margin: 0 !important;
}
.homepageReview {
width: 100%;
padding: 5px !important;
position: unset !important;
}
.homepageReview .swiper-pagination {
bottom: 18px !important;
left: 140px !important;
width: fit-content !important;
}
.swiper-slide {
display: flex;
height: auto;
}
/*
.half-wrap-bg .swiper-wrapper {
height: 100% !important
} */
.flex-col-testimonial-card {
padding: 30px;
gap: 15px;
position: relative;
}
.flex-col-testimonial-card .flex-rev-user {
gap: 15px;
}
.flex-col-testimonial-card .flex-rev-user img {
border-radius: 50%;
width: 50px;
height: 50px;
object-fit: cover;
}
.flex-col-custom-pagination-wrapper {
justify-content: center;
align-items: center;
gap: 15px;
}
.pagination-arrow {
width: 45px;
height: 45px;
justify-content: center;
}
.vid-thumbnail {
position: relative;
}
.vid-thumbnail .vidPlayBtn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.playBtn {
height: 70px;
width: 70px;
z-index: 99;
align-items: center;
display: flex;
justify-content: center;
}
.vid-thumbnail .flex-videoModal {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: none;
height: 100%;
width: 100%;
justify-content: center;
z-index: 999;
}
.vid-thumbnail .flex-videoModal.active, .vid-thumbnail .flex-videoModal.active:after {
display: flex;
}
.vid-thumbnail .flex-videoModal:after {
content: '';
position: absolute;
inset: 0;
height: 100%;
width: 100%;
display: none;
background: #000000ed;
z-index: -1;
}
.close-videoModal {
position: fixed;
right: 20px;
top: 20px;
cursor: pointer;
z-index: 9999;
}
/*---------service-sec..-start---------*/
.result-container {
flex-direction: column;
display: flex;
margin-top: 80px
}
.result-container .flex-res-rating {
max-width: 520px;
width: 100%;
height: fit-content;
padding: 15px 40px;
margin-inline:auto }
.result-container .flex-res-rating ul {
gap: 5px;
}
.flex-res-col {
flex-wrap: wrap;
gap: 10px 20px;
}
.service-con {
background: url(../../../../../../uploads/2025/11/srvc-bg-img.webp) no-repeat center center / cover;
padding-block: 70px 80px; }
.flex-col-srvc-card {
padding: 30px 25px;
position: relative;
gap: 25px;
}
:is(.flex-col-srvc-card, .flex-col-dp-card, .grid-process-step) .flex-srvc-icn {
height: 75px;
width: 75px;
}
.flex-col-srvc-card .grid-srvc-detl {
grid-template-columns: 28% auto;
align-items: center;
gap: 15px 25px;
}
.flex-col-srvc-card .srvc-no {
position: absolute;
right: 20px;
top: 10px;
}
.flex-col-srvc-card {
max-width: 330px;
width: 100%;
}
.service-con .srvc-lhs-card .col-lg-12:not(:nth-child(2)) .flex-col-srvc-card, .service-con .srvc-rhs-card .col-lg-12:nth-child(2) .flex-col-srvc-card {
margin-left: auto;
}
.flex-col-portfolio {
gap: 20px;
}
.service-con .srvc-portfolio {
position: relative;
max-height: 720px;
height: 100%;
width: 100%;
padding-inline: 10px; overflow: hidden;
}
/*------------***Homepage-style---start***------------*/
/*---------------------------heroBanner-start---------------------------*/
.hero-bg .flex-bwe-wel {
background: var(--white);
border-radius: 90px;
font-size: 14px;
color: #000000CC;
border: 1px solid #C4C4C4;
}
:is(.hero-bg, .default-form) .hero-form-wrap {
background: var(--white);
padding: 30px 30px 40px;
border-radius: 24px;
border: 1px solid #C7C7C7;
position: relative;
}
:is(.hero-bg, .default-form) .hero-form-wrap .form-ttl {
font-size: 24px;
font-weight: 600;
position: relative;
}
:is(.hero-bg, .default-form) .hero-form-wrap .form-ttl-sep, .colored-content-wrap .form-ttl-sep {
height: 3px;
width: 100px;
margin-top: 10px;
background: var(--sc);
overflow: hidden;
}
.hero-bg .flex-col-content, /* .hero-bg .hero-form-wrap, */
.hero-form-wrap form .form-ttl-sep, .colored-content-wrap .form-ttl-sep {
position: relative;
z-index: 0;
}
:is(.hero-bg, .hero-bg .flex-col-content, :is(.hero-bg, .default-form) .hero-form-wrap, .colored-content-wrap .form-ttl-sep, :is(.hero-bg, .default-form) .hero-form-wrap, .hero-form-wrap form .form-ttl-sep, :is(.hero-bg, .default-form) .hero-form-wrap form):before, :is(:is(.hero-bg, .default-form) .hero-form-wrap form .form-ttl-sep, .colored-content-wrap .form-ttl-sep, :is(.hero-bg, .default-form) .hero-form-wrap form, .hero-bg .hero-form-wrap):after {
content: '';
position: absolute;
}
.hero-bg:before {
inset: 0;
height: 100%;
z-index: -111111;
width: 100%;
background: linear-gradient(180deg, rgb(255 255 255 / 91%) 12.84%, rgb(255 207 133 / 89%) 133.22%);
}
.hero-bg .flex-col-content:before {
right: 50px;
top: 120px;
width: 50px;
height: 80px;
background: url(../../../../../../uploads/2025/11/hero-con-arrow.webp) no-repeat center center / contain;
animation: moveImg 4s ease-in-out infinite;
}
@keyframes moveImg {
0% {
transform: translate(0, 0);
}
40% {
transform: translate(10px, 0);
}
70% {
transform: translate(15px, -50px);
}
100% {
transform: translate(0, 0);
}
}
:is(.hero-bg, .default-form) .hero-form-wrap:before {
background: url(../../../../../../uploads/2025/12/hero-form-sep.webp) no-repeat center center / contain;
height: 40px;
width: 40px;
top: -20px;
left: -30px;
animation: zigzagSpinScale 2s infinite;
}
.hero-bg .hero-form-wrap:after {
background: url(../../../../../../uploads/2025/11/form-sep.svg) no-repeat center center / cover;
height: 700px;
width: 150px;
left: -90px;
top: 40%;
transform: translateY(-50%);
z-index: -100000;
}
:is(.hero-bg, .default-form) .hero-form-wrap form:after {
background: url('data:image/svg+xml,') no-repeat center center / cover;
height: 58px;
width: 58px;
right: -25px;
top: -25px
}
:is(.hero-bg, .default-form) .hero-form-wrap form:before {
background: url(../../../../../../uploads/2025/11/hero-form-star.svg) no-repeat center center / cover;
height: 38px;
width: 38px;
right: 20px;
top: 80px;
animation: spinScale 2s linear infinite;
}
@keyframes spinScale {
0% {
transform: rotate(0deg) scale(1);
}
50% {
transform: rotate(180deg) scale(0);
}
100% {
transform: rotate(360deg) scale(1);
}
}
:is(.hero-bg, .default-form) .hero-form-wrap form .form-ttl-sep:before, .colored-content-wrap .form-ttl-sep:before, :is(.hero-bg, .default-form) .hero-form-wrap form .form-ttl-sep:after, .colored-content-wrap .form-ttl-sep:after {
height: 100%;
width: 10px;
background: var(--pc);
top: 0;
}
:is(.hero-bg, .default-form) .hero-form-wrap form .form-ttl-sep:before, .colored-content-wrap .form-ttl-sep:before {
animation: moveLineA 1.3s linear infinite;
}
:is(.hero-bg, .default-form) .hero-form-wrap form .form-ttl-sep:after, .colored-content-wrap .form-ttl-sep:after {
animation: moveLineB 1.5s linear infinite;
}
@keyframes moveLineA {
0% {
left: 0px;
}
100% {
left: 100%;
}
}
@keyframes moveLineB {
0% {
left: 0px;
}
100% {
left: 100%;
}
}
.ribbon span {
font-size: 18px;
color: var(--white);
font-weight: 700;
}
.ribbon::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transform: skew(-11deg) rotate(-12deg);
z-index: 1;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
animation: zigzagHold 20s infinite;
}
@keyframes zigzagHold {
0% {
transform: skew(-11deg) rotate(-12deg) translateX(0);
}
20% {
transform: skew(-11deg) rotate(-12deg) translateX(-8px);
}
40% {
transform: skew(-11deg) rotate(-12deg) translateX(8px);
}
60% {
transform: skew(-11deg) rotate(-12deg) translateX(-8px);
}
80% {
transform: skew(-11deg) rotate(-12deg) translateX(8px);
}
105% {
transform: skew(-11deg) rotate(-12deg) translateX(0);
}
}
.ribbon-orange::before {
background: linear-gradient(90deg, #ee7d05, #ee7d05);
}
.ribbon-purple::before {
background: linear-gradient(90deg, #9c5cff, #6f42c1);
}
.ribbon-purple span {
font-weight: 400;
letter-spacing: 5px
}
@media (width <=1400px) {
.ribbon-box {
left: 80%;
top: -20px;
white-space: nowrap;
}
.hero-bg .flex-col-content:before {
right: 0
}
.header nav ul li a:not([class*="flex-btn"]) {
font-size: 14px;
white-space: unset;
}
.header nav ul {
white-space: unset
}
}
.default-form .hero-form-wrap {
padding: 20px !important;
background: #efefef;
}
.default-form .hero-form-wrap .form-ttl {
font-size: 18px
}
.default-form .hero-form-wrap button {
justify-content: center;
width: 100%
}
/*---------------------------Stats-start---------------------------*/
.grid-stats-wrap [class*="flex"] {
background: var(--pc);
border-left: 1px solid rgba(255, 255, 255, 0.17);
}
.grid-stats-wrap [class*="flex"]:first-child {
background: var(--sc);
}
.grid-stats-wrap [class*="flex"] {
gap: 10px 20px;
line-height: 1
}
.grid-stats-wrap [class*="flex"] .satisf-ttl {
font-size: 20px;
font-weight: 600;
padding: 0 !important;
border: 0 !important;
line-height: 26px;
}
.grid-stats-wrap [class*="flex"] .satisf-no {
font-size: 35px;
font-weight: 600
}
.grid-stats-wrap [class*="flex"]:not(:first-child) :is(.satisf-no, p) {
margin-bottom: 0;
color: var(--white)
}
.flex-callBtn .flex-callBtnIcn {
border: 1px solid var(--pc);
height: 48px;
width: 48px;
border-radius: 50%;
}
.flex-callBtn .flex-col-callBtn span {
color: rgba(0, 0, 0, 0.8);
font-size: 14px;
}
.flex-callBtn .flex-col-callBtn a {
font-weight: 600;
font-size: 18px
}
.light-bg {
background: #EBF0F7;
padding-block: 50px; }
.marqueeRTL {
animation: marqueeRTL 35s linear infinite;
}
@keyframes marqueeRTL {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
.marqueeLTR {
animation: marqueeLTR 35s linear infinite;
}
@keyframes marqueeLTR {
0% {
transform: translateX(-50%);
/* content left se bahar */
}
100% {
transform: translateX(0%);
/* content normal position pe */
}
}
.flex-mrq-item {
background: var(--white);
border: 1px solid #F6F6F6;
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
}
.wcu-divider {
height: 100%;
background: rgba(20, 69, 113, 1);
transform: skewY(40deg);
width: 100%;
margin-top: 30px;
}
.light-head [class*="flex-col-sec-hd"] :is(h2, p, div, span, a) {
color: var(--white);
}
.light-head [class*="flex-col-sec-hd"] a {
text-decoration: underline;
font-weight: 600
}
.flex-col-toogle-list li {
background: var(--white);
border-radius: 90px;
font-size: 18px;
font-weight: 600;
}
.flex-col-toogle-list li:hover {
transition: all .4s ease;
background: #FEF7D0;
}
.flex-col-toogle-list li:after {
content: '';
position: absolute;
left: 25px;
top: 50%;
transform: translateY(-50%);
background: url('data:image/svg+xml,') no-repeat;
height: 30px;
width: 46px;
}
.grid-wcu-wrap a:not([class*="flex-btn"]) {
color: #F6911E;
font-weight: 600;
}
.grid-wcu-wrap p {
margin-bottom: 0;
color: var(--white)
}
.light-bg-sep:after {
background: #EBF0F7;
height: 100px;
width: 100%;
inset: 0;
}
.sec-bg-sep:after {
background: #F5F5F5;
}
.wcu-content:after {
background: url(../../../../../../uploads/2025/11/sep-icn-2.webp) no-repeat center center / contain;
height: 160px;
width: 160px;
right: 0;
top: 0px;
z-index: 99;
}
.wcu-content:before {
background: url(../../../../../../uploads/2025/11/sep-icn-3.webp) no-repeat center center / contain;
height: 200px;
width: 200px;
right: 0;
bottom: -1px;
z-index: -1;
}
.flex-col-ind-card {
background: #F5F5F5;
border-radius: 10px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.flex-col-ind-card {
transition: all .4s ease;
}
.flex-col-ind-card:hover img {
transition: all .4s ease;
transform: rotateY(360deg);
}
.flex-col-ind-card .ind-ttl {
font-size: 14px;
font-weight: 600
}
.flex-tech-item .flex-tech-col {
background: var(--white);
box-shadow: 0px 1px 4px rgba(116, 116, 116, 0.25);
border-radius: 10px;
}
/*--------team-card---------start----------*/
.team-block .image-box {
border-radius: 50%;
background: var(--white);
}
.team-block .image-box figure {
transition: .7s;
box-shadow: 0 0 14px 0 #8f8f8f85;
}
.team-block .flex-team-social-icn {
background: var(--white);
transition: all .3s;
border-radius: 50%;
box-shadow: 0 5px 20px rgb(0 0 0 / 20%);
}
.team-block .image-box:after, .team-block .image-box:before {
position: absolute;
content: "";
left: 0;
bottom: 0;
width: 95%;
height: 50%;
border-top: 0 !important;
border-radius: 0 0 200px 200px;
transition: .7s;
}
.team-block .image-box:before {
border: 5px solid #e3e3e352;
}
.team-block .image-box:after {
border: 5px solid #bdbdbd;
clip-path: polygon(50% 0, 50% 0, 50% 50%, 50% 100%, 50% 100%, 50% 50%);
}
.team-block:hover img {
transform: scale(1.1);
transition: .7s;
transform-origin: top center;
}
.team-block:hover .flex-team-social-icn {
transition: all .3s;
background: var(--pc);
}
.team-block:hover .flex-team-social-icn svg {
--pc: var(--white);
}
.team-block:hover .image-box:after {
border: 5px solid var(--pc);
clip-path: polygon(25% -70%, 75% -70%, 120% 50%, 75% 170%, 25% 170%, -20% 50%);
}
:is(.flex-col-name-bdg, .team-block) .name {
font-size: 20px;
font-weight: 600;
color: var(--black);
}
:is(.flex-col-name-bdg, .team-block) .designation {
font-size: 16px;
color: var(--black);
}
.team-block .designation {
color: #7D8185;
}
.tabsCon .tab :is(button, a) {
background: transparent;
border: 1px solid #D4D4D4;
color: var(--white);
padding: 10px 25px;
border-radius: 90px;
font-size: 16px;
cursor: pointer;
}
.tabsCon .tab :is(button, a).active {
background: rgba(255, 181, 65, 0.2);
border: 1px solid var(--sc);
}
.tabsCon .flex-col-tab-card {
background: var(--white);
border-radius: 10px;
}
.tabsCon .flex-col-tab-card .tab-img {
filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.25));
border-radius: 4px;
}
.tabsCon .flex-col-tab-card .tab-detl a {
color: var(--pc);
font-weight: 500;
font-size: 20px;
position: relative;
}
.tabsCon .flex-col-tab-card:hover .tab-detl a {
transition: all .4s;
padding-left: 23px;
}
.tabsCon .flex-col-tab-card .tab-detl a:after {
transition: all .4s;
content: '';
position: absolute;
height: 10px;
width: 10px;
border-radius: 50%;
background: #F6911E;
left: 0;
top: 50%;
transform: translateY(-50%);
opacity: 0;
transition: all .4s;
visibility: hidden;
}
.tabsCon .flex-col-tab-card:hover .tab-detl a:after {
transition: all .4s;
opacity: 1;
visibility: visible;
}
.tabsCon .flex-col-tab-card .tab-img:after {
content: '';
position: absolute;
inset: 0;
height: 0%;
width: 100%;
background: rgba(0, 0, 0, 0.35);
border-radius: 4px;
transition: all .4s;
opacity: 0;
visibility: hidden;
}
.tabsCon .flex-col-tab-card:hover .tab-img:after {
transition: all .4s;
opacity: 1;
height: 100%;
visibility: visible;
}
.tabsCon .flex-col-tab-card:hover .sc-flex-btn {
opacity: 1;
visibility: visible;
transition: all .4s;
transform: translate(-50%, -50%);
}
.tab-sep-arrow:before {
background: url(../../../../../../uploads/2025/11/tab-sep.webp) no-repeat center center / contain;
height: 50px;
width: 100px;
right: 30px;
bottom: 0;
animation: zigzagSpinScale 2s infinite;
}
/*-------------testimonial-card----------start---------------*/
.flex-col-rev-cta .flex-google-rating .rev-no {
font-weight: 700;
font-size: 40px;
color: var(--white)
}
.flex-col-rev-cta p {
color: var(--white);
font-weight: 600;
font-size: 18px;
}
.custom-pagination .swiper-pagination-bullet {
border-radius: 50%;
background: #195A95;
color: var(--white);
cursor: pointer;
box-shadow: 0 4px 8px rgba(10, 30, 60, 0.08);
transition: transform .18s ease, background .18s ease;
font-size: 16px;
}
.custom-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--sc);
color: var(--black);
transform: scale(1.03);
}
.flex-col-testimonial-card {
box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.25);
border-radius: 10px;
background: var(--white);
transition: all .3s;
border: 1px solid transparent;
}
.flex-col-testimonial-card:after {
content: '';
position: absolute;
height: 50px;
width: 50px;
background: url('data:image/svg+xml,') no-repeat center center / contain;
right: 25px;
top: 20px;
}
.flex-col-testimonial-card:hover {
transition: all .3s;
border: 1px solid rgba(5, 72, 139, 0.41);
}
.flex-col-testimonial-card .testimonial-title {
font-size: 20px;
font-weight: 600;
}
.flex-col-testimonial-card .ud-rev {
font-weight: 600;
font-size: 16px;
color: #808080
}
.pagination-arrow {
border-radius: 50%;
cursor: pointer;
transition: 0.2s;
background: var(--white);
border: 1px solid var(--pc);
}
.pagination-arrow:hover {
background: #f5faff
}
.playBtn {
background: rgba(255, 255, 255, 0.6);
animation: pulse 1.2s infinite;
border-radius: 50%;
border: 0;
cursor: pointer;
}
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
transform: scale(1);
}
50% {
box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
transform: scale(1.02);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
transform: scale(1);
}
}
/*---------service-sec..-start---------*/
.result-container .flex-res-rating {
background-color: var(--sc);
border-radius: 35px 35px 0 0;
}
.result-col-wrap {
background: #fff8ec;
padding: 30px;
border-top: 2px solid var(--sc);
}
.flex-res-col .flex-res-icn {
background: #10395E;
outline: 5px solid rgba(16, 57, 94, 0.2);
transition: all .3s ease;
height: 68px;
width: 68px;
border-radius: 50%;
}
.flex-col-res-smry .res-ttl {
font-weight: 600;
font-size: 16px
}
.flex-col-res-smry .res-inc {
font-size: 24px;
font-weight: 700
}
.flex-res-col:hover .flex-res-icn {
background: var(--sc);
transition: all .3s ease;
outline: 5px solid rgba(255, 181, 65, 0.2);
}
.flex-res-col:hover .flex-res-icn svg {
fill: var(--black)
}
.flex-col-srvc-card {
background: linear-gradient(180deg, #10395E 0%, #2177C4 171.89%);
border: 1px solid #287BC7;
border-radius: 10px;
transition: background .7s ease-in-out .2s;
}
.flex-col-srvc-card:hover {
background: linear-gradient(90deg, #2177c46b 171.89%, #10395e73 0%);
transition: background .7s ease-in-out .2s;
}
:is(.flex-col-srvc-card, .flex-col-dp-card, .grid-process-step) .flex-srvc-icn {
background: linear-gradient(180deg, #10395E 0%, #2177C4 171.89%);
border: 1px solid #287BC7;
border-radius: 10px
}
.flex-col-srvc-card p {
margin-bottom: 0;
color: rgba(255, 255, 255, 0.8);
}
.flex-col-srvc-card .h5 {
margin-bottom: 0;
color: var(--white);
line-height: 1.5
}
.flex-col-srvc-card .srvc-no {
color: rgba(255, 255, 255, 0.28);
font-size: 30px;
font-weight: 700;
}
.flex-col-srvc-card:hover .srvc-no {
color: var(--white);
}
.service-con .srvc-portfolio::after {
content: '';
position: absolute;
bottom: -50px;
left: 0;
height: 100px;
width: 100%;
background: #10395ef7;
filter: blur(25px);
pointer-events: none;
}
.marqueeTtB {
animation: marqueeTtB 15s linear infinite;
}
@keyframes marqueeTtB {
from {
transform: translateY(0);
}
to {
transform: translateY(-50%);
}
}
.marqueeBtT {
animation: marqueeBtT 15s linear infinite;
}
@keyframes marqueeBtT {
from {
transform: translateY(-50%);
}
to {
transform: translateY(0%);
}
}
/*-----layout-css-for-landing-page-----*/
.temp__hero-banner .grid-3 {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.temp__hero-banner .grid-3 .bwe-logo {
padding: 15px;
gap: 10px;
}
.sec-radius {
border-radius: 10px;
padding: 20px;
}
.client-logos .flex-mrq-item img {
height: 70px
}
.landingPage__scroll_card .flex-col-insta-detl {
padding: 0 20px;
}
.landing__footer {
position: relative;
z-index: 0;
background: #f2f2f2;
}
.flex-col-form-control {
gap: 8px;
}
.temp__hero-banner .flex-hero-list {
gap: 15px 35px;
flex-wrap: wrap;
}
/*-----style-css-for-landing-page-----*/
.template-page .default-form .hero-form-wrap {
border-radius: 12px;
}
.landingPage__header .flex-col-callBtn a {
color: var(--pc)
}
.temp__hero-banner {
padding-block: 60px;
background: linear-gradient(90deg, #04202a 0, #092834 25%, rgb(0 0 0 / 77%) 100%), url(https://tolak-nextjs.vercel.app/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fservice-1-5.9497fbd5.jpg&w=384&q=75) no-repeat center / cover;
}
.temp__hero-banner h1 {
font-size: 40px;
line-height: 1.4;
font-weight: 600;
color: var(--white);
margin-bottom: 30px
}
.temp__hero-banner .grid-3 {
background: #6c6c6c2b;
padding: 15px;
}
.temp__hero-banner .grid-3 .bwe-logo {
border-right: 1px dotted #ddd;
}
.temp__hero-banner .grid-3 .bwe-logo p {
color: rgba(255, 255, 255, 90%);
}
.temp__hero-banner .grid-3 .bwe-logo:nth-last-child(n+4) {
border-bottom: 1px dotted #ddd
}
.temp__hero-banner .grid-3 .bwe-logo:nth-of-type(3n-3) {
border-right: unset
}
.landingPage__scroll_card {
border: 1px solid #dee2e68f;
background: transparent !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
padding: 0;
}
.light-bg .border-right {
border-right: 1px solid #000;
padding-right: 10px;
}
.landingPage__scroll_card .flex-col-insta-detl .h5 {
color: var(--black) !important;
font-weight: 600;
}
.landing__footer:before {
content: "";
background: linear-gradient(90deg, #04202a 0, #092834 25%, rgb(0 0 0 / 77%) 100%), url(../../../../../../uploads/2025/12/landing_footer_before.webp) no-repeat center / cover;
width: 52%;
position: absolute;
inset: 0;
z-index: -3;
}
.landing__footer .flex-con-info .flex-info-con-icn {
background: var(--white);
}
.landing__footer .img-con :is(div, span, a, p, h2) {
color: var(--white) !important;
overflow-wrap: anywhere;
}
.landing__footer a:hover{
color:var(--white);
text-decoration:underline
}
.flex-col-form-control label {
font-weight: 500;
}
.temp__hero-banner :is(.flex-hero-list, p:not(.hero-form-wrap p)) {
color: var(--white);
}
.temp__hero-banner .flex-hero-list li {
position: relative;
padding-left: 20px;
}
.temp__hero-banner ul.flex-hero-list li:before {
content: "";
width: 10px;
height: 10px;
margin-right: 10px;
background: #f19505;
border-radius: 2px;
position: absolute;
left: 0;
top: 7px;
}
.template-page .landingPage__header .sc-flex-btn{
display:none;
padding: 7px 15px;
font-size: 14px;
}
.temp__hero-banner h1.temp__hero_title {
font-size: 52px;
}
.animate svg {
animation: rotate 7s normal linear infinite
}
@keyframes rotate {
0 {
transform: rotate3d(0,0,1,0)
}
25% {
transform: rotate3d(0,0,1,90deg)
}
50% {
transform: rotate3d(0,0,1,180deg)
}
75% {
transform: rotate3d(0,0,1,270deg)
}
100% {
transform: rotate3d(0,0,1,360deg)
}
}
.colored-content-wrap::after {
content: unset !important;
}
.flex-reach-between {
background: var(--white);
padding: 15px;
border-radius: 4px;
}
.flex-reach-between span {
background: var(--pc);
color: var(--white);
padding: 10px 20px;
font-size: 20px;
border-radius: 5px;
}
.landing__pg-service .flex-col-ind-card {
padding: 20px 15px;
background: var(--white);
max-width: unset !important;
}
.landing__pg-service .flex-col-ind-card a {
font-size: 16px;
font-weight: 600;
}
/*//responsive-query=================start*/
@media (width <=1024px) {
.hero-bg .flex-col-content h1 {
max-width: unset !important
}
.hero-bg {
padding-block: 30px; }
.flex-logo-wrapper img {
height: 60px;
width: 60px;
object-fit: contain;
}
.hero-bg .hero-form-wrap {
margin-left: unset !important;
padding: 20px
}
:is(.hero-bg, .default-form) .hero-form-wrap .form-ttl {
font-size: 18px;
}
:is(.hero-bg .flex-col-content, .hero-bg .hero-form-wrap, .hero-bg .hero-form-wrap, .hero-form-wrap form .form-ttl-sep, .hero-bg .hero-form-wrap form):before, .team-md-wrap .bwe-fav-ellipse, :is(.hero-bg .hero-form-wrap form .form-ttl-sep, .hero-bg .hero-form-wrap form, .hero-bg .hero-form-wrap, .light-bg-sep):after, .header .widget_bwe-service-logo-widget:before, .header .widget_bwe-service-logo-widget:after {
display: none;
}
.grid-stats-wrap {
grid-template-columns: repeat(2, 1fr);
}
.grid-stats-wrap [class*="flex"] {
flex-direction: column;
align-items: center;
text-align: center;
}
.grid-stats-wrap [class*="flex"]:not(:first-child) :is(.satisf-ttl, .satisf-ttl p) {
font-size: 14px;
font-weight: normal;
}
.grid-stats-wrap [class*="flex"]:last-child {
border-top: 1px solid rgba(255, 255, 255, 0.17);
}
.grid-stats-wrap [class*="flex"] {
justify-content: space-between;
}
.grid-stats-wrap [class*="flex"] {
padding: 20px 15px !important
}
.grid-wcu-wrap {
grid-template-columns: auto !important;
padding-bottom: unset;
}
.grid-wcu-wrap :is(.wcu-img, .wcu-divider, .bwe-fav-ellipse),
.whatsapp-chat{
display: none !important;
}
.wcu-content {
padding: 30px;
height: unset;
justify-content: unset;
margin-top: unset !important;
}
.flex-col-toogle-list li {
font-size: 15px;
padding: 12px 30px 12px 70px;
}
.flex-col-toogle-list li:after {
left: 15px;
}
.wcu-content:before {
height: 150px;
width: 150px
}
.flex-tech-item {
gap: 10px;
}
.team-block .flex-team-social-icn {
top: 15px;
left: 10px;
height: 40px;
width: 40px;
}
.team-block .image-box {
padding: 20px
}
.team-block .name {
font-size: 16px;
}
.team-block .designation {
font-size: 14px
}
.tabsCon .tab {
flex-wrap: nowrap;
overflow: scroll;
white-space: nowrap;
justify-content: start;
padding-bottom: 10px;
}
.grid-testimonial {
grid-template-columns: auto;
}
.flex-col-custom-pagination-wrapper, .flex-col-swiper-bullets {
flex-flow: row !important;
justify-content: space-between;
}
.custom-pagination {
width: fit-content !important;
justify-content: end !important
}
.flex-col-rev-cta {
padding: 25px
}
.pagination-arrow {
transform: rotate(90deg);
}
.flex-col-testimonial-card {
padding: 18px !important
}
.flex-col-custom-pagination-wrapper {
order: 3
}
.service-con .srvc-lhs-card .col-lg-12:not(:nth-child(2)) .flex-col-srvc-card, .service-con .srvc-rhs-card .col-lg-12:nth-child(2) .flex-col-srvc-card {
margin-left: unset !important;
}
.flex-col-srvc-card {
max-width: 100%;
}
.ribbon-box {
display: none !important;
}
.flex-industries .flex-col-sec-hd {
flex: 0 0 100% !important;
}
.flex-col-ind-card:not(.flex-col-ind-card.inds-card, .landing__pg-service .flex-col-ind-card) {
padding: 30px;
width: 45%;
}
.template-page .grid-3 {
padding:0 !important
}
.template-page .grid-3 .bwe-logo p{
font-size:11px
}
.template-page .bwe-logo {
border: 1px dotted #ddd;
}
.bwe-logo:nth-of-type(3n-3) {
border-right: 1px dotted #ddd !important;
}
.temp__hero-banner h1 {
font-size: 25px !important
}
.template-page .hero-form-wrap:before, .template-page .hero-form-wrap form:before, .template-page .hero-form-wrap form:after {
content: unset !important
}
.temp__hero-banner, .template-page .service-con {
padding-block:30px !important }
.light-bg .border-right {
font-size: 20px;
border: unset !important;
padding: unset !important;
margin-bottom: 20px !important;
}
.sec-radius {
padding: 30px !important;
}
.landing__footer:before {
width: 100% !important;
height: 43%;
}
.template-page .landingPage__header .sc-flex-btn,
.flex-footer_fxd_strip{
display:flex !important
}
}
/* Tablet Screens */
@media (600px <=width <=1024px) {
.grid-5, .grid-7 {
grid-template-columns: repeat(3, 1fr)
}
.grid-testimonial {
padding: 0 50px 30px;
}
.flex-col-ind-card {
flex: 0 0 21%;
}
}
/* Small Mobile Screens */
@media (width <=600px) {
.grid-5, .grid-7 {
grid-template-columns: repeat(2, 1fr)
}
.grid-testimonial {
padding: 0 25px 30px;
}
.vid-thumbnail .flex-videoModal iframe {
width: 300px;
height: 170px;
}
.result-col-wrap {
padding: 20px 0px;
}
.flex-col-res-smry .res-ttl {
font-size: 14px;
}
.flex-res-col .flex-res-icn {
height: 50px;
width: 50px;
}
.flex-col-res-smry .res-inc {
font-size: 20px;
}
}
/* page-css---start-------------- */
/*------------***Page-Layout---start***------------*/
.flex-col-page-stts {
align-items: center;
text-align: center;
gap: 15px;
}
.flex-col-page-stts img {
height: 350px;
width: 100%;
object-fit: contain;
}
.bg-half-con .title {
white-space: nowrap;
position: absolute;
top: 41%;
left: -90px;
}
.form-section form button:hover {
background: var(--pc) !important;
color: var(--white) !important;
}
.form-section form button:hover svg path {
fill: var(--white)
}
.flex-con-info {
gap: 10px 20px;
/* flex-wrap: wrap; */
align-items: start;
}
.grid-con-info {
display: grid;
grid-template-columns: 11% auto;
}
.flex-con-info .flex-info-con-icn {
height: 60px;
width: 60px;
flex-shrink: 0;
justify-content: center;
}
.flex-social-icn {
gap: 12px;
}
.career-bg-img {
background: url(../../../../../../../p/AF1QipN9Hhna4IBMkwEaisllGIoo6ne1AjzkRp22Afsu=s680-w680-h510-rw) no-repeat center center/ cover;
}
.flex-col-career-hero-card {
padding: 25px;
align-items: center;
text-align: center;
gap: 10px;
}
.card-con .flex-col-srvc-card {
max-width: 500px;
}
.card-con .flex-col-srvc-card .grid-srvc-detl {
display: flex !important;
}
.flex-job-card-between {
padding: 30px;
flex-wrap: wrap;
gap: 20px;
}
.flex-job-card-between .flex-col-job-info {
gap: 15px;
}
.gall-img img {
height: 200px;
width: 100%;
object-fit: cover;
}
.gall-img .big-img {
height: 420px !important;
}
.gall-modal {
display: none;
position: fixed;
z-index: 99999999;
transform: translateY(-50%);
left: 0;
top: 50%;
width: 100%;
height: 100%;
overflow: auto;
background: rgba(0, 0, 0, 0.9);
text-align: center;
}
.gall-modal-content {
margin: auto;
display: block;
max-width: 90%;
max-height: 80vh;
}
.close-gall {
position: absolute;
top: 15px;
right: 25px;
cursor: pointer;
}
.single-page-content :is(h1, h2, h3, h4, h5, h6, p, ul, ol, figure) {
margin-bottom: 20px
}
.sidebarSearchForm button {
position: absolute;
height: 100%;
right: 0;
top: 0;
border-radius: unset;
border: transparent;
}
.flex-col-sidebarCta {
background: var(--pc) url(../../../../../../uploads/2025/11/blog-sidebar-cta-bg.webp) center center / cover;
color: var(--white);
padding: 30px;
/* text-align: center;
align-items: center; */
gap: 20px;
border-radius: 10px;
}
/*------blog-card------start-------*/
.flex-col-blog-card {
/* height: 100%; */
position: relative;
/* overflow: hidden; */
width: 100%;
padding: 30px 20px 20px 20px;
gap: 35px;
}
.flex-col-blog-card .img-placeholder, .flex-col-blog-card .img-placeholder img {
width: 100%;
object-fit: cover;
}
.img-placeholder {
background-color: #c7c7c7;
aspect-ratio: 16/9;
overflow: hidden;
}
.flex-col-blog-card .flex-col-crd-content {
gap: 7px;
flex: 1;
position: relative;
padding-inline: 50px 0px; }
.flex-col-blog-card [class*="-title"] {
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box !important;
margin-bottom: 0 !important;
overflow: hidden;
text-overflow: ellipsis;
}
.flex-col-blog-card .category {
position: absolute;
top: 50%;
left: 50%;
padding: 8px 15px;
transform: translate(-50%, -50%);
}
:is(.pagination, .pagination .nav-links, .pagination .nav-links .page-numbers) {
display: flex;
justify-content: center;
align-items: center;
}
.pagination {
margin-top: 50px;
}
.pagination .nav-links {
gap: 20px;
flex-wrap: wrap;
}
.pagination .nav-links .page-numbers {
width: 40px;
height: 40px;
overflow: hidden;
position: relative;
z-index: 1;
}
.flex-single-ath-profile {
/* margin-bottom: 30px; */
gap: 20px;
flex-wrap: wrap;
font-weight: 600;
font-size: 22px;
}
.flex-single-ath-profile img {
border-radius: 50%;
height: 80px;
width: 80px;
object-fit: cover;
}
.single-ath-summary .auth-social-follow ul {
list-style: none;
padding: 0;
}
.flex-col-lkdn-card {
overflow: hidden;
height: 100%;
}
.flex-col-lkdn-card .img-holder {
padding: 25px
}
.flex-col-lkdn-card .h5 {
text-align: center;
margin-bottom: 20px;
}
.flex-col-lkdn-card .sc-flex-btn {
width: 100%;
justify-content: center;
margin-top: auto;
}
.flex-col-insta-card {
padding: 20px;
gap: 25px;
}
.flex-col-insta-card .img-holder {
position: relative;
overflow: hidden;
aspect-ratio: 16 / 10;
}
.flex-col-insta-card .flex-insta-detl-between {
flex-wrap: wrap;
gap: 15px 20px;
}
.flex-col-yt-card .sc-flex-btn {
width: fit-content;
border: unset !important;
border-radius: 90px !important;
}
.flex-col-fb-card .img-holder {
height: 300px;
padding: 0;
aspect-ratio: 16/9;
position: relative;
overflow: hidden;
}
.flex-col-grph-card {
border: 1px solid #ccc !important;
padding: 15px !important;
}
.flex-col-grph-card .img-holder {
height: 100% !important;
}
.table-container {
width: 100%;
position: relative;
background: var(--white);
overflow-x: auto;
}
.table-hidden {
overflow: hidden !important
}
.table-hidden table {
min-width: unset !important
}
.table-container table {
width: 100%;
border-collapse: collapse;
min-width: 600px;
border: 1px solid #C3C3C3;
}
.table-container table thead th {
text-align: left;
padding: 15px 25px;
}
details summary {
padding: 15px 60px 15px 15px;
margin-top: 20px;
}
details :is(.h1, .h2, .h3, .h4, .h5, .h6) {
margin-bottom: 0 !important
}
:is(.inds-card, .flex-col-border-card) img {
height: 50px;
width: 50px;
object-fit: contain;
}
.inds-card {
padding: 20px;
max-width: unset !important;
}
.flex-col-border-card .flex-card-detl {
gap: 15px;
}
:is(.flex-col-border-card, .flex-col-wcu-card) {
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 25px;
gap: 15px;
}
.flex-col-port-card .img-holder {
padding: 20px
}
.flex-col-port-card .flex-col-port-detl {
background: rgb(220 238 255);
gap: 5px;
align-items: center;
padding-block: 15px; }
.flex-col-port-card .flex-col-port-detl p {
margin-bottom: 0
}
.seo-port-wrap {
background: #06091d url(../../../../../../../content/v1/60412dd90e5c1277769df09c/f0f53eea-5967-493c-bc88-c4ff68e44d49/Portfolio Site Background.jpg) no-repeat center bottom / cover;
background-blend-mode: screen;
height: 100%;
width: 100%;
padding: 40px;
border-radius: 20px;
position: relative;
overflow: hidden;
}
.seo-port-wrap .flex-col-insta-card .img-holder {
overflow: hidden;
height: 450px;
width: 100%;
}
.seo-port-wrap .flex-col-insta-card .img-holder {
aspect-ratio: unset;
}
.seo-port-wrap .flex-col-insta-card .img-holder img {
object-fit: cover;
overflow: hidden;
transition: all 2s ease-in-out;
width: 100%;
}
.seo-port-wrap .flex-col-insta-card .img-holder:hover img {
transform: translateY(calc(-70% + 200px));
transition: all 5s ease-in-out;
}
.seo-port-wrap .date {
position: absolute;
right: 0;
top: 0
}
.grid-content-wrap {
grid-template-columns: 40% auto;
gap: 20px 60px;
overflow: visible;
}
.grid-content-wrap .content-img {
position: relative;
}
.grid-content-wrap img {
width: 100%;
height: 100%;
}
.grid-content-wrap .content-img .content-shape {
position: absolute;
bottom: 0;
z-index: 9;
left: 0;
width: 100%;
padding: 0px 60px 15px 60px;
}
.grid-content-wrap .content-img .flex-shape-btn {
justify-content: center;
margin-top: 30px;
position: relative;
z-index: 9;
}
.grid-content-wrap .flex-col-content {
padding: 0 70px 70px 0;
position: sticky;
top: 100px;
margin-top: 100px;
align-self: start;
}
.sm-logo-card {
text-align: center !important;
}
.logo-container .row .col-lg-2 .sm-logo-card img {
width: 100%;
height: 130px;
object-fit: contain;
}
.half-wrap-bg {
position: relative;
padding-top: 70px;
z-index: 0;
}
.flex-col-slide-srvc-card {
padding: 35px 20px 30px;
gap: 10px;
/* height: 100%; */
align-items: center;
text-align: center;
margin-top: 30px;
}
.flex-slide-srvc-icn {
height: 70px;
width: 70px;
margin-bottom: 20px;
justify-content: center;
flex-shrink: 0;
position: relative;
z-index: 99;
}
.flex-col-slide-srvc-card .flex-slide {
gap: 30px !important;
}
.flex-col-slide-srvc-card .flex-slide-srvc-icn img {
height: 46px;
}
.service-card-wrap .flex-col-st-srvc-card {
margin-top: unset;
padding: 30px;
align-items: unset;
text-align: unset;
}
.accordion-col .flex-accordian-icon {
gap: 15px;
position: relative;
overflow: hidden;
z-index: 0;
padding: 0;
margin: 0;
}
.accordion-col .flex-accordian-icon span {
position: relative;
z-index: 9;
height: 70px;
width: 70px;
flex-shrink:0;
justify-content: center;
display: flex;
align-items: center;
background: var(--white);
}
.accordion-col .flex-accordian-icon span img {
height: 60px;
width: 60px;
padding: 7px;
}
.flex-col-icon-list {
gap: 15px;
}
.flex-col-icon-list li, .single-page-content .blog-content ul li {
position: relative;
z-index: 0;
color: var(--black);
padding-left: 30px;
font-size: 16px;
line-height: 1.8;
color: rgba(0, 0, 0, 0.8);
}
.single-page-content .blog-content ul li {
color: rgba(0,0,0,80%) !important
}
.flex-col-icon-list.lyt-icon li {
color: var(--white);
}
.booking-card .booking-img-col {
position: relative;
height: 100%;
}
.booking-card .booking-img-col [class*="flex-btn"] {
position: absolute;
left: 20px;
bottom: 20px
}
.booking-card .flex-tags {
flex-wrap: wrap;
gap: 12px 15px;
}
.booking-card .flex-tags span {
padding: 7px 15px;
width: fit-content;
}
.booking-card .flex-col-book-detl {
padding: 20px 20px 20px 0;
gap: 10px;
}
.booking-card .grid-booking-detl {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.booking-card .grid-booking-detl .flex-col-booked {
padding: 15px;
gap: 10px;
margin-top: 10px;
}
.flex-col-cs-card {
border-radius: 10px;
color: var(--white);
padding: 30px;
background: url(../../../../../../uploads/2025/12/seo-potfolio-bg.webp) no-repeat center center / cover;
gap: 25px;
/* margin-top: 25px; */
}
.flex-col-cs-card [class*="flex-btn"] {
margin-top: auto;
}
.flex-tags-wrapper {
flex-wrap: wrap;
gap: 30px;
justify-content: center;
}
.dm-logo {
padding: 10px !important;
}
.dm-logo img {
height: 70px;
width: 150px;
object-fit: contain;
}
.flex-col-dp-card {
padding: 55px 20px 30px;
position: relative;
gap: 10px;
align-items: center;
z-index: 0;
height: 100%;
text-align: center;
}
.flex-col-dp-card .flex-srvc-icn {
position: absolute;
top: -40px;
}
.flex-col-dp-card .flex-srvc-icn img {
height: 50px;
width: 50px;
}
.flex-col-dp-card [class*="flex-btn"] {
width: 100%;
justify-content: center;
}
.flex-col-sm-icn-card {
padding: 30px 20px;
align-items: center;
gap: 25px;
height: fit-content;
}
.flex-col-sm-icn-card .flex-sm-icn {
width: 90px;
height: 90px;
position: relative;
z-index: 0;
justify-content: center;
}
.grid-5 .flex-col-sm-icn-card:nth-child(even) {
margin-top: 45px;
}
.process-parallax, .process-container {
position: relative;
}
.grid-process-step {
width: 50%;
position: relative;
display: grid;
align-items: flex-start;
gap: 15px 25px;
margin-bottom: 30px;
/* padding-inline: 40px 25px; */
}
.grid-process-step:nth-child(odd) {
left: 50%;
padding-inline: 35px 25px; text-align: left;
grid-template-columns: 13% auto;
}
.grid-process-step:nth-child(even) {
left: 0;
text-align: right;
grid-template-columns: auto 13%;
padding-inline: 25px 35px; }
/* -----circle-tabs---- */
.circle-tab .circle1-container {
position: relative;
width: 320px;
height: 320px;
margin-bottom: 20px;
}
.circle-tab .tab {
position: relative;
width: 100%;
height: 100%;
flex-wrap: wrap;
justify-content: center;
}
.circle-tab .tab button {
position: absolute !important;
right: 115px;
top: 50px;
justify-content: center;
padding: 0;
}
.circle-tab .tab button:nth-child(1) {
transform: translateX(0%) translateY(0);
}
.circle-tab .tab button:nth-child(2) {
transform: translateX(60px) translateY(55px);
}
.circle-tab .tab button:nth-child(3) {
transform: translateX(560%) translateY(135px);
}
.circle-tab .tab button:nth-child(4) {
transform: translateX(0px) translateY(200px);
}
.circle-tab .tab button:nth-child(5) {
transform: translateX(-80px) translateY(200px);
}
.circle-tab .tab button:nth-child(6) {
transform: translateX(-140px) translateY(140px);
}
.circle-tab .tab button:nth-child(7) {
transform: translateX(-130px) translateY(60px);
}
.circle-tab .tab button:nth-child(8) {
transform: translateX(-80px) translateY(0px);
}
.circle-tab .flex-circle-logo {
width: 150px;
height: 150px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.circle-tab .flex-circle-logo img {
width: auto;
height: 35px;
}
/*-----------------single-page-hero---start--------*/
.page-hero {
background: linear-gradient(180deg, rgba(141, 147, 184, 0.1) 32.7%, rgba(255, 181, 65, 0.54) 143.93%), #FFFFFF;
padding-block: 70px;
/* overflow: hidden; */
width: 100%;
position: relative;
height: fit-content;
}
.single-page-hero .hero-form-wrap {
max-width: 550px;
width: 100%;
position: absolute;
right: 80px;
bottom: -40px;
}
#tableofcontent ul {
padding-left: 25px;
list-style: none;
position: relative;
margin-bottom: 0;
}
#tableofcontent .toc-item {
max-height: 300px;
height: 100%;
overflow-y: scroll;
}
.flex-sidebarSocial ul {
list-style: none;
margin-bottom: 0;
gap: 10px;
flex-wrap: wrap;
padding-left: 15px !important;
}
.flex-sidebarSocial ul li {
margin-bottom: 0 !important;
height: 30px;
width: 30px;
justify-content: center;
display: flex;
align-items: center;
}
/*--blog-container--*/
.blog-content-grid {
padding-inline: 40px; grid-template-columns: 23% auto 23%;
gap: 30px;
align-items: self-start;
}
.blog-detl .flex-widget-smry {
gap: 10px;
}
.blog-detl img {
height: 40px;
width: 40px;
border-radius: 50%;
}
.blog-detl a {
color: rgba(0,0,0,80%) !important;
width: fit-content;
}
.blog-content-grid {
counter-reset: widgetCount;
}
.blog-content-grid .widget-also-read {
counter-increment: widgetCount;
position: relative;
}
.blog-content-grid .widget-also-read::before {
content: counter(widgetCount) ".";
position: absolute;
right: 30px;
top: 45%;
font-size: 30px;
font-weight: 600;
color: var(--pc);
opacity: .2;
}
/* ----pros-cons-pattern----start */
:is(.bwe-pros-cons-widget ul, .bwe-pros-cons-widget ul li) {
margin: 0 !important;
}
.bwe-pros-cons-widget ul li {
padding: 15px 15px 15px 55px !important;
}
.bwe-pros-cons-widget {
margin-block: 30px; display: grid;
grid-template-columns: repeat(2, 1fr);
overflow: hidden;
}
/* ----keyword-pattern----start */
.keyword-wrap {
margin-block: 30px 40px; }
.keyword-wrap ul {
padding: 20px 0 0 40px !important;
position: relative;
}
/*------------***Style-Layout---start***------------*/
.bg-half-con {
position: relative;
z-index: 0;
padding-block: 50px; }
.bg-half-con:after {
content: '';
position: absolute;
inset: 0;
height: 100%;
width: 53%;
background: var(--pc);
z-index: -1;
}
:is(.bg-half-con, .career-bg-img) :is(h2, p, h1) {
color: var(--white);
}
.bg-half-con .title {
font-size: 40px;
line-height: 75px;
text-transform: uppercase;
text-align: center;
background: linear-gradient(0deg, rgba(28, 5, 58, 0.5) 6.59%, #ffffff 74.63%, rgb(255 255 255 / 29%) 74.63%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transform: rotate(-90deg);
}
.flex-con-info .flex-info-con-icn {
border-radius: 50%;
border: 1px solid var(--pc);
background: rgb(16 57 94 / 4%);
}
.flex-con-info a:hover {
color: var(--pc);
}
.career-bg-img:before {
height: 100%;
width: 100%;
inset: 0;
background: #000000db;
content: '' !important;
position: absolute;
}
.career-bg-img .flex-col-content:before {
content: unset !important;
}
.flex-col-career-hero-card {
background: var(--white);
border-top: 5px solid var(--sc);
border-radius: 10px;
}
.flex-col-career-hero-card .card-ttl {
font-size: 40px;
font-weight: 700;
color: var(--sc);
}
.flex-col-career-hero-card p {
color: var(--black) !important;
}
.flex-job-card-between {
background: var(--white);
border-radius: 10px;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
}
.flex-job-card-between .flex-col-job-info .job-cat {
background: var(--pc);
color: var(--white);
font-size: 14px;
width: fit-content;
padding: 6px 15px;
border-radius: 4px;
letter-spacing: 1px;
}
.flex-job-card-between .flex-col-job-info .job-ttl {
font-size: 22px;
font-weight: 600;
}
.flex-job-card-between .flex-col-job-info .job-loc {
font-weight: 500;
font-size: 16px;
}
.gall-img {
overflow: hidden;
position: relative;
cursor: pointer;
}
.gall-img:hover:after {
content: '';
position: absolute;
inset: 0;
background: #0000007d;
height: 100%;
transition: all .4s;
border-radius: 10px;
width: 100%;
}
.gall-img img {
transition: all .4s;
transform: rotate(0deg) scale(1);
border-radius: 10px;
}
.single-page-content :is(ul, ol) {
padding-left: 20px;
}
.single-page-content ul {
padding: 0;
}
.single-page-content ol {
list-style: decimal;
}
.single-page-content :is(ul, ol) li {
margin-bottom: 15px;
position: relative;
color: rgba(0, 0, 0, 0.8)
}
.single-page-content a:not(:is(.flex-col-sidebarCta a, .sc-flex-btn)) {
color: var(--pc);
font-weight: 600
}
.single-page-content a:not(:is(.flex-col-sidebarCta a, .sc-flex-btn)):hover {
text-decoration: underline;
}
.sticky-col {
position: sticky;
top: 100px
}
.single-page-content figure img {
border-radius: 5px
}
.flex-post-summary, .yoast-breadcrumbs span {
gap: 15px 35px;
/* margin-bottom: 30px; */
flex-wrap: wrap;
text-align: center;
}
.yoast-breadcrumbs span {
display: flex;
justify-content: center;
align-items: center;
gap: 15px;
}
.yoast-breadcrumbs {
margin-bottom: 20px
}
.sidebarSearchForm {
overflow: hidden;
position: relative;
border-radius: 4px;
}
.sidebarSearchForm input {
padding: 10px 20px;
}
/*------blog-card------start-------*/
.flex-col-blog-card {
border-radius: 10px;
border: 1px solid #C2C2C2;
}
.flex-col-blog-card .img-placeholder, .flex-col-blog-card .img-placeholder img {
border-radius: 10px;
transition: all 0.4s ease;
}
.blog-bg-layer {
position: relative;
}
.flex-col-blog-card .blog-bg-layer:after {
background: var(--sc);
height: 100%;
width: 100%;
transform: rotate(-5deg);
content: '';
position: absolute;
inset: 0;
z-index: -1;
border-radius: 10px
}
.flex-col-blog-card .flex-col-crd-content .crd-title {
font-size: 18px;
font-weight: 600;
line-height: 30px;
color: var(--black);
}
.flex-ath-nm {
font-size: 15px;
color: rgba(0, 0, 0, 0.8);
font-weight: 500;
}
.flex-col-crd-content:before, .flex-col-crd-content:after {
content: "";
display: block;
z-index: 0;
position: absolute;
}
.flex-col-crd-content:before {
background: #0d3453;
width: 11px;
height: 11px;
left: 16px;
top: 135px;
border-radius: 50%;
border: 3px solid #ddd;
}
.flex-col-crd-content:after {
background: #ddd;
width: 2px;
height: 155px;
left: 23px;
top: -20px;
}
.flex-col-blog-info .date {
color: rgba(0, 0, 0, 0.6);
font-size: 14px;
}
.flex-col-blog-card .blog-title {
font-size: 20px;
font-weight: 600;
line-height: 1.5;
}
.flex-col-blog-card .flex-col-crd-content a:hover {
color: var(--pc);
}
.flex-col-blog-card .category {
background: var(--pc);
color: var(--white) !important;
border-radius: 90px;
white-space: nowrap;
}
.pagination .nav-links .page-numbers {
border-radius: 50%;
transition: .4s;
color: var(--white);
background: var(--pc);
box-shadow: 0 0 0 4px #fff, 0 0 15px rgb(0 0 0 / 70%);
font-weight: 700;
}
.navigation .page-numbers.current {
background-color: var(--black);
}
.navigation .page-numbers::after, .navigation .page-numbers::before {
content: "";
height: 100%;
width: 100%;
border-radius: 50%;
z-index: -1;
transition: .4s;
position: absolute;
left: 0;
top: 0;
}
.navigation .page-numbers::after {
transform-origin: bottom center;
background-color: var(--white);
transform: rotate(-115deg);
}
.navigation .page-numbers.current::after {
transform: rotate(190deg);
}
.navigation .page-numbers::before {
background-color: #000;
transform: rotate(-180deg);
transform-origin: bottom center;
}
.pagination .page-numbers:hover:after {
opacity: 1;
transform: rotate(180deg);
}
.pagination .page-numbers:hover::before {
transform: rotate(0);
}
.client-logo img {
height: 50px;
transition: all .3s;
}
.client-logo:hover img {
transition: all .3s;
transform: scale(1.1);
}
.flex-col-lkdn-card {
background: var(--white);
border-radius: 10px;
}
.flex-col-lkdn-card .sc-flex-btn {
border-radius: unset;
border: 1px solid #ccc;
}
.flex-col-insta-card {
background: var(--pc);
transition: background .2s;
border-radius: 10px;
}
.flex-col-insta-card .img-holder {
background: var(--white);
border-radius: 10px;
}
.flex-col-insta-card .img-holder img {
transition: all 2s;
position: absolute;
top: 0;
}
.flex-col-insta-card:hover .img-holder img {
top: -100%;
}
.flex-col-insta-card .h5 {
color: var(--white) !important;
}
.flex-col-yt-card .img-holder img {
border: 1px solid #F6F6F6;
}
.flex-col-fb-card {
border: 2px solid var(--pc);
border-radius: 10px;
padding: 20px;
}
.flex-col-fb-card .img-holder {
background: var(--white);
transition: all .4s ease;
}
.flex-col-fb-card .img-holder img {
transition: all .4s ease
}
.flex-col-fb-card:hover .img-holder img {
transform: scale(1.1);
transition: all .4s ease
}
.table-container table thead th {
border: 1px solid #ddd;
background-color: #10395e;
color: var(--white);
align-items: center !important;
gap: 10px;
}
.single-page-content figure table tbody tr:first-child {
background: #E3F2FF !important;
}
.single-page-content .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background: #F6F6F6;
}
.table-container table tbody td {
padding: 15px 25px;
color: var(--black);
border: 1px solid #ddd;
}
.table-container:not(.custom-table) table tbody tr:nth-child(even) {
background-color: rgb(16 57 94 / 2%);
}
.table-container table tbody tr:hover {
background-color: #f3f3f3;
}
.custom-table table thead th:first-child {
background-color: #10395e;
color: var(--white);
font-size: 30px;
text-align: left;
}
.custom-table table thead th {
color: var(--pc);
background: var(--white);
font-size: 22px;
font-weight: 700;
text-align: center;
}
.custom-table table thead th [class*="flex-btn"] {
margin-top: 10px
}
.custom-table table tbody th {
text-align: left;
padding: 15px 25px;
background: #f0f3f8;
border-top: 1px solid #C3C3C3;
font-size: 16px;
font-weight: 600;
}
.bg-slip {
padding-block: 30px !important; border-radius: 20px
}
details summary {
cursor: pointer;
background: var(--white);
border: 1px solid #ddd;
list-style: none;
font-weight: 600;
font-size: 16px;
position: relative;
border-radius: 6px;
}
details summary:after {
content: '';
position: absolute;
right: 25px;
top: 50%;
transform: translateY(-50%);
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' xml:space='preserve' width='20' height='20'%3E%3Cpath d='M6.25 9.375h7.5v1.25H6.25z'/%3E%3Cpath d='M9.375 6.25h1.25v7.5h-1.25z'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.25' stroke-miterlimit='10' cx='16' cy='16' r='12' d='M17.5 10A7.5 7.5 0 0 1 10 17.5A7.5 7.5 0 0 1 2.5 10A7.5 7.5 0 0 1 17.5 10z'/%3E%3C/svg%3E") no-repeat;
height: 20px;
width: 20px;
transition: all .3s;
}
details[open] summary {
border-radius: 6px 6px 0 0;
}
details[open] summary:after {
transition: all .3s;
transform: rotate(45deg);
top: 17px;
}
details .content {
padding: 10px 20px;
background: #cccccc2b;
}
.inds-card .ind-ttl {
font-size: 18px
}
.floating {
animation: floating 3s ease-in-out infinite;
}
@keyframes floating {
0%, 100% {
transform: translate(0, 0)
}
50% {
transform: translate(0, 15px)
}
}
.flex-col-border-card {
border-radius: 10px;
background: var(--white);
height: 100%
}
.wcu-container .col-lg-3:nth-child(odd) .flex-col-wcu-card {
background: var(--pc);
}
.wcu-container .col-lg-3:nth-child(odd) .flex-col-wcu-card :is(p, h3) {
color: var(--white);
}
.wcu-container .col-lg-3:nth-child(even) .flex-col-wcu-card {
margin-top: 30px
}
.wcu-container .col-lg-3:nth-child(odd) .flex-col-wcu-card a {
text-decoration: underline;
color: var(--white) !important;
}
.light-tabBtn .tab :is(a, button) {
background: #EDEDED !important;
color: var(--black) !important;
border: unset !important;
font-weight: 600;
}
.light-tabBtn .tab :is(a, button):hover, .light-tabBtn :is(a, button).active {
color: var(--black) !important;
background: var(--sc) !important;
}
.light-tabBtn .colored-content-wrap:after, .colored-content-wrap:before {
content: unset !important;
}
.flex-col-port-card {
border: 1px solid rgb(30 30 30 / 11%);
}
.flex-col-port-card .flex-col-port-detl a {
font-size: 20px;
font-weight: 600;
}
.seo-port-wrap .flex-col-insta-card {
background: var(--white);
}
.seo-port-wrap :is(div, p, span) {
color: var(--white);
}
.seo-port-wrap .date {
background: var(--sc);
color: var(--black);
padding: 10px;
}
.grid-content-wrap .content-img .content-shape:after, .grid-content-wrap .content-img .content-shape:before {
position: absolute;
content: '';
}
.grid-content-wrap .content-img .content-shape:after {
background: url(../../../../../../uploads/2025/11/img-shape.webp) no-repeat center center / contain;
height: 160px;
width: 100%;
left: 0;
bottom: 0;
z-index: -1;
}
.grid-content-wrap .content-img .content-shape:before {
background: url(../../../../../../uploads/2025/11/cta-b.webp) no-repeat center center / contain;
height: 100px;
width: 330px;
right: 0;
bottom: -10px;
transform: scale(1, -1);
z-index: 0;
}
.grid-content-wrap .content-img .shape-text {
font-size: 25px;
font-weight: 700;
color: var(--white);
}
.grid-content-wrap .content-img .flex-shape-btn {
background: var(--white);
height: 50px;
width: 50px;
border-radius: 50%;
}
.grid-content-wrap .flex-col-content p {
margin-bottom: 0
}
.logo-container .row .col-lg-2:not(:first-child) {
border-left: 1px solid #C2C6CC;
}
.half-wrap-bg:after, .flex-slide-srvc-icn:before, .flex-slide-srvc-icn:after, .section-bg:after, .accordion-col .flex-accordian-icon span:after, .flex-col-icon-list li:after, .single-page-content .blog-content ul li:after {
content: '';
position: absolute;
z-index: -1;
}
.half-wrap-bg:after {
background: #07335a url("../../../../../../uploads/2025/11/bg-img.webp") no-repeat center center / cover;
height: 500px;
inset: 0;
width: 100%;
}
.custom-text a {
text-decoration: underline !important;
color: rgba(255, 255, 255, 0.8) !important;
}
:is(.bg-img-wrap, .half-wrap-bg) a:hover {
text-decoration: unset;
}
.flex-col-slide-srvc-card {
background: var(--white);
border: 1px solid #C4C4C4;
border-radius: 10px;
}
.flex-col-slide-srvc-card a {
color: var(--pc) !important;
}
.flex-col-slide-srvc-card p {
margin-bottom: 0;
font-size: 15px;
}
.half-wrap-bg .swiper .swiper-slide:nth-child(even) .flex-col-slide-srvc-card {
margin-top: 80px;
}
.half-wrap-bg .light-head p {
color: var(--white)
}
.flex-col-slide-srvc-card .srvc-head {
font-size: 20px;
font-weight: 600;
}
.flex-slide-srvc-icn:before {
height: 100%;
width: 100%;
background: #FFCC7A;
border-radius: 10px;
inset: 0;
transform: rotate(65deg);
}
.flex-slide-srvc-icn:after {
height: 100%;
width: 100%;
background: #F6911E;
border-radius: 10px;
inset: 0;
transform: rotate(-45deg);
}
.dark-bg-card {
background: #f2f2f2 !important;
}
.dark-bg-card :is(p, a) {
color: var(--black) !important
}
.dark-bg-card a {
text-decoration: underline;
}
.dark-bg-card a:hover {
text-decoration: unset !important;
}
.section-bg {
background: #F5F5F5;
padding-block: 50px 80px; position: relative;
z-index: 0;
}
.section-bg:after {
inset: 0;
background: url(../../../../../../uploads/2025/11/section-bg.webp) no-repeat;
height: 100%;
width: 100%;
opacity: .5;
}
.accordion-col .flex-accordian-icon {
background: var(--white);
border-radius: 10px;
border: 0;
}
.accordion-col .flex-accordian-icon span:after {
border-radius: 0px 40px 40px 0px;
background: var(--sc);
inset: 0;
height: 100%;
width: 100%;
}
.accordion-col .flex-accordian-icon span img {
background: var(--white);
border-radius: 50%;
}
.accordion-col[open] .flex-accordian-icon {
border-radius: 10px 10px 0 0;
border-bottom: 1px solid #ccc;
}
.accordion-col .flex-accordian-icon:after {
background: url('data:image/svg+xml,');
}
.accordion-col .content {
padding: 10px;
background: var(--white);
}
.accordion-col[open] .flex-accordian-icon:after {
transform: rotate(180deg);
top: 25px;
}
.flex-col-icon-list li:after, .single-page-content .blog-content ul li:after {
height: 20px;
width: 20px;
background: url('data:image/svg+xml,') no-repeat;
left: 0;
top: 3px;
}
.flex-col-icon-list.lyt-icon {
filter: brightness(0) invert(1);
}
/* -----circle-tabs----- */
.circle-tab .tab {
border-radius: 50%;
box-shadow: 0 0 15px rgb(0, 17, 31);
background: conic-gradient(#ff3d3d 0deg 45deg, #ffaf4d 45deg 90deg, #006b3e 90deg 135deg, #6cff4f 135deg 180deg, #4df0ff 180deg 225deg, #836dff 225deg 270deg, #ff5eff 270deg 315deg, #ff6e19 315deg 360deg);
}
.circle-tab .tab button {
border: unset;
font-weight: 700;
color: var(--white);
cursor: pointer;
}
.circle-tab .tab button.active {
background: unset !important;
border: unset !important;
}
.circle-tab .tab button:hover {
color: var(--black)
}
.circle-tab .content-info-boxs {
background: var(--white);
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
padding: 20px;
text-align: center;
}
.circle-tab .flex-circle-logo {
background-color: var(--white);
border-radius: 80px;
box-shadow: 0 0 15px rgb(0, 17, 31);
}
/*------------custom-swiper----------------start*/
.site-pagination .swiper-pagination-bullet {
width: 5px !important;
height: 5px !important;
}
.homepageReview .swiper-pagination-bullet {
background: var(--white)
}
.site-pagination .swiper-pagination-bullet-active {
width: 30px !important;
border-radius: 90px !important;
height: 5px !important;
}
.site-pagination .swiper-pagination-bullet-active:not(.homepageReview .swiper-pagination-bullet-active) {
background: var(--pc) !important;
}
.swiper-autoheight, .swiper-autoheight .swiper-slide {
height: unset !important
}
.page-content a {
text-decoration: underline;
color: rgba(0, 0, 0, 0.8);
}
.colored-content-wrap {
padding: 25px;
border-radius: 10px;
position: relative;
z-index: 0;
}
.colored-content-wrap:after, .colored-content-wrap:before {
content: '';
position: absolute;
height: 150px;
width: 150px;
top: 0;
z-index: -1;
/* right: 0; */
}
.colored-content-wrap:nth-child(odd)::after {
left: 0 !important;
}
.colored-content-wrap:nth-child(even)::after {
right: 0 !important;
}
.flexx-content-part .flex-col-content {
gap: 15px
}
.colored-content-wrap .flex-col-content .h5 {
font-weight: 600;
font-size: 24px;
}
.colored-content-wrap img {
width: 100%;
height: 100%;
border-radius: 10px;
}
.colored-card-a {
background: #FFEEEE;
}
.colored-card-b {
background: #EEFFF2;
}
.colored-card-c {
background: #F0EEFF;
}
.colored-card-a:after {
background: url(../../../../../../uploads/2025/11/colored-card-a.webp) no-repeat center center / cover;
}
.colored-card-b:after {
background: url(../../../../../../uploads/2025/11/colored-card-b.webp) no-repeat center center / cover;
}
.colored-card-c:after {
background: url(../../../../../../uploads/2025/11/colored-card-c.webp) no-repeat center center / cover;
}
.light-bg .flex-industries .flex-col-ind-card {
background: var(--white);
}
.booking-card {
background: var(--white);
border: 1px solid #C4C4C4;
border-radius: 10px;
overflow: hidden;
height: 100%;
display: flex
}
.booking-card img {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 10px 0 0 10px;
}
.booking-card .flex-tags span {
background: #F6F6F6;
font-size: 14px;
border-radius: 90px;
border: 1px solid #CFCFCF;
}
.booking-card .grid-booking-detl [class*="-ttl"] {
font-size: 14px;
font-weight: 700;
}
.booking-card .grid-booking-detl .flex-col-booked .book-ttl {
color: var(--pc);
}
.booking-card .grid-booking-detl .flex-col-trfc .book-ttl {
color: var(--sc);
}
.booking-card .grid-booking-detl .flex-col-booked {
background: #DBEAFE;
border-radius: 4px;
}
.booking-card .grid-booking-detl .flex-col-trfc {
background: #FFEACA
}
.booking-card .grid-booking-detl .flex-booked-item {
line-height: 1;
gap: 10px;
flex-wrap: wrap
}
.booking-card .grid-booking-detl .book-incre {
font-size: 14px;
}
.booking-card .grid-booking-detl .book-incre span {
font-weight: 500;
}
.tags-strip {
background: rgba(255, 255, 255, 10%);
color: var(--white) !important;
border-radius: 90px;
font-size: 18px;
font-weight: 400;
border: 1px solid rgba(255, 255, 255, 50%);
padding: 8px 25px;
text-align: center;
}
.flex-col-dp-card {
border: 1px solid #D4D4D4;
border-radius: 10px;
background: var(--white);
}
.sm-hover-card .row :is(.col-lg-3, .col-md-6) .flex-col-dp-card:after {
content: '';
position: absolute;
left: 0;
border-radius: 10px;
width: 100%;
height: 0%;
transition: all .2s;
background: var(--pc);
z-index: -1;
}
.sm-hover-card .row :is(.col-lg-3, .col-md-6):nth-child(even) .flex-col-dp-card:after {
bottom: 0;
}
.sm-hover-card .row :is(.col-lg-3, .col-md-6):nth-child(odd) .flex-col-dp-card:after {
top: 0;
}
.sm-hover-card .row :is(.col-lg-3, .col-md-6) .flex-col-dp-card:hover:after {
height: 100%;
transition: all .2s;
}
.sm-hover-card .row :is(.col-lg-3, .col-md-6) .flex-col-dp-card:hover:after {
height: 100%;
transition: all .2s;
}
.sm-hover-card .flex-col-dp-card:hover :is(.h5, p) {
color: var(--white);
transition: all .3s;
}
.flex-col-sm-icn-card {
border-radius: 10px;
background: var(--white);
}
.flex-col-sm-icn-card .flex-sm-icn {
background: var(--sc);
border-radius: 50%;
}
.flex-col-sm-icn-card .flex-sm-icn:after {
content: '';
position: absolute;
height: 105px;
width: 105px;
border-radius: 50%;
z-index: -1;
background: rgba(255, 181, 65, 54%);
}
.flex-col-sm-icn-card .card-ttl {
font-size: 20px;
font-weight: 600;
text-align: center;
line-height: 1.4;
margin-bottom: 0
}
.process-parallax {
background: #002045 url(../../../../../../uploads/2025/11/parallax-bg.webp) top / cover no-repeat fixed;
padding-block: 50px; color: var(--white);
}
.process-container::before, .grid-process-step::before {
content: '';
position: absolute;
}
.process-container::before {
top: 0;
bottom: 0;
left: 50%;
border: 1px dashed var(--white);
transform: translateX(-50%);
}
.grid-process-step h3 {
color: var(--white);
margin-bottom: 10px;
}
.grid-process-step p {
color: rgb(255 255 255 / 72%);
margin: 0;
}
.grid-process-step::before {
top: 0;
width: 15px;
height: 15px;
background: var(--white);
border: 5px solid rgb(124 124 124 / 73%);
border-radius: 50%;
}
.grid-process-step:nth-child(odd)::before {
left: -13px;
}
.grid-process-step:nth-child(even)::before {
right: -13px;
}
/*-----------------single-page-hero---start--------*/
.page-hero:after, .single-page-hero .form-arr-sep:after {
content: '';
position: absolute;
}
.page-hero:after {
top: -3px;
left: -20px;
background: url(../../../../../../uploads/2025/11/page-hero-texture.webp) no-repeat center center / contain;
height: 200px;
width: 200px;
}
.single-page-hero .h5 {
font-weight: 600;
}
.single-page-hero .flex-col-icon-list li:after, .single-page-content .blog-content ul li:after {
background: url('data:image/svg+xml,');
}
.single-page-hero .hero-list-wrap {
background: var(--white);
padding: 25px;
border-radius: 10px;
}
.single-page-hero .form-arr-sep:after {
right: 30px;
top: 60px;
background: url(../../../../../../uploads/2025/11/hero-form-texture.webp) no-repeat right bottom / contain;
height: 250px;
width: 500px;
}
.bg-texture {
position: relative;
overflow: hidden;
}
.bg-texture:after, .bg-texture:before {
content: '';
position: absolute;
}
.bg-texture:after {
background: url(../../../../../../uploads/2025/11/bg-ryt-txtr.webp) no-repeat center center / contain;
height: 350px;
width: 200px;
right: -80px;
bottom: 30px;
}
.bg-texture:before {
background: url(../../../../../../uploads/2025/11/bg-left-txtr.webp) no-repeat center center / contain;
height: 150px;
width: 150px;
left: 0px;
top: 0;
transform: scale(-1);
}
.blog-head .blog-detl {
margin-top: 10px;
padding-top: 20px;
border-top: 1px solid #ccc;
width: 100%;
gap: 10px 20px;
}
.flex-blog-ath {
font-size: 16px;
color: var(--black);
}
.blog-head .blog-detl span {
color: rgba(0, 0, 0, 60%);
font-size: 16px;
}
#tableofcontent {
border: 1px solid #3B3B3B;
padding: 15px 5px 15px 15px;
border-radius: 8px;
}
#tableofcontent .flex-tocHead-between {
border-bottom: 1px solid #ccc;
padding-bottom: 15px;
margin-bottom: 25px;
}
#tableofcontent .tocTtl {
font-size: 18px;
font-weight: 500;
}
#tableofcontent .toc-item::-webkit-scrollbar-track {
background-color: #ccc !important;
}
#tableofcontent .toc-item::-webkit-scrollbar-thumb {
background-color: var(--pc) !important;
}
#tableofcontent .toc-item::-webkit-scrollbar {
width: 5px;
}
#tableofcontent ul:after {
content: '';
position: absolute;
background: #ccc;
height: 100%;
width: 1px;
left: 10px;
top: 5px;
}
#tableofcontent ul li > ul:after {
content: unset !important
}
#tableofcontent ul li > ul {
margin-block: 10px; padding-left: 15px !important
}
#tableofcontent ul li.active:before {
content: '';
position: absolute;
left: -19px;
top: 5px;
background: var(--sc);
height: 9px;
width: 9px;
z-index: 999;
border-radius: 50%;
}
#tableofcontent ul li a {
font-size: 15px;
font-weight: normal;
color: rgba(0,0,0,80%);
}
#tableofcontent ul li a:hover {
text-decoration: unset !important;
color: var(--pc);
}
.flex-sidebarSocial {
background-color: #EFEFEF;
border-radius: 8px;
padding: 20px;
white-space: nowrap;
}
.flex-sidebarSocial ul li {
border: 1px solid #ccc;
border-radius: 50%;
transition: all .3s;
}
.flex-sidebarSocial ul li:hover {
transition: all .3s;
background-color: var(--sc);
}
.flex-sidebarSocial ul li:hover svg {
fill: var(--white);
}
/* ----keyword-pattern----start */
.keyword-wrap .flex-hd {
font-size: 20px;
font-weight: 700;
gap: 15px;
position: relative;
}
.keyword-wrap .flex-hd .flex-icon {
height: 30px;
width: 30px;
background: #F6911E;
border-radius: 50%;
justify-content: center;
position: relative
}
.keyword-wrap .flex-hd .flex-icon:after {
height: 20px;
width: 20px;
background: url('data:image/svg+xml,') no-repeat;
inset: 50%;
transform: translate(-50%, -50%);
}
.keyword-wrap .flex-hd .flex-icon:after, .keyword-wrap ul:after, .flex-hd:after, .flex-hd:before {
position: absolute;
content: '';
}
.flex-hd:after {
right: 10px;
top: 50%;
background: #CDCDCD;
width: 75%;
height: 1px;
}
.flex-hd:before {
background: #0d3453;
width: 11px;
height: 11px;
left: 164px;
top: 8px;
border-radius: 50%;
border: 3px solid #ddd;
}
.keyword-wrap ul:after {
background: linear-gradient(to bottom, #F6911E 0%, #FFFFFF 100%);
width: 2px;
height: 100%;
left: 15px;
top: 0px;
}
/* ----pros-cons-pattern----start */
.bwe-pros-cons-widget .bwe-pc-container:not(:last-child) {
border-right: 1px solid #ccc;
}
.bwe-pros-cons-widget ul li:not(:last-child) {
border-bottom: 1px solid #ccc;
}
.bwe-pros-cons-widget .bwe-pc-body ul li:after {
left: 25px;
top: 17px;
}
.bwe-pros-cons-widget .bwe-p-body ul li:after {
background: url('data:image/svg+xml,') no-repeat;
}
.bwe-pros-cons-widget .bwe-c-body ul li:after {
background: url('data:image/svg+xml,') no-repeat;
}
.bwe-pros-cons-widget {
border: 1px solid #ccc;
border-radius: 8px;
}
.bwe-pros-cons-widget .bwe-pc-header {
font-size: 20px;
font-weight: 700;
padding: 15px 25px;
}
.bwe-pros-cons-widget .bwe-p-body .bwe-pc-header {
background: #D8F4F3;
}
.bwe-pros-cons-widget .bwe-c-body .bwe-pc-header {
background: #F8E2E6;
}
.blog-content-grid {
counter-reset: widgetCount;
}
.blog-content-grid .widget-also-read {
counter-increment: widgetCount;
position: relative;
}
.blog-content-grid .widget-also-read::before {
content: counter(widgetCount) ".";
position: absolute;
right: 30px;
top: 45%;
font-size: 30px;
font-weight: 600;
color: var(--pc);
opacity: .3;
}
/* ----also-read-pattern----start */
.widget-also-read {
margin-block: 30px; }
.widget-also-read .wdgt-head {
background: #F6911E;
color: var(--white);
border-radius: 8px 8px 0 0;
font-weight: 700;
width: fit-content;
padding: 6px 20px;
}
.widget-also-read .flex-col-widget-block {
border: 1px solid #C2C2C2;
border-bottom: 4px solid var(--pc);
padding: 25px;
border-radius: 0 10px 10px 10px;
}
.widget-also-read a {
font-size: 20px;
font-weight: 600;
}
/*//responsive-query=================start*/
@media (width <=1024px) {
.result-container {
margin-top: 40px
}
.grid-con-info {
display: flex !important;
}
.bg-half-con:after, .bg-half-con .title {
display: none;
}
.bg-half-con {
padding-block: 0 !important;
margin-top: 20px; /*added by nikhil */
}
.m-slide{
overflow-x: auto;
flex-wrap: nowrap;
scroll-behavior: smooth;
}
.grid-content-wrap .content-img .content-shape:after{
height: 112px;
bottom: -1px;
}
.sm-hover-card .row :is(.col-lg-3, .col-md-6) .flex-col-dp-card:after {
background: var(--white);
}
.sm-hover-card .flex-col-dp-card:hover :is(.h5, p) {
color: var(--black);
}
.colored-content-wrap{
flex-direction: column-reverse;
}
.bg-half-con :is(h2, p) {
--white: var(--black);
}
.gall-img .big-img {
height: 200px !important;
}
.flex-col-career-hero-card, .seo-port-wrap {
padding: 20px;
}
.seo-port-wrap .flex-col-insta-card .img-holder {
height: 300px;
}
.flex-col-career-hero-card .card-ttl {
font-size: 26px;
}
.single-page-content figure img {
width: 100%;
}
.inds-card .ind-ttl {
font-size: 14px !important
}
.flex-col-border-card .flex-card-detl .h5 {
font-size: 18px
}
.wcu-container .flex-col-wcu-card {
margin-top: unset !important;
height: 100%
}
.flex-col-crd-content:after {
height: 160px;
top: -25px;
}
.flex-col-blog-card .category {
top: 43%;
white-space: nowrap;
}
.grid-content-wrap {
grid-template-columns: auto;
}
.grid-content-wrap img {
height: 300px;
object-fit: cover;
object-position: top;
}
.grid-content-wrap .content-img .content-shape {
padding: 0 20px 10px 20px;
}
.grid-content-wrap .content-img .content-shape:before, .animate {
display: none;
}
.grid-content-wrap .content-img .shape-text {
font-size: 16px;
}
.grid-content-wrap .flex-col-content {
padding-inline: var(--bs-gutter-x, .75rem); padding-bottom: 20px;
margin-top: unset;
}
.half-wrap-bg:after {
height: 100% !important;
}
.half-wrap-bg .swiper {
padding-bottom: 80px !important;
}
.half-wrap-bg .swiper .swiper-slide:nth-child(even) .flex-col-slide-srvc-card {
margin-top: 0px !important;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 30px !important;
}
/* .site-pagination .swiper-pagination-bullet{
background: var(--white) !important;
} */
.section-bg, .process-parallax, .page-hero {
padding-block: 30px !important; }
.half-wrap-bg {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.logo-container .row .col-lg-2:not(:first-child) {
border: unset !important;
}
.booking-card img {
border-radius: unset !important;
}
.booking-card .flex-col-book-detl {
padding: 15px !important;
}
.booking-card .flex-tags span {
font-size: 12px !important;
}
.booking-card .grid-booking-detl, .flex-tags-wrapper {
gap: 10px !important;
}
.tags-strip {
font-size: 14px !important;
}
.process-container::before {
left: 10px !important;
}
.grid-process-step {
width: 100% !important;
left: 0 !important;
margin-bottom: 20px !important;
padding-left: 40px !important;
text-align: left !important;
grid-template-columns: 13% auto !important;
}
.grid-process-step::before {
left: -3px !important;
}
.process-parallax .flex-col-sec-hd-center {
text-align: left;
align-items: self-start;
}
.single-page-hero :is(.hero-form-wrap, .mt-5) {
margin-top: 30px !important;
}
.single-page-hero .hero-form-wrap {
position: unset !important;
}
.single-page-hero .form-arr-sep:after {
content: unset !important;
}
.blog-content-grid {
grid-template-columns: auto;
padding-inline: 20px; }
.blog-content-grid .sticky-col {
position: static !important;
}
.flex-res-col {
flex-direction: column !important;
text-align: center !important
}
.flex-col-dp-card {
padding: 15px !important;
}
.flex-col-dp-card .flex-srvc-icn {
position: unset !important
}
.flex-col-sm-icn-card .flex-sm-icn {
width: 70px;
height: 70px;
}
.flex-col-sm-icn-card .flex-sm-icn:after {
height: 80px;
width: 80px;
}
.grid-5 .flex-col-sm-icn-card:nth-child(even) {
margin-top: unset !important
}
}
/* Tablet Screens */
@media (600px <=width <=1024px) {
.grid-content-wrap .content-img .content-shape: after {
height: 119px;
width: 390px;
}
.grid-content-wrap .content-img .flex-shape-btn {
margin-top: 10px
}
.grid-content-wrap .content-img .content-shape {
width: fit-content;
gap: 80px;
}
}
/* Small Mobile Screens */
@media (width <=600px) {
.grid-content-wrap .content-img .content-shape: after {
height: 125px;
background-size: cover !important;
}
.grid-process-step {
grid-template-columns: auto !important;
}
}
/* footer-css-start--------- */
/*------------***footer-Layout---start***------------*/
.footer-container .flex-col-foot-cta-rb {
text-align: right;
align-items: end;
}
.footer-container .flex-col-foot-cta-rb .flex-foot-no {
gap: 10px;
margin-bottom: 20px;
}
.foot-cta {
padding-block:50px; position: relative;
z-index: 0;
}
.footer .foot-flex-info {
gap: 15px 25px;
}
.footer .foot-flex-info .flex-col-foot-info a {
overflow-wrap: anywhere;
}
.footer .flex-col-menu-items {
gap: 15px;
}
.grid-6 {
grid-template-columns: auto auto auto auto auto auto;
gap: 15px;
justify-content: space-between;
}
.bwe-copyright {
text-align: center;
padding: 15px;
}
/*------------***footer-style---start***------------*/
.footer-container .flex-col-foot-cta-rb .flex-foot-no a {
font-weight: 600;
font-size: 20px;
color: var(--white)
}
.foot-cta:before {
content: '';
position: absolute;
background: url(../../../../../../uploads/2025/11/cta-b.webp) no-repeat center center / cover;
height: 150px;
width: 150px;
top: 45%;
left: 55%;
bottom: 80px;
transform: rotate(-20deg) translateY(-50%);
}
.footer {
background: #EBF0F7;
padding-block:50px 40px ; }
.footer .foot-flex-info .flex-col-foot-info span {
color: #454545;
line-height: 2;
}
.footer .flex-col-foot-menus .foot-menu-ttl {
font-size: 20px;
font-weight: 600;
position: relative;
margin-bottom: 35px;
}
.footer .flex-col-foot-menus .foot-menu-ttl:after {
content: '';
position: absolute;
height: 2px;
width: 70px;
background: var(--black);
left: 0;
bottom: -10px;
}
.footer .social-media-wrap {
border-top: 1px solid rgba(7, 37, 77, 0.22);
padding-top: 30px;
margin-top: 20px;
}
.bwe-copyright {
background: #07254D;
font-size: 15px;
}
.bwe-copyright .flex-copy-menu {
gap: 15px
}
.footer a {
color: var(--black)
}
.footer a:hover {
color: var(--pc)
}
/* responsive-css--start---------- */
/*//responsive-query=================start*/
@media (width <=1024px) {
.primary-top, .secondary-top {
padding-block: 5px
}
.bwe-service-logo img {
height: 40px !important
}
.header {
padding-block:10px }
.header .dropdown:hover ul, .header .pc-flex-btn:not(.flex-hd-rb .pc-flex-btn), .primary-top {
display: none;
}
.secondary-top .flex-topinfo-rb {
margin: auto
}
.header .flex-hd-rb {
gap: 10px;
}
.header .flex-hd-rb :is(.pc-flex-btn, .callBtn) {
padding: 0;
height: 35px;
width: 35px;
justify-content: center;
/* box-shadow: 0 0 0 3px #0000002e; */
}
.header .flex-hd-rb .callBtn {
background: rgb(25 166 233);
}
.header .pc-flex-btn {
margin-left: unset !important;
}
/*.header nav ul li a:not(ul li > ul li a),*/
.about-bg-wrap {
padding-block: 0px !important; }
.header .dropdown ul {
white-space: unset !important;
width: 100% !important
}
.header .menuClose {
position: absolute;
right: 10px;
top: 10px;
display: initial;
padding: 10px;
z-index: 999;
}
.header .menu {
position: fixed;
left: 0;
top: 0;
min-width: 360px;
z-index: 3;
height: 100vh;
transform: translateX(-100%);
padding: 30px;
display: flex;
flex-direction: column;
gap: 20px;
}
.header .mobile_menu {
transform: translate(0);
}
.header .menuToggler, .site-searching {
display: grid;
place-items: center;
width: 30px;
height: 30px;
position: relative;
}
.header .menu nav ul {
flex-direction: column;
padding-block: 40px; }
.header .menu nav ul li {
padding: 15px 20px !important;
position: relative;
}
.header .menu nav ul li {
white-space: unset !important;
}
.header .dropdown svg {
position: absolute;
right: 20px;
top: 20px;
}
.header .mobile-items, .menuClose, .header .flex-hd-rb {
display: flex;
}
.header .main-header .inner-header:last-child, .flex-col-content {
gap: 15px !important;
}
.header .dropdown.mobile_dropdown>ul {
position: static;
inset: 0;
margin-top: 15px;
padding: 0px;
visibility: unset;
opacity: unset;
display: inherit;
}
.header nav>ul {
flex-direction: column;
align-items: unset !important;
position: fixed;
left: 0;
top: 0;
z-index: 99;
height: 100%;
width: 100%;
overflow-y: auto;
}
.header .widget_bwe-service-logo-widget:after {
height: 20px !important;
width: 190px !important;
}
.header .menuClose {
background: var(--white);
}
.header .menu {
background: var(--white);
box-shadow: -9px 0 14px 0px rgba(0, 0, 0, 0.06);
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.header .menu nav ul li {
border-bottom: 1px solid #D3D2DF;
}
.header .menu nav ul li:last-child {
border-bottom: 0;
}
.header .dropdown ul li a:hover {
padding-left: unset !important;
}
.header .dropdown ul li a:hover:after, :is(.sep-icn-1, .light-bg-sep, .wcu-content, .tech-sep, .cta-wrap, .review-sep, .sep-arrow):after, :is(.sep-icn-1, .light-bg-sep, .wcu-content, .sep-arrow, .tech-sep, .cta-wrap, .tab-sep-arrow):before {
content: unset;
}
.header .dropdown ul {
transition: none !important;
box-shadow: unset !important;
}
.header .dropdown.mobile_dropdown>ul {
border-radius: 0;
border: 1px solid #d3d2df78;
transform: none;
}
.header nav>ul {
background: #fff;
box-shadow: 0 0 12px rgba(0, 0, 0, .22);
}
.header nav ul .dropdown:hover :is(.megaMenuCon .megamenu, .megaMenuCon, ul) {
transform: unset !important;
display: none;
left: unset !important;
}
.header nav ul .dropdown .megaMenuCon .flex-col-megaCta [class*="flex-btn"] svg {
display: none;
}
.megaMenuCon .flex-col-megaCta {
gap: 10px;
border-radius: unset;
padding: 20px 20px 0;
}
.megaMenuCon .flex-col-megaCta p {
font-size: 16px
}
.header nav ul .mobile_dropdown ul {
display: inherit !important
}
.header nav ul .mobile_dropdown :is(.megaMenuCon .megamenu, .megaMenuCon) {
grid-template-columns: auto;
left: unset;
top: 15px !important;
position: relative;
gap: 0 !important;
transform: unset !important;
opacity: unset;
visibility: unset;
padding: unset;
max-width: 100%;
display: grid !important;
margin-bottom: 20px !important;
}
.ps-25, .ps-50 {
padding-left: unset !important;
}
.py-70 {
padding-block: 30px !important; }
.sep-icn-1 {
padding-bottom: unset !important;
}
[class*="flex-col-sec-hd"] {
margin-bottom: 25px
}
:where(.section, section, .sec-space, .mt-5, .mt-auto) {
margin-top: 40px !important
}
.cta-wrap {
padding: 25px !important;
}
.d-md-none {
display: none;
}
.cta-wrap .flex-cta-item-between {
gap: 18px;
flex-wrap: wrap;
}
.footer-container .flex-col-foot-cta-rb {
text-align: left;
align-items: start;
}
.foot-cta, .footer, .bg-primary, .light-bg {
padding-block: 30px; }
.foot-cta:before {
content: unset !important;
}
.modalForm {
max-width: 600px;
height: 100%;
padding: 50px 20px 20px;
overflow-y: auto;
}
.modalForm .flex-closeModals {
right: 0;
top: 0;
}
.order-md-1 {
order: 1;
}
.order-md-2 {
order: 2;
}
.md-overflow-sec {
flex-wrap: nowrap;
overflow-x: auto;
width: 100%;
white-space: nowrap;
padding-bottom: 15px;
justify-content: start;
}
}
/* Tablet Screens */
@media (600px <=width <=1024px) {
.d-md-none {
display: none !important;
}
.grid-6 {
grid-template-columns: repeat(6, 1fr);
gap: 35px;
}
}
/* Small Mobile Screens */
@media (width <=600px) {
.grid-6 {
grid-template-columns: repeat(3, 1fr);
gap: 20px 30px;
}
.justify-content-end {
justify-content: flex-start;
}
}
.zigzagIcon {
animation: 1200ms ease 0s infinite normal none running shake;
}
@keyframes shake {
0% {
transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-webkit-transform: rotateZ(0deg);
}
10% {
transform: rotateZ(-30deg);
-ms-transform: rotateZ(-30deg);
-webkit-transform: rotateZ(-30deg);
}
20% {
transform: rotateZ(15deg);
-ms-transform: rotateZ(15deg);
-webkit-transform: rotateZ(15deg);
}
30% {
transform: rotateZ(-10deg);
-ms-transform: rotateZ(-10deg);
-webkit-transform: rotateZ(-10deg);
}
40% {
transform: rotateZ(7.5deg);
-ms-transform: rotateZ(7.5deg);
-webkit-transform: rotateZ(7.5deg);
}
50% {
transform: rotateZ(-6deg);
-ms-transform: rotateZ(-6deg);
-webkit-transform: rotateZ(-6deg);
}
60% {
transform: rotateZ(5deg);
-ms-transform: rotateZ(5deg);
-webkit-transform: rotateZ(5deg);
}
70% {
transform: rotateZ(-4.28571deg);
-ms-transform: rotateZ(-4.28571deg);
-webkit-transform: rotateZ(-4.28571deg);
}
80% {
transform: rotateZ(3.75deg);
-ms-transform: rotateZ(3.75deg);
-webkit-transform: rotateZ(3.75deg);
}
90% {
transform: rotateZ(-3.33333deg);
-ms-transform: rotateZ(-3.33333deg);
-webkit-transform: rotateZ(-3.33333deg);
}
100% {
transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-webkit-transform: rotateZ(0deg);
}
}
.bwe-copyright :is(.flex-row-between, .flex-copy-menu) {
flex-wrap: wrap;
}
.bwe-copyright .flex-copy-menu {
justify-content: center;
margin-top: 20px;
gap: 8px;
}
.whatsapp-chat {
position: fixed;
bottom: 30px;
right: 20px;
display: flex;
align-items: center;
z-index: 9999;
animation: floatUpDown 2s ease-in-out infinite;
}
.whatsapp-text {
background-color: #f1f1f1;
color: #000;
padding: 10px 14px;
font-size: 16px;
margin-right: 8px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
white-space: nowrap;
text-decoration: none;
border-radius: 50px;
border: 1px solid #cccccc5c;
}
.whatsapp-icon {
background-color: #25d366;
border-radius: 50%;
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
transition: transform 0.3s;
}
.whatsapp-icon:hover {
transform: scale(1.05);
}
.whatsapp-icon img {
width: 24px;
height: 24px;
}
@keyframes floatUpDown {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-6px);
}
}
/* extra css */
@media (max-width: 576px) {
.txt-sm-white {
color : var(--white) !important;
}
.mb-sm-20{
margin-bottom : 20px !important;
}
.grid-content-wrap > .content-img > .content-shape {
justify-content : space-around !important;
}
.mt-8 {
margin-top: 18px;
}
.swiper-pagination-bullet{
background: var(--swiper-pagination-bullet-inactive-color, var(--white)) !important;
opacity: var(--swiper-pagination-bullet-inactive-opacity, .5) !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1) !important;
background: var(--swiper-pagination-color, var(--white)) !important;
}
.site-pagination .swiper-pagination-bullet-active:not(.homepageReview .swiper-pagination-bullet-active){
background: var(--swiper-pagination-color, var(--white)) !important;
}
}