/* Start custom CSS for html, class: .elementor-element-2152464 *//*============================
ABOUT COMPANY
=============================*/
.about-company{
padding:100px 0;
background:#ffffff;
}
.about-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:80px;
align-items:center;
}
/* IMAGE */
.about-image{
position:relative;
}
.about-image img{
width:100%;
border-radius:25px;
box-shadow:0 25px 60px rgba(0,0,0,.08);
}
.experience-box{
position:absolute;
bottom:-25px;
right:-25px;
background:#FF6B1A;
color:#fff;
padding:30px;
border-radius:20px;
text-align:center;
width:180px;
box-shadow:0 20px 50px rgba(255,107,26,.35);
}
.experience-box h2{
font-size:50px;
margin-bottom:5px;
}
.experience-box p{
margin:0;
font-size:16px;
}
/* CONTENT */
.section-tag{
display:inline-block;
background:#FFF2EA;
color:#FF6B1A;
padding:10px 22px;
border-radius:50px;
font-weight:600;
margin-bottom:20px;
}
.about-content h2{
font-size:48px;
line-height:1.2;
margin-bottom:25px;
color:#222;
}
.about-content p{
font-size:17px;
line-height:32px;
color:#666;
margin-bottom:20px;
}
/* FEATURES */
.about-features{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px;
margin:35px 0;
}
.feature{
display:flex;
align-items:center;
gap:12px;
font-weight:600;
color:#222;
}
.feature i{
color:#FF6B1A;
font-size:20px;
}
/* BUTTON */
.about-btn{
display:inline-block;
padding:16px 38px;
background:#FF6B1A;
color:#fff;
text-decoration:none;
border-radius:12px;
font-weight:600;
transition:.3s;
}
.about-btn:hover{
background:#F25500;
transform:translateY(-3px);
}
/* Responsive */
@media(max-width:991px){
.about-grid{
grid-template-columns:1fr;
}
.experience-box{
position:relative;
right:0;
bottom:0;
margin-top:20px;
}
}
@media(max-width:768px){
.about-company{
padding:70px 0;
}
.about-content h2{
font-size:34px;
}
.about-features{
grid-template-columns:1fr;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-72d7b3a *//*============================
MISSION & VISION
============================*/
.mission-vision{
padding:100px 0;
background:#F8FAFC;
}
.section-heading{
text-align:center;
max-width:760px;
margin:0 auto 70px;
}
.section-heading span{
display:inline-block;
padding:10px 24px;
background:#FFF2EA;
color:#FF6B1A;
border-radius:50px;
font-weight:600;
margin-bottom:20px;
}
.section-heading h2{
font-size:48px;
color:#222;
margin-bottom:20px;
}
.section-heading p{
color:#666;
line-height:30px;
font-size:18px;
}
.mission-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:40px;
}
.mission-card{
background:#fff;
padding:45px;
border-radius:24px;
box-shadow:0 20px 50px rgba(0,0,0,.06);
transition:.35s;
border:1px solid #eee;
}
.mission-card:hover{
transform:translateY(-10px);
box-shadow:0 30px 70px rgba(0,0,0,.12);
}
.icon-box{
width:80px;
height:80px;
background:#FF6B1A;
color:#fff;
border-radius:20px;
display:flex;
justify-content:center;
align-items:center;
font-size:34px;
margin-bottom:30px;
}
.mission-card h3{
font-size:32px;
color:#222;
margin-bottom:20px;
}
.mission-card p{
color:#666;
line-height:30px;
margin-bottom:30px;
}
.mission-card ul{
list-style:none;
padding:0;
}
.mission-card li{
padding:12px 0;
color:#444;
border-bottom:1px solid #eee;
}
.mission-card li:last-child{
border-bottom:none;
}
/* Responsive */
@media(max-width:992px){
.mission-grid{
grid-template-columns:1fr;
}
}
@media(max-width:768px){
.mission-vision{
padding:70px 0;
}
.section-heading h2{
font-size:34px;
}
.section-heading p{
font-size:16px;
}
.mission-card{
padding:30px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19d64e9 *//*==================================
CORE VALUES
==================================*/
.core-values{
padding:100px 0;
background:#ffffff;
}
.section-title{
text-align:center;
max-width:760px;
margin:0 auto 70px;
}
.section-title span{
display:inline-block;
background:#FFF2EA;
color:#FF6B1A;
padding:10px 22px;
border-radius:50px;
font-weight:600;
margin-bottom:20px;
}
.section-title h2{
font-size:48px;
color:#222;
margin-bottom:20px;
}
.section-title p{
color:#666;
line-height:30px;
font-size:18px;
}
.values-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}
.value-card{
background:#fff;
padding:40px;
border-radius:20px;
border:1px solid #eee;
text-align:center;
transition:.35s;
box-shadow:0 15px 40px rgba(0,0,0,.05);
}
.value-card:hover{
transform:translateY(-10px);
box-shadow:0 30px 70px rgba(0,0,0,.12);
}
.value-icon{
width:80px;
height:80px;
background:#FF6B1A;
color:#fff;
border-radius:20px;
display:flex;
align-items:center;
justify-content:center;
font-size:32px;
margin:0 auto 25px;
}
.value-card h3{
font-size:26px;
margin-bottom:15px;
color:#222;
}
.value-card p{
color:#666;
line-height:28px;
}
/* Responsive */
@media(max-width:992px){
.values-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:768px){
.core-values{
padding:70px 0;
}
.section-title h2{
font-size:34px;
}
.section-title p{
font-size:16px;
}
.values-grid{
grid-template-columns:1fr;
}
.value-card{
padding:30px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-81055ff *//*=================================
TEAM SECTION
==================================*/
.team-section{
padding:100px 0;
background:#F8FAFC;
}
.team-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
}
.team-card{
background:#fff;
border-radius:24px;
overflow:hidden;
box-shadow:0 20px 50px rgba(0,0,0,.06);
transition:.35s;
}
.team-card:hover{
transform:translateY(-10px);
box-shadow:0 35px 80px rgba(0,0,0,.12);
}
.team-image{
position:relative;
overflow:hidden;
}
.team-image img{
width:100%;
height:340px;
object-fit:cover;
transition:.5s;
}
.team-card:hover img{
transform:scale(1.08);
}
.team-social{
position:absolute;
bottom:20px;
left:50%;
transform:translateX(-50%);
display:flex;
gap:12px;
opacity:0;
transition:.35s;
}
.team-card:hover .team-social{
opacity:1;
}
.team-social a{
width:45px;
height:45px;
background:#FF6B1A;
color:#fff;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
text-decoration:none;
transition:.3s;
}
.team-social a:hover{
background:#222;
}
.team-content{
padding:30px;
text-align:center;
}
.team-content h3{
font-size:24px;
margin-bottom:8px;
color:#222;
}
.team-content span{
display:block;
color:#FF6B1A;
font-weight:600;
margin-bottom:18px;
}
.team-content p{
color:#666;
line-height:28px;
}
/* Responsive */
@media(max-width:992px){
.team-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:768px){
.team-section{
padding:70px 0;
}
.team-grid{
grid-template-columns:1fr;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4b2545d *//*==========================
TIMELINE SECTION
===========================*/
.timeline-section{
padding:100px 0;
background:#fff;
}
.timeline{
position:relative;
max-width:1100px;
margin:70px auto 0;
}
.timeline::before{
content:"";
position:absolute;
left:50%;
top:0;
transform:translateX(-50%);
width:4px;
height:100%;
background:#FF6B1A;
}
.timeline-item{
position:relative;
width:50%;
padding:20px 40px;
}
.timeline-item.left{
left:0;
}
.timeline-item.right{
left:50%;
}
.timeline-content{
background:#fff;
padding:35px;
border-radius:20px;
box-shadow:0 15px 45px rgba(0,0,0,.08);
position:relative;
transition:.35s;
}
.timeline-content:hover{
transform:translateY(-8px);
box-shadow:0 30px 70px rgba(0,0,0,.12);
}
.timeline-content::before{
content:"";
position:absolute;
top:45px;
width:18px;
height:18px;
background:#FF6B1A;
border:5px solid #fff;
border-radius:50%;
box-shadow:0 0 0 4px rgba(255,107,26,.25);
}
.timeline-item.left .timeline-content::before{
right:-52px;
}
.timeline-item.right .timeline-content::before{
left:-52px;
}
.year{
display:inline-block;
background:#FFF2EA;
color:#FF6B1A;
padding:8px 18px;
border-radius:30px;
font-weight:700;
margin-bottom:15px;
}
.timeline-content h3{
font-size:28px;
color:#222;
margin-bottom:15px;
}
.timeline-content p{
color:#666;
line-height:30px;
}
/*==========================
Responsive
===========================*/
@media(max-width:991px){
.timeline::before{
left:25px;
}
.timeline-item{
width:100%;
left:0!important;
padding-left:70px;
padding-right:0;
margin-bottom:40px;
}
.timeline-item.left .timeline-content::before,
.timeline-item.right .timeline-content::before{
left:-55px;
right:auto;
}
}
@media(max-width:768px){
.timeline-section{
padding:70px 0;
}
.timeline-content{
padding:25px;
}
.timeline-content h3{
font-size:22px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-562c50c *//*==================================
ACHIEVEMENTS
==================================*/
.achievement-section{
padding:100px 0;
background:#F8FAFC;
}
.achievement-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}
.achievement-card{
background:#fff;
padding:45px 30px;
border-radius:22px;
text-align:center;
transition:.35s;
box-shadow:0 20px 50px rgba(0,0,0,.06);
}
.achievement-card:hover{
transform:translateY(-10px);
box-shadow:0 35px 80px rgba(0,0,0,.12);
}
.achievement-icon{
width:85px;
height:85px;
background:#FF6B1A;
color:#fff;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
font-size:34px;
margin:0 auto 25px;
}
.achievement-card h3{
font-size:52px;
color:#FF6B1A;
margin-bottom:15px;
font-weight:700;
}
.achievement-card p{
color:#666;
font-size:18px;
}
/* Responsive */
@media(max-width:992px){
.achievement-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:768px){
.achievement-section{
padding:70px 0;
}
.achievement-grid{
grid-template-columns:1fr;
}
.achievement-card h3{
font-size:42px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-417ca4c *//*==================================
WHY CHOOSE US
==================================*/
.why-us-section{
padding:100px 0;
background:#ffffff;
}
.why-us-grid{
display:grid;
grid-template-columns:1.1fr 1fr;
gap:70px;
align-items:center;
}
.section-tag{
display:inline-block;
padding:10px 22px;
background:#FFF2EA;
color:#FF6B1A;
border-radius:50px;
font-weight:600;
margin-bottom:20px;
}
.why-us-content h2{
font-size:48px;
line-height:1.2;
color:#222;
margin-bottom:20px;
}
.why-us-content>p{
color:#666;
line-height:30px;
margin-bottom:40px;
}
/* Feature List */
.feature-list{
display:flex;
flex-direction:column;
gap:25px;
}
.feature-item{
display:flex;
gap:20px;
align-items:flex-start;
}
.feature-icon{
width:65px;
height:65px;
border-radius:18px;
background:#FF6B1A;
color:#fff;
display:flex;
justify-content:center;
align-items:center;
font-size:24px;
flex-shrink:0;
}
.feature-item h4{
font-size:22px;
color:#222;
margin-bottom:8px;
}
.feature-item p{
color:#666;
line-height:28px;
}
/* Right Side */
.why-us-image{
position:relative;
}
.why-us-image img{
width:100%;
border-radius:25px;
box-shadow:0 25px 60px rgba(0,0,0,.08);
}
.floating-card{
position:absolute;
right:-25px;
bottom:30px;
background:#FF6B1A;
color:#fff;
padding:25px;
width:190px;
border-radius:20px;
text-align:center;
box-shadow:0 25px 50px rgba(255,107,26,.35);
}
.floating-card h3{
font-size:46px;
margin-bottom:10px;
}
.floating-card p{
margin:0;
line-height:24px;
}
/* Responsive */
@media(max-width:991px){
.why-us-grid{
grid-template-columns:1fr;
}
.floating-card{
position:relative;
right:0;
bottom:0;
margin-top:20px;
}
}
@media(max-width:768px){
.why-us-section{
padding:70px 0;
}
.why-us-content h2{
font-size:34px;
}
.feature-item{
flex-direction:column;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-21f10d7 *//*====================================
TESTIMONIALS
====================================*/
.testimonial-section{
padding:100px 0;
background:#F8FAFC;
}
.testimonial-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}
.testimonial-card{
background:#fff;
padding:40px;
border-radius:24px;
box-shadow:0 20px 50px rgba(0,0,0,.06);
transition:.35s;
position:relative;
}
.testimonial-card:hover{
transform:translateY(-10px);
box-shadow:0 35px 80px rgba(0,0,0,.12);
}
.featured{
border:2px solid #FF6B1A;
}
.quote-icon{
width:70px;
height:70px;
background:#FF6B1A;
color:#fff;
border-radius:18px;
display:flex;
justify-content:center;
align-items:center;
font-size:30px;
margin-bottom:25px;
}
.review{
color:#666;
line-height:32px;
font-size:17px;
margin-bottom:30px;
}
.rating{
margin-bottom:30px;
}
.rating i{
color:#FFC107;
margin-right:5px;
}
.client{
display:flex;
align-items:center;
gap:18px;
}
.client img{
width:70px;
height:70px;
border-radius:50%;
object-fit:cover;
}
.client h4{
margin-bottom:5px;
font-size:20px;
color:#222;
}
.client span{
color:#777;
font-size:15px;
}
/* Responsive */
@media(max-width:992px){
.testimonial-grid{
grid-template-columns:1fr;
}
}
@media(max-width:768px){
.testimonial-section{
padding:70px 0;
}
.testimonial-card{
padding:30px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-27297fb *//*==================================
CTA SECTION
==================================*/
.cta-section{
padding:120px 0;
background:linear-gradient(135deg,#FF6B1A,#FF8C42);
position:relative;
overflow:hidden;
}
.cta-section::before{
content:"";
position:absolute;
width:450px;
height:450px;
background:rgba(255,255,255,.08);
border-radius:50%;
top:-150px;
right:-120px;
}
.cta-section::after{
content:"";
position:absolute;
width:300px;
height:300px;
background:rgba(255,255,255,.05);
border-radius:50%;
bottom:-120px;
left:-80px;
}
.cta-wrapper{
position:relative;
z-index:2;
display:grid;
grid-template-columns:1.3fr .7fr;
gap:70px;
align-items:center;
}
.cta-content span{
display:inline-block;
background:rgba(255,255,255,.15);
color:#fff;
padding:10px 22px;
border-radius:40px;
font-weight:600;
margin-bottom:20px;
}
.cta-content h2{
font-size:54px;
color:#fff;
line-height:1.2;
margin-bottom:25px;
}
.cta-content p{
color:rgba(255,255,255,.9);
line-height:32px;
font-size:18px;
margin-bottom:40px;
}
.cta-buttons{
display:flex;
gap:20px;
flex-wrap:wrap;
}
.btn-primary{
background:#fff;
color:#FF6B1A;
padding:18px 40px;
border-radius:12px;
text-decoration:none;
font-weight:700;
transition:.3s;
}
.btn-primary:hover{
transform:translateY(-4px);
}
.btn-secondary{
border:2px solid rgba(255,255,255,.4);
color:#fff;
padding:18px 40px;
border-radius:12px;
text-decoration:none;
font-weight:700;
transition:.3s;
}
.btn-secondary:hover{
background:#fff;
color:#FF6B1A;
}
.cta-stats{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px;
}
.stat-card{
background:rgba(255,255,255,.15);
backdrop-filter:blur(15px);
border:1px solid rgba(255,255,255,.2);
padding:35px;
border-radius:20px;
text-align:center;
}
.stat-card h3{
font-size:44px;
color:#fff;
margin-bottom:10px;
}
.stat-card p{
color:#fff;
opacity:.9;
}
/* Responsive */
@media(max-width:991px){
.cta-wrapper{
grid-template-columns:1fr;
}
.cta-content{
text-align:center;
}
.cta-buttons{
justify-content:center;
}
}
@media(max-width:768px){
.cta-section{
padding:80px 0;
}
.cta-content h2{
font-size:36px;
}
.cta-content p{
font-size:16px;
line-height:28px;
}
.cta-stats{
grid-template-columns:1fr;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-11edf3f *//*==============================
LATEST BLOGS
==============================*/
.blog-section{
padding:100px 0;
background:#F8FAFC;
}
.blog-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:35px;
margin-top:60px;
}
.blog-card{
background:#fff;
border-radius:22px;
overflow:hidden;
box-shadow:0 20px 50px rgba(0,0,0,.06);
transition:.35s;
}
.blog-card:hover{
transform:translateY(-12px);
box-shadow:0 35px 80px rgba(0,0,0,.12);
}
.blog-image{
position:relative;
overflow:hidden;
}
.blog-image img{
width:100%;
height:260px;
object-fit:cover;
transition:.5s;
}
.blog-card:hover img{
transform:scale(1.08);
}
.blog-image span{
position:absolute;
top:20px;
left:20px;
background:#FF6B1A;
color:#fff;
padding:8px 18px;
border-radius:30px;
font-size:14px;
font-weight:600;
}
.blog-content{
padding:30px;
}
.blog-meta{
display:flex;
justify-content:space-between;
margin-bottom:18px;
color:#999;
font-size:14px;
}
.blog-content h3{
font-size:26px;
line-height:1.4;
margin-bottom:18px;
color:#222;
}
.blog-content p{
color:#666;
line-height:30px;
margin-bottom:25px;
}
.blog-content a{
color:#FF6B1A;
text-decoration:none;
font-weight:700;
}
.blog-btn{
text-align:center;
margin-top:60px;
}
.primary-btn{
display:inline-block;
padding:18px 42px;
background:#FF6B1A;
color:#fff;
text-decoration:none;
border-radius:12px;
font-weight:700;
transition:.3s;
}
.primary-btn:hover{
background:#F25500;
transform:translateY(-3px);
}
/* Responsive */
@media(max-width:992px){
.blog-grid{
grid-template-columns:1fr;
}
}
@media(max-width:768px){
.blog-section{
padding:70px 0;
}
.blog-content h3{
font-size:22px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5ab0aba *//*==============================
CERTIFICATION SECTION
==============================*/
.certification-section{
padding:100px 0;
background:#ffffff;
}
.certification-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
margin-top:60px;
}
.cert-card{
background:#fff;
padding:40px;
border-radius:22px;
text-align:center;
border:1px solid #ececec;
box-shadow:0 15px 40px rgba(0,0,0,.06);
transition:.35s;
}
.cert-card:hover{
transform:translateY(-10px);
box-shadow:0 30px 70px rgba(0,0,0,.12);
}
.cert-icon{
width:90px;
height:90px;
margin:auto;
background:#FFF3EB;
color:#FF6B1A;
border-radius:20px;
display:flex;
align-items:center;
justify-content:center;
font-size:42px;
margin-bottom:25px;
transition:.3s;
}
.cert-card:hover .cert-icon{
background:#FF6B1A;
color:#fff;
}
.cert-card h3{
font-size:26px;
margin-bottom:15px;
color:#222;
}
.cert-card p{
line-height:30px;
color:#666;
}
.partner-box{
margin-top:80px;
padding:50px;
background:#F8FAFC;
border-radius:25px;
text-align:center;
}
.partner-box h3{
font-size:36px;
margin-bottom:35px;
color:#222;
}
.partner-logos{
display:flex;
justify-content:center;
gap:18px;
flex-wrap:wrap;
}
.partner-logos span{
padding:14px 30px;
background:#fff;
border-radius:50px;
font-weight:600;
color:#555;
box-shadow:0 10px 30px rgba(0,0,0,.05);
transition:.3s;
}
.partner-logos span:hover{
background:#FF6B1A;
color:#fff;
}
/* Responsive */
@media(max-width:992px){
.certification-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:768px){
.certification-section{
padding:70px 0;
}
.certification-grid{
grid-template-columns:1fr;
}
.partner-box{
padding:30px;
}
.partner-box h3{
font-size:28px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b09ade5 *//*==================================
OFFICE GALLERY
==================================*/
.office-gallery{
padding:100px 0;
background:#F8FAFC;
}
.gallery-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
grid-auto-rows:280px;
gap:25px;
margin-top:60px;
}
.gallery-item{
position:relative;
overflow:hidden;
border-radius:24px;
cursor:pointer;
}
.gallery-item.large{
grid-column:span 2;
}
.gallery-item img{
width:100%;
height:100%;
object-fit:cover;
transition:.5s;
}
.gallery-item:hover img{
transform:scale(1.08);
}
.gallery-overlay{
position:absolute;
left:0;
bottom:0;
width:100%;
padding:35px;
background:linear-gradient(to top,rgba(0,0,0,.85),transparent);
color:#fff;
transition:.35s;
}
.gallery-overlay h3{
font-size:28px;
margin-bottom:10px;
}
.gallery-overlay p{
color:rgba(255,255,255,.85);
}
.gallery-item:hover .gallery-overlay{
padding-bottom:50px;
}
/* Responsive */
@media(max-width:991px){
.gallery-grid{
grid-template-columns:1fr 1fr;
}
.gallery-item.large{
grid-column:span 2;
}
}
@media(max-width:768px){
.office-gallery{
padding:70px 0;
}
.gallery-grid{
grid-template-columns:1fr;
grid-auto-rows:250px;
}
.gallery-item.large{
grid-column:span 1;
}
.gallery-overlay h3{
font-size:22px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-17a1d8a *//*==========================
GLOBAL PRESENCE
==========================*/
.global-section{
padding:100px 0;
background:#ffffff;
}
.global-wrapper{
display:grid;
grid-template-columns:1fr 1fr;
gap:80px;
align-items:center;
margin-top:70px;
}
/* Left */
.global-image{
position:relative;
}
.global-image img{
width:100%;
border-radius:25px;
box-shadow:0 25px 60px rgba(0,0,0,.08);
}
.location-card{
position:absolute;
bottom:30px;
right:-30px;
background:#FF6B1A;
color:#fff;
padding:30px;
border-radius:20px;
text-align:center;
width:180px;
box-shadow:0 25px 60px rgba(255,107,26,.35);
}
.location-card h3{
font-size:48px;
margin-bottom:8px;
}
/* Right */
.global-content{
display:flex;
flex-direction:column;
gap:25px;
}
.country-item{
display:flex;
gap:20px;
align-items:flex-start;
padding:25px;
background:#F8FAFC;
border-radius:18px;
transition:.35s;
}
.country-item:hover{
background:#FFF3EB;
transform:translateX(8px);
}
.country-icon{
width:70px;
height:70px;
background:#FF6B1A;
color:#fff;
border-radius:18px;
display:flex;
justify-content:center;
align-items:center;
font-size:30px;
flex-shrink:0;
}
.country-item h4{
font-size:24px;
margin-bottom:8px;
color:#222;
}
.country-item p{
line-height:28px;
color:#666;
}
/* Responsive */
@media(max-width:991px){
.global-wrapper{
grid-template-columns:1fr;
}
.location-card{
position:relative;
right:0;
bottom:0;
margin-top:20px;
}
}
@media(max-width:768px){
.global-section{
padding:70px 0;
}
.country-item{
flex-direction:column;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ee7e328 *//*=========================
FAQ SECTION
=========================*/
.faq-section{
padding:100px 0;
background:#F8FAFC;
}
.faq-wrapper{
max-width:900px;
margin:60px auto 0;
}
.faq-item{
background:#fff;
border-radius:18px;
margin-bottom:20px;
overflow:hidden;
box-shadow:0 15px 40px rgba(0,0,0,.05);
transition:.3s;
}
.faq-question{
width:100%;
padding:28px 35px;
background:none;
border:none;
display:flex;
justify-content:space-between;
align-items:center;
font-size:22px;
font-weight:600;
cursor:pointer;
color:#222;
text-align:left;
}
.faq-question span{
font-size:30px;
color:#FF6B1A;
transition:.3s;
}
.faq-answer{
max-height:0;
overflow:hidden;
transition:max-height .35s ease;
}
.faq-answer p{
padding:0 35px 30px;
color:#666;
line-height:30px;
}
.faq-item.active .faq-answer{
max-height:250px;
}
.faq-item.active .faq-question span{
transform:rotate(45deg);
}
/* Responsive */
@media(max-width:768px){
.faq-section{
padding:70px 0;
}
.faq-question{
font-size:18px;
padding:22px;
}
.faq-answer p{
padding:0 22px 22px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4bff89a *//*==========================
CONTACT SECTION
==========================*/
.contact-section{
padding:100px 0;
background:#fff;
}
.contact-wrapper{
display:grid;
grid-template-columns:380px 1fr;
gap:50px;
margin-top:60px;
}
.contact-info{
display:flex;
flex-direction:column;
gap:25px;
}
.info-card{
display:flex;
gap:20px;
align-items:center;
padding:25px;
background:#F8FAFC;
border-radius:20px;
transition:.35s;
}
.info-card:hover{
transform:translateX(8px);
background:#FFF4EC;
}
.info-icon{
width:65px;
height:65px;
background:#FF6B1A;
color:#fff;
border-radius:18px;
display:flex;
justify-content:center;
align-items:center;
font-size:24px;
flex-shrink:0;
}
.info-card h3{
font-size:22px;
margin-bottom:6px;
color:#222;
}
.info-card p{
color:#666;
line-height:26px;
}
.contact-form{
background:#fff;
padding:45px;
border-radius:25px;
box-shadow:0 25px 70px rgba(0,0,0,.08);
}
.form-row{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px;
margin-bottom:20px;
}
.contact-form input,
.contact-form textarea{
width:100%;
padding:18px 20px;
border:1px solid #ddd;
border-radius:12px;
font-size:16px;
outline:none;
transition:.3s;
margin-bottom:20px;
}
.contact-form input:focus,
.contact-form textarea:focus{
border-color:#FF6B1A;
box-shadow:0 0 0 4px rgba(255,107,26,.12);
}
.contact-form textarea{
resize:none;
}
.contact-form button{
background:#FF6B1A;
color:#fff;
border:none;
padding:18px 40px;
font-size:17px;
font-weight:600;
border-radius:12px;
cursor:pointer;
transition:.3s;
}
.contact-form button:hover{
background:#e85d0c;
transform:translateY(-3px);
}
/* Responsive */
@media(max-width:991px){
.contact-wrapper{
grid-template-columns:1fr;
}
}
@media(max-width:768px){
.contact-section{
padding:70px 0;
}
.form-row{
grid-template-columns:1fr;
}
.contact-form{
padding:30px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-05cdc41 *//*=================================
OUR PROCESS
=================================*/
.process-section{
padding:100px 0;
background:#F8FAFC;
}
.process-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
margin-top:60px;
}
.process-card{
position:relative;
background:#fff;
border-radius:24px;
padding:40px 30px;
text-align:center;
box-shadow:0 20px 60px rgba(0,0,0,.06);
transition:.35s;
overflow:hidden;
}
.process-card:hover{
transform:translateY(-10px);
box-shadow:0 35px 80px rgba(0,0,0,.12);
}
.process-number{
position:absolute;
top:20px;
right:20px;
font-size:55px;
font-weight:800;
color:rgba(255,107,26,.08);
}
.process-icon{
width:90px;
height:90px;
margin:auto;
background:#FF6B1A;
color:#fff;
border-radius:20px;
display:flex;
align-items:center;
justify-content:center;
font-size:36px;
margin-bottom:30px;
}
.process-card h3{
font-size:26px;
color:#222;
margin-bottom:15px;
}
.process-card p{
color:#666;
line-height:30px;
}
/* Connecting Line */
.process-card:not(:last-child)::after{
content:"";
position:absolute;
top:45px;
right:-40px;
width:80px;
height:3px;
background:#FFD7BF;
}
@media(max-width:991px){
.process-grid{
grid-template-columns:repeat(2,1fr);
}
.process-card::after{
display:none;
}
}
@media(max-width:768px){
.process-section{
padding:70px 0;
}
.process-grid{
grid-template-columns:1fr;
}
.process-card{
padding:35px 25px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a51561a *//*=============================
TRUSTED BRANDS
==============================*/
.trusted-section{
padding:100px 0;
background:#ffffff;
}
.logo-grid{
display:grid;
grid-template-columns:repeat(6,1fr);
gap:25px;
margin-top:60px;
}
.logo-card{
background:#fff;
border:1px solid #eee;
border-radius:20px;
height:120px;
display:flex;
align-items:center;
justify-content:center;
transition:.35s;
box-shadow:0 15px 35px rgba(0,0,0,.05);
}
.logo-card:hover{
transform:translateY(-8px);
box-shadow:0 25px 60px rgba(0,0,0,.12);
}
.logo-card img{
max-width:120px;
max-height:50px;
filter:grayscale(100%);
opacity:.75;
transition:.3s;
}
.logo-card:hover img{
filter:none;
opacity:1;
}
.trust-stats{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
margin-top:80px;
}
.trust-box{
background:#FF6B1A;
color:#fff;
border-radius:22px;
text-align:center;
padding:40px;
}
.trust-box h3{
font-size:52px;
margin-bottom:10px;
}
.trust-box p{
font-size:18px;
opacity:.9;
}
/* Responsive */
@media(max-width:992px){
.logo-grid{
grid-template-columns:repeat(3,1fr);
}
.trust-stats{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:768px){
.trusted-section{
padding:70px 0;
}
.logo-grid{
grid-template-columns:repeat(2,1fr);
}
.trust-stats{
grid-template-columns:1fr;
}
.logo-card{
height:100px;
}
.logo-card img{
max-width:90px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-60ea9f1 *//*=========================
CASE STUDIES
=========================*/
.case-study-section{
padding:100px 0;
background:#F8FAFC;
}
.case-study-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:40px;
margin-top:60px;
}
.case-card{
background:#fff;
border-radius:24px;
overflow:hidden;
box-shadow:0 20px 60px rgba(0,0,0,.08);
transition:.35s;
}
.case-card:hover{
transform:translateY(-10px);
box-shadow:0 35px 80px rgba(0,0,0,.12);
}
.case-image{
position:relative;
overflow:hidden;
}
.case-image img{
width:100%;
height:280px;
object-fit:cover;
transition:.5s;
}
.case-card:hover img{
transform:scale(1.08);
}
.case-tag{
position:absolute;
top:20px;
left:20px;
background:#FF6B1A;
color:#fff;
padding:10px 18px;
border-radius:30px;
font-size:14px;
font-weight:600;
}
.case-content{
padding:35px;
}
.case-content h3{
font-size:30px;
margin-bottom:18px;
color:#222;
}
.case-content p{
color:#666;
line-height:30px;
margin-bottom:30px;
}
.case-results{
display:grid;
grid-template-columns:repeat(3,1fr);
text-align:center;
margin-bottom:30px;
padding:25px 0;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
}
.case-results h4{
font-size:32px;
color:#FF6B1A;
margin-bottom:8px;
}
.case-results span{
color:#777;
font-size:15px;
}
.case-btn{
display:inline-block;
padding:14px 28px;
background:#FF6B1A;
color:#fff;
text-decoration:none;
border-radius:10px;
font-weight:600;
transition:.3s;
}
.case-btn:hover{
background:#e85d0c;
transform:translateY(-3px);
}
@media(max-width:992px){
.case-study-grid{
grid-template-columns:1fr;
}
}
@media(max-width:768px){
.case-study-section{
padding:70px 0;
}
.case-content{
padding:25px;
}
.case-content h3{
font-size:24px;
}
.case-results{
grid-template-columns:1fr;
gap:20px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-351b8ce *//*==================================
AWARDS SECTION
==================================*/
.awards-section{
padding:100px 0;
background:#fff;
}
.awards-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
margin-top:60px;
}
.award-card{
background:#fff;
border:1px solid #eee;
border-radius:24px;
padding:40px 30px;
text-align:center;
transition:.35s;
box-shadow:0 15px 45px rgba(0,0,0,.06);
}
.award-card:hover{
transform:translateY(-10px);
box-shadow:0 30px 70px rgba(0,0,0,.12);
}
.award-icon{
width:90px;
height:90px;
background:#FF6B1A;
color:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:36px;
margin:0 auto 25px;
}
.award-card h3{
font-size:24px;
color:#222;
margin-bottom:15px;
}
.award-card p{
color:#666;
line-height:28px;
margin-bottom:20px;
}
.award-card span{
display:inline-block;
padding:10px 20px;
background:#FFF2EA;
color:#FF6B1A;
border-radius:30px;
font-weight:700;
}
/* Responsive */
@media(max-width:992px){
.awards-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:768px){
.awards-section{
padding:70px 0;
}
.awards-grid{
grid-template-columns:1fr;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ef496eb *//*====================================
MARKETING TECH STACK
=====================================*/
.tech-stack{
padding:100px 0;
background:#F8FAFC;
}
.tech-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
margin-top:60px;
}
.tech-card{
background:#fff;
border-radius:22px;
padding:35px;
text-align:center;
border:1px solid #ececec;
transition:.35s;
box-shadow:0 15px 40px rgba(0,0,0,.05);
}
.tech-card:hover{
transform:translateY(-10px);
box-shadow:0 25px 60px rgba(255,107,26,.15);
}
.tech-icon{
width:80px;
height:80px;
margin:0 auto 25px;
border-radius:18px;
background:#FFF2EA;
color:#FF6B1A;
display:flex;
align-items:center;
justify-content:center;
font-size:34px;
transition:.3s;
}
.tech-card:hover .tech-icon{
background:#FF6B1A;
color:#fff;
}
.tech-card h3{
font-size:24px;
margin-bottom:15px;
color:#222;
}
.tech-card p{
color:#666;
line-height:28px;
}
/* Responsive */
@media(max-width:992px){
.tech-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:768px){
.tech-stack{
padding:70px 0;
}
.tech-grid{
grid-template-columns:1fr;
}
.tech-card{
padding:30px;
}
}/* End custom CSS */