:root {
--header-bg: rgba(255,255,255, 0.94);
--bg-box: #F9F9F9;
--text: #333;
--heading: #0A0A0A;
--heading-2: rgba(10, 10, 10, 0.2);
--span: #0071E3;
--msg-btn: #0071E3;
--main-bg: #fff;
--excep-bg: #F9F9F9;
--divider: rgba(14, 14, 14, 0.80);
--hero-bg: #F7F7F7;
--pagination: #C0C0C0;
--grayscale: grayscale(100%);
--bottom-bg: #0071E3;
--footer-bg: #fff;
--image-filter: none;
--swiper-pagination: #0A0A0A;
--bg-primary: #0A0A0A;
--bg-secondary: #0071E3;
--sys-btn: #fff;
--exceptional-bg: #F9F9F9;
--bg-card: #fff;
--bg-border: #fff;
--copy-card: #F0F0F0;
--sys-border: #0071E3;
--micon: #D9D9D9;
--background: linear-gradient(0deg, #F5F5F5 0%, #FFF 80.31%);
--bg-track: #fff;
}
.dark-mode {
--header-bg:rgba(17, 17, 17, 0.94);
--bg-box: #0A0A0A;
--text: #fff;
--heading: #fff;
--heading-2: rgba(255,255,255, 0.2);
--span: #0071E3;
--msg-btn: #fff;
--main-bg: rgba(10, 10, 10, 0.97);
--excep-bg: #111111;
--divider: #fff;
--hero-bg: #0A0A0A;
--pagination: #fff;
--rgba: rgba(255, 255, 255, 0.35);
--grayscale: grayscale(100%) contrast(0.15);
--bottom-bg: #0A0A0A;
--footer-bg: #0A0A0A;
--image-filter: grayscale(200%) brightness(0.5);
--swiper-pagination: #0071E3;
--bg-primary: red;
--bg-secondary: rgba(10, 10, 10, 0.65);
--sys-btn: #0071E3;
--exceptional-bg: none;
--bg-card: #0A0A0A;
--bg-border: #F0F0F0;
--copy-card: #111111;
--sys-border: #F0F0F0;
--micon: #fff;
--background: #0a0a0a;
--bg-track: rgba(17, 17, 17, 0.94);
} .lazyload,
.lazyloading {
opacity: 0;
}
.lazyloaded {
opacity: 1;
transition: opacity 300ms;
} img.lazyload:not([src]) {
visibility: hidden;
}
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
border-bottom: 1px solid var(--heading-2) !important;
}
html,
body { font-family:'Roboto', sans-serif;
background-color: var(--main-bg) !important;
} }
.ast-builder-grid-row.ast-builder-grid-row-has-sides.ast-builder-grid-row-no-center  {
background-color: #fff !important;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.05) !important;
}
.ast-builder-menu-1 .menu-item > .menu-link:focus {
outline: unset !important;
}
.ast-primary-header-bar {
background-color: transparent !important;
}
header .site-primary-header-wrap{
max-width: 1420px !important;
}
.ast-primary-header-bar .site-primary-header-wrap {
height: 60px;
min-height: 100%;
}
.ast-mobile-header-content{
position: fixed !important;
left: 0 !important;
}
.ast-builder-menu-1 .menu-item > .menu-link {
color: var(--text) !important;
margin-right:50px !important;
padding-right:0 !important;
position:relative;
}
.ast-builder-menu-1 .menu-item > .menu-link::before{
content: '';
position:absolute;
bottom: 20px;
width: 0; 
height: 2px;
border-radius: 10px;
background-color: var(--msg-btn);
transition: width 0.3s; 
}
.ast-builder-menu-1 .menu-item > .menu-link:hover::before {
width: 100%;
}
.ast-builder-menu-1 .menu-item > .menu-link:hover{
color: var(--msg-btn) !important;
}
.dropdown {
display: inline-block;
position: relative;
}
#dropdown-button{
height: 42px;
}
button{
display: flex;
justify-content: center;
align-items: center;
padding: 0px 30px;
height: 48px;
border-radius: 1000px;
border: 2px solid #0071E3;
background-color: #0071E3;
color: #fff;
font-family: Poppins;
font-size: 19px;
font-weight: 400;
font-family: 'Roboto';
line-height: normal;
}
button:hover{
border: 2px solid #0071E3;
background-color: #0071E3;
color: #fff;
}
.dropdown-options {
display: none;
position: absolute;
overflow: auto;
background-color: var(--main-bg);
border-radius:15px;
border: 1px solid rgba(240, 240, 240, 0.7);
box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
width: 95%;
left: 2%;
}
.dropdown-options br 
{
display: none;
}
.dropdown:hover .dropdown-options {
display: block;
}
.dropdown p
{
display: none;
}
.dropdown-options a {
display: block;
color: var(--heading);
text-align: center;
font-family: Poppins;
font-size: 15px;
font-style: normal;
font-weight: 400;
padding: 10px 0;
border-bottom: 1px solid rgba(240, 240, 240, 0.7);
text-decoration: none;
transition:0.3s ;
}
.dropdown-options a:hover{
background-color: #f9f9f9;
color: #0071e3;
}
button img {
width: 13px;
height: 7px;
margin-left: 10px;
}
button.git-btn{
display: flex;
justify-content: center;
align-items: center;
padding: 0px 30px;
height: 42px;
border-radius: 1000px;
border: 2px solid var(--msg-btn);
background-color: transparent;
color: var(--msg-btn);
font-family: Poppins;
font-size: 19px;
font-style: normal;
font-weight: 400;
transition: 0.3s;
font-family: 'Roboto';
line-height: normal;
}
button.git-btn svg {
width: unset;
height: unset;
transition: 0.3s;
margin-left: 10px;
}
.site-header-section .ast-builder-menu{
padding: 0 30px 0 0;
}
.git-btn:hover svg{
transform: rotate(45deg);
transition: 0.3s;
}
button.git-btn svg path{
stroke:var(--msg-btn);
}  #menu-item-1343,
#menu-item-1354,
#menu-item-1355,
#menu-item-1356{
display: none !important;
}
.main-header-menu .sub-menu{
background: var(--main-bg);
}
.services-sub-menu{
border-radius: 15px;
padding: 21px 42px !important;
width: 503px !important;
left: -140% !important;
top: 85% !important;
}
ul.sub-menu.services-sub-menu.grid-menu {
display: grid;
grid-template-columns: 1fr 1fr; 
grid-gap: 25px 50px;
list-style: none;
padding: 0;
margin: 0; 
border: 1px solid rgba(240, 240, 240, 0.7);
background-color: var(--main-bg) !important;
} .menu-link:hover > span .ast-icon.icon-arrow svg {
transform: rotate(180deg);
transition: transform 0.5s ease;
}
#dropdown-button:hover > img {
transform: rotate(180deg);
transition: transform 0.5s ease;
}
.grid-menu-item a {
transition: all .05s .05s ease !important;
}
.services-sub-menu li a{
text-decoration: none !important;
padding: 0 !important;
}
.branding-menu-box{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.branding-menu-box img{
object-fit: cover;
}
.branding-menu-box h6{
color:  var(--heading);
font-size: 16px;
font-weight: 500;
line-height: 24px;
margin: 5px 0 0 0;
}
.branding-menu-box h6:hover{
color: #0071E3;
}
.branding-menu-box p{
color:  var(--text);
font-size: 12px;
font-weight: 500;
line-height: 18px;
margin: 0 !important;
}
body button a:focus {
outline: none !important;
}
a:focus {
outline: none !important;
} #content .ast-container{
max-width: 100%;
padding: 0;
}
.hero-section{
position: relative;
max-width: 100% !important;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
height: 100%;
background-color: var(--hero-bg);
}
.hero-section img{
max-width: 100%;
height: auto ;
object-fit: cover;
margin: 0 auto;
}
.swiper.hero-swiper{
position: absolute;
left: 0;
top: 0; height: 85%;
max-width: 100%;
}
.carousel-swiper {
position: absolute;
left: 0;
bottom: 50px;
display: flex;
justify-content: center;
align-items: center;
height: 6%;
}
.swiper-content{
max-width: 1420px;
padding: 0 20px;
margin: 100px auto 0 auto;
}
.swiper-slide {
width: 100%;
}
.swiper-content{
display: flex;
justify-content: space-between;
align-items: center;
}
.swiper-left{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
width: 45%;
}
.swiper-left h1 {
color:var(--heading);
font-size: 54px;
font-weight: 500;
line-height: 60px;
width: 90%;
margin: 0;
}
.swiper-left h1 span {
color: var(--span);
font-weight: 700 !important;
}
.swiper-left p {
color:  var(--text);
font-size: 19px;
font-weight: 400;
line-height: 30px;
margin: 15px 0 50px 0;
width: 90%;
}
.button-box
{
display: flex;
justify-content: flex-start;
align-items: center;
}
.button-box a {
text-decoration: none !important;
}
.call-btn, .msg-btn{
display: flex;
justify-content: center;
align-items: center;
background-color: #0071E3;
color: #fff;
font-size: 19px;
font-weight: 500;
line-height: 30px;
padding: 0px 30px;
height: 48px;
border-radius: 10000px;
border: 2px solid #0071E3;
transition: 0.3s;
cursor: pointer;
font-family: 'Roboto';
}
.who-we-are-box button a{
color: #fff;
text-decoration: none !important;
}
.video-section-right button a{
color: #fff;
text-decoration: none !important;
}
.partner-up-box button a{
color: #fff;
text-decoration: none !important;
}
.our-services-left button a{
color: #fff;
text-decoration: none !important;
}
.call-btn svg{
transition: 0.3s;
margin: 0 0 0 10px;
}
.msg-btn svg path{
fill: var(--msg-btn);
}
.msg-btn svg {
width: 20px;
margin: 0 0 0 10px;
height: 18px;
}
.msg-btn svg path{
fill: var(--msg-btn);
}
.call-btn:hover svg{
transform: rotate(-45deg);
transition: 0.3s;
}
.call-btn:hover{
background-color: #0061e3;
}
.msg-btn{
color: var(--msg-btn);
background-color: transparent;
border: 2px solid var(--msg-btn);
margin: 0 0 0 20px;
padding: 0px 30px;
height: 48px;
}
.msg-btn:hover{
color: #fff;
background-color: #0071E3;
border: 2px solid #0071E3;
}
.msg-btn:hover svg path{
fill: #fff;
}    
.swiper-right{
display: flex;
justify-content: center;
align-items: center;
width: 45%;
}
.desk-bg-light-img{
width: 100%;
height: 100%;
}
.desk-bg-dark-img{
display: none;
}
.ordbn {
margin: 25px 0px 10px 0px !important;
}
.mgndk{
margin-right: -41px !important;
}
.sdlks{
margin: 0px 0 40px 0px !important;
}
.dark-mode .desk-bg-light-img{
display: none;
}
.dark-mode .desk-bg-dark-img{
width: 100%;
height: 100%;
}
.dark-mode .desk-bg-dark-img{
display: block;
} .swiper-right-box{
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.sr-img-box {
width: 80%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
transition: 1s;
}
.man-with-laptop {
width: 100%;
height: 100%;
object-fit: contain;
z-index: 1;
position: relative;
transition: 0.5s;
}
.box-img {
width: max-content;
max-height: 100%;
z-index: 2;
object-fit: contain;
transition: 0.5s;
}
.box-img-1 {
position: absolute;
top: 17%;
left: -15%;
animation: boxImg1Animation1 3s infinite linear;
}
@keyframes boxImg1Animation {
0% {
transform: translate(1px, -8px);
}
50% {
transform: translate(-3px, 8px);
}
100% {
transform: translate(1px, -8px);
}
}
@keyframes boxImg1Animation1 {
0% {
transform: translate(0.5px, -2px);
}
50% {
transform: translate(-1px, 2px);
}
100% {
transform: translate(0.5px, -2px);
}
}
.box-img-2 {
position: absolute;
top: 23%;
right: 0;
animation: boxImg2Animation2 3s infinite linear;
}
@keyframes boxImg2Animation2 {
0% {
transform: translate(-0.5px, 1.5px);
}
50% {
transform: translate(1px, -1.5px);
}
100% {
transform: translate(-0.5px, 1.5px);
}
}
@keyframes boxImg2Animation {
0% {
transform: translate(-1px, 8px);
}
50% {
transform: translate(3px, -8px);
}
100% {
transform: translate(-1px, 8px);
}
}
.box-img-3 {
position: absolute;
bottom: 20%;
left: -20%;
max-height: 100%;
animation: boxImg3Animation3 3s infinite linear;
}
@keyframes boxImg3Animation3 {
0% {
transform: translate(-0.5px, 2px);
}
50% {
transform: translate(1px, -2px);
}
100% {
transform: translate(-0.5px, 2px);
}
}
@keyframes boxImg3Animation {
0% {
transform: translate(-1px, 8px);
}
50% {
transform: translate(3px, -8px);
}
100% {
transform: translate(-1px, 8px);
}
}
.box-img-4 {
position: absolute;
bottom: 8%;
max-height: 100%;
right: -5%;
animation: boxImg4Animation4 3s infinite linear;
}
@keyframes boxImg4Animation4 {
0% {
transform: translate(-0.5px, -1px);
}
50% {
transform: translate(1px, 1px);
}
100% {
transform: translate(-0.5px, -1px);
}
}
@keyframes boxImg4Animation {
0% {
transform: translate(-1px, -3.5px);
}
50% {
transform: translate(3.5px, 3.5px);
}
100% {
transform: translate(-1px, -3.5px);
}
}
.sr-img-box:hover .man-with-laptop {
transform: scale(0.975);
transition: 1s;
}
.sr-img-box:hover .box-img {
opacity: 1;
scale: 1.035;
}   
.sr-img-box:hover .box-img-4{
animation: boxImg3Animation 3s infinite linear;
transition: 0.5s;
}
.sr-img-box:hover .box-img-3{
animation: boxImg3Animation 3s infinite linear;
transition: 0.5s;
}
.sr-img-box:hover .box-img-2{
animation: boxImg2Animation 3s infinite linear;
transition: 0.5s;
}
.sr-img-box:hover .box-img-1{
animation: boxImg1Animation 3s infinite linear;
transition: 0.5s;
}
.box-img-2.swi-2-img-2 {
right: -7%;
max-height: 100%;
}
.box-img-3.swi-2-img-3 {
bottom: 7%;
left: -4%;
max-height: 100%;
}
.box-img-4.swi-2-img-4{
bottom: 13%;
right: -10%;
max-height: 100%;
}
.box-img-1.swi-2-img-1 {
top: 20%;
left: -11%;
max-height: 100%;
}
.box-img-2.swi-3-img-2 {
top: 10%;
right: 10%;
max-height: 100%;
}
.box-img-4.swi-3-img-4{
bottom: 12%;
right: -13%;
max-height: 100%;
}
.box-img-1.swi-3-img-1 {
top: 42%;
left: -11%;
max-height: 100%;
}
.carousel {
width: 100%;
overflow: hidden;
}
.carousel-container {
white-space: nowrap;
}
.carousel-item {
display: inline-block;
}
.carousel-swiper .swiper-carousal {
display: flex;
justify-content: center;
align-items: center;
}
.carousel-swiper .swiper-carousal .swiper-slide {
display: flex;
justify-content: center;
align-items: center;
width: max-content;
height: max-content;
}
.carousel-swiper .swiper-carousal .swiper-slide img {
height: 100%;
object-fit: contain;
margin: 0 50px ;
filter: var(--grayscale);
cursor: pointer;
}
.carousel-swiper .swiper-carousal .swiper-slide img:hover{
filter: grayscale(0%);
}
.dark-mode .carousel-swiper .swiper-carousal .swiper-slide img:hover{
filter: var(--grayscale);
}
.swiper-pagination-bullet{
width: 10px !important;
height: 10px !important;
background-color:var(--pagination) !important ;
margin: 0 8px !important;
opacity: 1 !important;
}
.swiper-pagination-bullet-active{
width: 12px !important;
height: 12px !important;
background-color: #0071E3 !important ;
margin: 0 8px !important;
}
.hero-swiper.swiper-horizontal>.swiper-pagination-bullets {
bottom: var(--swiper-pagination-bottom,40px) !important;
display: flex;
justify-content: center;
align-items: center;
}
.mob-bg-virrgotech{
display: none;
} .get-ahead-section{
display: flex;
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding: 150px 0;
gap:50px;
}
.get-ahead-left{
display: flex;
justify-content: flex-start;
align-items: flex-start;
width: 50%;
}
.get-ahead-left img{ object-fit: cover;
border-radius: 30px;
}
.get-ahead-right{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
width: 50%;
}
.ahead-heading{
position: relative;
}
.get-ahead-right h2 {
color:  var(--heading);
font-size: 54px;
font-weight: 500;
line-height: 60px;
margin: 0;
}
.get-ahead-right h2 span{
font-weight: 700;
color: var(--span);
}
.get-ahead-right .call-btn svg{
position: unset !important;
margin: 0 0 0 10px;
right: unset;
bottom: unset;
height: unset;
} 
.line-divider{
width: 100%;
height: 0.5px; 
opacity: 0.5;
background: var(--divider);
margin: 30px 0 -1.25px 0;
} .tab {
overflow: hidden;
display: flex;
position: relative;
} .tab button {
color: var(--heading);
font-family: Roboto;
font-size: 24px;
font-weight: 500;
line-height: 28px;
background-color: transparent;
opacity: 0.5;
border: none;
margin: 0 50px 0 0;
padding: 30px 0px 0 0 !important;
height: unset !important;
border-radius: unset !important;
} .tab button.active {
color: var(--heading);
opacity: 1; } .tabcontent {
display: none;
padding: 30px 0 0 0;
}
.tabcontent p{
color:  var(--text);
font-size: 19px;
font-weight: 400;
line-height: 29px; 
} .your-brand-section{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
width: 100%;
padding: 150px 0;
max-width: 100vw !important;
background-color: var(--bg-box);
}
.your-brand-section h2{
color:  var(--heading);
font-size: 54px;
font-weight: 500;
line-height: 60px;
text-align: center;
width: 100%;
margin: 0 0 10px 0;
position: relative;
}
.your-brand-section h2 span{
color: var(--span);
font-weight: 600;
}
.your-brand-section h2 span svg{
position: absolute;
bottom: -10%;
right: 38.5% !important;
}
.your-brand-section h6{
color:var(--text);
text-align: center;
font-size: 19px;
font-weight: 400;
line-height: 29px; 
width: 50%;
margin: 0 auto;
padding: 10px 0 0 0;
}
.four-brand-section{
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
grid-gap: 50px;
max-width: 1210px !important;
margin: 100px auto 0 auto;
}
.four-brand-section a {
text-decoration: none !important;
}
.main-brand-box{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 60px;
border-radius: 30px;
background-color: var(--copy-card);
transition: 0.8s;
border: 1px solid rgba(240, 240, 240, 0.7);
}
.main-brand-box h3 a{
font-size: 36px;
line-height: 54px;
font-weight: 700;
cursor: pointer;
color: var(--heading);
margin: 0;
text-decoration:  none !important;
}
.main-brand-box p{
color: var(--text);
font-size: 19px;
font-weight: 400;
line-height: 28px;
margin-top: 10px;
margin-bottom: 0;
}
.brand-icons-points{
display: flex;
align-items: flex-start;
justify-content: flex-start;
padding: 50px 0 0 0;
position: relative;
}
.main-icon-point{
display: flex;
justify-content: flex-start;
align-items: center;
padding-bottom: 10px;
}
.main-icon-point.mip-1{
padding-top: 3px;
}
.micon-box{
display: flex;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
background-color: var(--micon);
border-radius: 50%;
}
.micon-box img{
width: 23px;
height: 21px;
object-fit: contain;
}
.main-icon-point a{
margin-left: 15px;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 25px;
color: var(--text);
text-decoration: none !important;
cursor: pointer;
}
.main-brand-box:hover {
background-color: #0071E3;
transition: 0.8s;
box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.20);
}
.main-brand-box:hover h3, .main-brand-box:hover p, .main-brand-box:hover a{
transition: 0.8s;
color: #fff;
}
.main-brand-box:hover .micon-box{
transition: 0.8s;
background-color: #fff;
}
.bi-four-box{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 0 0 0 10px;
}
.main-brand-box:hover .dotted-grey{
display: none;
}
.main-brand-box:hover .dotted-white{
transition: 0.8s;
display: block;
}
img.dotted-grey{
display: block;
}
img.dotted-white{
display: none;
}
.dark-mode img.dotted-white{
display: block;
}
.dark-mode img.dotted-grey{
display: none;
}
.main-brand-box:hover .dark-mode img.dotted-grey{
display: none;
}
.main-brand-box:hover .dark-mode img.dotted-white{
display: block;
}
.dotted-white-mob, .dotted-grey-mob{
display: none;
} .choose-us-section{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
max-width: 100vw;
padding: 150px 0 100px 0;
}
.choose-us-section h2{
color:  var(--heading);
font-size: 54px;
font-weight: 500;
line-height: 60px;
text-align: center;
margin: 0;
width: 100%;
position: relative;
}
.choose-us-section h2 span svg {
position: absolute;
bottom: -10%;
right: 21% !important;
}
.choose-us-section h2 span{
color:  var(--span);
font-weight: 600;
}
.choose-us-section p{
color:  var(--text);
text-align: center;
font-size: 19px;
font-weight: 400;
line-height: 29px;
width: 50%;
margin: 10px auto 0 auto;
}
.four-chooseus-section{
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
grid-gap: 100px;
margin: 100px auto 0 auto;
max-width: 1420px;
}
.main-choose-us{
display: flex;
justify-content: flex-end;
align-items: flex-start;
}
.cu-icon-box{
display: flex;
justify-content: center;
align-items: center;
width: 112px;
height: 112px;
flex-shrink: 0;
border-radius: 50%;
background-color: #FFF;
border: 1px solid rgba(240, 240, 240, 0.7);
filter: drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.05));
transition: transform 0.3s ease-in-out;
cursor: pointer;
}
.dark-mode .cu-icon-box{
background-color: transparent;
}
.cu-icon-box img{
width: 58px;
height: 58px;
object-fit: cover;
}
.cu-icon-box img.img1{
width: 54px;
height: 51px;}
.cu-icon-box img.img2{
width: 56px;
height: 56px;
margin-bottom: 7px;
}
.cu-icon-box img.img3{
width:48px;
height: 58px;}
.cu-heading-box{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
margin-left: 20px;
}
.cu-heading-box h3{
color: var(--heading);
font-size: 36px;
font-weight: 700;
line-height: 42px;
margin: 0;
}
.cu-heading-box p{
color:  var(--text);
font-size: 19px;
font-weight: 400;
line-height: 29px;
text-align: left;
width: 100%;
margin: 5px 0 0 0;
} .case-studies-section{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
max-width: 100vw !important;
padding: 100px 20px !important;
background: var(--bg-box);
}
.case-studies-top-section{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
width: 100% !important;
}
.case-studies-heading{
position: relative;
width: 100%;
}
.case-studies-heading h2 {
color:  var(--heading);
font-size: 54px;
font-weight: 500;
line-height: 60px;
text-align: center;
margin-bottom: 0;
width: 100%;
}
.case-studies-heading h2 span{
color:  var(--span);
font-weight: 600;
}
.case-studies-heading svg{
position: absolute;
top: 100%;
left: 53.5%;
transform: translate(-50%, -50%);
}
.case-studies-section p{
color:  var(--text);
font-size: 19px;
font-weight: 400;
line-height: 29px;
text-align: center;
width: 28%;
margin: 10px auto 50px auto;
}
.cs-all-button-box{
width: 100% !important;
}
.see-all-opt.cs-see-opt-box{
margin: 0px 0 0px auto;  
}
.see-all-opt{
display: flex;
justify-content: flex-end;
align-items: center;
width: 100%;
max-width: 1420px;
}
.see-all-opt a{
color:  var(--msg-btn);
font-size: 19px;
font-weight: 500;
line-height: 22px;
text-decoration: none !important;
}
.see-all-opt svg{
margin-left: 10px;
}
.see-all-opt svg path {
stroke: var(--msg-btn);
}
.case-studies-swiper{
width: 100vw;
}
.cs-main-swiper{
padding-top: 50px !important;
padding-bottom: 50px !important;
}
.cs-swiper-content{
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
border-radius: 30px;
background:  var(--footer-bg);
border: 1px solid rgba(240, 240, 240, 0.7);
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.05);
padding: 50px 50px 35px 50px;
height: 335px;
transition: 1s !important;
}
.cs-swiper-content img{
width: unset;
height: auto;
object-fit: cover;
}
.dark-mode .cssc-dark-img{
display: block;
}
.dark-mode .cssc-light-img{
display: none;
}
.cssc-dark-img{
display: none;
}
.cssc-light-img{
display: block;
}
.cs-swiper-content h4{
color:  var(--heading);
font-size: 24px;
font-weight: 400;
line-height: 34px;
margin: 50px auto;
width: 90%;
text-align: center;
}
.cs-bottom-box{
display: flex;
justify-content: space-between;
align-items: flex-end;
width: 100%;
}
.cs-left-main{
display: flex;
justify-content: flex-start;
align-items: center;
}
.cs-left-main img{
width: 55px;
height: 55px;
margin: 0 10px 0 0;
}
.cs-left-bot-box{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.cs-left-bot-box h5 {
color: var(--text);
font-size: 24px;
font-weight: 500;
line-height: 27px;
margin: 0;
text-transform: uppercase;
}
.cs-left-bot-box h6 {
color: var(--text);
font-size: 16px;
font-weight: 400;
line-height: 27px;
margin: 0;
}
.cs-bottom-box a{
color: var(--text);
font-size: 24px;
font-weight: 500;
transition: 0.3s;
line-height: 27px;
text-align: center;
text-decoration: none !important;
}
.cs-bottom-box a svg{
transition: 0.3s;
margin: 0 0 0 10px;
}
.cs-bottom-box a:hover{
color: #0071E3;
}
.cs-bottom-box a:hover svg{
transform: translateX(5px);
transition: 0.3s;
} .our-clients-section{
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
margin: 100px auto 0 auto;
max-width: 1420px;
}
.our-client-imgs{
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
}
.our-client-imgs a{
text-decoration: none !important;
}
.our-client-imgs img{
transition: 0.3s;
object-fit: contain;
cursor: pointer;
margin: 25px 0;
}
.our-client-imgs .oc-swipe-dark:hover{
filter: unset !important;
}
.carousel-swiper .caro-dark-logo:hover{
filter: unset !important;
}
.oc-prev-btn, .oc-next-btn{
display: flex;
justify-content: center;
align-items: center;
width: 7% !important;
height: 50px !important;
background-color: #F0F0F0;
border-radius: 50%;
cursor: pointer;
}
.oc-prev-btn:hover, .oc-next-btn:hover{
background-color: #0071E3;
}
.oc-prev-btn:hover svg path, .oc-next-btn:hover svg path{
stroke: #fff;
}
.our-clients-section .swiper{
margin: 0 50px;
}
.our-client-imgs .img-box{
display: flex;
justify-content: center;
align-items: center;
height: 105px;
}
.oc-img-first img{
margin: 0 0 25px 0;
transition: 0.3s;
cursor: pointer;
}
.oc-img-first img:hover{
transform: translateY(-8px);
transition: 0.3s;
}
.our-client-imgs img:hover{
transform: translateY(-8px);
transition: 0.3s;
}
.oc-img-last img{
margin: 0;
}
.mob-next-prev{
display: none;
}
.mob-next-prev1{
display: flex;
justify-content: center;
align-items: center;
margin-top: 35px;
gap: 20px;
} .case-studies-section.main-blog-section .wp-block-column{
width: 100% !important;
}
.case-studies-heading.blog-section svg{
position: absolute;
top: 115%;
left: 56%;
transform: translate(-50%, -50%);
}
.blog-section-content{
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1420px;
margin: 0 auto 0 auto !important;
width: 100%;
}
.wp-block-latest-posts.is-grid {
align-items: flex-start;
}
.swiper-blog-box{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
border-radius: 10px;
background:  #FFF;
border: 1px solid #F9F9F9;
width: 450px !important;
max-width: 450px !important;
transition: 1s !important;
}
.wp-block-latest-posts.is-grid li {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
border-radius: 10px;
background:  var(--footer-bg);
border: 1px solid rgba(240, 240, 240, 0.7);
width: 450px !important;
max-width: 450px !important;
transition: 1s !important;
}
.main-blog{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
border-radius: 10px;
background:  #FFF;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15); 
width: 450px !important;
max-width: 450px !important;
}
.main-blog.middle-blog{
margin: 0 35px;
}
.main-blog img{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px 10px 0 0;
}
.main-blog-content{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 20px 30px 28px 20px;
}
.wp-block-latest-posts.is-grid li time.wp-block-latest-posts__post-date{
color:  #0071E3;
font-size: 18px;
font-weight: 400;
line-height: 21px;
padding: 20px;
margin: 0;
}
.wp-block-latest-posts.is-grid li a.wp-block-latest-posts__post-title{
color:  var(--heading);
font-size: 24px;
font-weight: 600;
line-height: 30px;
margin: 0;
padding: 20px 20px 0 20px;
}
.wp-block-latest-posts.is-grid li .wp-block-latest-posts__post-excerpt{
color:  var(--text);
font-size: 16px;
font-weight: 400;
text-align: left;
line-height: 21px;
width: 100%;
margin: 0;
padding: 0 20px;
}
.wp-block-latest-posts.is-grid li p.read-more{
color:  var(--text);
font-size: 16px;
transition: 0.3s;
font-weight: 600;
line-height: 16px;
text-decoration: none !important;
margin: 0;
padding: 40px 20px 20px 0px;
width: 100%;
text-align: left;
}
.wp-block-latest-posts__featured-image.alignleft{
margin: 0;
}
.wp-block-latest-posts__featured-image img {
border-radius: 10px 10px 0 0 !important;
height:auto !important;
}
.main-blog-content h6{ color:  #0071E3;
font-size: 18px;
font-weight: 400;
line-height: 21px;
margin: 0;
}
.main-blog-content h4{ color:  #0A0A0A;
font-size: 24px;
font-weight: 600;
line-height: 30px;
margin: 20px 0 10px 0;
}
.main-blog-content p{ color:  #0A0A0A;
font-size: 16px;
font-weight: 400;
text-align: left;
line-height: 21px;
width: 100%;
margin: 0;
}
.read-more-opt{
display: flex;
justify-content: flex-start;
align-items: center;
margin: 40px 0 0 0;
}
.read-more-opt a{
color:  #0A0A0A;
font-size: 16px;
transition: 0.3s;
font-weight: 600;
line-height: 16px;
text-decoration: none !important;
}
.read-more-opt svg{
margin-left: 10px;
}
.read-more-opt svg path {
stroke: #0071E3;
}
.blog-section-content a{
text-decoration: none !important;
} .choose-us-section.ba-mian-section p{
width: 28%;
}
.badge-awards-section{
width: 100%;
margin: 100px auto 0 auto;
max-width: 1420px;display: flex !important;
justify-content: space-between;
align-items: center;
}
.badge-awards-swiper{
margin: 0 50px !important;
}
.badge-awards-swiper .img-box{
display: flex;
justify-content: center;
align-items: center;
height: 125px;
}
.badge-awards-swiper .img-box img{
object-fit: contain;
transition:1s;
}
.ba-prev-btn, .ba-next-btn{
display: flex;
justify-content: center;
align-items: center;
width: 6.5%;
height: 50px;
background-color: #F0F0F0;
border-radius: 50%;
cursor: pointer;
}
.ba-prev-btn:hover, .ba-next-btn:hover{
background-color: #0071E3;
}
.ba-prev-btn:hover svg path, .ba-next-btn:hover svg path{
stroke: #fff;
} .consultation-section{
background-color: var(--bottom-bg);
max-width: 100% !important;
position: relative;
}
.consultation-section .blue-bg-light{
display: block;
}
.consultation-section .blue-bg-dark{
display: none;
}
.dark-mode .consultation-section .blue-bg-dark{
display: block;
}
.dark-mode .consultation-section .blue-bg-light{
display: none;
}
.consultation-section img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.consultation-box{
padding: 150px 0 120px 0;
margin: 0 auto;
max-width: 1420px;
position:relative;
}
.consultation-box h3{
color:  #fff;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 37px;
font-family: 'Roboto';
text-align: center;
}
.consultation-box h3 span{
color: #fff;
}
.consultation-box h2{
color: #fff;
text-align: center;
font-size: 54px;
font-weight: 500;
line-height: 60px;
margin: 20px auto 34px auto;
width: 77% !important;
}
.consultation-box h2 span{
color:  #fff;
} .copyright-text i{
color: #0071E3;
}
footer{
filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.05));
background-color: var(--footer-bg) !important;
}
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
background-color: var(--footer-bg) !important;
border-bottom: 1px solid rgba(10, 10, 10, 0.15);
}
.site-below-footer-wrap[data-section="section-below-footer-builder"] {
background-color: var(--footer-bg) !important;
}
.footer-text{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.footer-text img{
width: 205px;
height: 48px;
object-fit: contain;
}
.footer-text p{
color:var(--heading);
font-size: 18px;
font-weight: 400;
line-height: 23px;
margin: 20px 0 50px 0;
}
.footer-icons-box{
display: flex;
justify-content: flex-start;
align-items: center;
}
.footer-icons-box a{
text-decoration: none !important;
margin-right: 20px;
width: 32px;
height: 32px; 
border-radius: 50%;
background-color: var(--heading);
display: flex;
justify-content: center;
align-items: center;
}
.footer-icons-box a:hover{
background-color: #0071e3;
}
.footer-icons-box a:hover svg path{
fill: #fff;
}
.footer-icons-box a svg{
flex-shrink: 0;
}
.footer-icons-box a svg path{
fill: var(--footer-bg);
}
.in-social svg{
margin: 0 0 3px 1px;
}
.footer-links{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.footer-links h4{
color: var(--msg-btn);
font-size: 24px;
font-weight: 600;
line-height: 28px;
}
.f-main-links{
margin-top: 30px;
}
.footer-link-box{
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 25px;
}
.footer-link-box h5{
color: var(--heading);
font-size: 16px;
font-weight: 500;
line-height: 21px;
margin-left: 10px;
margin-bottom: 5px;
}
.footer-link-box h6{
color:var(--heading);
font-size: 17px;
font-weight: 400;
line-height: 21px;
margin-left: 10px;
}
.footer-link-box h6:hover{
color: #0071e3;
}
.footer-link-box svg path {
fill: var(--heading);
}
.footer-link-box.message-box,.footer-link-box.address-box, .footer-link-box.flag-box{
margin-bottom: 25px;
}
.footer-link-box.flag-box a{
color: var(--heading);
font-size: 18px;
font-weight: 400;
line-height: 21px;
text-decoration: none !important;
}
.footer-link-box.flag-box a:hover{
color: #0071e3;
}
.footer-link-box.flag-box a img{
width: 21px !important;
height: 13px !important;
object-fit: contain;
margin-right: 10px;
}
.footer-link-box.address-box{
align-items: flex-start;
display: flex-inline;
}
.footer-link-box.address-box svg {
width: 8%;
margin: 3px 0 0 0;
}
.footer-link-box.address-box svg.usa-loc-svg{
width: 16px !important;
}
.ast-builder-grid-row-4-lheavy .ast-builder-grid-row {
grid-template-columns: 1.75fr 1fr 1.5fr 1fr;
}
.copyright-text{
color:  var(--heading);
text-align: center;
font-size: 15px;
font-weight: 400;
line-height: 22px; 
}
.copyright-text span{
color: #0071E3;
font-style: italic;
}
#forminator_widget-3 button.forminator-button.forminator-button-submit:before { content: "\2192";
font-size: 20px !important;
color: #c0c0c0;
} 
.forminator-row {
margin: 0 !important;
width: 80%;
}
#forminator-module-5776 .forminator-row.forminator-row-last {
right: 146px;
position: relative;
width: 0px !important
}
button.forminator-button.forminator-button-submit.send-me-proposal-cta {
width: auto !important;
}
form#forminator-module-610 {
display: flex !important;
justify-content: space-between;
align-items: flex-end;  height: unset;
}
.form-newsletter-input > .forminator-has_error {
margin-bottom: -29px !important;
}
#forminator_widget-3 .forminator-row.forminator-row-last { height:unset;
border-bottom: 2px solid #c0c0c0;
width: 20%;
margin-bottom: 0px ;
}
#forminator_widget-3 .forminator-col { height: unset;
display: flex;
justify-content: center;
align-items: end;
width: 100% !important;
}
#forminator_widget-3 .forminator-row.forminator-row-last .forminator-field {
width: unset !important;
} 
#forminator_widget-3 button.forminator-button.forminator-button-submit span{
display: none !important;
}
#forminator_widget-3 button.forminator-button.forminator-button-submit{
padding: 0 !important;
}
#forminator_widget-3 .forminator-field {
width: 100%;
}
section#block-13{
margin: 0 !important;
}
section#forminator_widget-3 .forminator-ui#forminator-module-610.forminator-design--material .forminator-button-submit {
background: unset;
border: unset !important;
}
#forminator-module-610.forminator-design--material .forminator-input{
border: unset !important;
background: transparent !important;
border-bottom: 2px solid #c0c0c0 !important;
}
section#forminator_widget-3 .forminator-ui#forminator-module-610.forminator-design--material .forminator-button-submit:hover {
background: unset;
} #forminator-module-5776 .forminator-col{
height: 62px !important;
width: 400px !important;
}
#forminator-module-5776 .forminator-col .forminator-field{
height: 100%;
}
input#forminator-field-url-1_66d704f88ac9d {
width: 350px !important;
}
#forminator-module-5776 .forminator-col .forminator-field input{
height: 85%;
}
form#forminator-module-5776 {
max-width: max-content;
margin: 0 auto 150px auto;
display: flex !important;
}
div#url-1 {
padding: 0px;
}
form#forminator-module-5776 input {
padding: 13px 20px;
}
span#forminator-field-url-1_66d704f88ac9d-error {
width: 300px !important;
}
form#forminator-module-5776 input#forminator-field-url-1_656dbe4d77487:focus{
border: 2px solid !important;
}
form#forminator-module-5776 button{
border-radius: 1000px !important;
padding: 6px 15px !important;
text-wrap: nowrap;
top: 8px;
left: 47px;
} .about-main-section{
display: flex;
max-width: 100vw !important;
flex-direction: column;
align-items: center !important;
justify-content: center;
background-color: var(--bottom-bg);
background-image: url(https://virrgotech.com/wp-content/uploads/all-hero-waves.png);
padding: 120px 0 100px 0 !important;
height: 486px;
}
.about-main-section h2{
color: #FFF;
font-size: 54px;
font-weight: 600;
line-height: 60px;
margin-bottom: 5px;
text-align: center;
}
.about-main-section p{
color: #FFF;
font-size: 19px;
font-weight: 400;
line-height: 29px;
text-align: center;
}
.who-we-are-box{
border-radius: 20px;
background: var(--bg-card);
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
border: 1px solid rgba(240, 240, 240, 0.7);
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
max-width: 1420px !important;
margin: -265px auto 120px auto !important;
padding: 100px 185px !important;
}
.who-we-are-box h6{
color: #0071E3;
font-size: 27px;
text-align: center;
font-weight: 500;
line-height: 28px;
margin-bottom: 0;
}
.who-we-are-box h1{
color:  var(--heading);
text-align: center;
font-size: 54px;
font-weight: 500;
line-height: 60px;
margin: 20px auto 10px auto;
width: 95% !important;
}
.who-we-are-box p{
color: var(--text);
font-size: 19px;
font-weight: 400;
line-height: 29px;
text-align: center;
}
.who-we-are-box button{
margin: 50px auto 0 auto;
}
.our-approach-box{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.our-approach-heading{
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.our-approach-heading h2{
color: var(--heading);
font-size: 54px;
font-weight: 500;
line-height: 60px;
}
.our-approach-heading h2 span{
color: var(--span);
font-weight: 600;
}
.our-approach-heading svg{
position: absolute;
bottom: 10%;
left: 45.25%;
}
.our-approach-box p{
color: var(--text);
font-size: 19px;
font-weight: 400;
line-height: 29px;
text-align: center;
margin: 20px auto 100px auto;
width: 73%;
}
.our-approach-box .cu-icon-box{
width: 70px;
height: 70px;
}
.our-approach-box .cu-heading-box h3 {
color: var(--heading);
font-size: 24px;
font-weight: 600;
line-height: 28px;
margin: 0;
}
.our-approach-box .cu-heading-box p {
color: var(--text) !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 21px !important;
text-align: left !important;
margin: 5px 0 0 0 !important;
width: 100%;
}
.main-choose-us {
gap: 15px;
}
.oa-last-points{
margin: 75px 0 0 0 !important;
}
.our-approach-box{
padding: 0 0 150px 0 !important;
}
.video-section{
background-color: var(--bg-box);
max-width: 100vw !important;
padding: 100px 0 !important;
}
.video-section-box{
border-radius: 30px;
background: var(--excep-bg);
max-width: 1420px;
margin: 0 auto !important;
filter: drop-shadow(0px 2px 20px rgba(0, 0, 0, 0.05));
}
.video-section-box > div {
gap: 0 !important;
}
.video-section figure{
width: 100%;
height: 100%;
margin: 0 auto !important;
}
.video-section figure iframe{
border-radius: 30px 0px 0px 30px;
}
.wp-block-embed__wrapper{
height: 100%;
}
.video-section-right{
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
padding: 100px 75px 100px 50px;
}
.video-section-right h6 {
color:  #0071E3;
font-size: 24px;
font-weight: 500;
line-height: 28px;
margin: 0;
}
.video-section-right h2 {
color:  var(--heading);
font-size: 54px;
font-weight: 500;
line-height: 60px;
margin: 10px 0;
}
.video-section-right h2 span {
color: #0071e3;
font-weight: 600;
}
.video-section-right p{
color: var(--text);
font-size: 19px;
font-weight: 400;
line-height: 29px;
margin: 0 0 50px 0;
}
.lightbox {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
z-index: 1000;
margin-top: 0 !important;
}
.lightbox iframe {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 1000px !important;
height: 650px !important;
max-height: 650px !important;
max-width: 1000px !important;
border-radius: 30px !important;
}
.closeButton {
position: absolute;
top: 20px;
right: 20px;
font-size: 50px;
cursor: pointer;
color: white;
}
.youtube-img-box{
cursor: pointer;
}
.projects-number-section{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.projects-number-section h2{
color: var(--heading);
text-align: start;
font-size: 54px;
font-weight: 500;
line-height: 60px;
}
.pcsya-box{
margin: 50px 0 0 0 !important;
}
.num-border-box{
padding: 25px 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.num-border-box h4{
color:  #0071E3;
text-align: center;
font-size: 54px;
font-weight: 600;
line-height: 60px;
margin: 0 0 0px 0;
}
.num-border-box h4 span{
color:  #0071E3;
text-align: center;
font-size: 54px;
font-weight: 600;
line-height: 60px;
margin: 0 0 0px 0;
}
.num-border-box p{
color: var(--text);
text-align: center;
font-size: 19px;
font-weight: 500;
line-height: 29px;
}
.num-border{
padding: 0 50px;
border-left: 1px solid #C0C0C0;
}
.projects-number-section button{
width: 209px;
margin: 0 auto !important;
}
.partner-up-box{
padding: 150px 0 !important;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.partner-up-box h2{
color:  var(--heading);
text-align: center;
font-size: 54px;
font-weight: 500;
line-height: 60px;
width: 75%;
margin: 0 auto 50px auto;
}
.partner-up-box button{
margin: 0 auto !important;
}
.client-review-section{
background-color: var(--bottom-bg);
max-width: 100vw !important;
}
.clients-review-section{
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
margin: 0 auto;
padding: 120px 0;
max-width: 1420px;
}
.cr-prev-btn, .cr-next-btn{
display: flex;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
min-width: 50px;
min-height: 50px;
max-height: 50px;
max-width: 50px;
background-color: #fff;
border-radius: 50%;
cursor: pointer;
}
.clients-review-section .swiper{
margin: 0 200px;
overflow:hidden;
}
.cr-content{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
}
.cr-content img{
object-fit: cover;
}
.cr-content h4{
color: #FFF;
text-align: center;
font-size: 36px;
font-style: italic;
font-weight: 500;
line-height: 42px;
margin: 70px 0;
}
.cr-content h6{
color: #FFF;
text-align: center;
font-size: 19px;
font-weight: 500;
line-height: 29px;
padding: 0;
margin: 0;
}
.cr-content p{
color: #FFF;
text-align: center;
font-size: 19px;
font-weight: 400;
line-height: 29px;
padding: 0 0 65px 0;
margin: 0;
}
.clients-review-section .swiper-pagination-bullet{
background: #fff !important;
opacity: 1;
}
.clients-review-section .swiper-pagination-bullet-active{
background: var(--swiper-pagination) !important;
} .our-services-content{
max-width: 100vw !important;
padding: 30px 0 150px 0 !important;
justify-content: center;
}
.our-services-boxes{
max-width: 1420px;
margin: 0 auto;
}
.our-services-left h6{
color:  #0071E3;
font-size: 24px;
font-weight: 500;
line-height: 28px;
margin: 0;
}
.our-services-left h2{
color: var(--heading);
font-size: 54px;
font-weight: 500;
line-height: 60px;
margin: 5px 0 10px 0;
}
.our-services-left h2 span{
color: var(--span);
}
.our-services-left p{
color:  var(--heading);
font-size: 19px;
font-weight: 400;
line-height: 29px;
}
.our-services-left button{
margin: 50px 0 0 0;
}
.our-services-right .os-main-service{
border-radius: 20px;
background: var(--bg-box);
border: 1px solid rgba(240, 240, 240, 0.7);
width: 333px;
height: 308px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.os-main-service h4{
color: var(--heading) !important;
font-size: 28px;
font-weight: 600;
line-height: 32px;
margin: 20px 0 10px 0;
}
.os-main-service h4 a{
color: var(--heading) !important;
text-decoration: none !important;
}
.os-main-service h4 a:hover {
color: var(--heading) !important;
}
.os-main-service svg path{
fill: var(--heading);
}
.os-main-service p{
color: var(--text);
text-align: center;
font-size: 16px;
font-weight: 400;
line-height: 24px;
width: 85%;
}
.our-services-boxes > div{
justify-content: space-between;
}
.our-services-right .wp-block-columns{
gap: 50px;
}
.oc-last-two-boxes{
margin: 50px 0 0 0;
}
.about-main-section.service-btn{
height: unset;
background-image: url(https://virrgotech.com/wp-content/uploads/services-waves.png);
}
.about-main-section.service-btn h1{
color: #FFF;
text-align: center;
font-size: 54px;
font-weight: 500;
line-height: 60px;
width: 60%;
margin: 0 auto;
}
.about-main-section.service-btn button{
background: #fff;
color: #0071E3;
width: 225px;
margin: 50px auto 0 auto;
border: 2px solid var(--msg-btn);
}
.about-main-section.service-btn button a{
color: #0071E3;
text-decoration: none !important;
}
.faq-main-content{
max-width: 100vw !important;
justify-content: center;
padding: 0 !important;
}
.faq-heading-box{
max-width: 1150px;
margin: 0 auto;
padding: 150px 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.faq-heading-box h6{
color:  var(--heading);
text-align: center;
font-size: 36px;
font-weight: 700;
line-height: 42px;
}
.faq-heading-box h2{
color: var(--span);
text-align: center;
font-size: 54px;
font-weight: 500;
line-height: 60px;
margin: 5px 0 10px 0;
}
.faq-heading-box p{
color:  var(--text);
text-align: center;
font-size: 19px;
font-weight: 400;
line-height: 29px;
margin: 0;
} .tab.tab-faq {
overflow: hidden;
padding: 30px 0 0 0;
display: flex;
} .tab.tab-faq button {
color: var(--heading);
border-radius: 1000px !important;
border: 2px solid var(--heading);
font-family: Roboto;
font-size: 19px;
font-weight: 400;
line-height: 29px; 
background-color: transparent;
padding: 10px 30px !important;
opacity: 1;
height: unset !important;
cursor: pointer;
margin: 0 20px 0 0 !important;
} .tab.tab-faq button.active {
color: #fff;
border-color: #0071E3;
background-color: #0071E3;
} .tabcontent.tab-content-faq {
display: none;
padding: 0 !important;
width: 100% !important;
}
.faq-section{
margin: 40px 0 0 0;
width: 100%;
}
.faq-box{
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
padding: 40px 0;
border-bottom: 1px solid #C0C0C0;
}
.faq-q{
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
cursor: pointer;
}
.faq-q h6{
color:  var(--heading);
font-size: 24px !important;
text-align: left !important;
font-weight: 500;
line-height: 28px;
margin: 0;
}
.faq-a{
margin: 20px 0 0 0;
}
.faq-a p{
color:  var(--text);
font-size: 19px !important;
text-align: left !important;
font-weight: 400;
line-height: 29px; 
margin: 0;
width: 85%;
} 
.faq-a li{
color:  var(--text);
font-size: 19px !important;
text-align: left !important;
font-weight: 400;
line-height: 29px; 
margin: 0;
}
.faq-a{
display: none;
}
.faq-q.active + .faq-a {
display: block;
}
.faq-q:focus-within + .faq-a {
display: block;
}
.faq-q:focus-within svg {
transform: rotate(180deg);
}
.faq-q:focus-within h6{
color: #0071E3;
}
.faq-q svg {
transition: transform 0.3s ease-in-out;
} span.select2-selection__placeholder {
color: #c0c0c0 !important;
}
.forminator-ui#forminator-module-2610.forminator-design--default .forminator-error-message {
background-color: transparent !important;
color: #333333 !important;
}
.main-form-box{
max-width: 100vw !important;
background: var(--bg-box);
}
.form-content-container > div{
gap: 100px;
}
.form-container-left{
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin: 50px 0 0 0 !important;
flex-direction: column;
}
.form-container-left h2{
color: var(--heading);
font-size: 54px;
font-weight: 500;
line-height: 60px;
margin: 0;
}
.form-container-left h4{
color: var(--span);
font-size: 28px;
font-weight: 500;
line-height: 32px;
margin: 0 0 10px 0;
}
.form-container-left h1{
color: var(--span);
}
.form-container-left p{
color: var(--text);
font-size: 19px;
font-weight: 400;
line-height: 29px;
margin: 20px 0;
}
.form-container-left h6{
color: var(--text);
font-size: 19px;
font-weight: 400;
line-height: 29px;
font-style: italic;
margin: 50px 0;
}
.form-container-left h5{
color: var(--text);
font-size: 19px;
font-weight: 700;
line-height: 29px;
font-style: italic;
margin: 0;
}
.form-seperator{
margin: 0;
border:1px solid #c0c0c0;
width: 100%;
}
hr.wp-block-separator.has-text-color.has-alpha-channel-opacity.has-background.form-seperator{
max-width: 100%;
}
.form-left-img-box{
margin-top: 20px;
gap: 30px;
}
.testimonial-tabs-container {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0 !important;
margin: 0 !important;
}
.testimonial-tabs-container .tabcontent{
padding: 0 !important;
}
.form-left-img-box button.active{
color: unset !important;
opacity: unset !important;
border-top: unset !important;
}
.form-left-img-box button {
color: unset !important;
opacity: unset !important;
border-top: unset !important;
padding: 0 !important;
margin: 0 !important;
height: unset !important;
}
.form-left-img-box button img {
width: 60px !important;
margin: 0 !important;
height: 60px !important;
border-radius: 50% !important;
padding: 3px;
}
.form-left-img-box button.active img{
border: 1px solid var(--span);
}
.form-left-img img{
border-radius: 50%;
width: 60px;
height: 60px;
object-fit: contain;
}
.form-container-right{
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
border-radius: 30px;
background: var(--main-bg);
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.05);
padding: 50px 50px;
border: 1px solid rgba(240, 240, 240, 0.7);
}
.form-container-right h6{
color:  #0071E3;
font-size: 19px;
font-weight: 400;
line-height: 29px;
margin: 0;
}
.form-container-right h4{
color:  var(--heading);
text-align: center;
font-size: 28px;
font-weight: 500;
line-height: 38px;
width: 80%;
margin: 5px 0 50px 0;
}
.form-container-right h2{
color:  #0071E3 !important;
font-size: 28px !important;
font-weight: 700 !important;
line-height: 38px !important;
margin: 0 !important;
}
.form-container-right h5{
color:  #0A0A0A !important;
text-align: center !important;
font-size: 19px !important;
font-weight: 400 !important;
line-height: 29px !important;
width: 90% !important;
margin: 5px 0 50px 0 !important;
}
form#forminator-module-2610{
margin: 0;
width: 100%;
}
form#forminator-module-2610 .forminator-row{
width: 100%;
padding: 0 45px 30px 65px !important;
}
form#forminator-module-2610 .forminator-row .forminator-col{
padding: 0 20px 0 0;
}
form#forminator-module-2610 .forminator-row .forminator-col .forminator-field input{
padding: 15px 10px 10px 20px;
}
form#forminator-module-2610 .forminator-row .forminator-col .forminator-field textarea{
padding: 15px 10px 10px 20px;
border-radius: 20px !important;
}
span.select2-selection__rendered {
padding: 10px 10px 10px 25px !important;
}
form#forminator-module-2610 .forminator-row.forminator-row-last{
width: 100%;
}
form#forminator-module-2610 .forminator-button{
width: 50%;
border-radius: 30px;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
}
form#forminator-module-14388{
margin: 0;
width: 100%;
}
form#forminator-module-14388 .forminator-row{
width: 100%;
padding: 0px 0px 31px 14px !important;
}
form#forminator-module-14388 .forminator-row .forminator-col{
padding: 0 20px 0 0;
}
form#forminator-module-14388 .forminator-row .forminator-col .forminator-field input{
padding: 10px 10px 10px 20px;
}
form#forminator-module-14388 .forminator-row .forminator-col .forminator-field textarea{
padding: 10px 10px 10px 20px;
border-radius: 20px !important;
}
span.select2-selection__rendered {
padding: 10px 10px 10px 25px !important;
}
form#forminator-module-14388 .forminator-row.forminator-row-last{
width: 100%;
}
form#forminator-module-14388 .forminator-button{
width: 50%;
border-radius: 30px;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
}
span.select2-results {
border-radius: 15px;
box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.15);
}
span.select2-results ul li{
padding: 10px 25px !important;
line-height: 22px !important;
}
span.select2-results ul li:first-child{
border-radius: 15px 15px 0 0;
}
span.select2-results ul li:last-child{
border-radius:  0 0 15px 15px;
}
.forminator-ui#forminator-module-2610.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {
color: #c0c0c0 !important;
}
.forminator-ui#forminator-module-2610.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"]:hover .select2-selection__arrow{
color: #0071E3 !important;
}
.forminator-ui#forminator-module-2610.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow:hover {
color: #0071E3 !important;
} .our-values-box{
max-width: 100vw !important;
margin: 0 !important;
padding: 0 !important;
}
.our-values-content{
max-width: 1420px;
margin: 0 auto !important;
padding: 30px 0 100px 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.our-values-content h2{
color: var(--heading);
text-align: center;
font-size: 54px;
font-weight: 500;
line-height: 60px;
margin: 0 0 5px 0;
}
.our-values-content h2 span{
color: var(--span);
font-weight: 600;
}
.our-values-content p{
color:  var(--text);
text-align: center;
font-size: 19px;
font-weight: 400;
margin: 0;
line-height: 29px; 
width: 60%;
}
.our-values-swiper {
padding: 50px 20px !important;
margin: 0 30px !important;
}
.our-values-col{
margin: 50px 0 0 0;
width: 100%;
display: flex !important;
justify-content: space-between;
align-items: center;
}
.ov-main-col{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
border-radius: 20px;
background: var(--footer-bg);
border: 1px solid rgba(240, 240, 240, 0.7);
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.05);
height: 240px;
}
.ov-main-col h4{
color: var(--heading);
text-align: center;
font-size: 24px;
font-weight: 500;
line-height: 30px;
width:75%;
margin: 10px 0 0 0;
}
.benefits-perks-box{
max-width: 100vw !important;
margin:0 !important;
padding: 0 !important;	
}
.benefits-perks-box.ooffices-box{
background-color: unset;
}
.benefits-perks-box.ooffices-box .benefits-perks-content{
padding: 30px 0 150px 0;
} 
.benefits-perks-box.ooffices-box .benefits-perks-content .brand-mobile-headingg{
font-size: 54px !important;
line-height: 60px !important;
align-items: center;
width: 100%;
}
.bs-last-content-box .brand-mobile-headingg{
font-size: 54px !important;
line-height: 60px !important;
align-items: center;
}
.bs-2nd-four-boxes .brand-mobile-headingg{
font-size: 54px !important;
line-height: 60px !important;
align-items: center;
}
.benefits-perks-content{
padding: 150px 0;
max-width: 1420px;
margin: 0 auto !important;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.benefits-perks-content h2{
color: var(--heading);
text-align: center;
font-size: 54px;
font-weight: 500;
line-height: 60px;
margin: 0 0 5px 0;
}
.benefits-perks-content h2 span{
color: var(--span);
font-weight: 600;
}
.benefits-perks-content p{
color:  var(--text);
text-align: center;
font-size: 19px;
font-weight: 400;
margin: 0;
line-height: 29px; 
width: 70%;
}
.benefits-perks-col{
max-width: 1200px;
width: 1200px;
margin: 100px auto 0 auto!important;
gap: 100px;
}
.bp-main-col{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.bp-main-col svg{
width: 57px;
height: 54px;
flex-shrink: 0;
}
.bp-main-col svg path {
fill: var(--heading);
}
.bp-main-col h5{
color: var(--heading);
text-align: center;
font-size: 24px;
font-weight: 600;
line-height: 32px;
margin: 25px 0 15px 0;
width: 80%;
}
.bp-main-col p {
color:  var(--text);
text-align: center;
font-size: 18px;
font-weight: 400;
line-height: 21px;
margin: 0;
width: 100%;
}
.benefits-perks-col.bp-main-2{
margin:100px 0 0 0 !important;
}
.open-positions-box{
max-width: 100vw !important;
padding: 150px !important;
background-color: var(--bg-box);
}
.open-positions-content{
max-width: 1420px;
margin: 0 auto !important;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.open-positions-content h2{
color: var(--heading);
text-align: center;
font-size: 54px;
font-weight: 500;
line-height: 60px;
position: relative;
margin: 0 0 10px 0;
}
.open-positions-content h2 span{
color: var(--span);
font-weight: 600;
}
.open-positions-content h2 span svg{
position: absolute;
bottom: -21%;
right: 39% !important;
}
.open-positions-content p{
color:  var(--text);
text-align: center;
font-size: 19px;
font-weight: 400;
margin: 0;
line-height: 29px; 
width: 64%;
}
.open-job-section{
margin: 100px 0 0 0;
width: 100%;
}
.oj-box{
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
border-radius: 20px;
background: var(--footer-bg);
box-shadow: 0px 1.5px 10px 0px rgba(0, 0, 0, 0.05);
margin: 0 0 30px 0;
}
.open-job-q{
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
background-color: #F9F9F9;
cursor: pointer;
padding: 25px 50px;
border-radius: 10px;
}
.open-job-q h6{
color:  #0A0A0A;
font-size: 28px;
font-weight: 500;
line-height: 32px;
margin: 0;
}
.open-job-q:focus {
background-color: #0071E3;
}
.open-job-q:focus > h6{
color: #FFF;
}
.open-job-q:focus > svg path{
stroke: #FFF;
}
.open-job-a{
padding: 50px;
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
border-radius: 0 0 20px 20px;
}
.open-job-a p{
color:  var(--heading);
font-size: 19px;
font-weight: 400;
line-height: 29px; 
margin: 0;
text-align: left;
}
.open-job-a h5{
color:  var(--heading);
font-size: 24px;
font-weight: 600;
line-height: 32px; 
margin: 50px 0 20px 0;
}
.open-job-a ul li{
color:  var(--heading) !important;
font-size: 19px !important;
font-weight: 400 !important;
line-height: 40px !important; 
margin: 0 !important;
}
.open-job-a button{
margin: 50px 0 0 0;
}
.open-job-a{
display: none;
}
.open-job-q.active + .open-job-a {
display: block;
}
.open-job-q:focus-within + .open-job-a {
display: block;
}
.open-job-q:focus-within svg {
transform: rotate(180deg);
}
.open-job-q svg {
transition: transform 0.3s ease-in-out;
}
.about-main-section.service-btn p{
color:  #FFF;
text-align: center;
font-size: 19px;
font-weight: 400;
line-height: 29px; 
margin: 10px auto 50px auto;
width: 50%;
}
.contact-sales-col{
max-width: 1180px;
width: 1180px;
margin: 100px auto 0 auto;
gap: 100px;
}
.cs-col-content .wp-block-columns{
gap: 20px;
align-items: center !important;
}
.cs-svg-box{
height: 70px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 10px;
background-color:#0071E3;
}
.cs-col-content h4{
color:  var(--heading);
font-size: 28px;
font-weight: 400;
line-height: 32px;
margin: 0;
text-wrap: nowrap;
}
.our-offices-location{
max-width: 1000px;
width: 1000px;
margin: 100px auto 0 auto;
gap: 100px;
}
.ool-col{
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
border-radius: 10px;
width: 450px;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
}
.ool-col figure{
width: 100%;
}
.ool-col figure img{
width: 100%;
height: 100%;
object-fit: contain;
}
.location-content-col{
padding: 20px;
background-color: var(--footer-bg);
margin: 0;
width: 100%;
border-radius: 0 0 10px 10px;
}
.location-content-col h5{
color:  #0071E3;
font-size: 28px;
font-weight: 500;
line-height: 32px;
margin: 0;
}
p.contact-page-body-text-1 {
width: 70% !important;
}
.location-content-col p{
color:  var(--text);
font-size: 18px;
font-weight: 400;
line-height: 21px;
margin: 20px 0 10px 0;
text-align: left;
width: 100%;
height: 40px;
}
.map-loc-box{
display: flex;
justify-content: flex-end;
align-items: center;
}
.map-loc-box a{
color: #0071E3 !important;
font-size: 18px;
font-weight: 500;
line-height: 21px;
text-decoration: none !important;
}
.map-loc-num p{
color:  var(--text);
font-size: 18px;
font-weight: 400;
line-height: 21px;
margin:  0;	
display: flex;
text-align: left;
justify-content: left;
align-items: center;
}
.map-loc-box a svg{
width: 16px;
height: 16px;
flex-shrink: 0;
margin: 0 0 0 10px;
}
.main-form-box.contact-us-form-box{
background-color: var(--bg-box) !important;
}
.blog-posts-page{
max-width: 1250px;
width: 1250px;
margin: 150px auto 0 auto;
padding: 0 !important;
}
.blog-main-content{
gap: 50px;
width: 100%;
}
.blog-main-content.bm-col-box-2{
margin: 100px auto 0 auto;
}
.blog-main-content.bm-col-box-2-last{
margin: 100px auto;
}
.blog-main-content .main-blog {
width: 600px !important;
max-width: 600px !important;
}
.blog-main-content .main-blog .main-blog-content h4 {
font-size: 28px;
line-height: 38px;
margin: 30px 0 10px 0;
}
.blog-main-content .main-blog .main-blog-content p {
font-size: 19px;
font-weight: 400;
line-height: 29px;
}
.who-we-are-box h5{
color: #0071E3;
text-align: center;
font-size: 32px;
font-weight: 400;
margin: 20px 0 50px 0;
line-height: 29px;
}
.wp-block-search__inside-wrapper {
width: 500px;
margin: 0 auto;
border-color: #C0C0C0;
border: 2px solid #C0C0C0;
border-radius: 30px;
outline-style: solid !important;
height: 60px;
}
.wp-block-search__inside-wrapper input{
border: none;
padding: 0 30px !important;
background-color: transparent !important;
background: transparent !important;
color: var(--text) !important;
}
input#forminator-field-url-1_65af87d848113{
color: var(--text) !important;
}
.wp-block-search__inside-wrapper input:focus{
border-color: unset !important;
border: unset !important;
outline-style: unset !important;
}
.wp-block-search__inside-wrapper button{
margin: 0;
}
.wp-block-search__inside-wrapper button svg{
min-height: 45px;
min-width: 45px;
transform: rotate(-90deg)
}
.choose-us-section.ba-mian-section{
padding: 150px 0;
} #pagination {
display: flex;
list-style: none;
padding: 0;
justify-content: center;
align-items: center;
}
#pagination ul {
margin: 0 0 150px 0;
}
#pagination ul a {
text-decoration: none;
background-color: #0071E3;
color: #fff;
padding: 5px 10px;
margin-right: 10px;
border-radius: 50%;
} .who-we-are-box h4 {
color: #0071E3;
font-size: 24px;
text-align: center;
font-weight: 500;
line-height: 29px;
margin-bottom: 20px;
text-transform: lowercase;
padding-top: 10px;
}
.who-we-are-box h3 {
color: #0071E3;
font-size: 19px;
text-align: center;
font-weight: 500;
line-height: 29px;
margin-bottom: 20px;
}
.about-main-section div {
width: 100%;
}
.copy-service-boxes{
width: 100%;
margin: 100px 0 0 0;
}
.copy-service-boxes.copy-service-margin{
margin: 0;
}
.copywriting-serv-p{
width: 70%;
}
.copy-service-boxes{
gap: 10px;
}
.copy-service-box{
border-radius: 20px 0px 0px 0px;
background:  var(--copy-card);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 50px 35px;
margin-bottom: 10px !important;
}
.copy-service-box.copy-service-mid-box
{
border-radius: unset;
}
.copy-service-box.copy-service-last-box
{
border-radius: 0 20px 0px 0;
}
.copy-service-box h5 {
color:  #0071E3;
font-size: 32px;
font-weight: 600;
line-height: 37px;
margin: 0;
}
.copy-service-box p{
color: var(--text);
text-align: center;
font-size: 18px;
font-weight: 400;
line-height: 28px; 
margin: 20px 0 0 0;
}
.copy-service-box.csb-rivert{
border-radius: 0 0 0 20px;
}
.copy-service-box.csb-rivert-last{
border-radius: 0 0 20px 0;
} .open-positions-box.branding-nav-box {
margin: 150px auto !important ;
}
.open-positions-box.branding-nav-box h2 {
margin: 0 0 20px 0;
}
.open-positions-box.branding-nav-box p{
width: 68%;
margin: 0 auto;
}
.barnding-main-section {
max-width: 100vw !important ;
background-color: var(--bg-box); 
padding: 0 !important;
}
.branding-nav-section {
max-width: 1420px;
padding: 150px 0 !important ;
margin: 0 auto !important;
}
.tabs-container-box {
display: flex;
justify-content: flex-start;
align-items: flex-start;
height: 700px;
}
.benefits-perks-box.ooffices-box.our-app-box {
background-color: var(--bg-box);
}
.benefits-perks-box.ooffices-box.our-app-box .benefits-perks-content{
padding: 150px 0 !important;
}
.design-dev-main-container.bgc-revert{
background-color: unset !important;
}
.tabs-container .tab {
cursor: pointer;
padding: 25px 100px 0px 0;
transition: padding 0.3s;
position: relative;
overflow: unset;
}
.tabs-container .tab p {
border-bottom: 1px solid var(--heading-2);
padding: 0px 0 25px 0 !important;
width: 226px;
display: flex;
color: var(--heading-2);
font-size: 28px;
font-weight: 500;
line-height: 32px;
margin: 0;
}
.tabs-container .tab.active p {
color: var(--swiper-pagination);
border-bottom: 2px solid var(--heading);
}
.tabs-container {
position: relative; display: flex;
flex-direction: column;
min-height: 100%;
}
.tabs-container::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: -10px;
width: 10px; 
background: var(--pagination); 
border-radius: 10px;
}
.tabs-container .tab.active::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: -10px; 
width: 10px;
background-color: #0071E3;
border-radius: 10px;
z-index: 1;
}
.tab-content {
display: none;
}
.tabs-main-content {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin: 0 0 0 100px;
min-height: 100%; 
}
.tabs-main-content h3 {
color:  var(--heading);
font-size: 36px;
font-weight: 500;
line-height: 46px;
margin: 0;
width: 96%;
}
.tabs-main-content p {
color: var(--heading);
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 29px;
margin: 50px 0;
}
.tab-content.active {
display: block;
}
.nav-btns{
display: flex;
justify-content: flex-start;
align-items: center;
}
.nav-btns button{
margin: 0 20px 0 0;
}
.our-portfolio-main-section {
gap: 100px;
margin: 100px 0 0 0 ; 
width: 100%;
}
.open-positions-box.bg-diff-box {
background-color: var(--bg-box);
padding: 150px 0 !important;
margin-bottom: 0 !important;
}
.main-form-box.non-bg-color{
background-color: unset !important;	
}
.op-content-left{
display: flex;
justify-content: center ;
align-items: flex-start;
flex-direction: column;
}
.op-content-right {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
}
.op-content-left h3{
color:  var(--heading);
font-size: 54px;
font-weight: 500;
line-height: 60px; 
margin: 0;
width: 100%;
}
.op-content-left h3 span{
color: var(--span);
}
.op-content-left h5 {
color:  var(--text);
font-size: 19px;
font-weight: 400;
line-height: 29px; 
margin: 20px 0 10px 0; 
text-align: left;
} 
.op-content-left p {
color:  var(--text);
font-size: 19px;
font-weight: 400;
line-height: 29px; 
margin: 10px 0 0px 0; 
text-align: left;
} 
.op-content-left ul li {
color:  var(--text);
font-size: 19px;
font-weight: 400;
line-height: 29px; 
margin: 0; 
text-align: left;
} 
.op-content-left .button-box{
margin-top: 0 !important;
}
.op-content-left button a {
color: #fff;
text-decoration: none !important;
}
.portfolio-showcase .swiper-slide img{
width: 100%;
object-fit: contain; 
margin: 0 0 55px 0;
}
.portfolio-showcase .swiper-pagination-bullet{
background-color: #C0C0C0 !important;
}
.portfolio-showcase .swiper-pagination-bullet.swiper-pagination-bullet-active{
background-color: #0071E3 !important;
}
.msg-btn.explore-btn{
color: var(--heading);
border-color: var(--heading);
}
.msg-btn.explore-btn:hover{
color: #fff;
border-color: #0071e3;
}
.msg-btn.explore-btn:hover svg path{
stroke: #fff;
}
.msg-btn.explore-btn svg{
margin: 0 0 0 10px;
}
.msg-btn.explore-btn svg path {
stroke: var(--heading);
fill: unset !important;
} .main-form-box.exceptional-bg{
background-color: var(--exceptional-bg);
}
.designdevcontent{
max-width: 100vw !important;
padding:0 !important;
}
.design-dev-main-container{
max-width: 100vw !important;
padding:0 !important;
background-color: var(--bg-box);
}
.design-dev-main-boxes{
max-width: 1280px;
margin: 0 auto !important; 
gap: 100px;
padding: 150px 0;
}
.dd-left-content{
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
width: 100%;
}
.dd-left-content h3 {
color: var(--span);
font-size: 48px;
font-weight: 500;
line-height: 60px; 
margin: 0;
}
.dd-left-content h2 {
color: var(--heading);
font-size: 54px;
font-weight: 500;
line-height: 60px ;
margin: 0 !important;
}
.dd-left-content h2 span {
color: var(--span);
font-weight: 600;
}
.dd-left-content h6 {
color: var(--heading);
font-size: 27px;
font-weight: 400;
line-height: 28px;
margin: 10px 0 30px 0 !important;
}
p.para-margin {
margin: 20px 0 0 0 !important;
}
.design-dev-main-container.why-us-cont {
background-color: unset;
}
.faq-main-content.color-revert{
background-color: var(--bg-box);
}
.dd-left-content p {
color:  var(--text);
font-size: 19px;
font-weight: 400;
line-height: 29px;
margin:  0;
}
.dd-right-content{
display: flex;
justify-content: center;
align-items: center;
}
.dd-right-content img {
width: 650px;
object-fit: contain;
}
.uiux-content-box{
padding: 150px 0;
margin: 0;
}
.uiux-content-box.bgc-revert{
background-color: var(--bg-box);
}
.uiux-content-box.post-launch-content-box{
padding: 150px 0;
border-bottom: unset;
}
.uiux-points-boxes {
padding: 100px 0 0 0;
}
.uiux-main-boxes{
max-width: 1280px;
margin: 0 auto !important; 
}
.uiux-main-boxes.post-launch-main-boxes{
padding: 0;
border-top:unset;
border-bottom: unset;
}
.uiux-text{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.uiux-text h3 {
color: #0071E3;
font-size: 48px;
font-weight: 500;
line-height: 60px; 
margin: 0;
}
.uiux-text p {
color:  var(--text);
font-size: 19px;
font-weight: 400;
line-height: 29px;
margin: 20px 0 0 0;
text-align: center;
width: 79%;
}
.uiux-points-boxes{
gap: 100px;
}
.main-uiux-box{
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;	
}
.uiux-icon-box{
display: flex;
justify-content: center;
align-items: center;
width: 150px;
height: 150px;
background-color: #fff;
border-radius: 50%;
filter: drop-shadow(0px 2px 20px rgba(0, 0, 0, 0.05));
}
.uiux-icon-box svg path {
fill: #0071E3;
}
.main-uiux-box h5 {
color: var(--heading);
text-align: center;
font-size: 36px;
font-weight: 500;
line-height: 42px;
margin: 30px 0 10px 0;
}
.main-uiux-box p {
color: var(--text);
text-align: center;
font-size: 19px;
font-weight: 400;
line-height: 29px; 
margin: 0;
width: 100% !important;
}
.design-dev-main-boxes.web-app-boxes{
padding: 150px 0;
}
.main-uiux-box.post-launch-box p{
margin: 50px 0 0 0;
}
.who-we-are-box.sys-box{
background-color: var(--footer-bg);
border-color: rgba(240, 240, 240, 0.7);
}
.who-we-are-box.sys-box h1{
color: var(--heading);
}
.who-we-are-box.sys-box p{
color: var(--text);
}
.who-we-are-box.sys-box h6{
color: var(--text);
font-size: 18px;
font-weight: 500;
line-height: 21px;
margin: 20px 0;
}
.who-we-are-box.sys-box button{
color: #fff;
background-color: #0071E3;
border-color: #0071E3;
}
.about-main-section.post-launch-sys {
display: flex;
max-width: 100vw !important;
flex-direction: column;
align-items: center !important;
justify-content: center;
background-image: url(https://virrgotech.com/wp-content/uploads/sustain-your-site-design-and-dev-page-img.jpg);
padding: 120px 0 100px 0 !important;
height: 1080px;
}
button.wp-block-search__button{
background-color: transparent !important;
} .dark-light-label{
width:65px;
height:32px;
position: relative;
display: block;
background: transparent;
border: 2px solid var(--msg-btn);
border-radius: 200px;
cursor: pointer;
transition: 0.3s;
overflow: hidden;
}
.dark-light-label:after {
content: "";
width:22px;
height: 22px;
position: absolute;
top:3px;
left:5px;
background: #0071E3;
border-radius: 180px;
transition: 0.3s;
transition: 0.3s ease-in-out 0.1s; }
.input-dark-light input {
width: 0;
height: 0;
visibility: hidden;
}
.input-dark-light input:checked + .dark-light-label:after {
left: 57px;
transform: translateX(-100%);
background: #fff;
transition: 0.3s ease-in-out 0.1s;
}
.input-dark-light input:checked + .dark-light-label:after.transition-reset {
left: 5px;
transition: 0s; }
.input-dark-light input:checked + .dark-light-label:before {
left: 50px;
transform: translateX(-100%);
background: #fff;
}
.dark-light-label:before  {
width: 22px;
height: 22px;
position: absolute;
transform: translateX(-100%);
top: 3px;
left: 50px;
background: #fff;
border-radius: 180px;
}
.dark-light-label:active:after{
width: 50px;
}
.dark-light-label svg {
position: absolute;
top:40px;
z-index: 100;
}
.dark-light-label svg.sun {
top: 7px;
left: 9px;
transition: 0.3s;
}
.dark-light-label svg.sun path{
fill:#fff;
}
.dark-light-label svg.moon {
top: 8px;
left: 42px;
fill:#fff;
transition: 0.3s;
display: none;
}
.dark-light-label svg.moon path{
fill:#0071E3;
}
.input-dark-light input:checked + .dark-light-label svg.sun path {
fill:#fff ;
}
.input-dark-light input:checked + .dark-light-label svg.moon path {
fill: #0a0a0a ;
}
.input-dark-light input:checked + .dark-light-label svg.moon{
display: block ;
}
.input-dark-light input:checked + .dark-light-label svg.sun{
display: none ;
}
.input-dark-light input:checked + .dark-light-label .sun-light{
opacity: 0 ;
}
.input-dark-light input:checked + .dark-light-label .moon-dark{
opacity: 1 ;
}
.sun-light{
position: absolute;
left: 50%;
font-size: 11px;
top: 5%;
color: #000;
font-weight: 400;
margin: 0;
transition: 0.7s;
}
.moon-dark{
position: absolute;
right: 50%;
top: 5%;
font-size: 11px;
margin: 0;
color: #FFF;
font-weight: 400;
opacity: 0;
transition: 0.7s;
}
.input-dark-light {
display: flex;
overflow: hidden;
}
.about-main-section.service-btn.bg-secondary {
background-color: var(--bg-secondary);
}
.sticky-header {
position: fixed;
top: 0;
width: 100%;
transition: all 0.5s ease; 
z-index: 999; }
.ast-site-title-wrap, .ast-menu-toggle, .ast-header-html {
transition: transform 0.5s ease;
}
.site-primary-header-wrap.ast-builder-grid-row-container {
transform-origin: center center;
}
.cs-swiper-content:hover {
scale: 1.05;
transition: 1s !important;
} .case-studies-container{
max-width: 100% !important;
background-image: url(https://virrgotech.com/wp-content/uploads/seo-case-study-background-img.png);
padding: 100px 0 78px 0 !important;
}
.case-studies-top-box{
margin: 0 auto !important;
max-width: 1420px !important;
display: flex;
flex-direction: column;
align-items: flex-start; 
justify-content: center;
}
.cs-breadcrumbs{
display: flex;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 0 20px;
}
.cs-breadcrumbs a{
font-size: 19px;
font-weight: 500;
margin: 0 10px 0 0 ;
color: #333;
text-decoration: none !important;
}
.cs-breadcrumbs p {
font-size: 20px!important;
color: #333!important;
margin: 0 10px 0 0 !important;
font-weight: 500!important;
width: unset !important;
}
.cs-img-logo{
display: flex;
justify-content: center;
align-items: center; 
margin: 20px auto 50px auto;
}
.celonis-laptop-img{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.case-studies-top-box h2 {
color:  #FFF;
font-size: 54px;
font-weight: 600;
line-height: 60px; 
margin: 50px auto 20px auto;
text-align: center;
}
.case-studies-top-box p{
color:  #FFF;
font-size: 24px;
font-weight: 400;
line-height: 34px; 
margin: 0 auto;
width: 65%;
text-align: center;
}
.cs-white-section{
max-width: 100% !important;
background-color: #fff;
padding: 150px 0 !important;	
}
.cs-white-section.cs-dark-section {
background-color: #0A0A0A !important;
}
.cs-white-content{
margin: 0 auto !important;
max-width: 1420px !important; 
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.cs-white-content > div {
grid-gap: 100px;
}
.cs-white-left-box.strategy-dark-main-box li{
color: #0A0A0A;
}
.cs-white-left-box{
display: flex;
flex-direction: column;
align-items: flex-start; 
justify-content: flex-start;
}
.cs-white-section.cs-dark-section h2 {
color: #fff;
}
.cs-white-section.cs-dark-section p{
color: #fff;
} 
.cs-white-section.cs-dark-section ul{
margin: 20px auto 0 0;
}
.cs-white-left-box li{
color: #fff;
font-size: 24px;
font-weight: 400;
line-height: 34px;
margin:0 auto 30px 0;
}
.cs-white-left-box.strategy-dark-main-box li{
color: #0A0A0A;
}
.cs-white-left-box h1 {
color: #0A0A0A;
font-size: 54px;
font-weight: 600;
line-height: 60px; 
margin: 0;
}
.cs-white-left-box h2 {
color: #0A0A0A;
font-size: 54px;
font-weight: 600;
line-height: 60px; 
margin: 0;
}
.cs-white-left-box p{
color: #333;
font-size: 24px;
font-weight: 400;
line-height: 34px;
margin: 20px auto 0 0;
}
.about-main-section.service-btn.case-study-last {
background-color: #0A0A0A;
} 
.about-main-section.service-btn.case-study-last h2{
color:  #FFF;
text-align: center;
font-size: 32px;
font-weight: 600;
line-height: 47px; 
width: 65% !important;
margin: 0 auto;
} 
.about-main-section.service-btn.case-study-last button a {
color: #fff !important;
text-decoration: none !important;
}
.about-main-section.service-btn.case-study-last button {
background-color: #0071E3; 
color: #fff;
}
.case-studies-review{
max-width: 1200px !important;
margin: 0 auto !important;
display: flex;
justify-content: center;
align-items: flex-start; 
height: 100%;
}
.case-studies-review-left {
display: flex;
justify-content: flex-start;
align-content: center;
flex-direction: column;
}
.case-studies-review-left h4 {
color:  #0A0A0A;
font-size: 32px;
font-weight: 600;
line-height: 36px; 
margin: 20px auto 5px auto;
} 
.case-studies-review-left figure {
margin: 0 auto;
}
.case-studies-review-left p{
color:  #0A0A0A;
font-size: 22px;
font-style: italic;
font-weight:300;
line-height: 36px;
margin: 0 auto;
}
.case-studies-review-right {
text-align: left;
display: flex;
justify-content: center;
align-items: center;
}
.case-studies-review-right p {
color:  #0A0A0A;
font-size: 32px;
font-style: italic;
font-weight: 300;
line-height: 37px; 
width:100%;
} 
.case-studies-review-right p svg {
margin: 0 2px ;
} .our-services-content.blog-cont-box{
padding: 30px 0 20px 0 !important;
}
.all-case-studies-container{
max-width: 1200px;
margin: 0 auto !important;
}
.all-case-studies-container > div {
gap: 50px;
}
.csp-main-box{
border-radius: 20px;
background: #FFF;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.10);
max-width: 100%;
overflow: hidden; 
}
.csp-main-box.csp-none-box{
opacity: 0;
}
.csp-main-box img {
transition: transform 0.5s ease;
transform-origin: center bottom; 
}
.csp-text-box{
position: relative;
padding: 30px;
margin: 0;
}
.csp-text-box h4 {
color:  #0A0A0A;
font-size: 28px;
font-weight: 700;
line-height: 28px;
margin: 0;
}
.csp-text-box p {
color:  #333333;
font-size: 18px;
font-weight: 400;
line-height: 18px;
margin: 10px 0 15px 0;
}
.csp-text-box h6 {
color:#0071E3;
font-size: 16px;
font-weight: 400;
line-height: 16px;
opacity: 1;
margin: 0 0 50px 0;
}
.csp-text-box h6 svg {
margin: 0 2px;
}
.csp-text-box a{
text-decoration: none !important;
color: #0071E3 !important;
}
.csp-text-box button {
display: flex;
justify-content: center;
align-items: center;
width: 179px;
height: 42px;
padding: 0;
color: #0071E3;
text-align: center;
font-size: 16px;
font-weight: 400;
line-height: 16px;
border: 2px solid #0071E3;
border-radius: 1000px;
background-color: #fff;
margin: 0 0 0 auto;
}
.csp-text-box button:hover{
background-color: #0071E3;
color: #fff;
}
.csp-text-box button:hover ~  h6{
opacity: 1;
}  header.entry-header {
box-shadow: unset;
}
.comments-area {
border-top: 1px solid #0a0a0a;
margin: 50px auto 100px auto;
max-width: 940px !important;
}
.single .post-navigation{
margin: 0 auto;
max-width: 940px !important;
} .bs-circle{
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
width: 150px;
height: 150px;
background-color: #F0F0F0;
margin: 0 auto 20px auto;
}
.dd-right-content.bs-pages-section{
display: flex;
justify-content: center;
align-items: center;
}
.dd-right-content.bs-pages-section h4 {
color:rgba(0, 113, 227, 0.15);
font-size: 201px;
font-weight: 400;
margin: 0;
}
.dd-right-content.bs-pages-section h2 {
color:  #0A0A0A;
font-size: 54px;
font-weight: 600;
line-height: 60px;
margin: 0 0 0 -95px;
}
.dd-right-content.bs-pages-section h2 span {
color: #0071E3;
}
.design-dev-main-boxes.bs-2nd-box{
padding:  0 !important;
}
.bs-2nd-four-boxes{
gap: 100px;	
width: 100%;
margin: 0 !important;
}
.bs-2-main-point{
display: flex;
justify-content: center;
align-items: flex-start;
margin: 0 !important;
}
.bs-2-main-point.bs-2-margin{
margin-bottom: 50px !important;
}
.bs-2-left-right-box{
gap: 20px;
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
}
.bs-2-left-box{
width: 60px;
height: 60px;
max-width: 60px;
max-height: 60px;
display: flex;
justify-content: center;
align-items: center;
background-color: #F0F0F0;
border-radius: 50%;
}
.bs-2nd-right-box{
display: flex;
justify-content: flex-start;
align-items: center;
}
.bs-2nd-right-box p{
color: #0A0A0A;
font-size: 24px;
font-weight: 400;
line-height: 28px;
margin: 0;
text-wrap: nowrap !important;
}
.bs-last-content-box{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.bs-last-content-box h2 {
color:  #0A0A0A;
font-size: 54px;
font-weight: 500;
line-height: 60px;
margin: 0;
}
.bs-last-content-box h2 span {
color: #0071E3;
font-weight: 600;
}
.bs-last-content-box p{
color: #0A0A0A;
font-size: 19px;
font-weight: 400;
line-height: 29px;
margin: 10px auto 0 auto;
width: 75%;
text-align: center;
}
.about-swiper-container{
display: none !important;
}
.oc-swipe-dark{
display: none !important;
}
.carousel-swiper .caro-dark-logo{
display: none !important;
}
.dark-mode .our-client-imgs .oc-swipe-dark{
display: block !important;
}
.dark-mode .caro-dark-logo{
display: block !important;
}
.dark-mode .caro-light-logo{
display: none !important;
}
.dark-mode .oc-swipe-light{
display: none !important;
}
.reason-to-choose-virrgotech{
padding: 100px 0 ;
gap: 150px !important;
}
.reason-to-choose-virrgotech.no-padding{
padding: 0 !important;
}
.reason-to-choose-virrgotech h4 {
color: var(--span);
font-size: 32px;
font-weight: 700;
line-height: 38px;
margin: 0 0 20px 0;
}
.bs-last-content-box .reason-to-choose-virrgotech p {
color: var(--text);
font-size: 19px;
font-weight: 400;
line-height: 29px; 
margin: 0 !important;
text-align: left;
width: 100% !important;
} .ast-row{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 50px;
max-width: 1250px;
margin: 150px auto 50px auto !important;
}
.ast-row article {
padding: 0 !important;
border-radius: 10px;
background: var(--footer-bg);
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.05);
border: 1px solid rgba(240, 240, 240, 0.7);
}
.ast-page-builder-template .ast-comment-formwrap {
width: 100%;
display: grid;
margin-top: 0 !important;
padding: 0 !important;
grid-gap: 0 30px !important;
margin-bottom: 0 !important;
}
.ast-page-builder-template .ast-comment-formwrap .comment-form-url {
grid-column: span 2;
}
.comment-form-cookies-consent{
color: var(--heading);
}
.comments-area .comment-notes, .comments-area .comment-textarea, .comments-area .form-allowed-tags {
color: var(--heading);
}
.post-content header {
margin: 0 !important;
}
.post-thumb-img-content img {
border-radius: 10px 10px 0 0;
border-bottom: 1px solid rgba(240, 240, 240, 0.2);
}
.post-content .entry-meta{
padding: 0 30px 10px 30px;
display: block !important;
}
.posted-on span{
color: var(--span);
font-size: 18px;
font-weight: 400;
line-height: 16px;
}
.post-content .entry-content {
padding: 0 30px 0 30px !important;
}
.ast-blog-featured-section.post-thumb.ast-grid-common-col.ast-float{
margin-bottom: 0  !important;
}
article header h2 {
padding: 30px 30px 10px 30px !important;
margin: 0 !important;
color: var(--heading) !important;
font-size: 28px !important;
font-weight: 700 !important;
line-height: 38px !important; 
}
article header h2 a {
color: var(--heading) !important;
font-size: 28px !important;
font-weight: 700 !important;
line-height: 38px !important; 
}
.post-content p {
color: var(--text);
font-size: 19px;
font-weight: 400;
line-height: 29px;
margin-bottom: 50px !important;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 3;
}
.post-content p.read-more{
margin: 0 !important;
text-transform: uppercase;
}
.post-content p.read-more a{
color: #0071E3 !important;
font-size: 16px;
font-weight: 600;
}
.blog-layout-1{
border-bottom: unset !important;
}
.post-page-numbers.current .page-link, .ast-pagination .page-numbers.current{
border-radius: 50% !important;
width: 40px !important;
height: 40px !important;
}
.ast-row.comment-textarea{
display: flex !important;
margin: 0 !important;
padding: 0 !important;
}
.ast-page-builder-template .comments-area{
margin-bottom: 100px !important;
border-top: 1px solid #e2e8f0 !important;
}
.ast-page-builder-template .comments-area h3{
color: var(--heading);
font-size: 28px;
font-weight: 600;
line-height: 42px;
margin-bottom: 30px;
}
.comments-area textarea#comment{
border-radius: 20px;
border: 1px solid rgba(240, 240, 240, 0.7);
margin-bottom: 30px;
margin-bottom: 30px;
padding: 10px 25px !important; 
}
.comments-area .ast-comment-formwrap input[type="text"]{
border-radius: 1000px;
padding: 10px 25px !important;
border: 1px solid rgba(240, 240, 240, 0.7);
}
.ast-page-builder-template .comment-form-textarea, .ast-comment-formwrap .ast-grid-common-col {
padding: 0;
width: 100% !important;
}
.comments-area .form-submit {
margin-bottom: 0;
text-align: center;
}
#comments .submit{
border-radius: 35px;
background: var(--span);
color: #FFF;
font-size: 19px;
font-weight: 500;
line-height: 29px; 
padding: 9px 20px !important;
}
header.ast-comment-meta.ast-row.ast-comment-author.vcard.capitalize{
margin: 0 !important;
display: flex !important;
box-shadow: unset !important;
flex-direction: column !important;
gap: 5px !important;
padding: 0 0 0 20px !important;
justify-content: center !important;
}
.ast-comment-info {
margin-bottom: 10px !important;
}
.ast-comment-cite-wrap a{
color: var(--heading) !important;
font-size: 24px;
font-weight: 600;
line-height: 28px;
text-transform: capitalize;
}
.ast-comment-time a{
color: var(--pagination) !important;
font-size: 15px;
font-weight: 400;
line-height: 18px;
text-transform: capitalize;
}
.ast-comment-info img{
width: 80px !important;
height: 80px !important;
}
.ast-comment-content.comment p {
color: var(--heading);
font-size: 19px;
font-weight: 300;
line-height: 29px; 
}
.featured-image img {
width: 100% !important;
} .thank-you-container{
max-width: 1420px !important;
margin: 0 auto;
padding: 150px 0 !important;
background-color: var(--header-bg);
gap: 20px;
}
.thank-you-container h2 {
font-size: 56px;
color: var(--span);
font-weight: 600;
margin: 0 !important;
width: 100%;
text-align: center !important;
}
.thank-you-container hr {
background-color: var(--text);
max-width: 70% !important;
margin: 35px auto !important;
}
.thank-you-container p {
font-size: 19px;
color: var(--text);
font-weight: 400;
margin: 0 !important;
width: 100%;
text-align: center !important;
}
.thank-you-container button{
margin: 50px auto 0 auto;
}
.seo-landing-page-q-a{
margin-bottom: 150px !important;
} @media only screen and (max-width: 2850px){
.case-studies-heading svg {
left: 52.5%;
}
.case-studies-heading.blog-section svg{
left: 54.5%;
}
.your-brand-section h2 span svg {
right: 41.5% !important;
}
}
@media only screen and (max-width: 2250px){
.your-brand-section h2 span svg {
right: 38.5% !important;
}
.case-studies-heading svg {
left: 53%;
}
.case-studies-heading.blog-section svg {
left: 55.5%;
}
}
@media only screen and (max-width: 2000px){
.case-studies-heading svg {
left: 53.5%;
}
.case-studies-heading.blog-section svg {
left: 56.25%;
}
}
@media only screen and (max-width: 1750px){
.carousel-swiper{
bottom: 18px;
}
.swiper-content{
margin: 40px auto 0 auto;
}
.case-studies-section p{
width: 35%;
}
.case-studies-heading svg {
left: 54%;
}
.case-studies-heading.blog-section svg {
left: 57%;
}
.main-blog-content p{
width: 100%;
}
.your-brand-section h2 span svg {
right: 37.5% !important;
}
}
@media only screen and (max-width: 1650px){
.your-brand-section h2 span svg {
right: 36% !important;
}
}
@media only screen and (max-width: 1500px){
.case-studies-heading svg {
left: 54.5%;
}
.case-studies-heading.blog-section svg {
left: 58%;
}
}
@media only screen and (max-width: 1440px){
.swiper-content {
max-width: 1180px;
margin: 100px auto;
padding: 0;
}
img.desk-bg-virrgotech {
height: 908px;
}
.swiper.hero-swiper {
height: 84%;
}
.carousel-swiper {
bottom: 50px;
}
.swiper-left h1 {
font-size: 48px;
line-height: 54px;
}
.swiper-left p {
font-size: 18px;
line-height: 28px;
margin: 10px 0 50px 0;
}
.sr-img-box {
width: 90%;
}
img.box-img.box-img-1 {
min-width: 37%;
}
img.box-img.box-img-1.swi-2-img-1 {
min-width:11%; 
top: 17%;
}
img.box-img.box-img-1.swi-3-img-1 {
min-width: 30%;
}
.box-img.box-img-1, .box-img.box-img-2, .box-img.box-img-3, .box-img.box-img-4{
width: auto !important;
height: auto !important;
}
.cu-heading-box h3{
font-size: 32px;
}
.cu-heading-box p{
font-size: 18px !important;
width: 100% !important;
}
.case-studies-heading svg {
left: 54.5%;
width: 165px;
}
.oc-prev-btn, .oc-next-btn, .ba-prev-btn, .ba-next-btn {
width: 5%;
}
.cu-icon-box{
width: 105px;
height: 105px;
}
.cu-icon-box img {
width: 52px;
height: 52px;
}
.cu-icon-box img.img1 {
width: 48px;
height: 46px;
}
.cu-icon-box img.img2 {
width: 52px;
height: 52px;
margin-bottom: 0.75px;
}
.cu-icon-box img.img3 {
width: 42px;
height: 52px;
}
.call-btn, .msg-btn {
font-size: 19px;
}
.choose-us-section h2 span svg {
right: 19% !important;
width: 170px;
}
.case-studies-section p {
font-size: 18px;
}
.case-studies-heading h2 {
font-size: 48px;
}
.your-brand-section h2 span svg {
right: 36% !important;
width: 200px;
}
.your-brand-section h6 {
font-size: 19px;
}
.choose-us-section h2 {
font-size: 48px;
}
.consultation-box h2 {
font-size: 48px;
width: 70% !important;
}
.choose-us-section p {
font-size: 18px;
width: 60%;
}
.get-ahead-section, .choose-us-section{
padding: 150px 0 !important;
margin: 0 auto !important;
max-width: 1180px !important;
}
.get-ahead-right h2 {
font-size: 48px;
}
.your-brand-section h2 {
font-size: 48px;
}
.tabcontent p {
font-size: 18px;
}
.get-ahead-right{
width: 52%;
}
.your-brand-section, .case-studies-section.main-blog-section, .consultation-box{
padding: 150px 0;
}
.four-brand-section {
max-width: 1180px !important;
grid-gap: 20px;
} .blog-section-content{
max-width: 1180px;
}
.case-studies-top-section{
padding: 0 50px;
}
.choose-us-section.ba-mian-section p {
width: 40%;
}
.case-studies-heading.blog-section svg {
left: 58%;
width: 120px;
}
footer{
padding: 0 50px;
}
.site-primary-header-wrap.ast-builder-grid-row-container.site-header-focus-item.ast-container{
padding-left: 50px !important;
padding-right: 50px !important;
}
.site-header-section .ast-builder-menu {
padding: 0 !important; 
}
.ast-builder-menu-1 .menu-item > .menu-link{
margin-right: 35px !important;
}
.cs-swiper-content h4{
width: 85%;
}
.main-blog-content h4 {
font-size: 20px;
margin: 10px 0;
}
.main-blog-content p{
font-size: 16px;
}
.read-more-opt {
margin: 20px 0 0 0;
} .wp-block-columns.who-we-are-box{
padding: 50px 120px !important;
max-width: 1180px !important;
margin: -265px auto 120px auto !important;
}
.who-we-are-box h1{
width: 100% !important;
font-size: 48px;
line-height: 54px;
}
.who-we-are-box p {
font-size: 18px;
}
.our-approach-heading h2 {
font-size: 48px;
line-height: 54px;
}
.our-approach-box p {
font-size: 18px;
}
.wp-block-columns.our-approach-box{
max-width: 1180px !important;
margin: 0 auto;
padding: 0 0 150px 0 !important;
}
.our-approach-box .cu-heading-box h3 {
font-size: 22px;
line-height: 26px;
}
.video-section-box {
max-width: 1180px;
}
.video-section-right {
padding: 50px 75px 50px 50px;
}
.video-section-right h2 {
font-size: 48px;
line-height: 54px;
}
.video-section-right p {
font-size: 18px;
line-height: 27px;
}
.wp-block-columns.video-section{
padding: 150px 0px !important;
}
.wp-block-columns.projects-number-section {
max-width: 1180px ;
}
.projects-number-section h2 {
font-size: 58px;
}
.num-border-box h4 {
font-size: 48px;
line-height: 54px;
}
.num-border-box p {
font-size: 18px;
text-wrap: nowrap;
}
.client-review-section .clients-review-section{
padding: 150px 0px !important;
max-width: 1180px;
}
.cr-content h4 {
font-size: 32px;
line-height: 36px;
}
.partner-up-box h2 {
font-size: 48px;
line-height: 54px;
}
.wp-block-columns.partner-up-box{
padding: 150px 0px !important;
max-width: 1180px;
}
.our-approach-heading svg {
width: 210px;
left: 44.25%;
} .wp-block-columns.our-services-content {
padding: 30px 0 150px 0 !important;
max-width: 1180px !important;
margin: 0 auto;
}
.our-services-boxes > div{
gap: 50px;
}
.our-services-right .wp-block-columns{
gap: 25px;
}
.oc-last-two-boxes {
margin: 25px 0 0 0;
}
.our-services-right .os-main-service {
height: 275px;
}
.our-services-left h2 {
font-size: 48px;
line-height: 54px;
}
.our-services-left p {
font-size: 18px;
line-height: 27px;
}
.wp-block-column.form-content-container {
max-width: 1180px !important;
margin: 0 auto;
}
.form-container-left h2 {
font-size: 48px;
line-height: 54px;
}
.form-container-left p {
font-size: 18px;
line-height: 27px;
}
.form-container-left h6 {
font-size: 18px;
line-height: 27px;
}
.form-container-left h5 {
font-size: 18px;
line-height: 27px;
}
form#forminator-module-2610 .forminator-row {
padding: 0 25px 30px 45px !important;
}
.wp-block-column.faq-heading-box{
padding: 150px 0px !important;
}
.faq-section{
max-width: 1180px !important;
margin: 40px auto 0 auto;
}
.faq-heading-box h2 {
font-size: 48px;
line-height: 54px;
}
.faq-a p {
font-size: 18px !important;
line-height: 27px;
}
.faq-q h6 {
font-size: 22px !important;
line-height: 26px;
}
.about-main-section.service-btn h1 {
font-size: 48px;
line-height: 54px;
}
.about-main-section.service-btn h1{
width: 80% !important;
} .branding-nav-section{
max-width: 1180px !important;
margin: 0 auto;
}
.tabs-main-content h3 {
font-size: 32px;
line-height: 40px;
}
.tabs-main-content p {
font-size: 18px;
line-height: 27px;
}
.open-positions-content h2 {
font-size: 48px;
line-height: 54px;
}
.open-positions-content h2 span svg {
width: 260px;
}
.open-positions-content p {
font-size: 18px;
line-height: 27px;
}
.open-positions-content{
max-width: 1180px !important;
margin: 0 auto;
}
.op-content-left h3 {
font-size: 48px;
line-height: 54px;
}
.op-content-left p {
font-size: 18px;
line-height: 27px;
margin: 10px 0 40px 0;
}
.tabs-container .tab p {
font-size: 26px;
} .design-dev-main-boxes {
max-width: 1180px !important;
}
.dd-left-content h3, .uiux-text h3{
line-height: 54px;
}
.dd-left-content p, .uiux-text p, .main-uiux-box p {
font-size: 18px;
line-height: 27px;
}
.uiux-text{
max-width: 1180px !important;
margin: 0 auto !important;
}
.main-uiux-box h5 {
font-size: 34px;
line-height: 38px;
} .copy-service-box h5 {
font-size: 28px;
line-height: 32px;
}
.copy-service-box p{
font-size: 17px;
line-height: 24px;
} .our-values-content {
max-width: 1180px;
}
.benefits-perks-content {
max-width: 1180px;
}
.our-values-content h2, .benefits-perks-content h2 {
font-size: 48px;
line-height: 54px;
}
.our-values-content p, .benefits-perks-content p {
font-size: 17px !important;
line-height: 27px;
}
.bp-main-col h5 {
font-size: 22px;
line-height: 27px;
margin: 20px 0 15px 0;
}
.benefits-perks-col {
max-width: 1180px;
width: 1180px;
} .ast-row{
max-width: 1180px;
grid-gap: 50px;
}
.post-content p {
font-size: 18px;
line-height: 27px;
}
article header h2 a {
font-size: 26px !important;
line-height: 32px !important;
}
.post-page-numbers.current .page-link, .ast-pagination .page-numbers.current {
width: 35px !important;
height: 35px !important;
}
}
@media only screen and (max-width: 1400px){
.swiper-left p{
width: 100%;
}
.swiper-left h1{
width: 100%;
}
.cs-swiper-content h4{
width: 90%;
}
button {
padding: 0px 20px;
}
button.git-btn {
padding: 0px 20px;
}
}
@media only screen and (max-width: 1300px) {
.our-approach-box .cu-heading-box p br{
display: none !important;
}
.your-brand-section h2 span svg {
right: 31.5% !important;
}
.ast-builder-menu-1 .menu-item > .menu-link{
margin-right: 30px !important;
}
.site-header-section .ast-builder-menu {
padding: 0 0px 0 0;
}
.swiper-left h1{
font-size: 48px;
}
.swiper-left p {
margin: 15px 0 40px 0;
}
.case-studies-heading svg {
left: 56%;
}
.case-studies-heading.blog-section svg {
left: 60%;
}
.ast-builder-footer-grid-columns.site-primary-footer-inner-wrap.ast-builder-grid-row{
grid-column-gap: 75px;
}
.cs-swiper-content h4{
width: 95%;
}
.tab button{
font-size: 22px;
}
.our-services-right .wp-block-columns {
gap: 25px !important;
}
.oc-last-two-boxes {
margin: 25px 0 0 0 !important;
}
.form-content-container > div {
gap: 50px !important;
}
.form-container-right form#forminator-module-2610 .forminator-row .forminator-col {
padding: 0 15px 0 0 !important;
}
.form-container-right form#forminator-module-2610 .forminator-row {
padding: 0 15px 30px 25px !important;
}
.services-sub-menu {
left: -155% !important;
}
}
@media only screen and (max-width: 1280px) {
.get-ahead-right svg {
right: 72%;
bottom: 14%; 
}
.swiper-content {
max-width: 1000px;
}
.swiper-left h1 {
font-size: 42px;
line-height: 44px;
}
.get-ahead-section, .choose-us-section {
max-width: 1000px !important;
}
.four-brand-section {
max-width: 1000px !important;
}
.see-all-opt{
max-width: 1000px;
}
.blog-section-content{
max-width: 1000px;
}
.get-ahead-right h2 {
font-size: 40px;
line-height: 44px;
}
.tab button {
font-size: 19px;
padding: 15px 0 0 0 !important;
}
.tabcontent {
padding: 15px 0 0 0;
}
.tabcontent p {
font-size: 16px;
}
.your-brand-section h2 {
font-size: 40px;
}
.your-brand-section h2 span svg {
right: 36.5% !important;
width: 175px;
}
.your-brand-section h6 {
font-size: 18px;
}
.main-brand-box {
padding: 40px;
}
.choose-us-section h2 {
font-size: 40px;
}
.choose-us-section h2 span svg {
width: 145px;
}
.four-chooseus-section {
grid-gap: 50px;
}
.cu-heading-box h3 {
font-size: 26px;
}
.cu-heading-box p {
font-size: 16px !important;
}
.case-studies-heading h2 {
font-size: 40px;
}
.case-studies-heading svg {
left: 55%;
width: 135px;
}
.cs-swiper-content h4 {
font-size: 22px;
}
.case-studies-heading h2 {
font-size: 40px;
}
.case-studies-heading.blog-section svg {
left: 57.5%;
width: 105px;
top: 105%;
}
.main-blog.middle-blog{
display: none;
}
.consultation-box h3 {
font-size: 28px;
}
.consultation-box h2 {
font-size: 40px;
} .wp-block-columns.who-we-are-box{
max-width: 1000px !important;
}
.who-we-are-box h1{
font-size: 42px;
line-height: 44px;
}
.our-approach-heading h2 {
font-size: 42px;
line-height: 44px;
}
.wp-block-columns.our-approach-box{
max-width: 1000px !important;
}
.our-approach-box .cu-heading-box h3 {
font-size: 20px;
line-height: 24px;
}
.video-section-box {
max-width: 1000px;
}
.video-section-right {
padding: 50px;
}
.video-section-right p {
font-size: 16px;
line-height: 27px;
}
.video-section-right h6 {
font-size: 21px;
line-height: 23px;
}
.video-section-right h2 {
font-size: 42px;
line-height: 44px;
}
.wp-block-columns.projects-number-section {
max-width: 1000px ;
}
.num-border-box h4 {
font-size: 38px;
line-height: 44px;
}
.client-review-section .clients-review-section{
max-width: 1000px;
}
.cr-content h4 {
font-size: 28px;
line-height: 32px;
}
.partner-up-box h2 {
font-size: 42px;
line-height: 44px;
}
.wp-block-columns.partner-up-box{
max-width: 1000px;
}
.our-approach-heading svg {
width: 190px;
}
.youtube-img-box{
height: 100%;
}
.youtube-img-box img{
height: 100%;
} .wp-block-columns.our-services-content {
max-width: 1000px !important;
}
.our-services-boxes > div{
gap: 25px;
}
.os-main-service h4 {
font-size: 24px;
line-height: 28px;
margin: 10px 0;
}
.os-main-service p {
font-size: 15px;
line-height: 19px;
}
.our-services-right .wp-block-columns{
gap: 10px;
}
.oc-last-two-boxes {
margin: 10px 0 0 0;
}
.our-services-right .os-main-service {
height: 255px;
}
.our-services-left h2 {
font-size: 42px;
line-height: 44px;
}
.wp-block-column.form-content-container {
max-width: 1000px !important;
}
.form-container-left h2 {
font-size: 42px;
line-height: 44px;
}
form#forminator-module-2610 .forminator-row {
padding: 0 25px 30px 45px !important;
}
.wp-block-column.faq-heading-box{
padding: 150px 0px !important;
}
.faq-section{
max-width: 1000px !important;
}
.faq-heading-box h2 {
font-size: 42px;
line-height: 44px;
}
.about-main-section.service-btn h1 {
font-size: 42px;
line-height: 44px;
}
.form-container-right h4 {
font-size: 22px;
line-height: 27px;
margin: 5px 0 30px 0;
} .branding-nav-section{
max-width: 1000px !important;
}
.tabs-main-content h3 {
font-size: 28px;
line-height: 34px;
}
.tabs-main-content p {
font-size: 17px;
line-height: 24px;
} 
.open-positions-content h2 {
font-size: 42px;
line-height: 44px;
}
.open-positions-content h2 span svg {
width: 230px;
bottom: -30%;
}
.open-positions-content{
max-width: 1000px !important;
margin: 0 auto;
}
.op-content-left h3 {
font-size: 42px;
line-height: 44px;
}
.op-content-left p {
font-size: 18px;
line-height: 27px;
margin: 10px 0 40px 0;
}
.tabs-container .tab p {
font-size: 24px;
}
.tabs-container .tab {
padding: 25px 50px 0px 0;
}
.tabs-main-content {
margin: 0 0 0 60px;
}
.our-portfolio-main-section {
gap: 50px;
}
.open-positions-content p{
font-size: 17px;
line-height: 24px;
} .design-dev-main-boxes {
max-width: 1000px !important;
}
.dd-left-content h3, .uiux-text h3{
line-height: 44px;
font-size: 42px;
}
.uiux-text{
max-width: 1000px !important;
}
.main-uiux-box h5 {
font-size: 32px;
line-height: 36px;
}
.uiux-points-boxes {
gap: 70px;
} .copy-service-box h5 {
font-size: 26px;
line-height: 30px;
}
.copy-service-box p{
font-size: 16px;
line-height: 19px;
}
.copy-service-box{
padding: 35px;
} .our-values-content {
max-width: 1000px;
}
.benefits-perks-content {
max-width: 1000px;
}
.our-values-content h2, .benefits-perks-content h2 {
font-size: 42px;
line-height: 44px;
}
.bp-main-col h5 {
font-size: 20px;
line-height: 26px;
margin: 10px 0;
}
.benefits-perks-col {
max-width: 1000px;
width: 1000px;
gap: 50px;
} .ast-row{
max-width: 1000px;
}
article header h2 a {
font-size: 24px !important;
}
.post-page-numbers.current .page-link, .ast-pagination .page-numbers.current {
width: 35px !important;
height: 35px !important;
}
.post-content p{
margin-bottom: 30px !important;
font-size: 17px;
line-height: 24px;
}
}
@media only screen and (max-width: 1250px) {
.ast-builder-menu-1 .menu-item > .menu-link{
margin-right: 30px !important;
font-size: 16px;
}
button.git-btn{
padding: 0px 20px;
height: 40px;
font-size: 16px;
}
.dropdown button{
font-size: 16px;
height: 40px;
padding: 0px 20px;
}
header .custom-logo-link img {
max-width: 170px !important;
}
.call-btn, .msg-btn{
height: 42px;
}
.get-ahead-right h2{
font-size: 40px;
line-height: 45px;
}
.get-ahead-right svg {
position: absolute;
right: -5%;
bottom: 25%;
height: 7px;
}
.get-ahead-right p{
margin-bottom: 40px;
}
.case-studies-section p{
width: 45%;
}
.oc-prev-btn, .oc-next-btn{
width: 65px;
height: 50px;
}
.ba-prev-btn, .ba-next-btn{
width: 65px !important;
height: 50px;
}
.main-blog-content p {
width: 100%;
}
.choose-us-section.ba-mian-section p {
width: 50%;
}
.ast-builder-footer-grid-columns.site-primary-footer-inner-wrap.ast-builder-grid-row{
grid-template-columns: 1.5fr 1fr 1fr 1fr;
grid-column-gap: 50px;
}
.cs-swiper-content h4{
width: 100%;
}
}
@media only screen and (max-width: 1200px) {
.swiper-pagination-bullet-active {
width: 10px !important;
height: 10px !important;
}
.swiper-pagination-bullet {
width: 10px !important;
height: 10px !important;
}
.our-services-left h6 {
font-size: 20px !important;
}
.our-services-left h2 {
font-size: 48px !important
}
.form-container-left h2 {
font-size: 48px !important;
}
.form-container-left h6 {
margin: 50px 0 30px 0 !important;
}
.our-services-left button {
padding: 0 20px !important;
}
.your-brand-section h2 span svg {
right: 29.5% !important;
}
.tab {
padding:0px 30px 0px 0 !important;
width: 100%;
}
.tab button{
margin: 0 30px 0 0;
}
.site-header-section>* {
padding: 0 5px;
}
.dropdown-options a{
font-size: 12px;
}
.box-img {
max-height: 60px;
}
.box-img-3 {
max-height: 80px;
}
.box-img-4 {
max-height: 80px;
}
.swiper-left h1{
font-size: 40px;
line-height: 50px;
}
.swiper-left p{
font-size: 16px;
line-height: 25px;
}
.carousel-swiper .swiper-carousal .swiper-slide img {
width: 50%;
height: 50%;
margin: 0 44px;
}
.call-btn, .msg-btn{
font-size: 16px;
padding: 0px 20px;
height: 45px;
}
.swiper-left p {
margin: 15px 0 25px 0;
}
.cu-icon-box{
width: 95px;
height: 95px;}
.cu-heading-box h3{
font-size: 28px;
}
.case-studies-heading.blog-section svg {
left: 61%;
}
.ba-prev-btn, .ba-next-btn{
width: 60px !important;
height: 50px;
} .our-approach-box .cu-heading-box h3{
font-size: 20px !important;
}
.our-approach-box p{
font-size: 18px !important;
width: 90% !important;
}
.our-approach-heading svg {
left: 45.25% !important;
}
.video-section-box > .wp-block-columns{
flex-direction: column;
}
.video-section-right{
text-align: center !important;
}
.video-section-right h6{
margin: 0;
width: 100%;
}
.video-section-right h2{
width: 100%;
}
.video-section-right {
padding: 50px 45px 50px 45px !important;
}
.video-section-right .call-btn{
width: 15% !important;
margin: 0 auto;
}
.projects-number-section h2{
width: 95% !important;
}
.num-border-box h4{
font-size: 48px !important;
}
.num-border {
padding: 0 25px !important;
}
.num-border-box p{
font-size: 16px !important;
}
.cr-content h4{
font-size: 30px !important;
}
.partner-up-box h2{
width: 100% !important;
} .faq-heading-box h2 {
font-size: 48px !important;
} .gas-img-1 {
width: 180px !important;
}
.gas-img-3 {
width: 160px !important;
}
.gas-img-2 {
width: 250px !important;
}
}
@media only screen and (max-width: 1150px) {
.ast-builder-menu-1 .menu-item > .menu-link {
margin-right: 25px !important;
}
.site-header-section>* {
padding: 0 2px;
}		
header .custom-logo-link img {
max-width: 160px !important;
}
.your-brand-section h2 span svg {
right: 33.5% !important;
width: 170px;
}
.main-brand-box{
padding: 58px 44px;
}
.main-brand-box h3 a{
font-size: 30px;
}
.your-brand-section h2{
font-size: 40px;
}
.choose-us-section h2{
font-size: 40px;
}
.case-studies-heading h2{
font-size: 40px;
}
.case-studies-heading svg {
left: 54.5%;
width: 150px;
top: 90%;
}
.case-studies-heading.blog-section svg {
left: 59%;
width: 105px;
top: 100%;
}
.consultation-box h2{
font-size: 40px;
line-height: 60px;
}
.our-approach-box .cu-heading-box h3 {
font-size: 18px !important;
text-wrap: nowrap !important;
}
.wp-block-columns.main-choose-us .wp-block-column.cu-heading-box p {
font-size: 15px !important;
}
.our-approach-box .cu-icon-box {
width: 60px !important;
height: 60px !important;
flex-basis: 60px !important;
}
.our-services-left p {
font-size: 16px !important;
line-height: 24px !important;
}
.form-container-left p{
font-size: 16px !important;
}
.form-container-left h6 {
margin: 40px 0 30px 0 !important;
font-size: 16px !important;
}
.form-content-container > div {
gap: 25px !important;
}
.form-container-right{
padding: 50px 0 30px 0 !important;
}
.our-services-right .os-main-service{
height: 290px !important;
}
.our-services-left button {
margin: 30px 0 0 0 !important;
}
.os-main-service p{
line-height: 19px !important;
}
.os-main-service h4 {
font-size: 24px !important;
margin: 15px 0 5px 0 !important;
}
img.wp-image-2177 {
width: 47px !important;
height: 41px !important;
}
img.wp-image-2176 {
width: 34px !important;
height: 46px !important;
}
img.wp-image-2221 {
width: 50px !important;
height: 46px !important;
}
img.wp-image-2222 {
width: 42px !important;
height: 36px !important;
}
.our-services-right .wp-block-columns {
gap: 15px !important;
}
.oc-last-two-boxes {
margin: 15px 0 0 0 !important;
}
.form-container-right h4 {
font-size: 24px !important;
line-height: 32px !important;
width: 90% !important;
margin: 5px 0 30px 0 !important;
}
}
@media only screen and (max-width: 1100px) { 
.wp-block-column.faq-heading-box {
padding: 100px 20px !important;
} 
.faq-section {
margin: 50px 0 0 0 !important;
}
.swiper-left h1 {
font-size: 38px;
line-height: 40px;
}
.call-btn, .msg-btn {
padding: 0px 12px;
}
.swiper-pagination-bullet {
width: 10px !important;
height: 10px !important;
margin: 0 6px !important;
}
.get-ahead-right p{
font-size: 16px;
line-height: 27px;
margin-bottom: 30px;
}
.get-ahead-right h2{
margin: 10px 0;
}
.get-ahead-right h6{
padding-top: 0;
margin-bottom: 0px;
}
.get-ahead-right svg{
bottom: 15%;
}
.main-blog img {
width: 507px;
}
.main-blog.middle-blog {
margin: 0 0 0 35px;
}
.get-ahead-section, .choose-us-section{
padding: 120px 20px !important;
margin: 0 auto !important;
}
.get-ahead-right{
width: 52%;
}
.your-brand-section, .case-studies-section.main-blog-section, .consultation-box{
padding: 100px 20px;
}
.case-studies-top-section{
padding: 0 20px;
}
footer{
padding: 0 20px;
}
.site-primary-header-wrap.ast-builder-grid-row-container.site-header-focus-item.ast-container{
padding-left: 20px !important;
padding-right: 20px !important;
}
.site-header-section .ast-builder-menu {
padding: 0 !important; 
}
.swiper-content {
padding: 0 20px !important;
}
.wp-block-columns.who-we-are-box {
margin: -265px 20px 120px 20px !important;
}
.wp-block-columns.our-approach-box {
padding: 0 30px 150px 30px !important;
}
.wp-block-columns.video-section {
padding: 100px 20px !important;
}
.client-review-section .clients-review-section {
padding: 100px 20px !important;
}
.wp-block-columns.partner-up-box {
padding: 100px 20px !important;
}
.wp-block-columns.our-services-content {
padding: 30px 20px 100px 20px !important;
}
.wp-block-column.form-content-container {
padding: 100px 20px !important;
} 
.services-sub-menu{
left: -205% !important;
}
}
@media only screen and (min-width: 1100px){
.main-form-box{
padding: 150px 0px !important;
}
}
@media only screen and (max-width: 1050px){
.open-positions-box{
padding: 150px 30px !important;
}
.tab button{
padding: 10px 0 0 0;
}
.our-services-right .os-main-service {
height: 250px !important;
}
header .custom-logo-link img {
max-width: 150px !important;
} 
.ast-builder-menu-1 .menu-item > .menu-link {
margin-right: 25px !important;
font-size: 15px;
}
button.git-btn {
height:35px;
font-size: 15px;
text-wrap: nowrap;
padding: 0 15px;
}
button.git-btn svg{
width: 12px;
height: 12px;
}
.dropdown button {
height: 35px;
font-size: 15px;
padding: 0 15px;
text-wrap: nowrap;
}
button.git-btn svg{
width: 12px;
height: 12px;
}
button img {
width: 11px;
height: 5px;
}
.swiper-left h1 {
font-size: 32px;
}
.swiper-left p {
font-size: 15px;
line-height: 22px;
}
.call-btn, .msg-btn {
font-size: 15px;
padding: 0px 12px;
height: 38px;
}
.msg-btn svg {
width: 17px;
height: 15px;
}
.call-btn svg{
width: 17px;
height: 14px;	
}
.your-brand-section h2 span svg {
bottom: -3% !important;
right: 33.5% !important;
width: 175px !important;
}
.tab button {
font-size: 19px;
text-wrap: nowrap;
}
.line-divider{
margin: 10px 0 0 0;
}
.get-ahead-right h6{
font-size: 16px;
}
.main-icon-point a{
font-size: 18px;
}
.cu-heading-box{
margin-left: 10px;
}
.choose-us-section p{
width: 70%;
}
.four-chooseus-section{
grid-gap: 75px 50px;
}
.four-brand-section{
grid-gap: 25px;
}
.main-brand-box p{
margin: 0;
}
.main-brand-box {
padding: 30px 44px;
}
.brand-icons-points{
padding: 25px 0 0 0;
}
.four-chooseus-section p{
width: 100%;
}
.case-studies-section p{
width: 60%;
}
.main-blog-content p {
width: 100%;
}
.footer-link-box h6, .footer-link-box.flag-box a, .footer-text p{
font-size: 15px;
}
.ast-builder-footer-grid-columns.site-primary-footer-inner-wrap.ast-builder-grid-row{
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
grid-gap: 50px 75px;
}
.footer-text p{
margin: 25px 0;
}
.get-ahead-left{
height:450px;
}
.tabcontent{
padding: 10px 0 0 0;
} .wp-block-columns.who-we-are-box{
padding: 50px 80px !important;
}
.who-we-are-box h1 {
font-size: 48px !important;
}
.who-we-are-box button{
font-size: 18px !important;
padding: 0px 20px !important;
height: 44px !important;
}
.our-approach-heading svg {
left: 42% !important;
}
.partner-up-box button{
font-size: 18px !important;
padding: 0px 20px !important;
height: 44px !important;
}
.clients-review-section .swiper {
margin: 0 60px !important;
}
.partner-up-box h2{
font-size:48px !important;
}
.projects-number-section h2{
font-size: 48px !important;
width: 100% !important;
}
.video-section-right h2 {
font-size: 48px !important;
}
.video-section-right .call-btn {
width: 20% !important;
}
}
@media only screen and (max-width: 1000px){
.ast-builder-menu-1 .menu-item > .menu-link {
margin-right: 20px !important;
}
button.git-btn {
padding: 0px 15px;
font-size: 14px;
}
.carousel-swiper {
bottom: 14px;
}
.carousal-swiper .swiper-carousal .swiper-slide img {
width: 45%;
height: 50%;
margin: 0 35px;
}
.swiper-left{
width: 50%;
}
.get-ahead-right h2 {
font-size: 32px;
line-height: 40px;
}
.get-ahead-right svg {
right: -8%;
height: 6px;
}
.four-brand-section{
grid-gap: 25px;
}
.main-brand-box p{
font-size: 16px;
}
.cu-icon-box{
width: 75px;
height: 75px;
}
.cu-icon-box img {
width: 45px;
height: 45px;
}
.cu-icon-box img.img1 {
width: 41px;
height: 37px;
}
.cu-icon-box img.img2 {
width: 43px;
height: 43px;
}
.cu-icon-box img.img3 {
width: 35px;
height: 45px;
}
.cu-heading-box h3 {
font-size: 26px;
line-height: 40px;
}
.cu-heading-box p{
font-size: 16px;
margin: 1px 0 0 0;
width: 100% !important;
}
.choose-us-section p {
width: 90%;
}
.case-studies-heading svg {
left: 55%;
}
.case-studies-heading.blog-section svg {
left: 60%;
}
.consultation-box h3{
font-size: 20px;
}
.call-btn, .msg-btn {
padding: 0px 20px;
height: 40px;
}
.our-approach-box .cu-heading-box h3 {
text-wrap: unset !important;
}
}
@media only screen and (max-width: 920px){ 
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link{
color: var(--text) !important;
}
ul#ast-hf-mobile-menu {
background-color: var(--main-bg) !important;
}
.sub-menu.grid-display {
display: grid;
}
ul.sub-menu.services-sub-menu.grid-menu {
border: 1px solid transparent;
}
a.menu-link.branding-menu-box {
display: flex !important;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
li.grid-menu-item {
margin-bottom: 20px;
}
li#menu-item-13242{
display: block;
}
.dark-light-label:before  {
content: "";
width: 22px;
height: 22px;
position: absolute;
top: 1px;
left: 24.5px;
background: #0071E3;
border-radius: 180px;
transition: 0.3s;
}
.dark-mode .dark-light-label:before{
content: none;
}
.dark-mode .dark-light-label:after {
content:"";
}
.dark-light-label:after {
content: none;
width: 22px;
height: 22px;
position: absolute;
top: 1px;
left: 30px;
background: #fff;
border-radius: 180px;
transition: 0.3s;
transform:none;
overflow:hidden;
} 
.dark-mode .dark-light-label:active:after {
width: 22px;
}
.dark-mode svg.sun path {
fill: #fff !important;
}
.dark-mode svg.moon path {
fill: #0a0a0a !important;
}
.dark-mode svg.moon {
display: block !important;
}
.dark-mode svg.sun {
display: none !important;
}
.dark-mode .sun-light {
opacity: 0 !important;
}
.dark-mode .moon-dark {
opacity: 1 !important;
}
.choose-us-section h2 span svg {
bottom: 0%;
right: 15% !important;
width: 146px;
}
header .ast-builder-menu-1 .menu-item > .menu-link{
margin-right: 15px!important;
}
.get-ahead-right p{
line-height: 22px;
margin-bottom: 25px;
}
.main-brand-box h3 a{
font-size: 28px;
}
.micon-box{
width: 40px;
height: 40px;
}
.main-icon-point a {
font-size: 17px;
}
.main-icon-point{
padding-bottom: 15px;
}
.four-chooseus-section {
grid-gap: 65px 40px;
}
.choose-us-section p {
width: 100%;
}
.case-studies-heading svg {
left: 56%;
}
.case-studies-heading.blog-section svg {
left: 61.5%;
}
.consultation-box h2{
width: 85%;
}
.your-brand-section h2 span svg {
bottom: -10% !important;
right: 30.5% !important;
width: 170px !important;
}
.who-we-are-box p{
font-size: 17px !important;
}
.num-border-box h4 {
font-size: 38px !important;
}
.num-border {
padding: 0 15px !important;
}
.num-border-box p {
font-size: 14px !important;
text-wrap: nowrap;
}
.partner-up-box h2 {
font-size: 38px !important;
line-height: 50px !important;
}
.who-we-are-box h1 {
font-size: 38px !important;
line-height: 50px !important;
}
.video-section-right h2 {
font-size: 38px !important;
}
img.wp-image-2028{
width: 30px !important;
height: 30px !important;
}
img.wp-image-2019 {
width: 30px !important;
height: 23px !important;
}
img.wp-image-2029 {
width: 28px !important;
height: 31px !important;
}
img.wp-image-2041 {
width: 36px !important;
height: 19px !important;
}
img.wp-image-2042 {
width: 28px !important;
height: 28px !important;
}
.our-services-boxes > div {
flex-wrap: wrap !important;
grid-gap: 50px;
}
.wp-block-column.our-services-boxes{
flex-basis: 100% !important;
}
.wp-block-column.our-services-left{
flex-basis: 100% !important;
}
.wp-block-column.our-services-right{
flex-basis: 100% !important;
}
.wp-block-column.os-main-service{
flex-basis: 100% !important;
}
.wp-block-column.form-content-container{
flex-basis: 100% !important;
}
.form-content-container > div {
flex-wrap: wrap !important;
grid-gap: 100px!important;
}
.wp-block-column.form-container-left{
flex-basis: 100% !important;
}
.wp-block-column.form-container-right {
flex-basis: 100% !important;
}
.about-main-section.service-btn h1 {
font-size: 40px !important;
width: 90% !important;
}
.faq-heading-box h2 {
font-size: 40px !important;
} 
.faq-heading-box h6 {
font-size: 32px !important;
margin: 0;
}
.form-content-container .form-container-left {
margin: 0 !important;
} 
.form-container-right form#forminator-module-2610 .forminator-row {
padding: 0 15px 20px 25px !important;
}
.dropdown button {
font-size: 14px;
padding: 0;
height: 28px;
width: 60px;
}
.dropdown-options {
width: 140px;
left: -115%;
top: 115%;
}
.dark-light-label {
width: 60px;
height: 28px;
margin-right: 5px;
}
.moon-dark, .sun-light{
top: -15%;
}
.dark-light-label svg.sun {
top: 5px;
left: 7px;
}
.dark-light-label svg.moon {
top: 5px;
left: 37px;
}
.services-sub-menu {
padding: 0 25px 21px 25px !important;
}
.services-sub-menu::before{
display: none;
}
ul.sub-menu.services-sub-menu.grid-menu {
display: grid;
grid-gap: 25px;
width: 100% !important;
}
.branding-menu-box h6 {
font-size: 15px;
}
.branding-menu-box p {
font-size: 11px;
}
}
@media only screen and (max-width: 850px){
.faq-heading-box.career-tabs-container .tab.tab-faq {
overflow: hidden;
padding: 30px 0 0 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.faq-heading-box.career-tabs-container .tab.tab-faq button{
margin: 0 20px 20px 0 !important;
}
.mob-bg-virrgotech {
height: 850px !important;
}
.hero-swiper.swiper-horizontal>.swiper-pagination-bullets {
bottom: var(--swiper-pagination-bottom,0px) !important;
}
.tab button {
font-size: 22px;
}
.tabcontent{
text-align: left;
}
.desk-bg-virrgotech{
display: none;
}
.mob-bg-virrgotech{
display: block;
height: 100%;
}
.desk-bg-dark-img, .desk-bg-light-img{
display: none;
}
.dark-mode .desk-bg-dark-img, .dark-mode .desk-bg-light-img{
display: none;
}
.carousel-swiper {
height: 10%;
}
.swiper-left{
width: 90%;
}
.swiper.hero-swiper{
height: 90%;
}
.swiper-content{
flex-direction: column-reverse;
}
.swiper-left h1{
text-align: center;
}
.swiper-left p{
text-align: center;
}
.button-box{
width: 100%;
justify-content: center;
}
.swiper-right {
width: 60%;
margin: 0 0 40px 0;
}
.carousel-swiper {
bottom: 6px;
}
.get-ahead-section{
flex-direction: column;
}
.get-ahead-right h6 {
font-size: 22px;
}
.get-ahead-right{
width: 100%;
padding: 50px 0 0 0;
text-align: center;
}
.get-ahead-right h6{
width: 100%;
text-align: center;
}
.ahead-heading{
width: 100%;
}
.get-ahead-right h2{
font-size: 40px;
text-align: center;
width: 100%;
}
.get-ahead-left{
width: 100%;
}
.get-ahead-right button{
width: unset;
margin: 0 auto;
}
.get-ahead-section {
padding: 100px 20px;
}
.get-ahead-right p{
font-size: 18px;
line-height: 30px;
}
.get-ahead-right svg {
right: 16%;
bottom: 18%;
height: 7.5px;
}
.get-ahead-right h2{
margin: 10px 0 20px 0;
}
.four-brand-section{
grid-template-columns: 1fr;
}
.your-brand-section h2{
font-size: 40px;
}
.four-chooseus-section{
grid-template-columns: 1fr;
}
.cu-icon-box {
width: 95px;
height: 95px;
}
.cu-heading-box h3{
font-size: 28px;
width: 100% !important;
}
.case-studies-section p{
width: 80%;
}
.main-blog-content p {
width: 100%;
}
.main-blog.middle-blog{
display: none;
}
.main-blog img {
width: 797px;
}
.case-studies-heading.blog-section svg {
left: 62.5%;
}
.choose-us-section.ba-mian-section p {
width: 90%;
}
.consultation-box h2{
width: 100% !important;
} .wp-block-columns.who-we-are-box {
padding: 50px 50px !important;
}
.our-services-left h2 {
font-size: 40px !important
} 
.about-main-section.service-btn button{
height: 44px !important; 
font-size: 18px !important;
}
.form-container-left h2 {
font-size: 40px !important;
}
.dropdown button {
font-size: 12px;
padding: 0px 11px;
height: 28px;
margin-right: 10px;
}
.dropdown-options a img {
width: 14px !important;
height: 8px !important;
}
.dropdown-options a{
padding: 10px 0 0 0;
font-size: 11px;
} .gas-img-3 {
width: 180px !important;
left: 6% !important;
}
.gas-img-1 {
top: -10% !important;
width: 200px !important;
right: 25% !important;
}
.gas-img-2 {
right: 25% !important;
bottom: -20% !important;
}
}
@media only screen and (max-width: 800px){
.choose-us-section h2 span svg {
right: 7% !important;
width: 150px;
}
.swiper-left p {
margin: 10px 0 15px 0;
}
.swiper-right {
margin: 0 0 25px 0;
}
.get-ahead-right svg {
right: 12.5%;
}
.cs-swiper-content > img {
width: unset;
height: unset;
}
.your-brand-section h2 span svg {
bottom: -2% !important;
right: 27.5% !important;
width: 175px !important;
}
.our-approach-heading svg {
left: 40% !important;
}
.our-approach-box p {
width: 100% !important;
margin: 20px auto 70px auto;
}
.wp-block-columns.form-left-img-box{
flex-wrap: nowrap !important;
}
}
@media only screen and (max-width: 780px){ 
.about-main-section.service-btn h1 {
font-size: 36px !important;
} 
.faq-box .faq-q h6{
font-size: 22px !important; 
} 
.faq-box {
padding: 30px 0 !important;
}
.main-choose-us{
justify-content: center;
}
.wp-block-column.cu-icon-box.is-layout-flow.wp-block-column-is-layout-flow{
flex-basis: 50% !important;
max-width: 80px;
max-height: 80px;
width: 80px !important;
height: 80px !important;
}
img.wp-image-2028{
width: unset !important;
height: unset !important;
}
img.wp-image-2019 {
width: unset !important;
height: unset !important;
}
img.wp-image-2029 {
width: unset !important;
height: unset !important;
}
img.wp-image-2041 {
width: unset !important;
height: unset !important;
}
img.wp-image-2042 {
width: unset !important;
height: unset !important;
}
.wp-block-columns.main-choose-us .wp-block-column.cu-heading-box p{
text-align: center !important;
font-size: 16px !important;
}
.cu-heading-box{
align-items: center;
}
.our-approach-box .cu-heading-box h3 {
font-size: 24px !important;
margin:0 0 1rem 0 !important;
}
.main-choose-us {
margin-bottom: 10px !important;
}
.wp-block-columns.oa-last-points {
margin: 25px 0 0 0 !important;
}
.video-section-box > .wp-block-columns {
flex-direction: unset !important;
}
.wp-block-column.num-border-box.is-layout-flow.wp-block-column-is-layout-flow{
flex-basis: 9%!important;
}
.wp-block-column.num-border-box.num-border{
flex-basis: 9%!important;
}
.num-border {
padding: 0 !important;
border-left: unset !important;
}
.num-border-box h4 {
font-size: 32px !important;
margin: 0 0 10px 0 !important;
}
.num-border-box p {
font-size: 14px !important;
}
.cr-content h4 {
font-size: 24px !important;
}
.cr-content p {
font-size: 17px !important;
}
.who-we-are-box button {
font-size: 16px !important;
}
.who-we-are-box h6{
font-size: 22px !important;
}
.partner-up-box h2 {
font-size: 36px !important;
}
.who-we-are-box h1 {
font-size: 36px !important;
}
.video-section-right h2 {
font-size: 36px !important;
}
.who-we-are-box p {
font-size: 16px !important;
}
.our-approach-heading h2{
font-size: 48px !important;
}
.our-approach-heading svg {
left: 41% !important;
width: 220px !important;
}
.our-approach-box p {
font-size: 16px !important;
}
.video-section-right p {
font-size: 16px !important;
}
.video-section-right h6 {
font-size: 22px !important;
margin-bottom: 0 !important;
}
.video-section-right .call-btn{
width: 25% !important;
font-size: 16px !important;
}
.partner-up-box button {
font-size: 16px !important;
}
}
@media only screen and (max-width: 750px){
.your-brand-section h6{
width: 100%;
}
.case-studies-heading svg {
left: 57%;
}
.get-ahead-right svg {
right: 10%;
}
.case-studies-heading.blog-section svg {
left: 64.5%;
}
.swiper-right {
width: 60%;
margin: 0 0 25px 0;
}
.oc-prev-btn, .oc-next-btn{
width: 13%;
height: 50px;
}
.ba-prev-btn, .ba-next-btn{
width: 13%;
height: 50px;
}
}
@media only screen and (max-width: 700px){
#block-19{
height:41px;
}
.your-brand-section h2 span svg {
bottom: -2%  !important;
right: 22.5%  !important;
width: 170px  !important;
}
.cs-swiper-content{
padding: 35px;
}
.get-ahead-right svg {
right: 8%;
}
.hero-section .mob-bg-virrgotech{
height: 735px;
}
.cs-swiper-content h4{
font-size: 18px;
}
.cs-bottom-box a{
font-size: 20px;
}
.cs-left-bot-box h5{
font-size: 18px;
}
.cs-left-bot-box h6{
font-size: 16px;
}
.cs-swiper-content > img {
width: 200px;
height: 88px;
}
.consultation-box h2{
margin: 10px 0 25px 0;
} 
.our-services-left h6 {
font-size: 17px !important;
}
.branding-nav-section {
padding: 0px 0px !important
}
}
@media only screen and (max-width: 650px){ 
.dd-left-content h6 {
font-size: 24px;
}
.our-services-left h2 {
font-size: 32px !important;
} 
.form-container-right h6 {
color: #0071E3;
font-size: 17px !important; 
} 
.form-container-right h4 {
font-size: 22px !important; 
} 
.wp-block-column.os-main-service.is-layout-flow.wp-block-column-is-layout-flow {
margin:0!important;
} 
.form-content-container > div {
grid-gap: 50px!important;
}
.form-container-left h2 {
font-size: 32px !important;
line-height: 50px !important;
} 
.about-main-section.service-btn h1 {
font-size: 32px !important;
line-height: 50px !important;
} 
.faq-heading-box h2 {
font-size: 32px !important;
margin: 5px 0 !important;
} 
.faq-box .faq-a p {
font-size: 16px !important;
} 
.faq-box .faq-q h6 {
font-size: 20px !important;
} 
.job-side-description span svg{
width: unset !important;
height: unset !important;
}
.faq-q svg {
width: 16px!important;
height: 9px!important;
}
.your-brand-section h2{
font-size: 36px;
}
.carousel-swiper {
bottom: 15px;
}
.swiper-carousal .swiper-slide img {
width: 50%;
}
.case-studies-heading svg {
left: 58%;
}
.get-ahead-right svg {
right: 5%;
}
.cs-swiper-btns{
padding-top: 50px; 
}
.swiper-left h1 {
font-size: 30px;
}
.swiper-left p {
margin: 15px 0 35px 0;
}
.swiper-content {
margin: 25px auto 0 auto;
}
.cs-next-btn, .cs-prev-btn{
width: 40px;
height: 40px;
}
.oc-next-btn, .oc-prev-btn {
background-color: #0071E3;
}
.oc-next-btn svg path, .oc-prev-btn svg path{
stroke: #fff;
}
.case-studies-heading.blog-section svg {
left: 67.5%;
}
.choose-us-section.ba-mian-section p {
width: 100%;
}
.ba-prev-btn, .ba-next-btn {
background-color: #0071E3;	
}
.ba-prev-btn svg path, .ba-next-btn svg path{
stroke: #fff;
}
.cs-swiper-content {
padding: 25px;
}
.partner-up-box h2 {
font-size: 36px !important;
}
.who-we-are-box h1 {
font-size: 32px !important;
margin: 10px auto !important;
}
.our-approach-heading svg {
width: 190px !important;
}
.video-section-right h2 {
font-size: 32px !important;
margin: 0 0 10px 0 !important;
}
.who-we-are-box p {
font-size: 16px !important;
}
.our-approach-heading h2{
font-size: 42px !important;
}
.cr-content h4 {
font-size: 19px !important;
line-height: 35px !important;
margin: 40px 0 !important;
}
.cr-content p {
font-size: 14px !important;
}
.partner-up-box h2 {
font-size: 32px !important;
}
.client-review-swiper .swiper-pagination{
display: none !important;
}
.cr-content p{
padding: 0 !important;
}
.clients-review-section .swiper {
margin: 0 30px !important;
}
.video-section-right .call-btn {
width: 35% !important;
}
.ast-post-format-.single-layout-1 header h1{
font-size: 54px !important;
line-height: 60px !important;
}
.entry-content p {
font-size: 18px !important;
line-height: 28px !important; 
}
.entry-content h1 {
font-size: 71px !important;
line-height: normal !important;
font-weight: 600;
}
.entry-content h2 {
line-height: normal !important;
font-weight: 600;
}
.entry-content h3 {
font-size: 22px;
line-height: 25px;
}
.entry-content li {
font-size: 18px !important;
line-height: 30px !important;
font-weight: 300 !important;
}
}
@media only screen and (max-width: 600px){ 
.post-content .entry-meta {
padding: 0 20px 10px 20px;
}
.post-content .entry-content {
padding: 0 20px !important;
}
.design-dev-main-boxes {
gap: 0px !important;
}
#forminator-module-5776 .forminator-col .forminator-field input {
height: 75%;
}
.dd-right-content.bs-pages-section h4 {   
line-height: 1;
}
.design-dev-main-boxes.bs-2nd-box {
flex-direction: column-reverse;
}
.dd-left-content h2 {
text-align: left;
font-size: 54px !important;
line-height: 60px !important;
}
.dd-left-content p {
text-align: left !important;
}
.dd-right-content.bs-pages-section {
justify-content: flex-start;
}
.choose-us-section h2 span svg {
right: 35% !important;
}
.ov-main-col h4 br {
display: none;
}
.line-divider{
margin: 0;
}
.swiper-right {
width: 75%;
}
.four-chooseus-section {
grid-gap: 15px 40px;
}
.cu-heading-box h3 {
font-size: 26px;
}
.cu-icon-box {
width: 85px;
height: 85px;
}
.get-ahead-section {
padding: 75px 20px !important;
}
.your-brand-section, .case-studies-section.main-blog-section, .consultation-box {
padding: 75px 20px !important;
}
.four-brand-section{
margin: 35px auto 0 auto;
}
.get-ahead-section, .choose-us-section {
padding: 75px 20px !important;
}
.choose-us-section {
padding: 75px 20px 35px 20px !important;
}
.four-chooseus-section{
margin: 35px auto 0 auto;
}
.case-studies-section{
padding: 75px 0 0 0 !important;
}
.hero-section .mob-bg-virrgotech {
height: 865px !important;
}
.get-ahead-right svg {
right: 8%;
bottom: 25%;
height: 6px;
}
.get-ahead-right h2{
margin: 10px 0 20px 0;
font-size: 32px !important;
}
.your-brand-section h2{
font-size: 32px;
}
.get-ahead-right{
padding: 0;
}
.case-studies-section p{
font-size: 15px;
}
.cs-swiper-content h4{
font-size: 16px;
}
.cs-bottom-box a svg{
width: 25px !important;
height: 17px !important;
}
.oc-prev-btn, .oc-next-btn {
width: 14%;
}
.mob-next-prev{
display: flex;
justify-content: center;
align-items: center;
margin-top: 35px;
}
.oc-prev-btn, .oc-next-btn {
height: 40px !important;
width: 40px !important;
}
.oc-prev-btn svg, .oc-next-btn svg {
width: 13px;
height: 10px;
}
.ba-prev-btn, .ba-next-btn{
height: 40px !important;
width: 40px !important;
}
.ba-prev-btn svg, .ba-next-btn svg {
width: 13px;
height: 10px;
}
.mob-prev{
margin-right: 10px;
}
.desk-prev{
display: none !important;
}
.badge-awards-swiper{
margin: 0 !important;
}
.our-clients-section .swiper {
margin: 0 !important;
}
.badge-awards-section{
margin: 50px auto 0 auto;
}
.consultation-box h3 {
margin: 0;
}
.consultation-box h2 {
margin: 0 0 35px 0;
}
.your-brand-section h2 span svg {
bottom: 8% !important;
right: 25% !important;
width: 140px !important;
}
.choose-us-section p {
font-size: 16px;
line-height: 20px;
padding: 15px 0 0 0;
margin: 0;
}
.cs-left-main img {
width: 35px !important;
height: 35px !important;
margin: 0 10px 0 0;
}
.cs-left-bot-box h5 {
font-size: 15px;
line-height: 17px;
}
.cs-left-bot-box h6 {
font-size: 10px;
line-height: 11px;
}
.cs-bottom-box a {
font-size: 14px;
}
.cs-bottom-box a svg {
width: 16px !important;
height: 10px !important;
margin: 0 0 0 2px !important;
}
.cs-swiper-content > img {
width: 116px;
height: 50px;
}
.cs-swiper-content.wrench-cs-box img {
width: 150px;
height: 44px;
}
.cs-swiper-content.lilli-cs-box img {
width: 118px;
height: 44px;
}
.read-more-opt a{
font-size: 15px;
}
.badge-awards-swiper .img-box img {
width: 75%;
}
.badge-awards-swiper .img-box{
height: 100px !important;
}
.consultation-box h3 {
font-size: 16px;
line-height: 20px;
margin-bottom: 0;
margin-bottom: 10px;
}
.footer-text img {
width: 150px;
height: 38px;
}
.footer-text p {
margin: 20px 0 35px 0;
font-size: 16px;
line-height: 20px;
}
.footer-icons-box a{
width: 25px;
height: 25px;
margin-right: 15px;
}
.footer-icons-box a svg {
flex-shrink: 0;
height: 14px;
}
.footer-links h4 {
font-size: 22px;
line-height: 25px;
}
.footer-link-box h6 {
font-size: 16px !important;
line-height: 20px;
margin-left: 10px;
}
.footer-link-box {
margin-bottom: 20px;
}
.f-main-links {
margin-top: 20px;
}
form#forminator-module-610 {
width: 60%;
}
.copyright-text {
font-size: 14px;
}
header .custom-logo-link img {
max-width: 120px !important;
}
.ast-logo-title-inline .ast-site-identity{
padding: 0 !important;
}
.ast-primary-header-bar.ast-builder-grid-row-mobile-layout-default {
height: unset !important;
}
.ast-button-wrap .menu-toggle.main-header-menu-toggle{
padding: 0 !important;
}
.barnding-main-section{
padding: 75px 20px !important;
}
.tabs-container-box{
flex-direction: column;
height: unset !important;
}
.tabs-container{
flex-direction: row;
}
.tabs-main-content{
margin: 35px 0 0 0 !important;
}
.tabs-main-content h3 {
font-size: 20px;
line-height: 24px;
text-align: center;
}
.tabs-main-content p {
font-size: 16px;
line-height: 20px;
margin: 20px 0 35px 0;
text-align: center;
}
.tabs-container .tab.active::before{
display: none;
}
.tabs-container{
border-right: unset;
border-bottom: 1px solid #C0C0C0;
width: calc(100vw - 60px) !important;
overflow-x: auto;
overflow-y: hidden;
}
.tabs-container .tab.active p{
border-bottom: 2px solid #0A0A0A !important;
}
.tabs-container .tab p{
border-bottom: unset !important;
font-size: 18px;
line-height: 21px;
padding: 0 0 13px 0 !important;
width: unset;
white-space: nowrap;
}
.tabs-container .tab{
padding: 0 !important;
margin: 0 40px 0 0 !important;
}
.tabs-container::-webkit-scrollbar {
display: none;
}
.open-positions-box.branding-nav-box {
margin: 75px auto !important;
}
.open-positions-box.branding-nav-box p {
width: 100%;
}
.open-positions-box.branding-nav-box h2 {
white-space: nowrap;
}
.open-positions-content h2 span svg {
bottom: -25%;
width: 155px;
}
.open-positions-box.bg-diff-box {
padding: 75px 20px !important;
}
.op-content-left h3 {
font-size: 28px;
line-height: 32px;
text-align: center;
}
.our-portfolio-main-section p {
text-align: center;
margin: 20px 0 35px 0;
}
.op-content-left{
align-items: center;
}
.our-portfolio-main-section {
gap: 30px;
}
.tabs-main-content .button-box button svg{
width: 13px !important;
}
.about-swiper-container{
display: flex !important;
}
.about-six-points-cont{
display: none !important;
}
.our-approach-box > div{
width: 100%;
}
.about-swiper-container .our-values-swiper{
padding: 0px 10px!important;
margin: 0 !important;
}
.who-we-are-box .wp-block-search__inside-wrapper button{
margin: 0 !important;
}
.all-case-studies-container > div {
gap: 15px;
}
.wp-block-columns.our-services-content.blog-cont-box {
padding: 0px 20px 35px 20px !important;
}
.csp-main-box.last-csp {
margin-bottom: 100px !important;
}
.wp-block-columns.our-services-content.wpsc {
padding: 0px 20px !important;
}
form#forminator-module-5776{
flex-direction: column;
padding: 0 50px !important;
justify-content: center;
align-items: center;
margin: 0 auto 75px auto;
}
form#forminator-module-5776 input {
padding: 10px;
font-size: 15px !important;
margin: 0 0 10px 0 !important;
width: 100% !important;
}
form#forminator-module-5776 .forminator-row.forminator-row-last{
margin: 0 auto !important;
width: 180px !important;
right: 44px !important;
display: flex !important;
bottom: 15px;
}
.forminator-error-message {
margin-top: -93px !important;
}
form#forminator-module-5776 button{
border-radius: 1000px !important;
font-size: 15px !important;
padding: 10px !important;
width: 100% !important;
}
form#forminator-module-5776 .forminator-row{
width: 100% !important;
display: flex;
}
form#forminator-module-5776 .forminator-row .forminator-field input::placeholder {
text-align: center !important;
}
.ast-row {
grid-template-columns: 1fr;
grid-gap: 35px 50px;
margin: 35px auto 50px auto !important;
padding: 0 20px !important;
}
.ast-row 	article header h2 {
padding: 20px 20px 10px 20px !important;
line-height: 19px !important;
}	
.ast-row 	article header h2 a{
font-size: 18px !important;
line-height: 23px !important;
}
.youtube-img-box img {
border-radius: 15px;
}
.swiper.hero-swiper {
height: 87%;
}
.benefits-perks-content h2 {
font-size: 28px;
line-height: 30px;
}
#forminator-module-5776 .forminator-col{
margin-bottom: 15px;
} .gas-img-3 {
width: 160px !important;
left: -3% !important;
}
.gas-img-1 {
top: -10% !important;
width: 180px !important;
right: 15% !important;
}
.gas-img-2 {
width: 220px !important;
right: 15% !important;
bottom: -10% !important;
}
}
@media only screen and (max-width: 550px){
.open-job-a h5{
font-size: 20px !important;
}
.open-job-a ul li {
font-size: 17px !important;
}
.who-we-are-box h1 {
font-size: 28px !important;
line-height: 32px !important;
}
.tab button {
font-size: 18px !important;
}
.hero-section .mob-bg-virrgotech {
height: 880px !important;
}
.your-brand-section h2{
font-size: 28px;
line-height: 32px;
}
.get-ahead-right svg {
right: 2%;
}
.cu-icon-box {
width: 60px;
height: 60px;
}
.micon-box svg {
width: 13px;
height: 13px;
}
.micon-box.dd-icon-box svg {
width: 15px;
height: 15px;
}
.swiper-left h1 {
font-size: 28px;
line-height: 27px;
}
.call-btn, .msg-btn {
padding: 0px 19px !important;
height: 38px;
}
.cu-icon-box img {
width: 32px;
height: 32px;
}
.cu-icon-box img.img1 {
width: 28px;
height: 24px;
}
.cu-icon-box img.img2 {
width: 30px;
height: 30px;
}
.cu-icon-box img.img3 {
width: 23px;
height: 23px;
}
.choose-us-section h2 {
font-size: 28px;
line-height: 32px;
}
.case-studies-section p{
width: 100%;
}
.case-studies-heading svg {
left: 60%;
}
.see-all-opt a {
font-size: 15px;
line-height: 18px;
}
.main-blog{
width: unset !important;
}
.main-blog-content{
padding: 20px;
}
.main-blog-content h6 {
font-size: 14px;
}
.wp-block-latest-posts.is-grid li{
width: 100% !important;
}
.wp-block-latest-posts.is-grid li time.wp-block-latest-posts__post-date{
font-size: 14px;
padding: 10px 20px;
}
.wp-block-latest-posts.is-grid li a.wp-block-latest-posts__post-title{
font-size: 18px !important;
line-height: 23px !important;
}
.wp-block-latest-posts.is-grid li .wp-block-latest-posts__post-excerpt {
font-size: 15px;
}
.wp-block-latest-posts.is-grid li p.read-more {
padding: 20px 20px 20px 0px;
font-size: 14px !important;
}
.main-blog-content h4 {
font-size: 18px !important;
line-height: 23px !important;
}
.read-more-opt {
margin: 30px 0 0 0;
}
.case-studies-heading.blog-section svg {
left: 71.5%;
}
.consultation-box h2 {
font-size: 28px;
line-height: 32px;
}
.ast-builder-footer-grid-columns.site-primary-footer-inner-wrap.ast-builder-grid-row{
grid-template-columns: 1fr;
grid-template-rows: auto;
grid-gap: 25px;
}
.msg-btn svg {
width: 16px;
margin: 0 0 0 8px;
height: 14px;
}
.call-btn, .msg-btn {
font-size: 15px;
}
.call-btn img {
width: 14px;
height: 11.14px;
}
.swiper-pagination-bullet {
width: 9px !important;
height: 9px !important;
margin: 0 6.5px !important;
}
.cs-swiper-content h4{
margin: 25px auto 35px auto;
width: 100%;
}
.partner-up-box h2 {
font-size: 28px !important;
line-height:32px !important;
}
.who-we-are-box h1 { margin: 0 auto 20px auto !important;
}
.our-approach-heading svg {
width: 185px !important;
}
.video-section-right h2 {
font-size: 28px !important;
line-height: 32px !important;
margin: 15px 0 !important;
}
.video-section-right p{
font-size: 16px !important;
margin: 0 0 35px 0 !important;
}
.our-approach-heading h2 {
font-size: 28px !important;
line-height: 32px !important;
margin: 0 !important;
}
.partner-up-box h2 {
font-size: 28px !important;
line-height: 32px !important;
margin-bottom: 35px;
}
.video-section-right {
padding: 10px 30px 30px 30px !important;
}
.wp-block-column.num-border-box.is-layout-flow.wp-block-column-is-layout-flow {
flex-basis: 25%!important;
} 
.faq-heading-box h2 {
font-size: 24px !important; 
line-height: 32px !important;
margin: 15px 0 10px 0 !important;
} 
.faq-heading-box h6 {
font-size: 24px !important; 
line-height: 28px;
} 
.faq-heading-box p {
font-size: 16px !important;
line-height: 20px;
} 
.faq-box .faq-q .job-side-description h6{
justify-content: flex-start;
font-size: 18px !important;
}
.job-loc-time span {
font-size: 17px !important;
}
.job-side-description h5 {
font-size: 20px !important;
}
.faq-box .faq-q h6 {
font-size: 16px !important;
line-height: 20px;
width: 90%;
}
.faq-q svg {
width: 11px!important;
height: 6px!important;
}
.num-border-box h4 {
font-size: 28px !important;
line-height: 32px;
margin: 0 0 10px 0 !important;
}
.num-border-box p {
font-size: 16px !important;
line-height: 20px;
}
.tab.tab-faq button {
border: 1px solid var(--heading);
font-size: 15px;
line-height: 17px;
padding: 0 20px !important;
margin: 0 !important;
text-wrap: unset !important;
height: 38px !important;
width: unset !important;
}
.faq-box {
padding: 20px 0 !important;
} 
.tabcontent.tab-content-faq{
margin-top: 5px;
padding: 0 20px !important;
}
.faq-a {
margin: 10px 0 0 0;
}
.faq-box .faq-a p {
font-size: 15px !important;
}
.about-main-section{
padding: 75px 0 !important;
}
.about-main-section.service-btn button {
height: 38px !important;
font-size: 15px !important;
width: 155px !important;
}
.who-we-are-box h4 {
font-size: 16px;
line-height: 20px;
margin: 0px 0 20px 0;
padding: 0;
}
.copy-service-boxes {
width: 100%;
margin: 75px 0 0 0;
}
.copy-service-box{
margin: 0 !important;
}
.copy-service-box h5 {
font-size: 24px;
line-height: 28px;
}
.copy-service-box p {
font-size: 15px !important;
line-height: 17px !important;
}
.wp-block-columns.copy-service-boxes.copy-service-margin.is-layout-flex.wp-container-12.wp-block-columns-is-layout-flex, .wp-block-columns.copy-service-boxes.copy-service-margin.is-layout-flex.wp-container-16.wp-block-columns-is-layout-flex, .wp-block-columns.copy-service-boxes.copy-service-margin.is-layout-flex.wp-container-20.wp-block-columns-is-layout-flex {
margin-top: 10px;
}
.copy-service-box {
border-radius: 20px 20px 0px 0px;
}
.copy-service-box.copy-service-last-box {
border-radius:0;
}
.copy-service-box.csb-rivert-last {
border-radius: 0 0 20px 20px;
}
.design-dev-main-boxes{
padding: 75px 20px;
}
.dd-right-content img {
width: 100% !important;
height: 100% !important;
}
.design-dev-main-boxes {
gap: 55px;
}
.dd-left-content h3 {
font-size: 24px;
line-height: 28px;
width: 100%;
text-align: center;
}
.dd-left-content p {
font-size: 16px;
line-height: 20px;
text-align: center;
}
.uiux-content-box {
padding: 75px 20px;
}
.uiux-text h3 {
font-size: 24px;
line-height: 28px;
}
.uiux-text p {
font-size: 16px;
line-height: 20px;
}
.uiux-points-boxes {
padding:75px 0 0 0;
margin: 0;
}
.uiux-points-boxes {
gap: 55px;
}
.uiux-icon-box {
width: 70px;
height: 70px;
}
.uiux-icon-box svg{
width: 50%;
}
.main-uiux-box h5 {
font-size: 24px;
line-height: 28px;
margin: 25px 0 10px 0;
}
.uiux-content-box.post-launch-content-box {
padding: 75px 20px;
}
.about-main-section.post-launch-sys {
background-image: url(http://localhost/virrgotechnew/wordpress/wp-content/uploads/2023/09/VirrogTech-Post-Website-Lunch-scaled-1.png);
height: 250px;
background-size: cover;
padding: 0 !important;
}
.who-we-are-box.sys-box h1 {
margin-top: 0 !important;
}
.tab.tab-faq {
display: flex;
align-items: center;
justify-content: space-around;
flex-wrap: wrap;
}
.tab.tab-faq button{
margin: 0 3px 30px 0 !important;
}
.faq-section {
margin: 15px 0 0 0 !important;
}
.who-we-are-box.wwabblog > div{
width: 100%;
}
.who-we-are-box.wwabblog h1 {
margin-top: 0 !important;
}
.who-we-are-box h5 {
font-size: 22px;
margin: 20px 0 35px 0;
line-height: 26px;
}
.wp-block-search__inside-wrapper { 
width: 100%;
height: 44px;
}
.who-we-are-box .wp-block-search__inside-wrapper button{
display: flex;
justify-content: center;
align-items: center;
padding: 0;
height: unset;
}
.wp-block-search__inside-wrapper button svg {
min-height: 40px;
min-width: 40px;
margin-bottom: 8px;
margin-right: 0;
}
.blog-posts-page {
margin: 75px auto 0 auto;
padding: 0 20px !important;
width: 100%;
}
.blog-main-content .main-blog {
width: 100% !important;
max-width: 100% !important;
}
.blog-main-content > div {
width: 100%;
}
.blog-main-content .main-blog .main-blog-content h4{
margin: 20px 0 10px 0 !important;
}
.blog-main-content .main-blog .main-blog-content p {
font-size: 15px;
line-height: 17px;
}
.blog-main-content {
gap: 15px;
}
.blog-main-content.bm-col-box-2 {
margin: 35px auto 0 auto;
}
.blog-main-content.bm-col-box-2-last {
margin: 35px auto;
}
.read-more-opt svg {
margin-left: 10px;
width: 13px;
}
.case-studies-container {
padding: 75px 20px !important;
}
.cs-breadcrumbs{
display: none;
}
.case-studies-top-box .cs-img-logo img {
width: 108px !important;
height: 47px !important;
}
.case-studies-top-box .cs-img-logo.semrush-cs-logo img {
width: 162px !important;
height: 21px !important;
}
.case-studies-top-box .cs-img-logo.lilli-cs-logo{
width: 136px !important;
height: 48px !important;
}
.case-studies-top-box	.cs-img-logo.wrench-cs-logo{
width: 156px !important;
height: 45px !important;
}
.cs-img-logo {
margin: 0 auto 20px auto;
}
.case-studies-top-box img {
width: 100% !important;
height: 100% !important;
}
.cs-white-section {
padding: 75px 20px !important;
}
.cs-white-left-box h2 {
font-size: 28px;
line-height: 32px;
width: 100%;
text-align: center;
}
.cs-white-left-box p {
font-size: 16px;
line-height: 20px;
margin: 20px auto 0 0;
text-align: center;
width: 100%;
}
.cs-white-section img {
width: 100% !important;
height: 100% !important;
}
.cs-white-content > div {
grid-gap: 35px;
flex-direction: column-reverse;
}
.cs-white-content.cs-reverse-mob > div {
flex-direction: column !important;
}
.cs-white-content.cs-reverse-mob .wp-block-column{
margin-bottom: 0;
}
.cs-white-left-box li {
color: #fff;
font-size: 16px;
font-weight: 400;
line-height: 20px;
margin: 0 auto 20px 0;
}
.about-main-section.service-btn.case-study-last h2 {
font-size: 20px;
line-height: 24px;
width: 85% !important;
margin: 0 auto;
}
.cs-white-content .case-studies-review{
flex-direction: row !important;
}
.case-studies-review-right p {
font-size: 18px;
line-height: 21px;
text-align: center;
}
.case-studies-review-left{
margin-bottom: 0 !important;
}
.cs-white-section .case-studies-review-left img {
width: 100px !important;
height: 100px !important;
}
.case-studies-review-left h4 {
font-size: 24px;
line-height: 32px;
}
.case-studies-review-left p {
font-size: 16px;
line-height: 20px;
}
.choose-us-section h2 span svg {
right: 36% !important;
width: 102px;
}
.csp-main-box img{
width: 100% !important;
height: 100% !important;
}
.op-content-left h3{
width: 100%;
}
.choose-us-section.ba-mian-section {
padding: 75px 0 !important;
}
.brand-mobile-heading {
font-size: 54px !important;
line-height: 60px !important;
}
h1.wp-block-heading.brand-mobile-heading {
font-size: 54px !important;
line-height: 60px !important;
}
.bs-last-content-box p {
font-size: 16px;
line-height: 22px;
width: 100%;
}
section#forminator_widget-3 button.forminator-button.forminator-button-submit{
margin: 0 !important;
}
}
@media only screen and (max-width: 500px){ 
.faq-heading-box.career-tabs-container .tab.tab-faq{
padding: 0 !important;
}
.faq-heading-box.career-tabs-container .tab.tab-faq button {
margin: 0 5px 10px 0 !important;
height: unset !important;
font-size: 14px !important;
padding: 5px 10px !important;
}
.faq-box .faq-q .job-side-description h6{
justify-content: flex-start;
font-size: 16px !important;
}
.job-loc-time span {
font-size: 15px !important;
margin: 0 20px 0 0 !important;
}
.faq-main-content.ctc-main-content .faq-q {
align-items: flex-start;
}
.job-side-description h5 {
font-size: 18px !important;
}
.swiper-left {
width: 85% !important;
}
img.box-img.box-img-1 {
min-width: 33%;
left: -10%;
}
.box-img.box-img-1, .box-img.box-img-2, .box-img.box-img-3, .box-img.box-img-4 {
width: auto !important;
}
.box-img-3 {
left: -10%;
}
.box-img-2 {
right: 6%;
}
.box-img-4 {
bottom: 12%;
right: 3%;
}
img.box-img.box-img-1.swi-2-img-1 {
top: 20%;
left: -5%;
}
.box-img-2.swi-2-img-2 {
right: 0%;
}
.box-img-3.swi-2-img-3 {
bottom: 12%;
left: 0%;
}
.box-img-4.swi-2-img-4 {
right: -3%;
}
img.box-img.box-img-1.swi-3-img-1 {
min-width: 25%;
left: -5%;
}
.box-img-4.swi-3-img-4 {
right: -7%;
}
.box-img-2.swi-3-img-2 {
top: 13%;
}
.sr-img-box > .man-with-laptop{
max-width: 90%;
}
.get-ahead-right h2 {
margin: 10px 0 15px 0;
font-size: 28px;
}
.about-main-section.service-btn h1 {
font-size: 28px !important;
line-height: 32px !important;
}
.video-section-right p {
line-height: 20px !important;
}
.video-section-right h6 {
font-size: 18px !important;
line-height: 21px;
text-transform: uppercase;
font-weight: 500;
}
.wp-block-columns.main-choose-us .wp-block-column.cu-heading-box p {
width: 80% !important;
}
.our-approach-box p {
line-height: 20px !important;
font-size: 16px !important;
margin: 15px auto 25px auto !important;
}
.who-we-are-box p{
line-height: 20px !important;
font-size: 16px !important;
margin-bottom: 35px !important;
}
.who-we-are-box h6 {
font-size: 18px !important;
line-height: 18px;
margin-bottom: 15px !important;
}
.video-section-right .call-btn {
width: 65% !important;
font-size: 16px !important;
line-height: 18px !important;
}
.partner-up-box button {
font-size: 15px !important;
height: 38px;
}
.who-we-are-box button {
font-size: 15px !important;
height: 38px !important;
padding: 0 16px !important;
margin: 35px auto 0 auto !important;
}
.about-main-section{
height: 200px;
}
.wp-block-columns.who-we-are-box {
margin: -110px 20px 75px 20px !important;
}
.get-ahead-left{
height: 100%;
}
.carousel-swiper {
height: 5%;
}
.carousel-swiper {
bottom: 40px;
}
.your-brand-section h2 span svg {
right: 23.5% !important;
width: 100px !important;
bottom: -15% !important;
}
.swiper-right {
width: 100%;
margin: 0 0 35px 20px;
}
.swiper-left p{
line-height: 20px;
font-size: 16px;
}
.swiper-left h1 {
font-size: 28px !important;
line-height: 30px;
}
.swiper-left p {
margin: 15px 0 35px 0;
}
.hero-swiper.swiper-horizontal>.swiper-pagination-bullets {
bottom: var(--swiper-pagination-bottom,35px) !important;
}
@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-250%);
}
}
.hero-section .mob-bg-virrgotech {
height: 890px !important;
}
.swiper.hero-swiper {
height: 91%;
}
.our-approach-heading svg {
left: 39% !important;
width: 130px !important;
bottom: -30% !important;
}
.get-ahead-right .tab {
justify-content: center;
width: 100%;
padding: 0 !important;
}
.get-ahead-right .tab button{
padding: 15px 0 0 0 !important;
}
.faq-main-content.ctc-main-content .tabcontent {
height: max-content !important;
}
.tabcontent {
padding: 35px 0 0 0;
}
.testimonial-tabs-container .tabcontent{
height: unset !important;
}
.get-ahead-right p {
font-size: 16px;
line-height: 20px;
text-align: center;
}
.your-brand-section h6 {
font-size: 16px;
line-height: 20px;
width: 90%;
padding: 5px 0 0 0;
}
.main-brand-box {
padding: 35px 30px;
}
.main-brand-box h3 a{
font-size: 24px;
line-height: 28px;
}
.main-brand-box p{
line-height: 20px;
padding: 5px 0 0 0;
}
.brand-icons-points {
padding: 35px 0 0 0;
}
.micon-box {
width: 25px;
height: 25px;
}
.micon-box img {
width: 12px !important;
height: 12px !important;
}
.micon-box.mip-box img{
width: 12px !important;
height: 12px !important;	
}
.dotted-white, .dotted-grey{
display: none !important;
}
.main-brand-box:hover .dotted-white-mob {
transition: 0.8s;
display: block;
}
.main-brand-box:hover .dotted-grey-mob {
display: none;
}
img.dotted-grey-mob {
display: block;
}
img.dotted-white-mob {
display: none;
}
.dark-mode img.dotted-grey-mob{
display: none;
}
.dark-mode img.dotted-white-mob{
display: block;
}
.main-icon-point {
padding-bottom: 7px;
}
.micon-box.mib-icon img{
width: 15px !important;
height: 14px !important;
}
.four-brand-section {
grid-gap: 30px;
}
.cu-heading-box h3 {
font-size: 22px;
line-height: 25px;
}
.cu-heading-box p {
font-size: 16px !important;
line-height: 20px !important;
padding: 5px 0 0 0 !important;
}
.main-choose-us {
gap: 5px;
}
.case-studies-heading h2 {
font-size: 28px;
line-height: 32px;
}
.case-studies-heading svg {
left: 57.5%;
top: 105%;
width: 82px;
}
.case-studies-section p {
margin: 10px auto 35px auto;
line-height: 20px;
width: 90%;
}
.cs-swiper-content {
padding: 30px 20px;
height: unset;
border-radius: 15px;
}
.cs-swiper-content h4 {
font-size: 15px;
line-height: 17px;
margin: 15px auto 20px 0;
}
.our-clients-section{
margin: 35px auto 0 auto;
}
.our-client-imgs .img-box img {
width: 75%;
}
.our-client-imgs .img-box{
height: 75px;
}
.oc-img-first img {
margin: 0;
}
.case-studies-heading.blog-section svg {
left: 63.5%;
width: 65px;
top: 115%;
}
.case-studies-top-section{
padding: 0 20px !important;
}
.see-all-opt{
margin: 35px auto 10px auto;
}
.wp-block-columns.who-we-are-box {
padding: 50px 25px !important;
}
.our-approach-box .cu-heading-box h3 {
font-size: 24px !important;
text-align: center !important;
margin: 0 !important;
line-height: 28px;
}
.wp-block-column.cu-icon-box.is-layout-flow.wp-block-column-is-layout-flow {
max-width: 70px;
max-height: 70px;
width: 70px !important;
height: 70px !important;
margin-bottom: 20px !important;
}
.wp-block-columns.main-choose-us .wp-block-column.cu-heading-box p {
font-size: 16px !important;
line-height: 20px !important;
}
.our-approach-points > div {
gap: 15px !important;
}
.wp-block-columns.our-approach-box {
padding: 0 20px 75px 20px !important;
} 
.wp-block-columns.video-section {
padding: 75px 20px !important;
}
.video-section-box > div {
gap: 5px;	
}
.video-section-right {
padding: 10px 35px 35px 35px !important;
}
.pcsya-box {
margin: 35px 0 0 0 !important;
}
.pcsya-box{
display: grid !important;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: auto;
}
.num-border-box.num-border.gsc-box.swap-awards-and-retention{
grid-column: span 1 !important;
}
.num-border-box.num-border.gsc-box-1{
grid-column: span 2 !important;
order: 1;
}
.num-border-box{
order: 2;
}
.num-border-box.num-border.swap-awards-and-retention {
grid-column: span 2 !important;
}
.wp-block-columns.our-services-content {
padding: 0px 20px 100px 20px !important;
}
.num-border-box{
padding: 0 !important;
margin: 0 !important;
}
.cr-content img {
height: 60px;
}
.cr-content .crc-small-img{
height: 33px;
}
.cr-content .crc-small-img-1{
height: 25px;
}
.client-review-section .clients-review-section {
padding: 75px 20px !important;
}
.cr-content h4 {
font-size: 24px !important;
line-height: 28px !important;
margin: 35px 0 !important;
}
.cr-content h6{
font-size: 18px;
}
.cr-content p {
font-size: 16px !important;
line-height: 18px;
margin: 10px 0 0 0;
}
.cr-prev-btn, .cr-next-btn{
width: 40px !important;
height: 40px !important;
min-width: 40px;
min-height: 40px;
max-height: 40px;
max-width: 40px;
}
.cr-prev-btn svg, .cr-next-btn svg {
width: 13px;
}
.wp-block-columns.partner-up-box {
padding: 75px 20px !important;
}
.our-services-left h6 {
font-size: 18px !important;
line-height: 21px;
text-transform: uppercase;
text-align: center;
}
.our-services-left h2 {
font-size: 28px !important;
line-height: 32px;
margin: 15px 0;
text-align: center;
}
.our-services-left p {
font-size: 16px !important;
text-align: center;
line-height: 20px !important;
margin-bottom: 35px;
}
.our-services-left button {
margin: 0 auto !important;
padding: 0 16px !important;
height: 38px !important;
width: 35%;
}
.our-services-boxes > div{
gap: 55px;
}
.os-main-service h4 {
font-size: 28px !important;
margin: 20px 0 10px 0 !important;
}
.os-main-service p {
line-height: 20px !important;
}
img.wp-image-2176 {
width: 44px !important;
height: 51px !important;
}
img.wp-image-2221 {
width: 56px !important;
height: 52px !important;
}
img.wp-image-2222 {
width: 48px !important;
height: 41px !important;
}
.our-services-right .wp-block-columns {
gap: 35px !important;
}
.oc-last-two-boxes {
margin: 35px 0 0 0 !important;
}
.our-services-right .os-main-service {
height: 285px !important;
}
.wp-block-column.form-content-container {
padding: 75px 20px !important;
}
.form-container-left h2 {
font-size: 28px !important;
text-align: center;
line-height: 32px !important;
}
.form-container-left p {
font-size: 16px !important;
line-height: 20px;
text-align: center;
margin: 15px 0 20px 0;
}
.form-container-left h6 {
margin: 30px 0 !important;
line-height: 20px;
text-align: center;
font-size: 16px !important;
}
.form-container-left h5{
line-height: 20px;
font-size: 16px;
}
.wp-block-image img{
width: 40px !important;
height: auto;
}
.form-left-img-box {
margin-top: 20px;
gap: 25px;
}
.form-container-right {
padding: 35px 0 !important;
border-radius: 20px;
}
.form-container-right h6 {
font-size: 16px !important;
width: 85%;
text-align: center;
line-height: 20px;
}
.form-container-right h4 {
font-size: 24px !important;
margin: 15px 0 35px 0 !important;
}
form#forminator-module-2610 .forminator-row .forminator-col .forminator-field input {
padding: 10px 10px 10px 18px !important;
height: 38px !important;
font-size: 16px !important;
}
span.select2-selection.select2-selection--single {
height: 38px !important;
}
span.select2-selection__rendered {
padding: 10px 10px 10px 18px !important;
font-size: 16px !important;
}
.forminator-ui#forminator-module-2610.forminator-design--default .forminator-button-submit {
font-size: 15px !important; 
padding: 0;
height: 38px !important;
}
.wp-block-column.faq-heading-box {
padding: 75px 20px !important;
}
.benefits-perks-box.ooffices-box.our-app-box .benefits-perks-content {
padding: 75px 0 !important;
}
.benefits-perks-box.ooffices-box.our-app-box .benefits-perks-content{
display: flex;
flex-direction: column;
align-items: flex-start;
}
.benefits-perks-box.ooffices-box {
background-color: unset;
padding: 0 20px !important;
}
.benefits-perks-content p {
font-size: 16px;
line-height: 20px;
width: 100%;
}
.our-offices-location{
margin: 75px auto 0 auto;
width: 100%;
gap: 15px !important;
}
.benefits-perks-box.ooffices-box .benefits-perks-content {
padding: 20px 0 75px 0;
}
.location-content-col {
padding: 15px;
}
.location-content-col h5 {
font-size: 20px;
line-height: 23px;
}
.location-content-col p{
font-size: 15px;
line-height: 17px;
}
.location-content-col .wp-block-column.map-loc-num.is-layout-flow.wp-block-column-is-layout-flow{
margin-bottom: 0 !important;
flex-basis: 45% !important;
}
.location-content-col .wp-block-column.map-loc-box.is-layout-flow.wp-block-column-is-layout-flow{
flex-basis: 45% !important;
}
.map-loc-box a{
font-size: 15px;
line-height: 17px;
}
.map-loc-box a svg {
width: 14px;
height: 14px;
margin: 0 0 0 5px;
}
.about-main-section.service-btn p {
font-size: 16px;
line-height: 20px;
margin: 10px auto 35px auto;
width: 90%;
}
.our-values-content h2 {
font-size: 28px;
line-height: 32px;
margin: 0 0 20px 0;
}
.our-values-content p {
font-size: 16px;
line-height: 20px;
width: 90%;
}
.our-values-content {
padding: 30px 0px 75px 0px;
}
.our-values-col{
margin: 0 !important;
}
.our-values-swiper {
padding: 75px 20px 0 20px !important;
} 
.benefits-perks-content {
padding: 75px 20px;
width: 100%;
}
.benefits-perks-col {
margin: 75px auto 0 auto!important;
gap: 75px;
width: 100%;
}
.bp-main-col h5 {
font-size: 20px;
line-height: 23px;
margin: 20px 0 5px 0;
width: 90%;
}
.bp-main-col p{
font-size: 15px;
line-height: 17px;
}
.bp-main-col{
margin-bottom: 0 !important;
}
.open-positions-box {
padding: 75px 20px !important;
}
.open-positions-content h2 {
font-size: 28px;
line-height: 32px;
margin: 0 0 20px 0;
}
.open-positions-content p {
font-size: 16px;
font-weight: 400;
line-height: 20px;
width: 100%;
}
.open-job-section {
margin: 75px 0 0 0;
width: 100%;
}
.open-job-q{
padding: 15px;
}
.open-job-q h6 {
font-size: 18px;
line-height: 21px;
}
.open-job-q svg {
width: 11px;
height: 6px;
}
.oj-box{
margin: 0 0 20px 0;
}
.open-job-a {
padding: 35px 15px;
}
.open-job-a h5 {
font-size: 18px;
line-height: 21px;
margin: 35px 0 20px 0;
}
.open-job-a ul li {
font-size: 16px !important;
line-height: 20px !important;
}
.open-job-a button {
margin: 35px 0 0 0;
}
.lightbox iframe {
width: 400px !important;
height: 400px !important;
max-height: 400px !important;
max-width: 400px !important;
border-radius: 15px;
}
.choose-us-section h2 span svg {
right: 3% !important;
width: 83px;
bottom: -19% !important;
}
}
@media only screen and (max-width: 450px){
.job-side-description h5 {
font-size: 16px !important;
}
.faq-box .faq-q .job-side-description h6 {
font-size: 15px !important;
}
.faq-main-content.ctc-main-content .tabcontent {
padding: 0 !important;
}
a.menu-link{
height: max-content !important;
}
.services-sub-menu {
padding: 0 25px 21px 25px !important;
}
.swiper-left {
width: 95% !important;
}
img.box-img.box-img-1 {
min-width: 32%;
left: -5%;
top:23%;
}
.box-img.box-img-1, .box-img.box-img-2, .box-img.box-img-3, .box-img.box-img-4 {
width: 30% !important;
}
.box-img-3 {
left: -6%;
}
.box-img-2 {
right: 13%;
top: 22%;
}
.box-img-4 {
bottom: 10%;
right: 5%;
}
img.box-img.box-img-1.swi-2-img-1 {
top: 20%;
left: 0%;
}
.box-img-2.swi-2-img-2 {
right: 0%;
}
.box-img-3.swi-2-img-3 {
bottom: 12%;
left: 0%;
}
.box-img-4.swi-2-img-4 {
right: 0%;
}
img.box-img.box-img-1.swi-3-img-1 {
min-width: 22%;
left: 0%;
top: 41%;
}
.box-img-4.swi-3-img-4 {
right: 1%;
}
.box-img-2.swi-3-img-2 {
top: 20%;
}
.badge-awards-swiper .img-box {
height: 80px !important;
}
.wp-block-columns.main-choose-us .wp-block-column.cu-heading-box p {
width: 90% !important;
}
.clients-review-section .swiper {
margin: 0px !important;
}
.video-section-box {
border-radius: 10px !important;
}
.video-section figure iframe {
border-radius: 10px 0px 0px 0px !important;
}
.tab button {
font-size: 14px !important;
text-wrap: nowrap;
padding: 0 25px 0 0 !important;
}
.main-blog-content p {
margin: 0 !important;
}
.hero-section .mob-bg-virrgotech {
height: 900px !important;
}
.swiper-right {
width: 100%; 
}
.get-ahead-right button {
width: 52%;
}
.get-ahead-right svg {
right: -8.5%;
bottom: 32%;
height: 5.5px;
}
.under-roof span{
font-size: 18px;
}
.under-roof svg{
height: 6px;
bottom: 6%;
}
.main-icon-point a {
font-size: 15px;
text-wrap: nowrap;
}
.carousel-swiper{
position: absolute;
display: flex;
justify-content: center;
align-items: center;
}
.swiper.hero-swiper {
height: 90%;
}
.dropdown:focus .dropdown-options {
display: none;
}
form#forminator-module-13477 {
max-width: 100% !important;
padding: 0 30px 75px 30px !important;
margin: 0 !important;
}
.forminator-ui#forminator-module-13477.forminator-design--default .forminator-button-submit {
padding: 13px 20px !important;
font-size: 12px !important;
height: 40px !important;
text-wrap: nowrap !important;
white-space: nowrap !important;
}
.forminator-ui#forminator-module-13477.forminator-design--default .forminator-input {
height: 40px !important;
font-size: 16px !important;
}
.forminator-ui#forminator-module-13477.forminator-design--default .forminator-input:placeholder{
font-size: 16px !important;
}
form#forminator-module-13477 .forminator-row.forminator-row-last {
width: 100% !important;
}
.forminator-ui#forminator-module-13477.forminator-design--default .forminator-button-submit{
margin-left: -20px !important;
}
.forminator-ui#forminator-module-13477.forminator-design--default .forminator-input {
margin-left: 20px !important;
}
a.visit-cs-indi{
font-size: 16px !important;
padding-top: 30px !important;
}
section.ast-archive-description {
margin: 75px auto auto auto !important;
}
h1.page-title.ast-archive-title{
font-size: 28px;
line-height: 32px; 
} .gas-img-3 {
width: 140px !important;
left: -5% !important;
}
.gas-img-1 {
top: 0% !important;
width: 160px !important;
right: 15% !important;
}
.gas-img-2 {
width: 200px !important;
right: 10% !important;
bottom: -5% !important;
}
}
@media only screen and (max-width: 400px){
.call-btn, .msg-btn {
padding: 0px 14px !important;
height: 38px;
text-wrap: nowrap;
}
.msg-btn {
margin: 0 0 0 10px;
}
.video-section-right .call-btn {
width: 50% !important;
}
.see-all-opt a {
font-size: 14px;
}
.see-all-opt svg {
width: 16px;
}
.get-ahead-right svg {
right: -13%;
bottom: 25%;
height: 5px;
}
.get-ahead-right h2{
margin: 0px 0 15px 0;
font-size: 26px;
line-height:30px;
}
.get-ahead-right p{
line-height: 23px;
}
.get-ahead-right h6{
font-size: 14px;
}
.case-studies-heading h2 {
font-size: 34px;
}
.case-studies-heading.blog-section svg {
left: 71.5%;
width: 94px;
}
.hero-section .mob-bg-virrgotech {
height: 820px !important;
}
.your-brand-section h2 span svg {
right: 2.5% !important;
bottom: 40% !important;
}
.case-studies-heading svg {
left: 61.5%;
width: 110px;
} .gas-img-3 {
width: 130px !important;
left: -5% !important;
}
.gas-img-1 {
top: 0% !important;
width: 155px !important;
right: 5% !important;
}
.gas-img-2 {
width: 180px !important;
right: 10% !important;
bottom: -5% !important;
}
}
@media only screen and (max-width: 375px){
.your-brand-section h2 span svg {
right: 8.5% !important;
bottom: 37% !important;
}
.carousel-swiper {
bottom: 35px;
}
.swiper.hero-swiper {
height: 90%;
}
.main-icon-point a {
font-size: 12px;
}
.choose-us-section h2 span svg {
right: 37% !important;
}
.case-studies-heading svg {
left: 58.5%;
width: 84px;
}
.case-studies-heading.blog-section svg {
left: 66.5%;
width: 67px;
top: 124%;
}
.swiper-right {
margin: 0 0 0px 20px !important;
}
.swiper-left h1 {
font-size: 26px;
}
.swiper-left p {
font-size: 15px;
}
.get-ahead-section{
gap: 35px !important;
}
.swiper-carousal .swiper-slide img {
width: 55% !important;
margin: 0 !important;
}
}
@media only screen and (max-width: 350px){
form#forminator-module-13477 {
padding: 0 10px 75px 10px !important;
}
.forminator-ui#forminator-module-13477.forminator-design--default .forminator-input {
font-size: 14px !important;
}
.forminator-ui#forminator-module-13477.forminator-design--default .forminator-button-submit {
font-size: 12px !important;
}
.job-loc-time{
flex-direction: column;
}
.your-brand-section h2 span svg {
right: 44.5% !important;
bottom: -15% !important;
}
.case-studies-heading.blog-section svg {
left: 75.5%;
} .gas-img-3 {
width: 110px !important;
left: -7% !important;
}
.gas-img-1 {
width: 120px !important;
right: 5% !important;
}
.gas-img-2 {
width: 150px !important;
right: 10% !important;
bottom: -5% !important;
}
}
@media only screen and (max-width:330px){
.get-ahead-right svg {
right: 19%;
bottom: 17%;
}	
.choose-us-section h2 span svg {
right: 22% !important;
}
.cu-heading-box h3 {
font-size: 19px;
}
.cu-heading-box h3 {
font-size: 19px;
}
.cu-heading-box h3 {
font-size: 19px;
display: flex;
}
} .modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
z-index: 1000; }
.modal-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1001; 
max-width: 700px !important;
border-radius: 30px;
background: var(--main-bg);
border: 1px solid rgba(240, 240, 240, 0.7);
box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.15);
padding: 50px 65px;
}
.modal-content .form-container-right {
background-color: unset !important;
box-shadow: unset !important;
border-radius: unset !important;
padding: unset !important;
border: unset !important;
}
.modal-content .form-container-right h5{
width: 100% !important;
}
.modal-content #forminator-form-container {
width: 100% !important;
margin-top: 0 !important;
}
.modal-content .forminator-row {
width: 100%;
margin: 0 auto 30px auto !important;
}
.modal-content .forminator-row .forminator-field textarea {
border-radius: 20px !important;
}
.modal-content .forminator-row .forminator-field input, .modal-content .forminator-row .forminator-field textarea {
padding: 10px 10px 10px 25px !important;
}
#upload-1 label {
display: none !important;
}
.modal-content .forminator-row button.forminator-button-submit {
width: 100% !important;
margin: 0 auto !important;
border-radius: 1000px !important;
}
.modal-content #forminator-form-container form {
margin-bottom: none !important;
} .close-icon {
position: absolute;
top: 20px;
right: 37px;
cursor: pointer;
}
.close-icon svg{
width: 20px !important;
height: 20px !important;
}
.ast-mobile-header-content{
position: fixed;
left: 0;
}
.ast-builder-menu-mobile.ast-builder-menu.ast-builder-menu-mobile-focus-item.ast-builder-layout-element.site-header-focus-item {
position: fixed;
left: 0;
top: 3.5%;
}
.our-client-imgs .oc-swipe-dark {
display: none !important;
}
.our-blog-swiper{
display: none !important;
}
.main-blog-content a {
text-decoration: none !important;
}
@media only screen and (max-width: 650px){
.swiper-carousal .swiper-slide img {
width: 60% !important;
margin: 0 35px 0 0 !important;
}
.our-client-imgs img {
margin: 25px auto !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.oc-img-last img {
margin: 0 auto !important;
}
.oc-img-first img {
margin: 0 auto !important;
}
.cs-semrush-img-box {
width: 167px !important;
}
.blog-swiper-content {
padding-bottom: 75px !important;
}
body .choose-us-section.ba-mian-section {
padding: 75px 20px !important;
}
}
@media only screen and (max-width: 600px){
.swiper-left {
width: 75%;
}
#forminator-module-5776 .forminator-col {
left: 0px;
position: relative;
}
.sr-img-box {
width: 90%;
margin: 10px auto;
}
img.man-with-laptop {
height: 100% !important;
}
.main-brand-box{
border-radius: 15px;
}
.mob-prev {
margin-right: 25px !important;
}
.badge-awards-swiper .img-box img {
width: 75% !important;
}
.case-studies-section.main-blog-section .our-blog-swiper{
display: block !important;
margin: 0 auto !important;
width: 100%;
}
.blog-section-content{
display: block !important;
}
}
.swiper-carousal .swiper-slide {
display: flex;
justify-content: flex-start;
}
.become-a-contributor-heading{
padding: 150px 0 0 0;
width: 100%;
text-align: center;
}
.last-para-contribuor-page{
padding: 0 0 150px 0;
}
.site-primary-footer-wrap.site-footer-focus-item:hover{
outline: unset !important;
}
.open-positions-box.branding-nav-box{
padding: 0 !important;
background-color: transparent;
}
.open-positions-box.digital-marketing-empowering-box{
background-color: transparent;
}
button.ast-menu-toggle:focus, button.ast-menu-toggle:hover{
outline: none !important;
border: unset !important;
}
aside.header-widget-area.widget-area.site-header-focus-item.header-widget-area-inner {
display: flex;
justify-content: center;
align-items: center;
}
[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal:focus{
outline: none;
border: unset;
}
.form-newsletter-input input{
background: transparent !important;
}
svg.ast-mobile-svg.ast-menu-svg {
margin-top: 7px;
}
div#captcha-1 {
text-align: -webkit-center !important;
}
.progress-bar {
height: 3px;
background-color: var(--heading);
width: 0;
transition: width 1s ease, padding-left 1s ease;
position: absolute;
top: 0;
left: 0;
}
button.msg-btn.explore-btn:focus {
color: #fff !important;
border-color: #0071e3 !important;
background-color: #0071e3 !important;
}
.msg-btn.explore-btn:focus svg path{
stroke: #fff !important;
}
div#captcha-1 {
margin-bottom: 20px;
}
.ast-menu-toggle:focus> ul.sub-menu.services-sub-menu.grid-menu{
display: grid !important;
} 
.ast-menu-toggle:hover ul.sub-menu.services-sub-menu.grid-menu{
display: grid !important;
}
img.caro-light-logo.prospector-img-box{
width: 200px;
}
li#menu-item-13242{
display: none;
}
.job-side-description{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.job-side-description h5 {
color:  var(--heading);
font-size: 24px;
font-weight: 500;
margin: 0;
}
.job-loc-time{
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin: 20px 0 30px 0;
}
.job-loc-time span {
display: flex;
justify-content: flex-start;
align-items: center;
color:  var(--text);
font-size: 19px;
font-weight: 400;
margin: 0 50px 0 0;
}
.job-loc-time span svg{
margin: 0 10px 0 0;
}
.job-side-description h6{
color:  var(--text);
font-size: 19px !important;
font-style: normal;
font-weight: 400;
line-height: 29px;
display: flex;
justify-content: center;
align-items: center;
}
.job-side-description h6 svg{
margin: 0 0 0 10px;
}
.job-side-description h6 svg path{
stroke: var(--text);
}
#faq-career-box .faq-q:focus-within svg {
transform: unset;
}
.faq-heading-box.career-tabs-container{
padding: 46px 0 0 0;
}
.faq-main-content.ctc-main-content{
width: 100%;
}
.faq-a.open-job-a{
padding: 0;
}
.ast-post-format-.single-layout-1 .entry-content img {
width: 100%;
height:auto;
}
form#forminator-module-5776 button.forminator-button-submit.disabled {
pointer-events: none;
opacity: 0.5; 
}
form#forminator-module-13477 {
max-width: 400px;
margin: 0 auto 150px auto;
display: flex !important;
justify-content: space-between;
}
.forminator-ui#forminator-module-13477.forminator-design--default .forminator-button-submit {
background-color: #0071e3;
color: #FFFFFF;
border-radius: 100px;
padding: 13px 20px;
height: 48px;
text-wrap: nowrap;
display: flex;
justify-content: center;
align-items: center;
}
form#forminator-module-13477 .forminator-row {
margin: 0 !important;
width: 120%;
}
form#forminator-module-13477 .forminator-row.forminator-row-last {
width: 100%;
}
.forminator-ui#forminator-module-13477.forminator-design--default .forminator-input {
padding: 13px 40px 13px 20px;
height: 48px;
}
form#forminator-module-13477 .forminator-row.forminator-row-last {
width: 100%;
height: auto;
}
.forminator-ui#forminator-module-13477.forminator-design--default .forminator-button-submit {
height: 40px;
margin: 4px 0;
}
.forminator-ui#forminator-module-13477.forminator-design--default .forminator-input:hover{
background-color: transparent !important;
border-color: #939393 !important;
}
.forminator-ui#forminator-module-13477.forminator-design--default .forminator-button-submit{
margin-left: -40px;
}
.forminator-ui#forminator-module-13477 .forminator-col {
margin: 0 -145px 0 0;
}
.forminator-ui#forminator-module-13477.forminator-design--default .forminator-button-submit:hover {
box-shadow: unset;
}
form#forminator-module-13477 .forminator-col {
padding: 0 !important;
}
a.visit-cs-indi{
display: flex;
justify-content: center;
align-items: center;
color: #FFF;
font-size: 19px;
font-weight: 500;
padding-top: 50px;
text-decoration: none !important;
width: 100%;
margin: 0;
}
a.visit-cs-indi:hover{
color: #fff;
}
.visit-cs-indi svg{
margin-left: 10px;
}
.dark-mode .ga-bg-dark{
display: block;
}
.dark-mode .ga-bg-light{
display: none;
}
.ga-bg-dark{
display: none;
} section.ast-archive-description {
max-width: 1250px;
margin: 150px auto auto auto !important;
}
h1.page-title.ast-archive-title{
color: var(--heading);
font-size: 36px;
font-weight: 700;
line-height: 42px; 
} .carousel-swiper:hover .carousel-container{
animation-play-state: paused;
} 
img.caro-light-logo.celonis-logo-caro{
height: 60px !important;
}
.carousel {
width: 100%;
overflow: hidden;
position: relative; 
}
.carousel-swiper{
overflow: hidden;
position: absolute;
left: 0;
bottom: 50px;
display: flex;
justify-content: center;
align-items: center;
height: 6%;
width: 100%;
}
@keyframes slide {
0% {
transform: translateX(85%);
}
100% {
transform: translateX(-85%);
}
}
.carousel-container .swiper-slide {
flex: 0 0 auto; 
margin: 0;
padding: 0; 
}
.carousel-container {
display: inline-block;
animation: slide 40s infinite linear;
white-space: nowrap; 
margin: 0;
padding: 0; 
box-sizing: content-box;
} .get-ahead-side-box{
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
transition: 1s;
}
.gas-back-img{
object-fit: contain;
z-index: 1;
position: relative;
transition: 0.5s;
animation: rotateBackground 30s linear infinite;
}
@keyframes rotateBackground {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.gas-img-1{
position: absolute;
top: 0%;
right: 10%;
animation: aheadImg1Animation1 3s infinite linear;
width: max-content;
max-height: 100%;
z-index: 2;
object-fit: contain;
transition: 0.5s;
}
@keyframes aheadImg1Animation1 {
0% {
transform: translate(1px, -8px);
}
50% {
transform: translate(-3px, 8px);
}
100% {
transform: translate(1px, -8px);
}
}
@keyframes aheadImg1Animation2 {
0% {
transform: translate(0.5px, -2px);
}
50% {
transform: translate(-1px, 2px);
}
100% {
transform: translate(0.5px, -2px);
}
}
.gas-img-2{
position: absolute;
bottom: -9%;
right: 15%;
width: max-content;
max-height: 100%;
z-index: 2;
object-fit: contain;
transition: 0.5s;
}
.gas-img-3{
position: absolute;
top: 32%;
left: -7%;
width: max-content;
max-height: 100%;
z-index: 2;
object-fit: contain;
transition: 0.5s;
}
.cu-icon-box:hover {
transform: scale(1.15);
transition:0.3s;
} .quotation-container{
max-width: 920px !important;
margin: 100px auto !important;
}
.quotation-container .form-container-right form{
margin: 0 !important;
padding: 0 50px !important;
width: 100% !important;	
}
.quotation-container .form-container-right form .forminator-row {
width: 100%;
padding-bottom: 20px;
}
.quotation-container .form-container-right form .forminator-row.forminator-row-last{
padding-top: 30px !important;
}
.quotation-container .form-container-right form button.forminator-button.forminator-button-submit{
padding: 13px 30px;
border-radius: 10000px;
margin: 0 auto;
display: flex;
margin-right: auto !important;
}
.quotation-container .form-container-right form .forminator-row #address-1-street_address {
padding: 0;
}
.quotation-container .form-container-right form .forminator-row #address-1-city, .quotation-container .form-container-right form .forminator-row #address-1-zip {
padding-left: 0;
}
.quotation-container .form-container-right form .forminator-row #address-1-state, .quotation-container .form-container-right form .forminator-row #address-1-country {
padding-left: 0;
}
.quotation-container .form-container-right form .forminator-row #address-1-country span.select2-selection__rendered{
padding: 10px 0px 11px 0 !important;
} .tabcontent p #dots{
display: none;
}
.tabcontent p #rmBtn{
display: none;
font-weight: 600;
font-size: 12px;
}
.tabcontent p #dots{
display: none;
}
.tabcontent p #dots2{
display: none;
}
.tabcontent p #rmBtn1{
display: none;
font-weight: 600;
font-size: 12px;
}
.tabcontent p #dots3{
display: none;
}
.tabcontent p #rmBtn2{
display: none;
font-weight: 600;
font-size: 12px;
}
#dots4{
display: none;
}
#rmBtn4{
display: none;
font-weight: 600;
font-size: 12px;
}
@media only screen and (max-width: 500px){ 
.tabcontent p #dots{
display: block;
}
.tabcontent p #rmBtn{
display: block;
}
#more {
display: none;
}
.tabcontent p #dots1{
display: block;
}
.tabcontent p #rmBtn1{
display: block;
}
#more1{
display: none;
}
.tabcontent p #dots2{
display: block;
}
.tabcontent p #rmBtn2{
display: block;
}
#more2{
display: none;
}
#dots4{
display: block;
}
#rmBtn4{
display: block;
}
#more4{
display: none;
}
}
@media only screen and (max-width: 2560px){ 
.hero-section{
height: 80vh;
background: var(--background);
}
img.desk-bg-light-img {
height: 80vh;
max-width:1920px !important;
}
img.desk-bg-dark-img {
max-width:1920px !important;
height: 80vh;
}
}
@media only screen and (max-width: 1920px){ 
.hero-section{
height: 100%;
}
img.desk-bg-light-img {
height: auto;
}
img.desk-bg-dark-img {
height: auto;
}
}
@media only screen and (max-width: 1320px){ 
.hero-section{
height: 100%;
}
img.desk-bg-light-img {
height: auto;
}
img.desk-bg-dark-img {
height: auto;
}
}
.see-all-opt.cs-see-opt-box:hover svg{
transform: translateX(5px);
transition: 0.3s;
}
p.read-more a:hover svg{
transform: translateX(5px);
transition: 0.3s;
}
.see-all-opt:hover svg{
transform: translateX(5px);
transition: 0.3s;
}
td, th {
color: var(--text) !important;
}
.wp-block-latest-posts.is-grid:hover {
scale: 1.05;
transition: 1s !important;
}
.badge-awards-swiper .img-box img:hover {
scale:1.1;
transition: 1s !important;
}
.our-services-content.blog-cont-box.bcb{
margin-bottom: 100px !important;
} .seo-num-box{
width: 100%;
padding: 50px 0;
margin: 0 auto;
background-color: var(--span);
max-width: 100% !important;
}
.seo-num-inner-box{
width: 900px;
margin: 0 auto !important;
}
.seo-num-div{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
}
.seo-num-div h5{
font-size: 36px;
line-height: 42px;
font-weight: 700;
margin:0;
color: #fff;
}
.seo-num-div p{
font-size: 19px;
line-height: 22px;
font-weight: 400;
margin:0;
color: #fff;
}
.seo-badges-box{
margin: 100px auto !important;
padding:0;
width: 100%;
max-width: 1390px !important;
}
.seo-badges-box h2 {
font-size: 54px;
line-height: 60px;
font-weight: 600;
margin:0;
color: var(--heading);
}
.seo-badge-img-cont{
margin: 50px 0 0 0;
}
.seo-b-img-box{
display: flex;
align-items: center;
justify-content: center;
}
.tailored-seo-cont{
width: 100%;
max-width: 1420px !important;
margin: 100px auto !important;
padding: 0;
}
.tailored-seo-main{
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
gap:20px;
background-color:var(--span);
border-radius: 30px;
padding: 50px;
}
.tailored-seo-main h4 {
font-size: 54px;
line-height: 60px;
font-weight: 500;
margin:0;
color: #fff;
}
.tailored-seo-tab-cont{
width: 100%;
margin: 0 !important;
}
.tail-seo-tabs{
width: 100%;
}
.tail-seo-tabs .tab{
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
}
.tail-seo-tabs .tab button{
font-size: 32px;
font-weight: 300;
color: rgba(255,255,255, 0.94);
line-height: 37px;
padding: 30px 0 20px 0 !important;
margin: 0 !important;
background-color: transparent;
border-bottom: 1px solid rgba(255,255,255, 0.94);
width: 100%;
display: flex;
justify-content: flex-start;
align-items: flex-start;
max-width: 335px !important;
}
.tail-seo-tabs .tab button.active{
background-color: transparent;
border-bottom: 3px solid #fff;
color: #fff;
font-weight: 400;
}
.tabcontent.tail-seo-tabcontent{
display: flex;
justify-content: flex-start !important;
align-items: flex-start !important;
width: 100%;
padding: 30px 50px 0 50px;
margin: 0;
}
.tabcontent.tail-seo-tabcontent p{
font-size: 24px;
line-height: 29px;
font-weight: 400;
margin:0;
color: #fff;
font-style:italic;
}
.seo-badges-box-2{
margin: 100px auto !important;
padding:0;
width: 100%;
max-width: 760px !important;
display: flex;
justify-content: center;
align-items: center;
}
.seo-badges-box-2 h2 {
font-size: 54px;
line-height: 60px;
font-weight: 600;
margin:0;
color: var(--heading);
}
.seo-badges-box-2 h2 span{
color: var(--span);
}
.seo-badges-box-2 p {
font-size: 19px;
line-height: 29px;
font-weight: 400;
margin:20px auto 50px auto;
color: var(--heading);
}
.seo-badges-box-2 h5{
font-size: 24px;
line-height: 29px;
font-weight: 700;
margin:0 0 50px 0;
color: var(--heading);
font-style:italic;
}
.seo-badges-box-2 button{
margin: 0 auto
}
.seo-badges-box-2 button a{
color: #fff;
text-decoration: none !important;
}
.seo-5-step-approach{
background-color: var(--bg-box);
padding: 150px 0 !important;
margin: 0 !important;
width: 100%;
max-width: 100% !important;
}
.seo-5-step-approach h2 {
font-size: 54px;
line-height: 60px;
font-weight: 600;
margin:0;
color: var(--heading);
}
.seo-5-step-approach h5 {
font-size: 24px;
line-height: 29px;
font-weight: 700;
margin:0 0 50px 0;
color: var(--heading);
font-style:italic;
}
.seo-5-step-approach button{
margin: 0 auto
}
.seo-5-step-approach button a{
color: #fff;
text-decoration: none !important;
}
.seo-five-step-content{
max-width: 1000px;
width: 100%;
margin: 100px auto;
margin-bottom: 100px !important;
position: relative;
}
.seo-main-step-content{
width: 100%;
display: flex !important;
justify-content: flex-end;
align-items: flex-end !important;
padding: 50px 0 25px 0;
margin: 0;
}
.listContent1, .listContent2, .listContent3, .listContent4, .listContent5 {
margin-left: 20px;
}
.seo-step-circle{
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
color: var(--main-bg);
border-radius: 50%;
background-color: var(--pagination);
margin-bottom:30px;
font-size: 24px;
}
.seo-main-step-content-right h4{
font-size: 36px;
line-height: 42px;
font-weight: 700;
color: var(--heading);
margin: 20px 0;
}
.seo-main-step-content-right ul li{
font-size: 19px;
line-height: 29px;
font-weight: 400;
color: var(--text);
margin: 0;
}
.seo-main-step-content-right.sms-right-p{
padding-left: 50px;
}
.seo-main-step-content::after{
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 50%;
width: 10px;
background-color: #0071E3;
border-radius: 10px;
z-index: 1;
height: 290px;
}
.seo-main-step-content.active::after {
content: "";
position: absolute;
top: 50%; 
transform: translateY(-50%);
width: 10px;
height: 100%;
background-color: #0071E3;
border-radius: 10px;
z-index: 1;
}
.seo-step-circle.active {
background-color: var(--span);
}
.seo-services-cont{
width: 100%;
margin: 150px auto !important;
padding: 0 !important;
gap: 150px !important;
display: flex; 
position: relative;
}
.ss-cont-left{
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction:column;
gap: 20px;
position: sticky;
top: 100px;
height: calc(100vh - 100px); 
overflow-y: auto;
z-index: 1;
}
.ss-cont-left h2{
font-size: 54px;
line-height: 60px;
font-weight: 600;
margin:0;
color: var(--heading);
}
.ss-cont-left h2 span{
color: var(--span);
}
.ss-cont-left p{
font-size: 19px;
line-height: 29px;
font-weight: 400;
margin:0;
color: var(--heading);
}
.ss-cont-left button{
margin-top: 50px;
}
.ss-cont-left button a{
color: #fff;
text-decoration: none !important;
}
.ss-cont-right{
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction:column;
gap: 20px;	
flex: 1; 
overflow-y: auto;
z-index: 0;
}
.ss-cont-right h5{
font-size: 28px;
line-height: 32px;
font-weight: 700;
margin:0;
color: var(--heading);
}
.ss-cont-right p{
font-size: 19px;
line-height: 29px;
font-weight: 400;
margin:0;
color: var(--heading);
}
.ss-cont-right hr{
width: 100%;
max-width: 100% !important;
margin: 0;
background-color: var(--pagination) !important;
color: var(--pagination) !important;
}
.seo-swiper-content{
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
gap: 20px;
border-radius: 30px;
background:  var(--footer-bg);
border: 2px solid var(--copy-card);
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.05);
padding: 50px 50px 35px 50px;
height: 335px;
transition: 1s !important;
}
.seo-swiper-content img{
width: 100px;
height: 100px;
border-radius: 50%;
}
.seo-swiper-content h6{
font-size: 24px;
line-height: 28px;
font-weight: 600;
margin:0;
color: var(--heading);
}
.seo-swiper-content p{
font-size: 19px;
line-height: 29px;
font-weight: 300;
font-style: italic !important;
margin:0 auto;
color: var(--heading);
width: 80%;
}
.seo-rating-box{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
margin: 0 auto;
gap: 5px;
}
.seo-packages-cont{
margin: 70px auto !important;
width: 100%;
}
.seo-packages-cont h2{
font-size: 54px;
line-height: 60px;
font-weight: 600;
margin:0;
color: var(--heading);
}
.seo-packages-cont h2 span{
color: var(--span);
}
.seo-pack-main-box{
margin: 150px auto 100px auto !important;
width: 100%;
}
.seo-pack-content-box{
display: flex;
justify-content: flex-start;
align-items: center;
width: 100%;
flex-direction: column;
}
.plansk{
border-radius: 30px;
box-shadow: 0px 2px 25px 0px #0000001A;
}
.ordbn svg path {
fill: #0071e3 !important;
}
.ordbn svg {
position: absolute;
right: 24%;
top: 37%;
}
.orderbtn {
padding: 10px;
border-radius: 32px;
}
.orderbtn {
width: auto;
padding: 18px;
background: #0071E3;
line-height: 0;
}
button.ordbn {
width: 100% !important;
background: none;
position: relative;
border:unset;
}
button.ordbn:hover {
border: none;
}
.seo-pack-content-box.seo-pack-content-middle-box{
margin-top: -50px;
}
.seo-pack-content-box-top{
background-color: var(--span);
width: 100%;
padding: 30px 20px;
border-radius: 30px 30px 0 0;
height: 330px;
}
.seo-pack-content-box-top.seo-pack-middle-box-top{
background-color: #0A0A0A;
}
.seo-pack-content-box-top.seo-pack-middle-box-top button{
border-color: #0A0A0A;
}
.seo-pack-content-box-top.seo-pack-middle-box-top button a{
color: #0A0A0A;
}
.seo-pack-top-box-content{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 20px;
}
.seo-pack-content-box-top h4{
font-size: 32px;
line-height: 37px;
font-weight: 500;
margin:0;
color: #fff;
}
.seo-pack-content-box-top p{
font-size: 17px;
line-height: 27px;
font-weight: 400;
margin:0;
color: #fff;
}
.seo-pack-content-box-top h6{
font-size: 36px;
line-height: 42px;
font-weight: 600;
margin:0;
color: #fff;
}
.seo-pack-content-box-top h6 span{
font-size: 17px;
line-height: 27px;
font-weight: 400;
}
.seo-pack-content-box-top button{
background-color: #fff;
margin: 0 auto;
}
.seo-pack-content-box-top button:hover{
background-color: #fff;
}
.seo-pack-content-box-top button a{
text-decoration: none !important;
color: var(--span);
}
.seo-pack-content-box-bottom{
width: 100%;
margin: 0 ;
padding: 20px 40px 50px 40px;
border-radius: 0 0 30px 30px;
}
.seo-pack-bottom-box-content{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 10px;	
}
.seo-pack-bottom-box-content h5{
font-size: 20px;
line-height: 23px;
font-weight: 700;
margin:0;
color: var(--heading);
}
.seo-pack-bottom-box-content p{
font-size: 17px;
line-height: 27px;
font-weight: 400;
margin:0;
color: var(--text);
display: flex;
justify-content: flex-start;
align-items: center;
gap: 5px;
margin-left: 10px;
}
.seo-pack-bottom-box-content p svg{
width: 14px;
}
.seo-pack-bottom-box-content p svg path {
stroke: var(--text);
}
.seo-packages-cont h3{
font-size: 28px;
line-height: 32px;
font-weight: 500;
margin:0;
color: var(--text);
}
.seo-pack-bottom-box-content h6 {
font-size: 19px;
font-weight: 500;
color: var(--span);
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
width: 100%;
margin-top: 10px;
cursor: pointer;
margin-bottom: 0;
}
.hidden-additional-features{
width: 100%;
margin:0;
} .hidden-additional-content{
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
width: 100%;
margin:0;
gap: 10px;
}
.faq-main-content.seo-page-faq-cont{
background-color: var(--bg-box);
}
#seo-package-page-faq{
width: 960px;
margin: 0 auto;
}
.hidden .hidden-additional-content p:nth-child(n+1) {
color: rgba(0, 0, 0, 0.11); }
.hidden .hidden-additional-content p:nth-child(n+2) {
color: rgba(0, 0, 0, 0.07); }
.hidden .hidden-additional-content p:nth-child(n+3) {
color: rgba(0, 0, 0, 0.04); }
.hidden .hidden-additional-content p:nth-child(n+4) {
color: rgba(0, 0, 0, 0.00); }
.hidden-additional-features.hidden {
height: 105px;
overflow: hidden;
}
.seefea {
width: 100%;
margin: 0;
background: none;
color: #0071E3;
font-size: 19px;
}
.orderbtn {
width: auto;
margin: 0;
background: #0071E3;
line-height: 0;
}
.seefea:hover {
background: none;
border: none;
color: #0071E3;
}
@media only screen and (max-width: 950px) {
.seo-num-inner-box {
width: 100%;
display: grid !important;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
}
.tailored-seo-main h4 {
font-size: 32px;
line-height: 40px;
}
.tail-seo-tabs .tab {
flex-direction: row;
gap: 20px;
}
.seo-five-step-content {
margin:0px !important; 
}
.tabcontent.tail-seo-tabcontent {
padding: 30px 0 0 0;
}
.tail-seo-tabs .tab button {
font-size: 24px;
padding: 10px 0 !important;
}
.seo-main-step-content::after {
display: none;
}
.seo-5-step-approach h2 {
font-size: 32px;
line-height: 40px;
}
.seo-five-step-content::before {
display: none;
}
.seo-five-step-content{
display: none;
}
.seo-5-step-approach {
padding: 80px 20px 80px 20px !important;
}
h2#h-our-proven-5-step-approach-nbsp {
display: none;
}
.seo-main-step-content-right.sms-right-p {
padding-left: 0px; 
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.seo-main-step-content-right {
display: flex;
flex-direction: column;
align-items: center;
}
.seo-services-cont {
margin: 75px auto !important;
}
.ss-cont-left h2 {
font-size: 32px;
}
.seo-badges-box-2 h2 {
font-size: 32px;
}
.ss-cont-left{
position: unset;
height: unset;
}
.faq-section {
max-width: 1000px !important;
}
.faq-heading-box {
padding: 75px 20px;
}
.seo-packages-cont {
margin: 75px auto !important;
}
}
@media only screen and (max-width: 1000px) {
.faq-section {
max-width: 100% !important;
}
#seo-package-page-faq {
width: 100%;
}
}
@media only screen and (max-width: 1400px) {
.seo-services-cont {
padding: 0 20px !important;
}
}
@media only screen and (max-width: 1100px) {
.seo-badges-box {
max-width: 100% !important;
padding: 0 20px !important;
}
.open-positions-box.bg-diff-box {
padding: 150px 20px !important;
}
.seo-5-step-approach {
padding: 150px 20px !important;
}
.seo-services-cont {
margin: 100px auto !important;
padding: 0 20px !important;
}
.case-studies-swiper {
width: 100%;
}
.faq-heading-box {
padding: 100px 20px;
}
.seo-packages-cont h2 {
font-size: 42px;
line-height: 48px;
}
.seo-packages-cont {
margin: 100px auto !important;
}
.seo-badges-box-2 h2 {
font-size: 42px;
}
.seo-services-cont {
gap: 50px !important;
}
}
@media only screen and (max-width: 800px) {
.seo-badge-img-cont{
display: grid !important;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px;
}
.seo-pack-content-box.seo-pack-content-middle-box {
margin-top: 0px;
}
.seo-pack-main-box {
margin:75px auto !important;
width: 100%;
}
.seo-packages-cont h2 {
font-size: 32px;
line-height: 40px;
}
.open-positions-box.bg-diff-box {
padding: 75px 20px !important;
}
.op-content-left h5 {
font-size: 19px;
text-align: center;
}
.seo-badges-box-2 {
margin: 75px auto !important;
}
.ss-cont-right h5 {
font-size: 24px;
line-height: 28px;
}
.seo-swiper-content p {
width: 100%;
}
.seo-swiper-content h6 {
font-size: 20px;
line-height: 22px;
}
.seo-swiper-content {
border-radius: 15px;
padding: 30px 30px 30px 30px;
height: 100%;
}
}
@media only screen and (max-width: 650px) {
.our-portfolio-main-section .wp-block-image img {
width: 100%;
height: 100%;
}
.forminator-ui#forminator-module-13477 .forminator-col{
margin: 0 !important;
}
.forminator-ui#forminator-module-13477.forminator-design--default .forminator-button-submit{
margin: 0 !important;
}
.seo-main-step-content .wp-block-image img {
width: 100%;
height: 100%;
}
.seo-main-step-content-right h4 {
font-size: 24px;
line-height: 30px;
margin: 20px 0 0 0;
}
.tailored-seo-main {
border-radius: 15px;
padding: 20px;
}
.tailored-seo-main h4 {
font-size: 27px;
line-height: 32px;
}
.tailored-seo-tab-cont {
gap: 0;
}
.tabcontent.tail-seo-tabcontent {
padding: 15px 0 0 0;
}
.tabcontent.tail-seo-tabcontent p{
font-size: 16px;
}
}
h3#seo-case-study-page-services-heading {
margin-left: 0px;
}
#seo-case-study-page-services-text {
margin-left: 0px;
}
.casestudy-keyword-cont{
max-width: 100% !important;
background-color: #fff;
padding: 150px auto !important;
}
.keyword-tags-box{
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
flex-wrap: wrap;
max-width: 800px; 
margin: 0 auto;
}
.keyword-tags-box span{
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
font-weight: 500;
color: var(--main-bg);
background-color: var(--heading);
border-radius: 1000px;
padding: 10px 20px;
}
.cs-white-left-box h6{
color: #333;
font-size: 24px;
font-weight: 400;
line-height: 34px;
margin: 20px auto 0 0;
width: 100%;
}
.cs-white-left-box h5{
color: #333;
font-size: 28px;
font-weight: 700;
line-height: 34px;
margin: 30px auto;
width: 100%;
}
.cs-white-left-box h3 {
color: #0A0A0A;
font-size: 54px;
font-weight: 600;
line-height: 60px;
margin: 50px 0 0 0;
width: 100%;
}
.casestudy-para-p{
width:60%;
margin:20px auto 0 auto !important;
}
.new-casestudy-cont{
width: 100%;
margin: 0 !important;
padding:150px 0 !important;
max-width: 100% !important;
gap: 150px;
background-color: #F9F9F9;
display: flex;
justify-content: center;
}
.ncs-left-cont{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 5px;
padding: 30px;
border-radius: 10px; background-color: var(--span);
height: 300px;
position: sticky;
top: 100px;
}
.ncs-left-cont p{
font-size: 18px;
font-weight: 500;
margin: 0;
color: #fff;
}
.ncs-left-cont h6{
font-size: 18px;
font-weight: 700;
margin: 0 0 20px 0;
color: #fff;
}
.ncs-right-cont{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;		
gap: 10px;
}
.ncs-right-cont h5{
font-size: 20px;
font-weight: 600;
margin: 0px 0 0 0;
color: #0A0A0A;
padding: 30PX 0 10px 0;
border-bottom: 3px solid var(--span);
}
.ncs-right-cont h3{
font-size: 38px;
font-weight: 500;
line-height: 40px;
margin: 15px 0 15px 0;
color: #0A0A0A;
}
.ncs-margin-para{
margin-top: 75px !important;
}
.ncs-right-cont ul li{
font-size: 20px;
font-weight: 400;
line-height: 35px;
margin: 0px auto 0px 0;
color: #0A0A0A;
}
.ncs-right-cont ul.wp-block-list {
margin-top: -5px;
margin-bottom:-45px;}
.ncs-right-cont p{
font-size: 20px;
font-weight: 400;
line-height:28px;
margin: 10px 0 0 0;
color: #fff;
}
.sok-main-box{
width: 100%;
max-width: 850px;
margin: 0 auto;
padding: 150px 0 !important;
}
.sok-main-box h3{
color: #333;
font-size: 48px;
font-weight: 600;
line-height: 60px;
margin: 0 0 10px 90px;
width: 100%;
}
.sok-main-box p{
color: #333;
font-size: 22px;
font-weight: 400;
line-height: 32px;
margin: 0 0 0 90px;
width: 100%;
}
.objective-section{
width: 100%;
display: flex;
justify-content: center;
align-items: flex-start;
gap: 100px;
margin-top: 75px;
background-color: #F9F9F9;
padding: 100px 0px;
border-radius: 30px;
border: 0.5px solid var(--Light-Grey, #F0F0F0);
}
.obj-left{
padding: 0px 0 0 30px;
border-radius: 10px;
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
gap: 10px;
height: 400px;
}
.obj-right{
border-radius: 10px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
} .obj-left h4{
color: #333;
font-size: 48px;
font-weight: 600;
line-height: 60px;
margin: 0 0 20px 0;
width: 100%;
}
.obj-left p{
color: #333;
font-size: 22px;
font-weight: 400;
line-height: 32px;
margin: 0;
width: 100%;
}
.obj-right h4{
color: #333;
font-size: 48px;
font-weight: 600;
line-height: 60px;
margin: 0;
width: 100%;
}
.obj-right h5{
color: #333;
font-size: 20px;
font-weight: 500;
line-height: 28px;
margin: 0 auto;
width: 100%;
}
.obj-right ul li{
color: #333;
font-size: 20px;
font-weight: 400;
line-height: 23px;
margin: 0 auto 10px auto;
width: 100%;
}
.our-ack-swiper-cont{
background-color: #fff !important;
width: 100%;
max-width: 100% !important;
}
.our-ack-swiper-cont .projects-number-section{
max-width: 1420px !important;
margin: 0 auto !important;
}
.mob-next-prev1 .ba-prev-btn, .mob-next-prev1 .ba-next-btn{
width: 9%;
}
.our-ack-swiper-cont .badge-awards-swiper{
width: 40% !important;
}
.trackrecord-box .num-border-box{
align-items: flex-start;
}
.trackrecord-box .num-border-box p{
font-weight: 400;
text-align: left;
}
.trackrecord-box .num-border-box h4{
font-size: 70px;
color: var(--heading);
}
.trackrecord-box .num-border-box h4 span{
font-size: 70px;
color: var(--heading);
}
.trackrecord-box h2{
font-size: 42px;
text-align: left;
width: 100%;
font-weight: 600;
}
.trackrecord-box h5{
font-size: 32px;
text-align: left;
width: 100%;
font-weight: 400;
color: var(--heading);
}
.trackrecord-box hr{
color: var(--heading);
margin: 0 auto 20px 0 !important;
} div#start-a-project {
background-image: url(https://virrgotech.com/wp-content/uploads/Group-4056.png);
}
.trackrecord-box .num-border-box h4 span {
font-size: 105px !important;
}
.trackrecord-box .num-border-box h4 {
font-size: 105px !important;
}
.trackrecord-box .num-border-box h4 span {
font-size: 105px !important;
}
.tailored-seo-main {
padding: 65px 50px 65px 50px !important;
}
.trackrecord-box{
border-radius: 30px;
background: #FFF;
box-shadow: 0px 2px 25px 0px rgba(0, 0, 0, 0.08);
padding: 100px 85px;
}
.trackrecord-box h2 {
font-size: 42px;
text-align: left;
width: 100%;
font-weight: 600;
}
.wp-block-columns.our-ack-swiper-cont.is-layout-flex.wp-container-core-columns-is-layout-5.wp-block-columns-is-layout-flex {
background-color: transparent;
}
div#start-a-project {
background-image: url(https://virrgotech.com/wp-content/uploads/Group-4054.png) !important;
}
.form-container-left h2 {
font-weight: 600 !important;
}
h2.timelineheading {
font-size: 36px;
font-weight: 700;
font-family: 'Roboto';
}
li {
font-size: 19px;
font-weight: 400;
font-family: 'Roboto';
}
.trackrecord-box .num-border-box p {
font-weight: 400;
text-align: left;
font-size: 24px;
font-family:roboto;
}
.ss-cont-left h2 {
margin-right: 20px;
}
.page-id-14054 .seo-swiper-content:hover {
transform: scale(1.1) !important;
}
.op-content-left p {
margin: 10px 0 20px 0 !important;
}
.seo-services-cont {
max-width: var(--wp--custom--ast-content-width-size) !important;
}
p.paragraphseo {
margin-bottom: 50px !important;
} .entry-content[ast-blocks-layout] > * { margin-left: auto;
margin-right: auto;
}
h6#h-ready-to-shine-in-your-niche-let-s-talk {
font-size:19px;
font-family:'roboto';
font-weight:500;
}
h4#h-we-d-love-to-learn-more-about-you-and-what-we-can-build-together {
font-size:28px;
font-weight:700;
font-family:roboto;
}
.wp-block-columns.pcsya-box.is-layout-flex.wp-container-core-columns-is-layout-3.wp-block-columns-is-layout-flex {
margin-left: -40px !important;
}
h2#h-our-track-record {
font-size:48px !important;
font-weight:600;
font-family: roboto;
}
.button-box {
gap: 20px !important;
}
.page-id-14054 .seo-swiper-content:hover {
transform: scale(1.1) !important;
}
button.call-btn2 {
background-color: darkgray !important;
border-color: darkgray !important;
}
.seo-five-step-content::before {
background: #197bdf !important;
}
.btn111 {
display: flex;
justify-content: center;
}
h4#h-proven-white-hat-seo {
font-size:22px;
font-weight:500;
font-family:'roboto';
}
h4#h-proven-white-hat-seo {
padding: 12px 20px !important;
background-color: #F0F0F0 !important;
border-radius: 10px;
}
img.Iconimage11 {
float: left !important;
margin-left: 145px;
} img.Iconimage22 {
margin-left: 60px;
margin-top: 50px;
}
img.Iconimage33 {
margin-left: 160px;
} img.Iconimage44  {
margin-left: 60px;
margin-top: 50px;
}
h4.timelineheading {
font-size: 36px;
line-height: 42px;
font-weight: 700;
color: var(--heading);
margin: 20px 0;
} p.counterpara11 {
margin: 0px;
}
p.counterpara33 {
margin-top: 20px !important;
}
img.Iconimage55 {
margin-left:160px;
}
p.counterpara44 {
margin-top: -40px !important;
}
.answer {
margin-right: 80px !important;
} .hro-seo{
padding-top:0 !important;
}
.hro-seo-req-btn{
min-width: 300px !important;
padding: 0 !important;
margin:0 !important;
}
.hro-btn-plan{
width: 218px !important;
padding: 0;
margin: 0;
}
.form-right-hro {
min-width: 700px !important;
min-height: 798px !important;
}
.right-hro-form-head{
min-width: 83% !important;
}
.hdk-no{
display: flex;
justify-content: space-between !important;
height: 188px !important;
}
.heading50K {
margin: 0 !important;
}
.tablinks.sec-dig-trans{
font-size:24px !important;
margin-top:5px;
font-weight:400;
}
.font-weight-medium{
font-weight:500;
}
.client-txt-home{
color:#0A0A0A !important;
}
.four-brand-section .main-icon-point a {
font-size: 22px;
}
.dominate-txt-seo{
width:100% !important;
}
.wp-block-columns-is-layout-flex p{
width:100%;
}
.see-case-study{
padding-top: 17px !important;
}
.img-virgo-set{
display: flex;
justify-content: center;
}
.no-nech-mrg{
margin-bottom: 7% !important;
}
.see-std-pd{
padding-top: 15px;
}
.fnt-aproach{
font-size:36px !important;
}
.width-fnt-approach{
width:130% !important;
}
.bg-step-col-proven{
background-color:#C0C0C0 !important;
}
.divider-border-radius{
border-radius: 10px !important;
}
.container.sec2-web {
padding: 0 100px 0 100px;
text-align: center;
}
.exprt-wb-dev-sec2{
padding: 0 150px 0 150px !important;
}
.zator-p-txt {
width: 75% !important;
}
.zator-media-h3 {
font-size: 42px !important;
}
.sec2-swap-web {
padding: 100px 100px 100px 100px !important;
background: white;
border-radius: 50px !important;
}
.call-btn.btns-sec2-web {
margin-left: 0 !important;
margin-top: 40px !important;
}
.controls.arrow-icons-web-dev-sec2{
display:flex;
justify-content:center;
margin-top: 55px;
}
.call-btn.web-sec2-btn {
margin-left: 0 !important;
margin-right: 10px !important;
}
.col-txt-wb{
color:#0071E3;
}
.prce-sz-web{
font-size:42px;
font-weight:600;
}
.str-prc-web {
display: flex;
}
.seo-pack-content-middle-box .plansk {
padding: 0px 0px 50px 0px !important;
} .container {
max-width: 1200px;
margin: 0 auto;
}
.highlight {
color: #007bff;
}
.hexagon-container {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 20px;
margin-top: 20px;
}
.hexagon {
width: 150px;
height: 86.6px;
background-color: #ffffff;
position: relative;
margin: 43.3px 10px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
transition: transform 0.2s;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.hexagon:hover {
transform: scale(1.1);
}
.hexagon:before,
.hexagon:after {
content: "";
position: absolute;
width: 0;
border-left: 75px solid transparent;
border-right: 75px solid transparent;
}
.hexagon:before {
border-bottom: 43.3px solid #ffffff;
top: -43.3px;
}
.hexagon:after {
border-top: 43.3px solid #ffffff;
bottom: -43.3px;
}
.hexagon-content {
position: relative;
z-index: 1;
}
.hexagon-icon {
font-size: 30px;
margin-bottom: 10px;
}
.hexagon-title {
font-size: 14px;
}
.hexagon:nth-child(5),
.hexagon:nth-child(6),
.hexagon:nth-child(7) {
margin-top: 60px;
}
.column-Second22 .form-container-right {
padding: 55px 40px 0px 40px !important;
}
.form-content-container{
padding-bottom:0 !important;
}
.call-btn2{
padding: 0 23px 0 23px !important;
}
.form-content-container{
max-width: 78.5%;
margin: auto !important;
}  .form-kj .forminator-button.forminator-button-submit {
width: auto !important;
padding-inline: 30px !important;
}
.trackrecord-box .num-border-box p {
font-size: 24px;
text-wrap: wrap;
padding: 0 20px 0 10px;
}
.trackrecord-box .num-border-box h4,.trackrecord-box .num-border-box h4 span{
text-align:left !important;
font-size:98px !important;
}
.slidercontent222 .controls button img {
margin: 0;
}
.slidercontent222 .controls button {
border: 2px transparent;
height: auto;
}
.timeline-item li {
text-indent: initial !important;
}
@media screen and (min-width:600px){
.imgspot {
display: none;
}
}
@media screen and (max-width:600px){
#forminator-module-5776.forminator-row {
display: flex !important;
}
.seo-5-step-approach h5{
font-style:normal !important;
}
.seo-services-cont{
margin-top: 77px !important;
}
.ss-cont-left{
align-items:center !important;
}
#h-website-audit-amp-seo-assessment,#h-comprehensive-backlink-audit,#h-business-profile-listings,#h-seo-competitor-analysis,#h-content-creation-amp-marketi-ng,#h-visual-media,#h-extensive-keyword-research,#h-link-building-services,#h-community-management,#h-on-page-seo,#h-technical-seo,#h-off-page-seo{
font-size:22px !important;
text-align:center !important;
width:100% !important;
}
.slick-list{
padding-top:0 !important;
}
.faq-question span{
font-size:16px !important;
font-weight:bold !important;
}
.faq-answer{
padding:0px !important
}
.faq-answer p{
margin-top: 12px !important;
}
.mrgn-slides{
margin-top: 40px !important;
}
.w-o-c-center{
margin-bottom: 0 !important;
}
.mob-non-t{
display:none !important;
}
.seo-badges-box-2 {
margin: 25px 0px 70px 0px !important;
}
.txt-cntr-mob{
text-align:center !important;
}
.p-w-dont{
text-align:center !important;
}
.entry-content p {
font-size: 16px !important;
line-height: 20px !important;
}
.mwxie{
padding: 0px 12px 0px 12px !important;
}
#dropdown-button1{
background-color: #0071E3 !important;
}
.page-id-14054 .site-header-primary-section-right .ast-builder-layout-element {
padding: 0 30px 0 0 !important;
}
.ast-builder-menu-1.ast-builder-menu.ast-flex.ast-builder-menu-1-focus-item.ast-builder-layout-element.site-header-focus-item {
padding: 0 0px 0 0 !important;
}
.page-id-14054 .hro-seo{
padding-inline: 20px;
} 
.client-review-swiper{
overflow:hidden !important;
}
.our-values-col .ba-prev-btn, .our-values-col .ba-next-btn{
width: 55px;
height: 50px;
}
.end-solution-kj .os-main-service{
padding:20px;
}
.end-solution-kj svg path {
fill: #333 !important;
}
.end-solution-kj .os-main-service h4 a{
color: #333333 !important;
}
.end-solution-kj .os-main-service p {
font-size: 16px;
color: #333;
width:auto !important;
}
.seo-sec2-boxshdo{
box-shadow: 0 2px 20px 0 rgba(0,0,0,.05);
}
.seo-sec2-p-slide{
padding-left: 14px !important;
}
.seo-sec3-btns{
margin-left:0 !important;
}
.d-flx-seo-sec3-btns{
display:flex;
margin-top:0 !important;
}
.select2-container.forminator-select #select2-forminator-form-14388__field--select-2_667cf4d6165f4-results li {
text-indent: 0 !important;
}
.display-mob-no{
display:none !important;
}
.seo-five-step-content::before {
display: none !important;
}
.fs-36{
font-size:36px !important;
}
.fnt-mdm-itlc{
font-style:italic !important;
text-align:center;
margin-bottom:50px !important;
}
.li-txt-indetn li{
text-indent:0 !important
margin-left: 17px !important;
}
.li-txt-indetn{
margin-left: 17px !important;
}
.faqsection11{
text-align:center;
font-size: 54px !important;
}
.d-none-sec-seo{
display:none !important;
}
.d-c-e-e{
text-align: center;
font-size: 54px !important;
padding-inline: 331px !important;
}
.w-o-c-center{
text-align:center !important;
font-size:19px !important;
}
.ColumnTestimonials111 .slick-track {
display: flex;
gap: 40px;
padding-top: 43px;
padding-bottom: 32px;
}
.btm-seo-colmd{
margin-bottom: 20px !important;
margin-top: -30px !important;
}
.uparrow-plans {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #000; }
.dropdown-arrow-plans {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #000; }
#menu-item-10491 .ast-menu-toggle{
display:none !important;
}
.bg-slide-seo{
background-color:#F9F9F9 !important;
}
.qn-mt{
margin-top: 8% !important;
margin-bottom: 61px !important;
}
.q-a-seo{
background-color: #F9F9F9;
min-width: 100% !important;
}
.btn-seo-last{
margin-top: 4% !important;
}
.bg-seo-plan{
background:url(https://virrgotech.com/wp-content/uploads/seo-bgimg-1.png);
min-width:100% !important;
}
.forminator-custom-form-14388 .select2-results{
padding:12px !important;
}
#h-in-less-than-4-months {
letter-spacing: -1px;
}
.btn-box-kj{
padding-top:0 !important;
}
.mg-t-seo2{
margin-bottom: 104px !important;
}
.txt-seo-sec1{
width: 94% !important;
}
.col-hr-sec2{
color:#0071E3 !important;
margin-left:50px !important;
}
.wp-block-separator.has-alpha-channel-opacity.col-hr-sec2.is-style-default {
margin-left: 50px !important;
}
.glanc-colr{
font-weight:normal !important;
color:#111111 !important;
}
.web-aud{
width: 235.7px !important;
}
.p-w-dont{
width: 637px !important;
}
.paragraph44.p-w-dont {
margin-bottom: 0 !important;
}
.divider.divider-border-radius {
height: 104% !important;
}
.mrgn-slides{
margin: 92px 0px 135px 0px !important;
}
.mrgnin-top-plans{
margin-top: 102px !important;
}
.w-o-c-center{
margin-bottom: 100px !important;
}
.faq-question button:before{
display:none;
}
.faq-question button span {
width:20px;
height:20px;
transition:.5s ease;
}
.faq-question button:hover,.faq-question button:focus{
background:none;
border:none;
}
.faq-item.open .faq-question button span {
transform: rotate(180deg);
}
.faq-question button span path{
fill:black;
}
#dropdown-button{
background-color:#0071E3 !important;
}
#dropdown-button img {
width: 13px;
height: 7px;
margin-left: 10px;
}
#dropdown-button{
padding-top: 15px;
padding-right: 30px;
padding-bottom: 15px;
padding-left: 30px;
}
.seo-sec2-p-slide button img{
width: 17px !important;
height: 12.14px !important;
}
.mob-btn-seee{
display:none !important;
}
.bnts-disp{
display:block !important;
}
.hidden-additional-content p svg {
min-width: 14px !important;
height: 12px !important;
}
.hidden-additional-content p {
align-items: baseline;
}
.faq-item.open .faq-question span  {
color: #0071e3;
}
.faq-item.open .faq-question button span svg path {
stroke: #046bd2;
}
.faq-answer p {
margin: 0;
}
.divider-bottom-radius{
border-bottom-right-radius: 10px !important;
border-bottom-left-radius: 10px !important;
}
.divider-top-radius{
border-top-right-radius: 10px !important;
border-top-left-radius: 10px !important;
}
form#forminator-module-13477 {
padding: 3px 2px 2px 2px !important;
}
form#forminator-module-13477 .forminator-row.forminator-row-last{
width:100% !important;
height: auto !important;
}
form#forminator-module-13477 .forminator-row{
width:100% !important;
margin: 0 !important;
}
.forminator-ui#forminator-module-13477 .forminator-col{
margin: 0 !important;
}
form#forminator-module-13477 button.forminator-button.forminator-button-submit{
height: auto !important;
float:right !important;
}
form#forminator-module-13477 {
border: 1px solid #939393 !important;
border-radius: 30px !important;
}
.forminator-ui#forminator-module-13477.forminator-design--default .forminator-input {
border: none !important;
}
.call-now-btns{
margin-left:0 !important;
}
.faqsection11.qn-mt {
color: #0A0A0A !important;
}
.faq-question span{
color:#0A0A0A !important;
}
.imgs-testimnl{
object-fit:contain !important;
width:253px !important;
}
.form-right-hro{
min-height: auto !important;
}
.git-btn{
margin:0px !important;
}
.ast-builder-layout-element.ast-flex.site-header-focus-item.ast-header-html-2 {
padding: 0px 10px !important;
}
.ast-builder-layout-element.ast-flex.site-header-focus-item.ast-header-html-1 {
padding: 0px !important;
}
.site-header-focus-item #dropdown-button{
margin:0px;
}
#retention\ sec2-mrgns5k, .counterpara11.web-aud.sec2-mrgns5k {
margin-left: 50px !important;
}
#additional-content2 svg, #additional-content3 svg{
opacity:0.1 !important;
}
}
@media screen and (min-width: 950px){
.form-container-left {
max-width: 40%;
}
}
@media screen and (max-width: 600px){
h2.seo-plan-delighting-customers-heading {
font-size: 42px !important;
}
}
}
@media screen and (min-width: 800px){
.hero-section{
min-height:955px;
}
img.desk-bg-light-img {
min-height:955px;
}
.hero-section .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 100px !important;
}
.ColumnTestimonials111 {
max-width:1920px !important;
}
.form-content-container{
max-width: 1420px;
margin: 0 auto !important;
padding: 150px 0;
}
.ColumnTestimonials111 {
padding-inline: 0 !important;
}
}
@media screen and (min-width: 1200px) and (max-width: 1440px) {
.btn-box-kj .call-btn {
padding-inline: 15px;
font-size: 17px;
}
.our-ack-swiper-cont .projects-number-section,.wp-block-columns.Block-Slider-blur,.tailored-seo-cont, .benefitForm-kj .open-positions-content {
max-width: 1316px !important;
}
.trackrecord-box {
padding: 110px 70px 100px 70px !important;
}
}
@media screen and (max-width: 1440px){
.form-right-hro{
min-width: auto !important;
min-height : auto !important;
}
}
#forminator-module-13477 {
border: 1px solid #939393;
border-radius: 30px;
}
#forminator-module-13477 .forminator-row{
margin: 0 !important;
width: 100%;
}
@media screen and (max-width: 460px){
.wp-block-separator.has-alpha-channel-opacity.col-hr-sec2.is-style-default {
margin-left: 0px !important;
}
.mg-left-sec2 {
margin-left: 0px !important;
}
#retention\ sec2-mrgns5k, .counterpara11.web-aud.sec2-mrgns5k {
margin-left: 0px !important;
}
.wp-block-column.form-content-container {
max-width: 415px !important;
}
.wp-block-column.form-content-container {
padding: 75px 20px !important;
}
.mrgn-slides{
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.w-o-c-center{
margin-bottom: 0 !important;
}
.select2-selection--single{
padding: 23px 0px 23px 0px !important;
font-size: 19px;
}
}
@media screen and (min-width: 500px){
.ColumnTestimonials111{
max-width:100% !important;
}
.pcsya-box{
gap :0 !important
}
}
@media screen and (max-width: 460px){
#neid{
text-align: center !important;
font-size: 28px !important;
font-weight:600 !important;
}
.mrg-mob{
margin-bottom: 71px !important;
}
h5#h-at-a-glance{
font-size:28px !important;
}
.peroei{
margin-top:0 !important;
}
.entry-content li {
font-size: 16px !important;
line-height: 20px !important;
font-weight: 300 !important;
}
.fnt-mob{
font-size: 18px !important;
}
.mob-mg-sd{
display:block !important;
}
.p-w-dont{
text-align:center !important;
}
.form-right-hro{
padding: 45px 10px 0px 10px !important;
}
.column-Second22 .form-container-right {
padding: 55px 5px 0px 5px !important;
}
.mob-btn-seee{
display:block !important;
}
.bnts-d{
display:none !important;
}
.bok-btn-mb{
padding:0px !important;
}
.tailored-seo-cont{
margin-top:20px !important;
}
.wp-block-columns.tailored-seo-cont {
padding: 42px 18px 0px 18px !important;
}
#h-tailored-seo-for-businesses-of-all-scale-nbsp{
padding: 0 20px !important;
} .form-container-left{
max-width:100% !important;
}
.mob-unlock-txt-hero{
padding: 0 4% 0 4% !important;
}
.button-box.btn-mob-mt-tp.btn-box-kj {
flex-wrap: wrap;
}
.swiper-container{
width:100% !important;
margin:0 !important;
padding:0 !important;
max-width:100% !important;
}
.hro-seo{
padding-top: 10% !important;
}
h4#h-proven-white-hat-seo {
padding: 0 !important;
background-color:white  !important;
border-radius: 0px !important;
}	
.st-liv-btn-mob{
width: 143px !important;
height:38px !important;
}
.hro-seo-req-btn{
width:222px !important;
}
.seo-sec2-p-slide{
padding:0 !important;
}
.logo-container {
align-items: start !important;
}
.display-mob-no{
display:block !important;
}
.imagebullets55{
margin-bottom: 43px !important;
}
.tail-seo-tabs .tab .tablinks {
font-size:18px !important;
}
.seo-five-step-content .timeline-item{
display:none !important;
}
.sldr-mob{
max-width: 1200px;
margin: 0 auto;
width: 100% !important;
}
.sld-img-mob{
width: 55.25px !important;
margin-right: 50px !important;
}
.controls.seo-sec2-p-slide{
margin:0 !important;
}
.ColumnTestimonials111{
display:block !important;
}
.d-c-e-e{
padding:0 !important;
}
.p-w-dont{
width:100% !important;
}
.pcsya-box{
display: flex !important;
flex-direction: column;
padding: 0 !important;
}
.d-non-mob{
display:none !important;
} .form-right-hro {
min-width: 0px !important;
min-height: 0px !important;
}
#h-in-less-than-4-months {
width: auto !important;
} #dropdown-button1{
background-color: #0071E3 !important;
}
h1#h-1-spot {
margin: 0 !important;
margin-left: 0px !important;
margin-left: 0 !important;
display: flex;
align-items: center;
margin-block: 16px !important;
}
.column-Second22 .form-container-left {
align-items: center !important;
}
.hashtag {
display:none;
}
.spottxt{
color: #0071E3 !important;
font-size: 58px;
font-weight: 600;
margin-left:5px;
}
.form-container-left h4{
font-size:18px !important;
}
.wp-block-column.form-content-container {
padding: 0px 20px !important;
}
.page-id-14054 button img {
height: 7px;
width: 10.2px;
margin-left: 0 !important;
}
.entry-content .wp-block-columns .has-text-color{
text-align: justify;
}
.button-box .msg-btn-mob{
display:block !important;
}
.msg-btn-mob:hover {
color: #fff;
background-color: #0071E3;
border: 2px solid #0071E3;
}
.msg-btn-mob{
color: #0071E3;
background-color: #FFF;
border: 2px solid #0071E3;
margin-top: 7%;
font-size: 15px;
width: 50%;
}
.wp-block-column #h-ready-to-shine-in-your-niche-let-s-talk{
display: contents;
}
.forminator-row .forminator-field .forminator-button-submit{
width: 100% !important;
height: 38px !important;
}
.trackrecord-box .wp-block-separator{
color: #0071E3;
}
.trackrecord-box #h-our-track-record {
display: block ruby;
margin-bottom:5px !important;
}
.num-border-box h4{
line-height: 100%;
}
.heading50K #h-50k{
font-size: 54px !important;
}
.wp-block-column #h-200, .wp-block-column #growth{
font-size: 54px !important;
}
.trackrecord-box .num-border-box h4 span {
font-size: 54px !important;
}
.wp-block-columns .tailored-seo-main{
min-height: 356px !important;
width: 366px !important;
}
.wp-block-column #small-business{
font-size: 16px !important;
width: 60%;
text-align: center;
}
.tailored-seo-main #h-tailored-seo-for-businesses-of-all-scale-nbsp{
font-size: 25px !important;
}
.button-box1 .call-btn{
padding: 11px !important;
}
.button-box1 .call-btn2{
font-size: 15px;
height: 100%;
width: 100%;
}
.tailored-seo-cont .tailored-seo-main{
padding: 27px 15px !important;
}
.tailored-seo-cont is-layout-flow{
height: auto;
min-width: 100%;
width: 100%;
display: flex;
}
.wp-block-column #small-business {
width: 100%;
}
.tailored-seo-tab-cont .is-layout-flow{
min-width: 100%;
width: 100%
}
.mob-unlock-txt-hero{
text-align:center !important;
width:107% !important;
}
h2#h-our-track-record {
font-size: 28px !important;
}
.at-glance-mob{
font-size: 28px !important;
}
#pns-content {
width: 366px !important;
}
.wp-block-columns.pcsya-box.is-layout-flex.wp-container-core-columns-is-layout-3.wp-block-columns-is-layout-flex {
padding: 35px !important;
}
.wp-block-column.trackrecord-box.is-layout-flow.wp-block-column-is-layout-flow {
padding: 35px !important;
}
.wp-block-columns.pcsya-box.is-layout-flex.wp-container-core-columns-is-layout-3.wp-block-columns-is-layout-flex {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.heading50K, #h-200, #h-7-0k {
margin-left: 12% !important;
}
#prev , #next{
height: 30px !important;
width: 30px !important;
}
#h-dominate-the-top-positions-in-search-to-attract-audience {
font-size: 28px !important;
text-align: start !important;
line-height: 100% !important;
}
.wp-block-column.op-content-left.is-layout-flow.wp-block-column-is-layout-flow {
padding: 3px !important;
}
.op-content-left p{
margin-top:0 !important;
}
#h-tailored-seo-for-businesses-of-all-scale-nbsp {
font-size: 28px !important;
text-align: center;
padding: 0 26px !important;
}
.tail-seo-tabs .tab .tablinks.active{
font-size: 18px !important;
}
.fnt-mob{
font-size: 18px !important;
}
.wp-block-columns.seo-five-step-content.is-layout-flex.wp-container-core-columns-is-layout-14.wp-block-columns-is-layout-flex {
margin: 0 !important;
}
.wp-block-columns.are-vertically-aligned-top.seo-5-step-approach.is-layout-flex.wp-container-core-columns-is-layout-20.wp-block-columns-is-layout-flex {
padding-top: 80px !important;
}	
.wp-block-columns.seo-badges-box-2.is-layout-flex.wp-container-core-columns-is-layout-13.wp-block-columns-is-layout-flex {
padding-bottom: 0 !important;
}
.imagebullets11 ul{
text-align:center;
}
#h-website-audit {
font-size: 28px;
}
#h-competitor-analysis {
font-size: 28px;
}
#h-winning-seo-strategy {
font-size: 28px;
}
#h-testing {
font-size: 28px;
}
.wp-block-image.aligncenter.size-full.is-resized {
margin-bottom: 24px;
}
#h-our-proven-5-step-approach-nbsp {
margin-bottom: 15px;
}
#h-seo-assessment {
margin-bottom: 0 !important;
}
.wp-block-image.aligncenter.size-full {
margin-bottom: 24px;
}
#h-website-audit {
margin-bottom: 0;
}
#h-competitor-analysis {
margin-bottom: 0;
}
#h-what-our-seo-services-include {
font-size: 28px !important;
text-align: center;
}
.open-positions-box #h-dominate-the-top-positions-in-search-to-attract-audience{
text-align: center;
}
#h-addressing-common-seo-challenges {
font-size: 28px !important;
}
#h-discuss-now {
font-size: 18px !important;
}
.imagebullets22, .imagebullets33, .imagebulles44, .imagebullets55   ul{
text-align:center !important;
}
.wp-block-columns.seo-services-cont.is-layout-flex.wp-container-core-columns-is-layout-21.wp-block-columns-is-layout-flex {
text-align: center;
}
}
.button-box .msg-btn-mob{
display:none;
}
.column-Second22 .form-container-right {
padding: 55px 40px 55px 40px;
}
.trackrecord-box .num-border-box{
display: flex;
justify-content: flex-start;
}
.gsc-box-1  .counterpara33{
margin-top: 0 !important;
}
.pcsya-box .swap-awards-and-retention .counterpara11{
width:84%;
}
.heading50K #h-50k{
margin-top:0 !important;
margin-bottom:0 !important;
}
.swiper.mySwiper.badge-awards-swiper {
overflow: hidden;
}
.swiper.mySwiper.our-client-swiper {
overflow: hidden;
}
.forminator-ui#forminator-module-13477.forminator-design--default .forminator-button-submit {
background-color: #0071e3;
color: #FFF;
}
form#forminator-module-13477 .forminator-row {
margin: 0 !important;
width: 15%;
margin-left: auto !important;
}
form#forminator-module-13477 .forminator-row.forminator-row-last {
width: 100% !important;
margin-left: 0 !important;
margin-right: auto !important;
}
.forminator-ui#forminator-module-13477.forminator-design--default .forminator-input {
height: 51px !important;
font-size: 19px !important;
padding: 15px 8px 15px 20px;
margin-left: 0 !important;
}
.forminator-ui#forminator-module-13477 .forminator-col {
margin: 0 -118px 0 0;
}
.forminator-ui#forminator-module-13477 .forminator-button.forminator-button-submit {
margin: 0 !important;
}
#ast-hf-menu-1 li {
text-indent: initial !important;
}
.button-box1.bookmeet-kj .call-btn2:hover {
border: none !important;
background: #0071e3;
color: white;
opacity: 1;
}
.tailored-seo-cont {
padding-inline: 0 !important;
}
.tail-seo-tabs .tab .tablinks.active {
opacity: 1 !important;
}
.tailored-seo-main {
background-image: url(https://virrgotech.com/wp-content/uploads/zigline.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.testimonial.slick-slide.slick-active{
margin-top:-12px !important;
}
.swiper.mySwiper.homebageS {
padding-top:21px !important;
padding-bottom:21px !important;
}
.benefitForm-kj .wp-block-columns.our-portfolio-main-section {
justify-content: space-between;
gap: 100px;
}
.benefitForm-kj .wp-block-columns.our-portfolio-main-section .wp-block-column {
flex-basis:50 px !important
width: 100% !important;
min-width: 50px;
}
.benefitForm-kj .wp-block-columns.our-portfolio-main-section .wp-block-column.block-small-images .row{
justify-content: end !important;
}
.benefitForm-kj .wp-block-columns.our-portfolio-main-section .wp-block-column.block-small-images .row2 .row{
justify-content: start !important;
}
.our-values-swiper {
width:100%;
overflow:hidden;
}
.faq-q .call-btn {
margin-inline: 0 !important;
}
.logo-container .swiper-slide img {
width: 100% !important;
height: 100% !important;
object-fit:contain !important;
}
.mg-t-seo2 {
margin-bottom: 25px !important;
}
.st-liv-btn-mob{
padding:0 !important;
}
.right-hro-form-head{
width: 315px !important;
}
.seo-sec2-p-slide #prev img, .seo-sec2-p-slide #next img{
max-width:none !important;
}
@media (max-width:460px){
.logo-container .swiper-slide {
width: 70px !important;
height: 70px !important;
}
} .seo-plans-our-record-text-line-above {
width:150px;
color: #0071E3;
margin: 0px !important;
}
h5#h-at-a-glance {
font-family: Roboto;
font-size: 36px;
font-style: normal;
font-weight: 300;
line-height: normal;
color: var(--black-97, #111);
}
.heading50K {
margin: 0px;	
}
div#start-a-project {
padding: 150px 0 150px 0;
background: url(https://virrgotech.com/wp-content/uploads/seo-case-study-background-img.png);
max-width: 100%;
background-repeat: no-repeat;
background-size: cover;
}
div#lets-talk {
padding: 150px 0px;
}
@media screen and (min-width:900px) {
.seo-plans-pg-at-a-glance-col-1, .seo-plans-pg-at-a-glance-col-2, .seo-plans-pg-at-a-glance-col-3{
border-right: solid 1.5px rgba(10, 10, 10, 0.15);
}
.seo-plans-pg-at-a-glance-col-2, .seo-plans-pg-at-a-glance-col-3, .seo-plans-pg-at-a-glance-col-4{
padding-left: 15px;
}
}
@media screen and (max-width:1430px) {
div#start-a-project {
padding: 20px !important;
}
}
.our-ack-swiper-cont {
padding: 0px;
}
.button-box1.bookmeet-kj.d-flx-seo-sec3-btns {
display: flex;
flex-wrap: wrap;
gap: 25px;
}
button.call-btn2.bok-btn-mb {
background: #333;
padding: 13px 30px !important;
}
button.call-btn2.bok-btn-mb:hover {
background: #0071E3;
transition: ease-in;
}
h2.HeadingbelowTimeline.fs-36.fnt-mdm-itlc {
text-align: center;
padding-bottom: 60px;
font-size: 36px;
font-style: italic;
font-weight: 500;
line-height: normal;
}
.delighting-customers{
text-align:center;
padding-top: 100px;
}
h2.seo-plan-delighting-customers-heading{
font-size: 54px;
font-style: normal;
font-weight: 500;
line-height: 60px; 
margin: auto;
padding-bottom: 20px;
}
p.what-our-clients-have-to-say-text {
font-size: 19px;
font-style: normal;
font-weight: 400;
}
.column-Second22 {
max-width: 1420px;
margin: auto;
}
.wp-block-columns.columnfaqs111.q-a-seo.has-ast-global-color-3-background-color.has-background.is-layout-flex.wp-container-core-columns-is-layout-31.wp-block-columns-is-layout-flex {
max-width: 100%;
text-align: center;
}
.buttonlast {
justify-content: center;
display: flex;
padding-top: 100px;
}
h1#h-1-spot {
font-size: 100px;
}
.form-container-left{
flex-basis: 0 !important;
flex-grow: 1.2 !important;
z-index:50
}
h2#h-in-less-than-4-months {
line-height:normal;
}
@media screen and (max-width:920px) {
.form-container-left{
align-items: center;
text-align: center;
}
}
@media screen and (max-width: 500px) {
p.contact-page-body-text-1 {
width: 90% !important;
}
h2.faqsection11.qn-mt {
font-size: 28px !important;
}
.buttonlast {
padding-top:0px !important
}
.seo-landing-page-q-a  {
padding: 75px 0px !important;
}
}
h2.faqsection11.qn-mt {
text-align: center;
font-size: 54px;
}
@media screen and (min-width: 800px) {
.seo-landing-page-q-a {
padding: 150px 0px !important;
}
}
button.home-top-digital-agency-text-icon {
margin: auto !important;
background-color: #F0F0F0;
color: #000;
border: none;
}
.top-digital-agency-icon {
width: 35px;
height: auto;
padding-right: 10px;
}
h5#home-hero-section-text {
font-size: 24px !important;
}
.everything-your-business-needs-section {
margin:auto !important;}
.new-home-testimonials-section {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
max-width: 100vw !important;
}
.new-home-choose-us-section {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
max-width: 100vw;
}.fw-6{
font-weight:600;
}
.pb-0{
padding-bottom:0px !important;
}
.ml-2{
margin-left:5px;
}
.home-slider .slick-track{
padding-top:70px !important;
padding-bottom: 40px;
}
.cover-banner .wp-block-cover__inner-container,.cover-banner span, .cover-banner > img{
max-width: 100% !important;
} 
.max-width-100{
max-width:100% !important;
}
.text-center{
text-align:center;
}
.trophy-icon a{
font-weight:300 !important;
}
.trophy-icon img{
width: 20px;
position: relative;
top: -2px;
margin-right: 5px;
}
.header-star img{
width:2.7vw;
}
.card-section{
width: 99%;
background: white;
padding: 40px;
border-radius: 20px;
position: relative;
border: 1px solid #F0F0F0;
}
.wp-block-latest-posts__featured-image.alignleft img {
height: auto !important;
}
.wp
.page-id-19363 a.wp-block-button__link.has-ast-global-color-2-color.has-text-color.has-link-color.has-border-color.has-ast-global-color-2-border-color.wp-element-button:hover {
border-color: #0071E3 !important;
background-color: white;
color: #0071E3 !important;
}
.page-id-19363 a.wp-block-button__link.has-text-align-center.wp-element-button:hover {
background-color: rgba(0, 113, 227, .7);
}
.page-id-19363 .sticky-header {
width: 100% !important;
}
.open-link-icon:hover .blue-hover-icon{
display:block;
}
.open-link-icon img{
position: absolute;
right: -16px;
width: 40px;
top: -15px;
}
.overlay-icon{
cursor:pointer;
}
.overlay-icon img{
position: absolute;
right: 13px;
bottom: 14px;
width: 25px;
}
.card-section.active{
background:#0A0A0A;
}
.card-section.active  .card-overlay-content h3,.card-section.active  .card-overlay-content p{
color:white;
}
.card-section.active  .card-overlay-content .learn-more{
color:white !important;
border:1px solid #fff !important;
margin: 0px;
}
.max-with-100{
max-width:100% !important;
}
.open-link-icon{
position:relative;
cursor:pointer; 
z-index:9;
}
.card-section .black-link{
display:block
}
.card-section .white-link{
display:none
}
.card-section.active .black-link{
display:none
}
.card-section.active .white-link{
display:block
}
.open-link-icon .blue-hover-icon,.open-link-icon:hover .black-link,.open-link-icon:hover .white-link{
display:none;
}
.card-section.active .card-content{
visibility: hidden;
}
.card-section .overlay-icon .plus-icon{
display:block;
}
.card-section .overlay-icon .cancel-icon{
display:none;
}
.related-blog .swiper-blog-box{
width: auto !important;
}
.card-section.active .overlay-icon .plus-icon{
display:none;
}
.card-section.active .overlay-icon .cancel-icon{
display:block;
}
.card-overlay-content {
text-align: center;
position: absolute;
top: 0px;
padding: 0px 14%;
border-radius: 20px;
left: 0px;
display: none;
height: 100%;
align-items: center;
flex-direction: column;
justify-content: center;
}
.card-section.active .card-overlay-content {
display:flex;
}
.btn-section img{
width: 16px;
margin-left: 5px;
}
.bottom-star img{
width:2vw;
}
.bottom-star{
position: absolute;
left: 22%;
bottom: 22%;
}
.home-slider{
margin-top:35px !important;
}
.home-slider img{
height: 36px;
width: auto;
margin: auto;
}
.slider-2 .slick-track{
padding-top:40px !important;
padding-bottom:35px !important;
}
.slider-2 .content{
display: flex;
gap: 35px;
align-items:center;
}
.header-star{
position: absolute;
right: 22%;
top: 16%;
}
.slider-wrapper {
position: relative;
width: 100%;
margin: 0 auto;
}
.slider {
position: relative;
}
.slide {
display: flex;
align-items: center;
justify-content: center;
background: #f9f9f9;
border-radius: 12px;
padding: 20px;
border:1px solid #F0F0F0;
}
.slide img {
border-radius: 8px;
}
.home-top-slider-image, .home-top-slider-image img {
width: 100% !important;
}
.text {
text-align: center;
}
.pause-play{
text-align: -webkit-right;
position:relative;
bottom:30px;
position:absolute;
right:40px;
}
.pause-play img{
width:50px;
cursor:pointer;
}
.slider-2{
margin-top:50px;
}
.page-id-19363 .buttons-wrapper {
margin-bottom: 10px;
}
.page-id-19363 .slide > .content> .text {
padding: 0 35px 0 10px;
}
.slider-2 .slick-slide{
position:relative;
user-select: text;
}
.learn-more,.learn-more:hover  {
padding: 1px 24px;
font-size: 16px;
color: #000 !important;
background: none !important;
border: 1px solid #000 !important;
border-radius: 51px;
cursor: pointer;
height: 38px;
margin:auto;
}
.progress-bars {
display: flex;
gap: 5px;
}
.progress-bar {
background: #C0C0C0;
height: 12px;
position: relative;
border-radius: 100px;
width: 12px;
}
.progress-bar.active{
width:44px;
}
.progress {
background: #3773E3;
height: 100%;
width: 3px;
border-radius: 100px;
transition: width 10s linear;
}
.buttons-wrapper{
border:1px solid;
border-radius:50px;
gap: 60px;
display: inline-flex;
padding: 6px 7px;
}
.buttons-wrapper button{
background-color:transparent;
border-color: transparent;
color: #0a0a0a;
font-size:24px !important; 
}
.buttons-wrapper .active{
background-color:#0A0A0A;
color:#fff;
}
.slider-2 h4{
color:#939393;
}
.slider-2 h3{
font-weight:500;
}
.progress-bars{
width:90px;
margin:auto;
}
.card-container{
display: flex;
gap: 17px;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
margin-top:70px;
}
.card-column {
width: 48%;
gap: 22px;
display: flex;
flex-direction: column;
}
.mobile-cover-photo img{
height: auto;
}
.align-left{
text-align:left;
}
.slider-case-studies .slick-slide{
padding: 75px 55px;
padding-right: 0px;
border: none;
border-radius:24px;
}
.case-studies-logo{
width:170px;
}
.case-studies-btns{
margin-top:40px;
margin-bottom:40px;
display:flex;
gap:10px;
}
.case-studies-btns button,.case-studies-btns button:hover{
padding: 5px 12px;
height: 30px;
font-size: 14px;
margin:0px;
}
.primary-btn{
text-decoration: none !important;
padding: 10px 23px;
color: white !important; 
background-color:#0071E3;
font-size: 15px;
border-radius: 40px;
}
.dark-outline-btn{
border:2px solid  #0A0A0A;
background-color:transparent;
text-decoration: none !important;
padding: 8px 23px;
font-size: 15px;
border-radius: 40px;
color:black !important;
}
.slick-prev,
.slick-next {
position: absolute;
bottom: -50px; background-color: rgba(0, 0, 0, 0.5);
color: #fff;
border: none;
padding: 10px 15px;
cursor: pointer;
z-index: 10;
border-radius: 50%;
} .slick-prev {
right: 80px !important;
bottom: -40px !important;
top: auto !important;
left: auto !important;
}
.slick-next {
right: 20px !important;
bottom: -40px !important;
top: auto !important;
}
.slick-next,.slick-prev,.slick-next:hover,.slick-prev:hover  {
background: #0071E3 !important;
padding: 5px !important;
border-radius: 50%;
width: 42px !important;
height: 42px !important;
display: flex !important;
align-items: center;
justify-content: center;
}
.slick-next img,.slick-prev  img {
width: 18px;
height: auto;
margin: 0px;
} .slick-prev:hover,
.slick-next:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.slick-prev::before,
.slick-next::after,.slick-next::before {
content: none !important; }
.slick-arrow.slick-disabled{
background-color:#C0C0C0 !important;
}
.slick-arrow.slick-disabled:hover{
border-color:#C0C0C0 !important;
}
.testimonial-section{
padding-left:0px !important;
padding-right:0px !important; 
}
.home-card-heading {
font-size:40px;
font-weight:500 !important;
}
.home-card-description {
font-size:19px;
line-height:29px;
}
img.home-digital-marketing-card-image {
margin-top: 15px;
}
img.home-ux-ui-design-card-image {
margin-top: 0px;
}
.site-primary-header-wrap.ast-builder-grid-row-container.site-header-focus-item.ast-container {
border-radius: 16px;
background: var(--White, #FFF);
box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.08);
margin-top: 40px;
}
.mobile-cover-container.cover-banner {
margin-top: -120px;
}
.site-header-section>* {
padding: 0 0px 0 0px;
}
.ast-builder-layout-element.ast-flex.site-header-focus-item.ast-header-html-2 {
margin-right: 15px;
}
.ast-primary-header-bar .site-primary-header-wrap {
padding: 45px 50px !important;
}
.page-id-19363 h4{
font-size:28px !important;
font-weight:400 !important;
}
.page-id-19363 p {
font-size: 19px;
font-style: normal;
line-height: 29px;
}
.home-calendly-booking-section-heading {
display: inline-flex;
padding: 14px 28px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 100px;
background: var(--White, #FFF);
}
.home-calendly-booking-section {
text-align: center !important; 
}
#h-discover-convert-improve {
background: white;
margin: auto;
width: fit-content;
font-size: 24px !important;
font-weight: 400;
padding: 14px 28px;
border-radius: 100px;
line-height: normal;
}
.home-calendly-booking-description-div {
margin: auto !important;
}
.home-calendly-booking-description-div p {
font-size: 54px;
font-style: normal;
font-weight: 500;
line-height: 60px;
color: #FFF;
}
.new-home-main-sections {
padding: 150px 20px 150px 20px !important;
}
img.home-case-study-slide-main-image {
place-self: self-end;
}
h4.testimonial-cart-text {
font-size: 24px !important;
line-height:normal;
}
.page-id-19363 .home-top-slider-image {
padding: 30px;
}
.page-id-19363 li.grid-menu-item p {
font-size: 12px !important;
line-height: normal;
color: #5b5b5b;
}
@media only screen and (max-width: 2050px){
.page-id-19363 h1{
font-size:72px !important;
}
.page-id-19363 h2{
font-size:54px !important;
}
.page-id-19363 h3{
font-size:40px !important
}
}
@media only screen and (max-width: 1750px){
.page-id-19363 h1{
font-size:60px !important;
}
.page-id-19363 h2{
font-size:46px !important;
}
.page-id-19363 h3{
font-size:34px !important
}
}
@media only screen and (min-width: 900px) and (max-width:1250px){
img.home-case-study-slide-main-image {
width: 50% !important;
}
}
@media only screen and (max-width: 900px){
.content .text {
padding: 40px 10px 20px 10px !important;
}
}
@media only screen and (max-width: 750px){
.card-column {
width: 100%;
}
.header-star{
right: 5%;
top: 14%;
}
.bottom-star {
left: 10%;
bottom: 14%;
}
.hero-section-spacer {
height: 200px !important;
}
.home-hero-section-bottom-spacer {
height: 10px !important;
}
.page-id-19363 .slider-2 .content{
padding:0px !important;
}
.pause-play {
max-width: 40px;
}
.home-calendly-booking-description-div p {
font-size: 34px !important;
line-height: normal !important;
}
.new-home-main-sections {
padding: 100px 25px 100px 25px !important;
}
}
@media only screen and (max-width: 550px){
h4.testimonial-cart-text {
font-size: 19px !important;
line-height:normal;
}
.page-id-19363 h3.home-card-heading {
padding-right: 30px;
line-height: normal;
}
.page-id-19363 h1 {
font-size: 48px !important;
}
.page-id-19363 .slide > .content > .text > p {
font-size: 18px !important;
line-height: 26px !important;
}
.page-id-19363 h2 {
font-size: 34px !important;
}
.wp-block-cover__inner-container.is-layout-flow.wp-block-cover-is-layout-flow {
padding: 0 20px !important;
}
}	
@media only screen and (max-width: 450px){
#h-discover-convert-improve {
font-size:19px !important;
}
}