.wpcf7 form{position:relative}.wpcf7 form>div,.wpcf7 form>p{margin-bottom:1.2em}.wpcf7 .wpcf7-form-control-wrap{width:100%;display:block}.wpcf7 input:not([type=submit]):focus,.wpcf7 select:focus,.wpcf7 textarea:focus{border-color:var(--ast-border-color);outline:0}.wpcf7 input:not([type=submit]),.wpcf7 select,.wpcf7 textarea{width:100%;padding:.75em}.wpcf7 input[type=file]{color:#666;height:auto;border-width:1px;border-style:solid;border-color:var(--ast-border-color);border-radius:2px;background:#fafafa;box-shadow:none;box-sizing:border-box;transition:all .2s linear}.wpcf7 input[type=checkbox],.wpcf7 input[type=radio]{display:inline-block;background:#e9eef2;color:#555;clear:none;cursor:pointer;line-height:0;height:1.2em;margin:-3px 4px 0 0;outline:0;padding:0;border-radius:.2em;text-align:center;vertical-align:middle;width:1.4em;min-width:1.4em;transition:all .2s linear}@import url("https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
body {
font-family: "Merriweather Sans", sans-serif;
}
p{
margin-bottom: 0;
}
a:focus{
outline: none !important;
}
.post-content .entry-title a{
font-family: Roboto;
}
#menu-item-2177 > .menu-link{
color: #1d1d1b !important;
}
.entry-header{
box-shadow: none;
}
#preloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ffffff; display: flex;
justify-content: center;
align-items: center;
z-index: 9999; }
.wtp-dual-para a:hover{
text-decoration: underline;
text-underline-offset: 4px;
}
.aiowps-captcha{
margin-bottom: 10px !important;
}
.preloader-content {
text-align: center;
}
.preloader-logo {
width: 190px; height: auto;
margin-bottom: 30px;
}
.loading-text {
font-size: 24px;
color: #333;
font-family: Arial, sans-serif;
}
.dots::after {
content: '';
animation: dots 1.5s steps(3, end) infinite; }
.ast-menu-toggle{
box-shadow: none !important;
} @keyframes dots {
0% {
content: '';
}
33% {
content: '.';
}
66% {
content: '..';
}
100% {
content: '...';
}
}
.address-wrapper{
display: grid;
grid-template-columns: 1fr 1fr;
justify-content: center;
gap: 30px;
}
.contact-us-area .address-wrapper br{
display: block;
}
.footer-section-contain {
max-width: 1200px;
margin: auto;
padding: 50px 10px;
}
.blog-read-more{
background: linear-gradient(180deg, #62C8E7 0%, #318AC8 100%);
}
.blog-read-more:hover{
background: white;
color: #318AC8;
border: 1px solid #318AC8;
}
.footer-main-section {
background: #060D14;
}
.blog .site-content{
background: white;
}
.footer-bottom-line-section {
max-width: 1240px;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
padding: 0 10px;
}
.contact-desktop-banner{
width: 100%;
}
.ast-logo-title-inline .ast-site-identity{
padding: 0 !important;
}
.mian-footer-row {
display: grid;
grid-template-columns: 2fr 1fr 4fr;
gap: 38px;
}
header{
box-shadow: 0px 2px 10px 0px #0000001A;
}
.ast-primary-header-bar{
border: none !important;
}
.content-area .logo-para {
font-size: 16px;
font-weight: 400;
line-height: 1.1;
text-align: left;
color: #BEBEBE;
width: 75%;
font-family: roboto;
}
header{
position: sticky !important;
top: 0;
}
.ast-post-format- header{
position: relative !important;
}
.follow-us p {
font-size: 16px;
font-weight: 800;
line-height: 1.1;
letter-spacing: 0em;
color: white;
margin: 0;
align-self: center;
}
.content-area .follow-us {
display: flex;
gap: 10px;
padding-top: 15px;
}
.quick-links-area {
display: flex;
flex-direction: column;
gap: 10px;
}
.quick-links-area a,.location a {
font-size: 16px;
font-weight: 400;
line-height: 1.4;
text-align: left;
color: #FFFFFF;
text-decoration: none;
font-family: Roboto;
}
.footer-heading p {
font-size: 20px;
font-weight: 800;
line-height: 1.4;
color: #FFFFFF;
margin: 0;
padding-bottom: 20px;
}
.col-3 .address p {
font-size: 12px;
font-weight: 400;
line-height: 1.4;
text-align: left;
color: #FFFFFF;
}
.col-3 .address p span {
font-size: 12px;
font-weight: 700;
line-height: 14px;
letter-spacing: 0.05em;
text-align: left;
color: #FFFFFF;
}
.combine-logo-area {
display: flex;
gap: 15px;
align-items: flex-start;
}
.combine-logo-area .svg-flex {
flex: 1 0 auto;
}
.email-flex a {
font-size: 16px;
font-weight: 400;
line-height: 1.4;
text-align: left;
color: #FFFFFF;
text-decoration: none;
}
.contact-us-area .email-flex {
display: flex;
align-items: center;
gap: 15px;
}
.footer-line-section {
background: #38aef5;
}
.copy-right-area p {
margin: 0;
font-size: 12px;
font-weight: 700;
line-height: 1.5;
color: #FFFFFF;
}
.ast-builder-footer-grid-columns{
padding:0 !important;
}
.image-flex{
text-align: left;
padding-bottom: 20px;
}
.design-content p,
.design-content a {
font-size: 12px;
font-weight: 700;
line-height: 1.5;
color: #FFFFFF;
text-decoration: none;
}
.footer-section-contain br, .footer-line-section br{
display:none;
}
.footer-heading{
text-align: left;
}
.footer-line-section p{
display:none;
}
.main-display-para{
display:block !important;
padding: 10px 0;
}
.main-video-section .elementor-widget-wrap.elementor-element-populated{
padding:0 !important;
}
.ast-plain-container.ast-no-sidebar #primary{
margin-top:0 !important;
} .ast-separate-container.ast-right-sidebar #secondary, .ast-separate-container.ast-left-sidebar #secondary {
border: 0;
margin-left: 15px;
margin-right: auto;
background: white;
padding: 2.5em 1em;
border-radius: 14px;
}
.wp-block-post-featured-image img,.wp-block-image img{
border-radius: 14px;
}
.post-thumb-img-content img{
border-radius: 14px;
object-fit: cover;
}
.address strong{
color: white;
}
.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single:not(.ast-related-post){
border-radius: 14px;
}
.ast-separate-container .post-navigation{
display: none;
}
.site .ast-single-related-posts-container{
margin-top: 0;
}
.ast-post-format- header{
box-shadow: none;
}
.ast-related-post-content header{
box-shadow: none;
}
.ast-separate-container #primary, .ast-separate-container.ast-left-sidebar #primary, .ast-separate-container.ast-right-sidebar #primary{
margin-bottom: 2.5em;
}
.entry-meta, .entry-meta *{
color: #4D4C4C;
}
.wp-block-latest-posts > li > *:first-child, .wp-block-latest-posts:not(.is-grid) > li:first-child{
color: #4D4C4C;
}
.wp-block-latest-posts > li > *:first-child:hover, .wp-block-latest-posts:not(.is-grid) > li:first-child:hover{
background: linear-gradient(180deg, #62C8E7 0%, #318AC8 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
}
.inner-main-content .counter-para{
font-family: "Roboto", sans-serif;
font-size: 28px;
font-weight: 800;
line-height: 1.1;
text-align: center;
color:#000000;
text-transform: uppercase;
}
.contact-us-area .location{
display: flex;
flex-direction: column;
justify-content: center;
align-items: baseline;
gap: 15px;
}
.contact-us-area .location img{
height: 28px;
width: 28px;
}
.footer-section-contain{
padding-bottom: 50px;
}
.address{
text-align: left;
}
.inner-main-content .counter-sub-para{
font-family: "Roboto", sans-serif;
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
line-height: 1.1;
text-align: center;
color:#4D4C4C;
}
.inner-main-content p{
margin:0;
}
.inner-main-content{
width: 100%;
text-align: center;
position: absolute;
top: 45px;
}
.our-strength-col{
width: 50%;
position: relative;
margin-left:auto;
}
.inner-main-content .counter-details{
font-size: 13px;
font-weight: 400;
line-height: 1.3;
text-align: center;
width: 90%;
margin: auto;
}
.our-strength-col .counter-area, .another-main-circle .counter-area{
display: flex;
flex-direction: column;
gap: 10px;
}
.another-main-circle .inner-main-content{
top: 45px;
}
.circle-counter-section .elementor-container.elementor-column-gap-default{
gap: 15%;
}
.another-main-circle{
width: 50%;
position: relative;
margin-right:auto !important;
}
.circle-counter-section .our-image img{
border-radius: 50%;
box-shadow: 0px 4px 69px rgba(50, 140, 201, 0.4), 0px 6px 40px rgba(226, 50, 54, 0.4);
}
.main-heading-title .elementor-heading-title{
font-family: roboto !important;
font-size: 45px;
font-weight: 800 !important;
line-height: 1.1;
color:#1D1D1B !important;
text-transform:uppercase;
}
.circle-counter-section:before{
position: absolute;
content: '';
top: -176px;
left: 0;
width: 22%;
height: 475px;
background-image: url(//gnntrends.com/wp-content/uploads/2024/06/bgfirst.gif), url(//gnntrends.com/wp-content/uploads/2024/11/left-blue-2.png);
background-repeat: no-repeat;
background-position: center left, top left;
background-size: 300px;
}
.our-usps-grid-section:after{
position: absolute;
content: '';
top: -220px;
right: 0;
width: 27%;
height: 420px;
background-image: url(//gnntrends.com/wp-content/uploads/2024/07/our-usp-right.png);
background-repeat: no-repeat;
background-position: right;
}
.card-animation-section:before{
position: absolute;
content: '';
bottom: -50%;
left: -39%;
width: 10%;
height: 100%;
background-image: url(//gnntrends.com/wp-content/uploads/2024/06/mission-sect.svg);
background-repeat: no-repeat;
display: none;
}
.slider-title-sect:before{
position: absolute;
content: '';
left: 0;
width: 350px;
top: 430px;
height: 350px;
background-image: url(//gnntrends.com/wp-content/uploads/2024/07/what-take-place-left.png);
background-repeat: no-repeat;
background-size: 350px;
background-position: top;
}
.slider-title-sect:after{
position: absolute;
content: '';
right: 0;
width: 250px;
top: 0;
height: 378px;
background-image: url(//gnntrends.com/wp-content/uploads/2024/07/what-takes-place-right.png);
background-repeat: no-repeat;
background-position: right;
}
.network-sect:after{
position: absolute;
content: '';
right: 0;
top: 0;
width: 450px;
height: 400px;
background-image: url(//gnntrends.com/wp-content/uploads/2024/07/global-network-right.png);
background-repeat: no-repeat;
background-position: right;
z-index: -1;
}
.our-usps-grid-section:before{
position: absolute;
content: '';
bottom: 20%;
left: 0;
width: 237px;
height: 571px;
background-image: url(//gnntrends.com/wp-content/uploads/2024/07/our-usp-left.png);
background-repeat: no-repeat;
background-position: left;
background-size: 200px;
}
.gnn-map-sect:before{
position: absolute;
content: '';
bottom: 0;
left: 0;
width: 400px;
height: 690px;
background-image: url(//gnntrends.com/wp-content/uploads/2024/07/global-network-left.png);
background-repeat: no-repeat;
z-index: -1;
background-position: left;
}
.tesimonial-contain-section:before{
position: absolute;
content: '';
bottom: 0;
right: 0;
width: 170px;
height: 100%;
background-image: url(//gnntrends.com/wp-content/uploads/2024/07/customer-review.png);
background-repeat: no-repeat;
background-position: right;
background-size: 460px;
}
.card-title-section .elementor-widget{
margin-bottom:0 !important;
}
.card-title-section .sub-heading-card{
font-size: 30px;
font-weight: 400;
line-height: 1.2;
text-align:center;
color:#4D4C4C;
}
.card-area-text .main-card-heading{
font-size: 18px;
font-weight: 800;
line-height: 1.2;
color:#1D1D1B;
margin-bottom: 15px;
}
.card-area-text .card-sub-heading{
font-size: 16px;
font-weight: 400;
line-height: 1.4;
color:#4D4C4C;
}
.card-animation-section .card-area-text{
padding-top: 40px;
}
.crad-row.animate-card{
display: grid;
grid-template-columns: repeat(2, 2fr);
gap: 40px;
margin-bottom: 45px;
transition: all 2s ease-in-out;
}
.crad-row.animate-card img{
width:100%;
height: 260px;
border-radius: 10px;
object-fit: cover;
} .gnn-trends-slider-area .container-blend{
width: 100%;
}
.slider-vertical .slick-prev:before, .slider-vertical .slick-next:before {
display: none;
}
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover{
border-width: 0 14px 14px 14px;
border-color: #000000 transparent !important;
}
.slider-vertical .slick-prev, .slider-vertical .slick-next {
width: 0;
height: 0;
border-style: solid;
margin: 10px;
display: inline-block;
left: 0;
right: 0;
margin: auto;
z-index: 10;
cursor: pointer;
}
.slider-vertical .slick-prev {
border-width: 0 14px 14px 14px;
border-color: #000000 transparent;
top: -45px;
}
.slider-vertical .slick-next {
border-width: 14px 14px 0px 14px;
border-color: #000000 transparent;
bottom: -30px;
top: auto;
}	
.slider-vertical .slick-prev.slick-disabled, .slider-vertical .slick-next.slick-disabled {
opacity: 0.1;
cursor: default;
}
.slider-vertical div {
font-size: 50px;
color: #ffffff;
}
.slider-vertical .card-row.slick-slide.slick-active .crad-row.animate-card{
grid-template-columns: 39% 57%;
transition: all 2s ease-in-out;
}
.slider-vertical .card-row.slick-slide.slick-current.slick-active .crad-row.animate-card{
grid-template-columns: repeat(2, 2fr);
transition: all 2s ease-in-out;
}
.our-usps-section .usps-area{
display: grid;
grid-template-columns: 20% 22% 50%;
gap: 45px;
padding: 35px 0;
border-top: 2px solid #1d1d1b54;
border-style: dashed;
border-bottom: none;
border-right: none;
border-left: none;
transition:all 0.5s ease-out !important;
height: max-content;
position:relative;
}
.our-usps-section .usps-area:last-child{
border-top: 2px solid #1d1d1b54;
border-style: dashed;
border-bottom: 2px solid #1d1d1b54;
border-right: none;
border-left: none;
border-bottom-style: dashed;
transition:all 0.5s ease-out !important;
height: max-content;
}
.our-usps-section .usps-heading{
font-size: 20px;
font-weight: 800;
line-height: 1.4;
text-align: left;
text-transform:uppercase;
color:#1D1D1B;
}
.our-usps-section .usps-sub-para{
font-size: 16px;
font-weight: 400;
line-height: 1.4;
color:#4D4C4C;
font-family: "Roboto";
}  .image-usps, .image-usps img{
height: 200px;
}
.image-usps img{
position: absolute;
top: 8px;
border-radius: 10px;
}
.usp-map img{
rotate: 0 !important;
}
.industry-heading-section .industry-para{
font-size: 14px;
font-weight: 400;
line-height: 1.2;
text-align: center;
color:#4D4C4C;
width: 70%;
margin: auto;
}
.main-slider-starts .name-slider{
font-size: 16px;
font-weight: 800;
line-height: 1.2;
color:#1D1D1B;
margin-bottom: 0;
}
.main-slider-starts .sub-text-slider{
font-size: 12px;
font-weight: 400;
line-height: 1.5;
color:#1D1D1B;
margin-bottom: 0;
}
.slider-heading-areaimg{
width: 70px;
padding-top: 4px;
}
.main-slider-starts .slider-heading-area{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 2px;
} .testimonail-slider{
margin: 50px 0;
}
.testimonail-slider .slick-slide{
color: #FFF;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
transform: scale(0.8);
transition: all 0.4s ease-in-out;
}
.testimonail-slider .slick-slide,
.testimonail-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
transform: scale(0.8, 0.8);
transition: all 0.4s ease-in-out;
} .testimonail-slider .slick-center,
.testimonail-slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {
transform: scale(1.2);
margin: 0px 0 0 0;
display: flex;
justify-content: center;
filter: blur(0px);
-webkit-filter: blur(0px);
}
.testimonail-slider .slick-current.slick-active{
transform: scale(1.2);
margin: 0px 0 0 0;
display: flex;
justify-content: center;
}
.testimonail-slider .slick-current.slick-active .image-round-area img{
filter: blur(0px);
-webkit-filter: blur(0px);
}
.image-round-area{
display: flex;
justify-content: center;
}
.image-round-area img{
filter: blur(8px);
-webkit-filter: blur(1.5px);
margin: 30px 0;
}  .backgroundWrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
ovewrflow: hidden;
z-index:-1;
}
.rotateAnimator {
position: absolute;
top: 0;
left: 0;
right: auto
bottom: 0;
width: 10%;
height: 100vh;
animation-name: move-by-circle-animation;
animation-duration: 50s;
animation-iteration-count: infinite; }
.rotateAnimator-2 {
position: absolute;
top: 0;
left: auto;
right: 0;
bottom: 0;
width: 15%;
height: 100vh;
animation-name: move-by-circle-animation;
animation-duration: 60s;
animation-iteration-count: infinite;
}
.bgGradient{ 
width: 400px;
height:400px;
border-radius: 50%;
opacity: 1;
filter: blur(70px);
border: solid 1px #FFF;
position: fixed;
animation-name: blur-animation;
animation-duration: 20s;
animation-iteration-count: infinite;
}
.main-video-content{
position:relative;
z-index: 3;
}
.video-text-heading h1{
font-size: 64px;
font-weight: 800;
line-height: 1.2;
text-align: center;
color:white;
text-transform: uppercase;
}
.video-text-heading p{
font-family: Merriweather Sans;
font-size: 22px;
font-weight: 400;
line-height: 1.2;
letter-spacing: 0em;
color:white;
text-align: center;
}
.video-text-heading{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: max-content;
}
.site-header .site-title{
display:none !important;
}
#ast-scroll-top{
background: linear-gradient(180deg, #62C8E7 0%, #318AC8 100%) !important;
border-radius: 10px;
height: max-content;
width: max-content;
padding: 9px 3px;
line-height: 1.1;
font-size: 20px;
bottom: 40px;
right: 40px;
}
.purple{
top:0;
right:-10%;
background-color: #08a6ff40;
animation-duration: 20s;
animation-iteration-count: infinite;
}
.green{
top:0;
left:-15%;
background-color: #ef858596;
animation-name: green-animation;
animation-duration: 20s;
animation-iteration-count: infinite;
}
@keyframes blur-animation {
0%   {filter: blur(70px);}
50%  {filter: blur(100px);}
100% {filter: blur(70px);}
}
@keyframes green-animation {
0%   {top: 0; left: 0%}  
50%  {top: 35%; left: 40%;}
100% {top: 0; left: 0%}
}
@keyframes purple-animation {
0%   {top: 0; right: 0;}
50%  {top: 65%; right: 40%;}  
100% {top: 0; right: 0;}
}
@keyframes move-by-circle-animation {
0% {transform: rotate(0deg); width: (10%)}
50%  {width: 20%}
100% {transform: rotate(360deg); width: (10%)}
}  .line {
width: 100%;
height: 0;
border: 4px solid;
border-image-source: linear-gradient(90deg, #FECE80 0%, #CC945D 50.48%, #FFE178 102%);;
position: absolute;
top: 30%;
border-image-slice: 1;
}
.slidercontainer {
width: 90%;
margin: 0 auto;
position: relative;
}
.img-holder {
width: max-content;
height: max-content;
margin: 20px;
}
.box {
height: 100%;
width: 100%;
display: flex !important;
flex-direction: column;
justify-content: center;
align-items: center;
}
.slider-heading {
max-width: 176px;
font-family: Merriweather Sans;
font-size: 20px;
font-weight: 800;
line-height: 25.14px;
text-align: center;
color: #1D1D1B;
}
.mission-next-arrow {
position: absolute;
background: url(//gnntrends.com/wp-content/uploads/2024/06/next.svg) no-repeat center;
background-size: contain;
top: 32%;
transform: translateY(-50%);
right: -48px;
height: 35px;
width: 35px;
box-shadow: none;
border: none;
}
.mission-next-arrow:hover,button:focus{
cursor: pointer;
background-color: transparent !important;
border-color: transparent !important; 
}
.mission-prev-arrow {
background: url(//gnntrends.com/wp-content/uploads/2024/06/prev.svg) no-repeat center;
background-size: contain;
position: absolute;
top: 32%;
transform: translateY(-50%);
left: -48px;
height: 35px;
width: 35px;
border: none;
box-shadow: none;
}
.mission-prev-arrow:hover,button:focus{
cursor: pointer;
background-color: transparent !important;
border-color: transparent !important; 
} .dot1{
background: linear-gradient(140.79deg, #FA6D6D 16.15%, #E02E32 88.77%);
height: 24px;
width: 24px;
border-radius: 50%
}
.dot2{
background: linear-gradient(137.07deg, #62C8E7 0%, #318AC8 86.57%);
height: 24px;
width: 24px;
border-radius: 50%
}
.map-sect-cont{
display: flex;
justify-content: center;
align-items: center;
gap: 10%;
}
.elementor-element-01b234d{
margin: 0 !important;
}
.sub-locate{
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}
.site-footer-below-section-1{
margin-bottom: 0 !important;
}
.main-video-content:before{
position: absolute;
content: '';
top: 25%;
right: 0;
width: 100%;
height: 100%;
background: url(//gnntrends.com/wp-content/uploads/2024/07/banner-rectangle.png) no-repeat;
}
.usps-heading{
margin: 0;
} .main-video-content img{
aspect-ratio: 16/9;
object-fit: cover;
width: 100%;
}
.mission-cont {
display: flex;
justify-content: space-evenly;
align-items: center;
}
.card-mission{
width: 280px;
height: 237px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: 10px;
}
.line-mission{
height: 237px;
width: 0;
border: 0.5px solid #000000;
}
.para-mission{
font-family: Merriweather Sans;
font-size: 14px;
font-weight: 400;
line-height: 18px;
text-align: center;
color: #4D4C4C;
}
.head-mission{
margin: 0 !important;
font-family: Merriweather Sans;
font-size: 18px;
font-weight: 800;
line-height: 20px;
letter-spacing: 0.05em;
color: #1D1D1B;
}
.values-cont{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
justify-content: center;
align-items: center;
gap: 25px;
}
.value{
position: relative;
}
.values{
position: absolute;
bottom: -75px;
background-color: #26ADF9;
color: #FFFFFF;
border-radius: 0 0 20px 20px;
width: 100%;
max-height: max-content;
height: 115px;
overflow: hidden;
}
.value img{
border-radius: 20px 20px 0 0 !important;
width: 100%;
}
.first-value img{
aspect-ratio: 3/2;
}
.values-para{
font-family: Merriweather Sans;
font-size: 14px;
font-weight: 400;
line-height: 1.4;
text-align: center;
padding: 0 10px;
position: relative;
bottom: -100%;
transition: all 0.5s ease-in-out;
}
.values-head{
font-family: Merriweather Sans;
font-size: 18px;
font-weight: 800;
line-height: 1.2;
text-align: center;
position: relative;
padding: 20px 10px;
top: 10%;
transition: all 0.5s ease-in-out;
}
.value.active .values-head{
top: 100%;
opacity: 1;
}
.value.active .values-para{
bottom: 65px;
opacity: 1;
}
.core-values-para{
max-width: 100% !important;
margin: auto;
line-height: 1.3;
}
.follow-us img{
margin-right: 10px;
}
.core-value-sect:before{
position: absolute;
content: '';
bottom: 10%;
right: -10%;
width: 25%;
height:250px;
background: url(//gnntrends.com/wp-content/uploads/2024/06/bgfirst.gif) no-repeat;
}
.core-value-sect:before{
position: absolute;
content: '';
bottom: 10%;
right: -10%;
width: 25%;
height:250px;
background: url(//gnntrends.com/wp-content/uploads/2024/06/bgfirst.gif) no-repeat;
}
.core-value-sect:before{
position: absolute;
content: '';
top: -80%;
left: 0;
width: 25%;
height: 800px;
background-image: url(//gnntrends.com/wp-content/uploads/2024/07/about-us-left-min.png);
background-repeat: no-repeat;
}
.core-value-sect:after{
position: absolute;
content: '';
right: 0;
width: 25%;
height: 644px;
background-image: url(//gnntrends.com/wp-content/uploads/2024/07/about-us-right.png);
background-repeat: no-repeat;
background-position: right;
bottom: -200px;
}
.footer-main-section a:hover{
background: linear-gradient(180deg, #62C8E7 0%, #318AC8 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
}
.follow-us img{
transition: none;	
}
.main-display-para a:hover{
color: black;
}
.follow-us img:hover{
padding: 2px;
}
.ast-footer-copyright{
z-index: 3;
}
.values-cont{
z-index: 3;
margin-bottom: 100px;
position: relative;
}
.tabs ul{
display: flex;
justify-content: space-around;
align-items: center;
} .gallery-nav {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
position: sticky;
top: 78px;
z-index: 10;
background: white;
padding: 30px 0;
gap: 50px;
flex-wrap: wrap;
border-radius: 10px;
}
.tab{
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
gap: 10px;
font-family: Merriweather Sans;
font-size: 18px;
font-weight: 400;
line-height: 1;
letter-spacing: 0.05em;
text-align: center;
color: #5F5F5C;
transition: all 0.5s ease-in-out;
}
.dot{
width: 8px;
height: 8px;
background-color: #5F5F5C;
border-radius: 100%;
}
.tab.active .dot{
background: linear-gradient(180deg, #62C8E7 0%, #318AC8 100%);
}
.tab.active{
font-weight: 800;
background: linear-gradient(180deg, #62C8E7 0%, #318AC8 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
}
.gallery-container .gallery {
display: none;
}
.gallery-container .gallery.active {
display: block;
}
.gallery-sect:before{
position: absolute;
content: '';
bottom: 50%;
left: 0;
width: 30%;
height: 700px;
background-image: url(//gnntrends.com/wp-content/uploads/2024/07/aparel-left.png);
background-repeat: no-repeat;
z-index: -1;
}
.gallery-sect:after{
position: absolute;
content: '';
bottom: 35%;
right: 0;
width: 40%;
height: 566px;
background-image: url(//gnntrends.com/wp-content/uploads/2024/07/aparel-right.png);
background-repeat: no-repeat;
background-position: right;
z-index: -1;
} .contact-banner-head{
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(360deg, rgba(0, 0, 0, 0.5) 73.07%, rgba(0, 0, 0, 0) 113.53%);
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
top: 0;
border-radius: 10px;
}
.contact-heading h2{
font-family: Merriweather Sans;
font-size: 45px;
font-weight: 800;
line-height: 50px;
letter-spacing: 0.05em;
text-align: center;
color: #FFFFFF;
margin: 0 !important;
}
.contact-para{
font-family: Merriweather Sans;
font-size: 22px;
font-weight: 400;
line-height: 25px;
text-align: left;
color: #FFFFFF;
}
.contact-para p{
margin: 0.6em !important;
} .get-in-touch-cont{
display: none;
}
.map-sect{
display: flex;
justify-content: center;
}
.map-container{
display: flex;
justify-content: space-between;
}
.right-contact-cont{
position: relative;
margin-top: 20%;
}
.detail{
position: absolute;
bottom: 0;
width: 100%;
}
.location-map{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
flex: 0 0 44%;
position: relative;
}
.get-in-touch-cont{
width: 60%;
}
.get-in-touch-cont h2{
font-family: Merriweather Sans;
font-size: 35px;
font-weight: 800;
line-height: 50px;
letter-spacing: 0.05em;
text-align: left;
color: #1D1D1B;
margin: 0;
}
.get-in-touch-cont p{
color: #4D4C4C;
font-family: Merriweather Sans;
font-size: 14px;
font-weight: 400;
line-height: 18px;
text-align: left;
}
.map-img{
flex: 0 0 70%;
margin-right: -20%;
margin-top: -11%;
z-index: 3;
}
.map-left{
display: flex;
flex-direction: column;
flex: 0 0 60%;
}
.map-right{
flex: 1 0 40%;
}
.map-dot{
height: 10px;
width: 10px;
background: black;
border-radius: 100%;
}
.map-line-noida{
width: 281px;
height: 0;
border: 1px solid;
}
.map-line-mumbai{
width: 142px;
height: 0;
border: 1px solid;
}
.line-container{
display: flex;
align-items: center;
}
.map-sect{
position: relative;
}
.mumbai{
position: absolute;
bottom:110px;
}
.noida-add{
width: 50%;
}
.mumbai-add{
width: 55%;
}
.noida{
display: flex;
align-items: center;
justify-content: space-between;
margin-right: -55%;
position: absolute;
top: 15px;
z-index: 10;
}
.mumbai{
display: flex;
align-items: center;
justify-content: space-between;
margin-right: -36%;
position: absolute;
top: 110px;
z-index: 10;
}
.mumbai-add h3,.noida-add h3{
font-family: Merriweather Sans;
font-size: 14px;
font-weight: 700;
line-height: 18px;
text-align: left;
margin: 0;
}
.mumbai-add p,.noida-add p{
font-family: Merriweather Sans;
font-size: 14px;
font-weight: 400;
line-height: 18px;
text-align: left;
margin: 0;
}
.bg-detail{
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(80.02deg, rgba(0, 0, 0, 0.7) 40.21%, rgba(0, 0, 0, 0.357) 89.89%);
top: 0;
border-radius:10px;
}
.contact-details-img img{
border-radius: 10px;
}
.map-sect-img{
display: none;
}
.detail-line{
width: 100%;
height: 0;
border: 0.5px solid #ffffff94;
}
.detail{
padding: 20px;
}
.mail,.mobile{
padding: 15px 0;
}
.mail a,.mobile a{
font-family: Merriweather Sans;
font-size: 16px;
font-weight: 400;
line-height: 18px;
margin-left: 10px;
text-decoration: none !important;
color: white;
}
.mail a:hover,.mobile a:hover{
background: linear-gradient(180deg, #62C8E7 0%, #318AC8 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
} .wpcf7 input.wpcf7-form-control:not([type=submit]), .wpcf7 textarea.wpcf7-form-control{
border: none !important;
border-bottom: 0.5px solid #999999 !important;
border-radius: 0 !important;
padding: 0;
}
.wpcf7-form-control-wrap textarea.wpcf7-form-control.wpcf7-textarea{
height: 40px;
}
.form-container{
width: 50%;
margin-top: -22%;
z-index: 4;
position: relative;
}
form.wpcf7-form.init{
z-index: 10;
}
.map-right-mobile{
display: none;
}
.contact-mobile-banner{
display: none;
}
.video-text-heading{width: 100%;}
.cont-form label{
font-family: Merriweather Sans;
font-size: 14px;
font-weight: 400;
line-height: 1.1;
color: #4D4C4C;
}
.wpcf7-list-item{
margin: 0 !important;
}
.wpcf7-list-item-label{
font-family: Merriweather Sans;
font-size: 16px;
font-weight: 400;
line-height: 1.1;
color: #3F3F3F;
}
a.terms{
font-weight: 600;
text-decoration: none !important;
color: #3F3F3F;
}
.svg-img-container{
display: flex;
justify-content: center;
align-items: center;
}
input[type="submit"]{
background: linear-gradient(180deg, #62C8E7 0%, #318AC8 100%) !important;
border-radius: 10px;
border: 1px solid white;
padding: 14px 50px;
}
input[type="submit"]:hover{
background: white !important;
border: 1px solid #318AC8;
color: #318AC8; -webkit-mask-image: linear-gradient(180deg, #62C8E7 0%, #318AC8 100%);
mask-image: linear-gradient(180deg, #62C8E7 0%, #318AC8 100%);
}
.get-in-touch-sect:after {
position: absolute;
content: '';
bottom: 0;
right: 0;
width: 50%;
height: 600px;
background-image: url(//gnntrends.com/wp-content/uploads/2024/07/contact-form.svg);
background-repeat: no-repeat;
z-index: -1;
}
.get-in-touch-sect:before {
position: absolute;
content: '';
bottom: 0;
left: 0;
width: 295px;
height: 300px;
background-image: url(//gnntrends.com/wp-content/uploads/2024/07/contact-us-left.png);
background-repeat: no-repeat;
background-position: center;
}
.contact-banner-sect:before{
position: absolute;
content: '';
bottom: -300px;
right: 0;
width: 357px;
height: 500px;
background: url(//gnntrends.com/wp-content/uploads/2024/07/contact-first-vector.png);
background-repeat: no-repeat;
background-position: right;
z-index: -1;
} .vission img{
padding: 8px 0;
height: 76px;
}
.map-sect-img{
z-index: 3;
margin-right: -75px;
}
.error-page-sect p{margin: 0;}
.error-page-sect h2{line-height: 1.1;}
.error-page-sect a:hover{
background-image: none !important;
border: 1px solid #318AC8;
}
.image-usps img{
height: 200px;
}
.wtp-gnntrends .crad-row.animate-card{
grid-template-columns: 1fr;
}
.card-animation-section .wtp-gnntrends .card-area-text{
padding-top: 0;
}
.wtp-gnntrends .mission-prev-arrow,.wtp-gnntrends .mission-next-arrow{
top: 50%;
}
.wtp-gnntrends .card-row{
padding: 0 10px;
}
.wtp-gnntrends .card-area-text .main-card-heading{
margin-bottom: 10px;
}
.map-left{display: none;}
.contact-banner-sect .contact-banner-img img{box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.2);}
.map-sect-img{display: block;}
.follow-us p a:hover a:focus{color: transparent;}
.map-sect-img-mobile{display: none;}
@media screen and (max-width: 1280px){
.card-animation-section:after{
top: -50%;
right: 0;
width: 20%;
}
.our-usps-grid-section:after {
right: 0;
top: -60px;
z-index: 1;
}
.card-animation-section:before {
left: -3%
}
.network-sect:after{
top: 0;
right: 0;
background-size: 400px;
}
.core-value-sect:after {
width: 50%;
bottom: -310px;
}
.gallery-sect:before{
background-size: 300px;
z-index: -1;
}
.gallery-sect:after{
background-size: 300px;
z-index: -1;
}
.get-in-touch-sect:before{
background-size: 300px;
background-position: bottom;
}
}
@media screen and (max-width: 1240px) {
.map-left{
display: none;
}
.wtp-gnntrends .mission-next-arrow,.wtp-gnntrends .mission-prev-arrow{
height: 30px;
width: 30px;
}
.mission-next-arrow{
right: -25px;
}
.mission-prev-arrow{
left: -25px;
}
.map-sect-img{
display: block;
padding: 0 10px;
margin-right: -7%;
z-index: 1;
}
.form-container{
display: grid;
grid-template-columns: 1.5fr 1fr;
justify-content: center;
align-items: center;
width: 100%;
}
.cont-form{
padding: 20px;
}
.map-sect{
padding: 0 10px;
}
.gnn-map-sect:before{
left: 0;
}
.core-value-sect:before {
width: 100%;
}
.wtp-gnntrends{
max-width: 95%;
margin: auto;
}
}
@media screen and (max-width: 1064px){
.circle-counter-section .elementor-container.elementor-column-gap-default{
gap: 10%;
} }
@media screen and (max-width: 1024px) {
.main-heading-title .elementor-heading-title{font-size: 30px;}
.our-strength-col, .another-main-circle{width: 100%;}
.our-image{
display: flex;
justify-content: center;
}
.ast-separate-container.ast-right-sidebar #secondary, .ast-separate-container.ast-left-sidebar #secondary{
margin-left: 0;
}
.image-usps img {
height: 160px;
}
.values-para{
font-size: 13px;
}
.inner-main-content .counter-details{width: 50%;}
.map-right-mobile{display: block;}
.video-text-heading h1{font-size: 42px;line-height: 1.1;}
.circle-counter-section .elementor-container.elementor-column-gap-default {gap: 0%;}
.card-title-section .sub-heading-card{
font-size: 20px;
padding-top: 12px;
}
.our-usps-section{
width: 90%;
margin: auto;
}
.our-usps-section .usps-area{
grid-template-columns: 24% 32% 38%;
gap: 20px;
height: max-content;
align-items: center;
}
.our-usps-section .usps-area:last-child{
height: max-content;
align-items: center;
} .image-usps img{top: 70px;}
.mian-footer-row{
width: 90%;
margin: auto;
}
.main-slider-starts, .footer-bottom-line-section{
width: 90%;
margin: auto;
}
.mian-footer-row{grid-template-columns: repeat(2, 2fr);}
.our-membership-slider .slick-next:before, .our-membership-slider .slick-prev:before{display:none;}
.gnn-trends-slider-area .container-blend{width: 95%;}
.gnn-trends-slider-area .container-blend.wtp-cont-blend{
width: 100%;
}
.wtp-gnntrends{
width: 90%;
}
.core-values-para{
max-width: 100% !important; 
font-size: 18px !important;
width: 90% !important;
line-height: 1.3;
}
.network-sect:after {top: -30px;}
.our-usps-grid-section:after{
top: 0;
z-index: 3;
}
.card-animation-section:before{
top: -40%;
left: -3%;
width: 15%;
}
.our-usps-grid-section:before{
top: 0;
left: 0;
background-size: 200px;
}
.line-container{display: none;}
.form-container{margin-top: 0;}
.map-img{
flex: 0 0 100%;
margin-top: 0;
}
.location-map{display: none;}
.map-sect{align-items: center;}
.map-left{flex: 0 0 50%;}
.map-right{
flex: 0 0 40%;
margin-left: 20px;
}
.map-right{display: none;}
.map-sect-img{
margin-right: 0;
padding: 0 20px;
}
.gnn-map-sect:before{background-size: 300px;}
.our-usps-grid-section:after{background-position: right;}
.circle-counter-section:before{
background-size: 150px;
}
.slider-title-sect:after{background-size: 200px;}
.core-value-sect:after {width: 50%;}
.core-value-sect:before {
width: 100%;
top: -58%;
background-size: 300px;
}
.slider-title-sect:before{
background-size: 300px;
background-position: left;
top: 530px;
z-index: -1;
}
.get-in-touch-sect:after{
top: 41px;
right: 5px;
width: 60%;
z-index: -1;
}
.inner-main-content .counter-details{font-size: 12px;}
.inner-main-content .counter-sub-para{font-size: 16px;}
.inner-main-content .counter-para{font-size: 24px;}
.mian-footer-row .col-3{
grid-column: span 2;
justify-self: left;
}
.svg-img-container{display: block;}
.svg-img-container svg{overflow: visible;}
.right-contact-cont{margin-top: 15%;}
.svg-img-container::-webkit-scrollbar {
height: 10px; 
display: block; 
}
.svg-img-container::-webkit-scrollbar-track {
background: white; 
box-shadow: inset 0 0 5px grey; 
border-radius: 10px;
}
.svg-img-container::-webkit-scrollbar-thumb {
background: #38aef5; 
border-radius: 10px; 
}
.another-main-circle .inner-main-content{top: 50px;}
.svg-img-container::-webkit-scrollbar-thumb:hover {background: #555; }
.svg-img-container {-webkit-overflow-scrolling: touch;}	
}
@media screen and (max-width: 930px){
#ast-scroll-top{padding: 10px;}
}
@media screen and (max-width: 921px){
li.menu-item:hover{border: 1px solid black;}	
}
@media screen and (max-width: 768px){
.main-video-content img{aspect-ratio: auto;}
.mission-cont{
display: grid;
grid-template-columns: 1fr;
justify-content: center;
align-items: center;
}
.wtp-gnntrends{
width: 90%;
}
.wtp-gnntrends .slick-dots{
bottom: 0;
}
.wtp-gnntrends .slick-dots li{
margin: 0;
}
.wtp-gnntrends .slick-dots li button:before{
font-size: 8px;
} .map-sect-img-mobile .get-in-touch-cont{
display: none;
}
.mobile-add ul{
padding-top: 20px;
}
.mission-sect{margin: 50px 0 !important;}
.card-mission{
margin: auto;
justify-content: center;
}
.line-mission{
height: 0;
width: 237px;
margin: auto;
margin-bottom: 20px; 
}
.values-cont{grid-template-columns: 1fr 1fr;}
.mission-sect:before{display: none;}
.core-value-sect:before{
width: 20%;
top: -30%;
}
.value:hover .values-head{display: block;}
.values-cont{gap: 30px;}
.gallery-nav{
gap: 20px;
padding: 20px 0;
}
.form-container{grid-template-columns: 1fr;}
.right-contact-cont{margin: 0;}
.contact-details-img img{width: 100%;}
#ast-scroll-top{
font-size: 18px;
padding: 11px;
max-width: 40px;
}
.slidercontainer{width: 90%;}
.form-container{
display: flex;
flex-direction: column-reverse;
gap: 30px;
padding-top: 20px;
}
.map-right-mobile{
width: 100%; }
.cont-form{width: 100%;}
.contact-desktop-banner{display: none;}
.contact-mobile-banner{
display: block;
width: 100%;
}
.contact-heading h2{font-size: 28px;}
.contact-para p{font-size: 18px;}
.detail{padding: 10px;}
.cont-form{padding: 10px;}
.map-sect-img{padding: 10px;}
.map-sect{padding:0;}
.contact-para p{
text-align: center;
width: 75%;
margin: 0 auto !important;
}
.network-sect:after{
top: -120px;
background-size:200px;
}
.gnn-map-sect:before{background-size: 300px;}
.our-usps-section .usps-area{grid-template-columns: 100%;} .image-usps img, .image-usps {
height: 100%;
width: 100%;
margin: auto;
}
.image-usps img{
position: inherit;
rotate: 0deg;
margin: auto;
}
.our-usps-section .usps-area, .our-usps-section .usps-area:last-child{height: auto;}
.our-usps-section .usps-heading{text-align: center;}
.core-value-sect:after {
width: 75%;
bottom: -100px;
}
.core-value-sect:before {width: 100%;}	
.main-video-content:before{top: -10px;}
.mission-next-arrow {right: -45px;}
.mission-prev-arrow {left: -45px;}
.third-value.value {margin-top: 50px;}
.contact-banner-head{background: none;}
.inner-main-content .counter-details{width: 35%;}
.footer-heading p{font-size: 16px;}
.follow-us p{font-size: 12px;}
.quick-links-area a, .location a{font-size: 14px;}
.map-sect-img{display: none;}
.get-in-touch-cont h2{
text-align: center;
font-size: 24px;
}
.get-in-touch-cont{
width: 75%;
margin: 0 auto;
}
.map-sect-img-mobile img{
padding: 0 10px;
}
.get-in-touch-cont p{
text-align: center;
}
.map-sect-img-mobile{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px;
}
.mobile-add{
width: 100%;
}
.mobile-add ul{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
padding: 20px;
}
.mobile-add h3,.mobile-add p{
margin: 0
}
.contact-banner-sect .contact-banner-img img{
border-radius: 0;
}
.get-in-touch-sect:after{
display: none;
}
.cont-submit p:last-child {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.aiowps-captcha-equation p strong{
display: flex;
flex-direction: column;
width: 100%;
}
.video-text-heading h1{font-size: 36px;line-height: 1.1;}
.video-text-heading p{
font-size: 20px;
}
.values{
height: max-content;
padding: 15px 10px;
position: static;
}
.values-head{
padding: 0;
padding-bottom: 10px;
}
.cont-form .get-in-touch-cont{
display: block;
}
.values-para{
bottom: 0 !important;
}
}
@media screen and (max-width: 600px){
.main-heading-title .elementor-heading-title {font-size: 22px;}
.inner-main-content .counter-para{font-size: 24px;}
.card-title-section .sub-heading-card{
font-size: 17px;
line-height: 22px;
}
li.menu-item:hover{
border: none;
}
.ast-menu-toggle:focus{
outline: none;
}
.address-wrapper{
grid-template-columns: 1fr;
gap: 10px;
}
.combine-logo-area .svg-flex{
flex: none;
}
.image-usps img, .image-usps{
width: 100%;
height: 100%;
}
.combine-logo-area{
align-items: flex-start;
}
.combine-logo-area .address br{
display: block;
}
.video-text-heading{width: 100%;}
.video-text-heading h1{
font-size: 18px;
line-height: 26px;
margin-bottom: 8px;
}
.video-text-heading p{
font-size: 14px;
width: 75%;
margin: auto;
line-height: 22px;
}
.gnn-trends-slider-area .container-blend{width: 100%;}
.slider-vertical .card-row.slick-slide.slick-current.slick-active .crad-row.animate-card{grid-template-columns: 100%;}
.crad-row.animate-card{grid-template-columns: 100%;}
.our-usps-section .usps-area{grid-template-columns: 100%;}
.image-usps{
display: flex;
justify-content: center;
}
.image-usps.active img, .image-usps.active {
height: 100%;
}
.image-usps img, .image-usps {height: 100%;}
.image-usps img{
position: inherit;
rotate: 0deg;
margin-top: 0;
}
.our-usps-section .usps-area, .our-usps-section .usps-area:last-child{height: auto;}
.our-usps-section .usps-heading{text-align: left;}
.industry-heading-section .industry-para{width: 100%;}
.mian-footer-row{
display: flex;
gap: 38px;
flex-wrap: wrap;
}
.col-1.fotter-col{width: 50%;}
.footer-bottom-line-section{
flex-direction: column;
gap: 5px;
padding: 10px 0;
}
.main-display-para{padding: 0;}
.image-round-area{margin: 0 6px;}
.testimonail-slider {margin: 25px 0;}
.our-usps-grid-section:after{background-size: 45%;}
.core-values-para{
max-width: 100% !important;
font-size: 18px !important;
width: 100% !important;
line-height: 1.1;
}
.values{position: static;}
.value img{border-radius: 20px 20px 0 0;}
.values-para, .values-head{display: block;}
.values-cont{grid-template-columns: 1fr;}
.mission-sect{margin: 25px 0 !important;}
.circle-counter-section:before{
width: 60%;
left: -5%;
background-size: 130px;
top: -225px;
}
.card-animation-section:before {
top: -40%;
left: -7%;
width: 30%;
background-size: 70px;
}
.our-usps-grid-section:before{
top: -29%;
left: -35%;
z-index: -1;
}
.our-usps-grid-section:after{width: 30%;}
.network-sect:after{
right: 0;
width: 60%;
top: -50%;
background-size: contain;
}
.slider-title-sect:after{background-size: 260px;}
.gnn-map-sect:before{
width: 20%;
background-size: 250px;
}
.values-para{padding: 10px 10px;}
.slidercontainer{width: 85%;}
.core-value-sect:before{top: -15%}
.card-animation-section .card-area-text{padding-top: 10px;}
.crad-row.animate-card{gap: 20px;}
.contact-banner-sect:before{
background-size: 240px;
bottom: -280px;
}
.core-value-sect:after {
bottom: -250px;
background-size: 400px;
width: 100%;
}
.mission-next-arrow{right: -44px;}
.mission-prev-arrow{left: -44px;}
.third-value.value {margin-top: 0;}
.inner-main-content .counter-details{width: 50%;}
.slick-vertical .slick-slide{height: 450px !important;}
.mobile-add ul{
padding: 0;
width: 90%;
margin: auto;
}
.follow-us img{
width: 20px !important;
height: 20px !important;
}
.our-image{
max-width: 230px;
margin: auto;
}
.inner-main-content{
top:35px;
}
.another-main-circle .inner-main-content{
top: 35px;
}
.inner-main-content .counter-details{
width: 100%;
}
.mobile-add h3{font-size: 16px;}
.mobile-add p{font-size: 14px;}
.wtp-gnntrends .mission-prev-arrow,.wtp-gnntrends .mission-next-arrow{
display: none !important;
}
.wtp-gnntrends .slick-dots{
bottom: 0;
}
.values-head{
top: 0 !important;
}
.value.active .values-para{
bottom: 0 !important;
}
}
@media screen and (max-width: 450px) {
.map-sect-cont{
display: grid;
grid-template-columns: 1fr;
width: max-content;
max-width: 100%;
justify-content: center;
align-items: center;
gap: 10px;
margin: auto;
}
.sub-locate{
justify-content: flex-start;
}
.values-cont{grid-template-columns: 1fr;}
.values{position: static;}
.value img{border-radius: 20px 20px 0 0;}
.values-para, .values-head{display: block;}
.mission-sect{margin: 20px 0 !important;}
.slidercontainer{width: 80%;}
.core-value-sect:before{
top: -20%;
background: 60px;
}
.form-container:after {
position: absolute;
content: '';
bottom: 5px;
right: 0;
width: 150px;
height: 150px;
background-image: url(//gnntrends.com/wp-content/uploads/2024/06/bgfirst.gif);
background-repeat: no-repeat;
background-size: 110px;
}
.mobile-add ul{
grid-template-columns: 1fr;
width: 85%;
}
.video-text-heading h1{
font-size: 24px;
}
.slider-title-sect:before{
width: 100%;
}
.follow-us img{
margin-right: 5px;
}
.col-1.fotter-col{
width: 100%;
}
}
.our-membership-slider .slick-track{
display: flex !important;
align-items:center;
justify-content: space-evenly;
}
.slick-disabled {
cursor: not-allowed;
opacity: 0.5;
} .privacy-sect strong{
font-size: 18px;
font-weight: 800;
line-height: 1.5;
color: #1D1D1B;
margin-bottom: 15px;
}
.privacy-sect .elementor-widget-container{
font-size: 16px;
font-weight: 400;
line-height: 1.1;
color: #4D4C4C;
}
#privacy-statement h2,
#privacy-statement h3 {
font-size: 18px;
font-weight: 800;
line-height: 1.1;
color: #1D1D1B;
margin: 25px 0;
}
#privacy-statement h4{
font-family: "Merriweather Sans", sans-serif !important;
font-size: 18px;
font-weight: 600;
line-height: 1.1;
color: #1D1D1B;
margin: 10px 0;
}
#privacy-statement p{
font-family: "Merriweather Sans", sans-serif !important;
font-size: 16px;
font-weight: 400;
line-height: 1.4;
color: #4D4C4C;
margin-bottom: 15px;
}
#privacy-statement a {
color: #4D4C4C;
text-decoration: none;
}
#privacy-statement a:hover{
background: linear-gradient(180deg, #62C8E7 0%, #318AC8 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
}
.combine-logo-area .svg-flex{
flex: none;
}
@media screen and (max-width: 768px){
#privacy-statement p{
font-size: 14px;
margin-bottom: 5px;
}
#privacy-statement h2,
#privacy-statement h3{
font-size: 16px;
margin: 20px 0;
}
.our-usps-section .usps-heading{
text-align: left;
}
#privacy-statement h4{
font-size: 14px;
margin: 10px 0;
}
} .services-sect .image-usps img{
position: static;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
}
.services-sect .image-usps{
height: auto;
}
.services-sect .usps-area{
grid-template-columns: 2fr 1.5fr 1.5fr;
padding: 30px 0;
gap: 30px;
}
@media screen and (max-width: 768px){
.service-sect-mobile .usps-heading,.service-sect-mobile .usps-sub-para{
margin: 0;
}
.service-sect-mobile .image-usps img{
border-radius: 10px;
}
.main-video-content,.main-video-content video{
height: 100%;
width: 100%;
}
}
@media screen and (max-width: 600px){
.main-video-content,.main-video-content video{
height: 340px;
width: 100%;
}
}
@media screen and (max-width: 500px){
.main-video-content,.main-video-content video{
height: 275px;
width: 100%;
}
}
@media screen and (max-width: 450px){
.main-video-content,.main-video-content video{
height: 250px;
width: 100%;
}
}
@media screen and (max-width: 400px){
.main-video-content,.main-video-content video{
height: 235px;
width: 100%;
}
}
@media screen and (max-width: 360px){
.main-video-content,.main-video-content video{
height: 200px;
width: 100%;
}
}