/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 12-Jul-2023, 2:44:28 PM
    Author     : iconflux
*/
/* @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap'); */

/* variables  */
:root{
    --blue : #2966FF;
    --bg-blue : #0049FE;
    --dark-blue : #0034B7;
    --yellow : #FFCE33;
    --dark-yellow : #DDA907;
}

@font-face {font-family: 'inter-medium';src: url('../fonts/Inter-Medium.ttf');font-weight: normal;font-style: normal;}
@font-face {font-family: 'inter-semibold';src: url('../fonts/Inter-SemiBold.ttf');font-weight: normal;font-style: normal;}
@font-face {font-family: 'inter-regular';src: url('../fonts/Inter-Regular.ttf');font-weight: normal;font-style: normal;}
@font-face {font-family: 'inter-light';src: url('../fonts/Inter-Light.ttf');font-weight: normal;font-style: normal;}
@font-face {font-family: 'manrope-light';src: url('../fonts/Manrope-Light.ttf');font-weight: normal;font-style: normal;}
@font-face {font-family: 'manrope-medium';src: url('../fonts/Manrope-Medium.ttf');font-weight: normal;font-style: normal;}
@font-face {font-family: 'manrope-regular';src: url('../fonts/Manrope-Regular.ttf');font-weight: normal;font-style: normal;}
@font-face {font-family: 'manrope-semibold';src: url('../fonts/Manrope-SemiBold.ttf');font-weight: normal;font-style: normal;}
@font-face {font-family: 'manrope-bold';src: url('../fonts/Manrope-Bold.ttf');font-weight: normal;font-style: normal;}

body{height: 100vh;width: 100vw;overflow-y: auto;overflow-x: hidden;}

/* global classes  */
.ff-manrope-medium{font-family: 'manrope-medium';}
.ff-manrope-semibold{font-family: 'manrope-semibold' !important;}
.ff-manrope-bold{font-family: 'manrope-bold' !important;}
.ff-inter-medium{font-family: 'inter-medium' !important;}
.ff-inter{font-family: 'inter-regular';}
.fs-32{font-size: 32px;}
.fs-24{font-size: 24px;}
.fs-22{font-size: 22px;}
.fs-20{font-size: 20px;}
.fs-18{font-size: 18px;}
.fs-14{font-size: 14px;}
.fs-12{font-size: 12px;}
.fs-10{font-size: 10px;}
.fs-5{font-size: 5px !important;}
.clr-dark{color: #1D1D20;}
.transition{transition: all 0.5s ease;}
.bg-white-gradient{padding: 15px;border-radius: 12px;background: linear-gradient(90.33deg, rgba(255, 255, 255, 0.15) 1%, rgba(255, 255, 255, 0.05) 100%);border: 1px solid #FFFFFF80;backdrop-filter: blur(100px);}
.py-100{padding-top: 100px;padding-bottom: 100px;}
.bg-light-gray{background-color: #F7F9FB;}
.section_head{font-size: 46px;}
.clr-black-80{color: #1D1D20CC;}
.clr-black-70{color: #1d1d20b3;}
.clr-blue{color: var(--bg-blue);}




/* logo with animation */
.logo{height: 40px;width: 138px;}
.logo img{position: absolute;object-fit: contain;}
.logo-part-1{opacity: 0;animation: fade-in 0.3s ease 1s forwards;}
.logo-part-2{opacity: 0;left: -50px;animation: fade-left 0.3s ease 1.5s forwards;}
.logo-part-3{opacity: 0;right: -50px;animation: fade-right 0.3s ease 1.5s forwards;}


/* buttons design  */
.btn{border-radius: 10px;padding: 1px;margin: 1px;width: fit-content;font-family: 'manrope-semibold';}
.btn-yellow{background: linear-gradient(180deg, var(--yellow) 0%, var(--dark-yellow) 100%);}
.btn-white{background: linear-gradient(180deg, #1D1D2026 0%, #1D1D2026 100%);}
.btn-blue{background: linear-gradient(180deg, var(--blue) 0%, var(--dark-blue) 100%);}
.btn-inner{gap: 8px;padding: 16px 20px;border-radius: 10px;width: fit-content;line-height: 16px;font-family: 'manrope-semibold';font-size: 15px;z-index: 1;}
.btn .img{fill: black;width: 30px;height: 30px;background-color: #ffffff80;}
.btn-yellow .btn-inner{background: var(--yellow);}
.btn-white .btn-inner{background: #F7F9FB;}
.btn-blue .btn-inner{background: var(--blue);}
.btn:hover{padding: 2px;margin: 0px;box-shadow: 0px 8px 8px -4px #FFCE33B2;}
.btn-white:hover{background: linear-gradient(180deg, var(--yellow) 0%, var(--dark-yellow) 100%);}
.btn-blue:hover{box-shadow: 0px 8px 8px -4px #2966FFB2;}
.btn-white:hover .btn-inner{background: var(--yellow);}
.btn::after{content: '';height: 97.37px;width: 36.98px;position: absolute;top: 50%;left: -100px;background: linear-gradient(78.84deg, #CFCFCF -19.28%, #FFFFFF 42.04%, #BABABA 97.53%);filter: blur(24px);mix-blend-mode: Plus-lighter;transform: skewX(-17deg) translateY(-50%);transition: all 0.8s ease;border-radius: 60px;opacity: 80%;z-index: 9;}
.btn:hover::after{left: calc(100% + 100px);}

/* navbar design  */
nav{max-height: 100px;}
.nav-link{color: #1D1D20;padding-inline: 2px;margin-inline: 8px;white-space: nowrap;}
.main-link::before{content: '';position: absolute;width: 0px !important;height: 2px !important;background-color: var(--blue);bottom: 0;left: -1px;top: unset !important;transition: all 0.5s ease;}
.main-link:hover::before, .main-link.active::before{width: calc(100% + 2px) !important;}
.main-link:hover, .main-link.active{color: var(--blue) !important;}
.dropdown-toggle::after{border-top: none;border-right: 1px solid black;border-bottom: 1px solid black;border-left: none;height: 5px;width: 5px;transform: rotate(45deg);transition: all 0.5s ease;}
.dropdown-toggle:hover::after, .dropdown-toggle.active::after{transform: rotate(-135deg);border-bottom-color: var(--blue);border-right-color: var(--blue);}
.dropdown-menu:has(.nav-menu){left: 5vw;top: 60px !important;padding-top: 20px;}
.nav-menu{border-radius: 25px;background-color: #ffffff;border: 1px solid #00206026;box-shadow: 0px 4px 20px 0px #0000000D;width: fit-content;max-width: 1200px;min-width: 50vw;}
.nav-menu .first-button .nav-link{padding: 10px 30px !important;background-color: #F7F9FB;font-size: 14px !important;font-family: 'manrope-semibold';color: #1D1D20;border-bottom: 1px solid #00206026;}
.nav-menu .sub-links .nav-link{padding: 10px 30px !important;font-size: 14px !important;color: #1D1D2099;font-family: 'manrope-semibold';}
.nav-menu .sub-links .fa{margin-left: -47px;margin-right: 30px;}
.nav-menu .sub-links .nav-link:hover, .nav-menu .sub-links .nav-link.active{background: var(--yellow);color: #000000;}
.nav-menu .sub-links .nav-link:hover .fa, .nav-menu .sub-links .nav-link.active .fa{margin-left: 0px;margin-right: 6px;}

/* home page design */
.home{background-color: var(--bg-blue);height: calc(100vh - 100px);width: 100vw;max-height: 682px;min-height: 682px;border-bottom-left-radius: 40px;border-bottom-right-radius: 40px;}
.home .bg-part-1{top: -100%;animation: bgFromTop 1.5s ease 1s 1 forwards;}
.home .bg-part-2{bottom: -100%;animation: bgFromBottom 1.5s ease 1s 1 forwards;right: 0;}
.home .bg-part-3{top: -100%;animation: bgFromTop 1.5s ease 1s 1 forwards;}
.home .bg-part-1 img{width: 44.83vw;max-height: 682px;object-fit: cover;object-position: top right;}
.home .bg-part-2 img{width: 55.19vw;max-height: calc(682px - 100px);object-fit: cover;object-position: top left;}
.home .bg-part-3 img{width: 46.83vw;height: 100px;object-fit: cover;object-position: bottom center;}
.home .bg-white-gradient.text-uppercase{letter-spacing: 14.5%;}
.home h1{font-size: 60px;max-width: 1000px;transform: translateY(100px);opacity: 0;animation: fade-in 1s ease 1s forwards, fade-up 1s ease 1s forwards;}
.client-section{padding: 50px 0px 53px;}
.core-service-card{border-radius: 35px;border: 1px solid #1D1D2026;}
.core-service-card .nav-link{padding: 46px 40px !important;border-color: #1D1D2026 !important;}
.core-service-card .nav-link.active, .core-service-card .nav-link:hover{background-color: var(--blue) !important;color: #ffffff;}
.core-service-card .nav-link .icon_wrapper{height: 60px;width: 60px;background-color: #FFFFFF1A;border: 1px solid #ffffff80;border-radius: 12px;}
.core-service-card .nav-link.active img, .core-service-card .nav-link:hover img{filter: invert(1);}
.core-service-card .tab-pane{padding: 36px 40px !important;}
.creativity-section{background: var(--bg-blue);border-radius: 40px;}
.creativity-section .card_wrapper{border: 1px solid #FFFFFF80;border-radius: 45px;padding: 25px;}
.creative-card{background-color: rgba(255, 255, 255, 10%);min-height: 231px;min-width: 251px;border: 1px solid rgba(255, 255, 255, 50%);border-radius: 30px;}   
.creative-card-data *, .creative-card-data{color: #ffffff;font-family: 'Manrope', sans-serif;margin: 0px;text-align: center;transition: all 0.5s ease;}
.creative-card:hover .creative-card-data{scale: 1.2;}
.creative-card-top, .creative-card-bottom{position: absolute;height: 100%;width: 100%;left: 0;transition: all 0.5s ease;}
.creative-card-top{background: url('../images/New-Design/creative-card-top-bg.png') no-repeat top right;top: 0;}
.creative-card-bottom{background: url('../images/New-Design/creative-card-bottom-bg.png') no-repeat bottom left;bottom: 0;}
.creative-card:hover .creative-card-top{top: -100%;}
.creative-card:hover .creative-card-bottom{bottom: -100%;}
.creative-card::before, .creative-card::after{content: '';position: absolute;width: 60px;height: 11px;border-radius: 10px;background-color: #FFCE33;right: 50%;transform: translateX(50%);transition: all 0.5s ease;}
.creative-card::before{top: 0;}
.creative-card::after{bottom: 0;}
.creative-card:hover::before{right: 25%;}
.creative-card:hover::after{right: 75%;}
.technology-card, .tech-stack-card{border-radius: 45px;border: 1px solid #0000000D;}
.technology-card .nav-link{border-bottom: 4px solid #ffffff00 !important;transition: all 0.2s ease;border-right: 1px solid #ffffff00;border-left: 1px solid #ffffff00;}
.technology-card .nav-link.active, .technology-card .nav-link:hover{background: linear-gradient(180deg, #F7F9FB 81.32%, rgba(255, 255, 255, 0.8) 100%);border-bottom: 4px solid var(--bg-blue) !important;border-right: 1px solid #00206026;border-left: 1px solid #00206026;}
.technology-card .tab-content{padding: 34px 40px;}
.case-study-slide{border: 1px solid #1D1D2026;border-radius: 30px;padding: 20px 30px;width: fit-content;}
.case-study-slide .card-img{height: 324px;width: 512px;overflow: hidden;border-radius: 20px;}
.case-study-slide:hover img{scale: 1.2;}
.sector-card{border-radius: 20px;border: 1px solid #1D1D2026;padding: 31px 30px;max-width: 362px;min-height: 427px;}
.sector-card .icon_wrapper{border-radius: 15px;height: 71px;width: 71px;background-color: var(--bg-blue);border: 1px solid var(--bg-blue);}
.sector-card .labels{padding: 10px 14px;border-radius: 10px;border: 1px solid #1D1D201A;width: fit-content;}
.sector-card::after, .sector-card::before{content: '';height: 100%;width: 100%;position: absolute;left: 0;transition: all 0.5s ease;}
.sector-card::before{background: url('../images/New-Design/sector-card-top-bg.png') no-repeat top right;top: -100%;}
.sector-card::after{background: url('../images/New-Design/sector-card-bottom-bg.png') no-repeat bottom left;bottom: -100%;}
.sector-card:hover{background-color: var(--bg-blue) !important;}
.sector-card:hover .clr-black{color: #ffffff;}
.sector-card:hover .clr-black-70{color: #ffffffb3;}
.sector-card:hover .labels{background: #F7F9FB33;border: 1px solid #FFFFFF26;}
.sector-card:hover hr{background-color: #FFFFFF26 !important;}
.sector-card:hover .icon_wrapper{background: #fff;border: 1px solid #fff;}
.sector-card:hover .icon_wrapper img{filter: invert(41%) sepia(100%) saturate(6000%) hue-rotate(215deg) brightness(105%) contrast(105%);}
.sector-card:hover::before{top: 0;}
.sector-card:hover::after{bottom: 0;}
.tech-stack-card .nav-link.active, .tech-stack-card .nav-link:hover{background-color: var(--bg-blue) !important;color: #fff !important;} 
.tech-stack-tabs{padding: 26px 30px 37px;}
.tech-stack-tabs .img_wrapper .upper{height: 91px;width: 91px;border-radius: 15px;border: 1px solid #27282D1A;padding: 5px;}
.tech-stack-tabs .img_wrapper .inner{border-radius: 12px;border: 1px solid #27282D1A;}
.why-us-card{padding: 28px 28px;box-shadow: 0px 1px 4px 0px #0000000D;border: 1px solid #27282D26 !important;border-radius: 30px;}
.hire-labels{min-height: 150px;}
.hire-labels .label{border-radius: 10px;border: 1px solid #27282D1A;width: fit-content;min-width: 199px;margin-top: -10px;}
.hire-labels .label-1{left: 0;top: 0;}
.hire-labels .label-2{left: 50%;top: 41px;transform: translateX(-50%);}
.hire-labels .label-3{left: calc(100% - 199px);top: 82px;}
.hire-us-card:hover .label{scale: 1.1;left: 50%;transform: translateX(-50%) !important;}
.hire-us-card:hover .label-1{top: -18px;}
.hire-us-card:hover .label-3{top: 100px;}
.timezone-card img{border-top-left-radius: 26px;border-top-right-radius: 26px;margin-bottom: -20px;margin-top: 10px;}
.timezone-card:hover img{background-color: var(--bg-blue);margin-bottom: -30px;margin-top: 0px;scale: 1.01;}
.ce-team-wrapper .card{width: 110px;border-radius: 7px;border: 1px solid #0020601A;padding: 7px 10px;box-shadow: 0px 0px 0px 5px #ffffff;height: fit-content;}
.ce-team-wrapper .card-1{margin-top: 25px;z-index: 1;}
.ce-team-wrapper .card-2{margin-top: 50px;margin-left: -20px;z-index: 3;}
.ce-team-wrapper .card-3{margin-top: 0px;margin-left: -28px;z-index: 2;}
.ce-team-card .card:hover{scale: 1.1;z-index: 4;}
.testimonial-card{width: 361px;min-height: 449px;background-color: var(--bg-blue);border-radius: 25px;padding: 25px;}
.testimonial-card .rating-icon{height: 15px;width: 15px;}
.testimonail-round-img{height: 54px;width: 54px;}
.testimonial-card .client-img{padding: 25px;height: 100%;}
.testimonial-card:hover .client-img{height: 0px;padding: 0px;}
.testimonial-card .client-img.aston{background: url('../images/New-Design/aston.png');}
.testimonial-card .client-img.john{background: url('../images/New-Design/john.png');}
.testimonial-card .client-img.bhavik{background: url('../images/New-Design/bhavik.png');}
.cta-section{border-radius: 40px;background-color: var(--bg-blue);}
.cta-section .rotate-bg{top: 50%;transform: translateY(-50%) rotate(0deg);opacity: 0.1;animation: rotation 30s infinite linear;}
.blog-link-card{border-radius: 18.15px;border: 1px solid #1D1D2026;}
.blog-link-card .card-img{max-height: 221px;}
.blog-link-card .card-img img{object-position: left;transform-origin: left;}
.blog-link-card:hover .card-img img{transform: scale(1.5);}
.blog-link-card .card-body{padding: 22px 26px;}
.blog-link-card:hover .blue-arrow-btn{opacity: 1 !important;}
.faq-section .accordion-item{border-radius: 20px;border: 1px solid #1D1D2026;}
.faq-section .accordion-button:not(.collapsed){background-color: #fff;box-shadow: none;color: #1D1D20;}
.faq-section .accordion-button::after{background-image: none;height: 40px;width: 40px;border-radius: 12px;display: flex;align-items: center;justify-content: center;border: 1px solid #1D1D2026;font-size: 22px;font-weight: 700;content: '-';background-color: #F7F9FB;color: #1D1D20;}
.faq-section .accordion-button.collapsed::after{content: '+';background-color: #fff;}

/* details page hero section  */
.listing__wrapper .home{background-color: var(--bg-blue);height: calc(100vh - 100px);width: 100vw;max-height: 614px;min-height: 614px;border-bottom-left-radius: 40px;border-bottom-right-radius: 40px;}
.listing__wrapper .home .bg-part-1 img{width: 44.83vw;max-height: 652px;object-fit: cover;object-position: top right;}
.listing__wrapper .home .bg-part-2 img{width: 55.19vw;max-height: calc(614px - 100px);object-fit: cover;object-position: top left;}
.listing__wrapper .home .bg-part-3 img{width: 46.83vw;height: 100px;object-fit: cover;object-position: bottom center;}

/* emerging-technologies css */
.services_we_offer .accordion-item{border-radius: 20px;border: 1px solid #1D1D2026;}
.services_we_offer .accordion-button:not(.collapsed){background-color: var(--bg-blue);box-shadow: none;color: #ffffff;outline: none !important;}
.services_we_offer .accordion-collapse{background-color: var(--bg-blue);}
.services_we_offer .accordion-button::after{background-image: url('../images/New-Design/yellow_arrow.svg');height: 30px;width: 30px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background-size: cover;transform: rotate(90deg);}
.services_we_offer .accordion-button.collapsed::after{transform: rotate(0deg);}
.leading_business_industry{background-color: var(--bg-blue);border-radius: 40px;height: 450px;}
.leading_business_industry img{transform: translateY(100px);opacity: 0;;animation: fade-in 1s ease 1s forwards, fade-up 1s ease 1s forwards;}
.engagement_model_card{border-radius: 30px;border: 1px solid #1D1D2026;}
.engagement_model_card .card-head{padding: 28px 40px;border-bottom: 1px solid #1D1D2026;box-shadow: 0px 1px 4px 0px #0000000D;}
.engagement_model_card .card-body{padding: 40px;}
.build_your_team{background-color: var(--bg-blue);border-radius: 40px;}
.build_your_team .card{border-radius: 25px;border: 2px solid #F7F9FB80;}
.build_your_team .card-upper{border-bottom: 2px solid #F7F9FB80 !important;padding: 40px 20px 27px;}
.build_your_team .card-bottom{padding: 27px 20px 40px;}
.build_your_team .card.yellow, .build_your_team .card.card-upper{border-color: #FFCE33;}
.build_your_team .card.yellow .position-absolute{border-bottom-left-radius: 25px;border-bottom: 2px solid #FFCE33;border-left: 2px solid #FFCE33;background: linear-gradient(276.48deg, rgba(255, 206, 51, 0) 0%, rgba(255, 206, 51, 0.3) 166.07%);padding: 14px 28px;}
.dream__project{background-color: var(--bg-blue);background-image: url('../images/New-Design/dream_project_img.png');background-size: cover;background-repeat: no-repeat;border-radius: 40px;}



/* footer css */
.footer-form{border: 1px solid #1D1D2026;border-radius: 30px;padding: 30px 34px;}
.footer-icon-wrapper{height: 50px;width: 50px;background: linear-gradient(93.38deg, rgba(41, 102, 255, 0.04) -11.31%, rgba(41, 102, 255, 0.02) 63.62%);border: 1px solid #00206014;border-radius: 10px;}
.footer-btn{height: 38px;width: 38px;background: linear-gradient(93.38deg, rgba(41, 102, 255, 0.04) -11.31%, rgba(41, 102, 255, 0.02) 63.62%);border: 1px solid #00206014;}
.footer-card:hover{background-color: var(--bg-blue) !important;}
.footer-card:hover .clr-black{color: #fff;}
.footer-card:hover .footer-icon-wrapper, .footer-card:hover .footer-btn{background: #fff;}
.footer-form .card-form{border-radius: 25px;border: 1px solid #1D1D2026;}
.footer-form .card-form .form-control{background-color: #F7F9FB !important;border-radius: 11px !important;}
.footer-form .btn-theme-primary{box-shadow: 0px 4.24px 7.41px 0px #0049FD33;background-color: var(--bg-blue) !important;border-radius: 15px !important;padding: 10px 21px !important;}
.footer-form .btn-theme-primary::after{display: none !important;}
.presence .row{border-radius: 30px !important;overflow: hidden;border: 1px solid #1D1D2026;}
.presence .row .col-12{border-right: 1px solid #1D1D2026;padding: 27px 30px;}
.presence .clr-black{color: #1D1D20 !important;}
.last-row{background-color: var(--bg-blue);border-top-left-radius: 40px;border-top-right-radius: 40px;padding: 24px;}

label.error{color: red;font-size: 13px;}
.tech-banner-twid{width: 70%;}

.our-process .process-section{align-content: flex-start;align-items: flex-start;display: flex;flex: none;flex-direction: row;flex-wrap: nowrap;gap: 100px;height: min-content;justify-content: flex-start;overflow: visible;padding: 0;position: relative;width: 100%;}
.our-process .left-column{align-content: flex-start;align-items: flex-start;display: flex;flex: 1 0 0px;flex-direction: column;flex-wrap: nowrap;height: min-content;justify-content: flex-start;max-width: 450px;overflow: visible;padding: 32px 0 0;position: sticky;top: 116px;width: 1px;z-index: 1;}
.our-process .left-column .heading{text-align: center;margin-bottom: 20px;}
.our-process .left-column .heading p{font-size: 1.2rem;color: #1D1D20;font-weight: 600;}
.our-process .left-column h2{font-size: 2.5rem;font-weight: bold;margin-bottom: 20px;text-align: left;}
.our-process .left-column h2 span{color: #697289;}
.our-process .left-column .description p{font-size: 1rem;color: #697289;line-height: 1.6;text-align: left;}
.our-process .right-column{align-content: center;align-items: center;display: flex;flex: 1 0 0px;flex-direction: column;flex-wrap: nowrap;gap: 0px;height: min-content;justify-content: center;overflow: visible;padding: 0;position: relative;width: 1px;}
.our-process .step{display: flex;align-items: flex-start;margin-bottom: 40px;opacity: 0;transform: translateY(32px);transition: opacity 0.5s ease, transform 0.5s ease;}
.our-process .step.active{opacity: 1;transform: translateY(0);}
.our-process .step .left{flex: 0 0 60px;display: flex;flex-direction: column;align-items: center;position: relative;}
.our-process .step .circle{width: 40px;height: 40px;border: 1px solid #D9DFE8;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;font-size: 14px;font-weight: 600;color: #1D1D20;z-index: 1;background-color: #f5f5f5;}
.our-process .step .progress{width: 4px;height: 115px;background: linear-gradient(to bottom, #ECEFF4 0%, #ECEFF4 100%);position: absolute;top: 50px;transition: background 0.5s ease;}
.our-process .step .right{flex: 1;padding-left: 20px;padding-bottom: 20px;}
.our-process .step .content{background-color: transparent;border-radius: 24px;padding: 10px 20px 15px;}
.our-process .step .title{display: flex;align-items: center;margin-bottom: 10px;}
.our-process .step h5{font-size: 1.5rem;font-weight: 700;color: #1D1D20;margin-right: 10px;}
.our-process .step .arrow{width: 24px;height: 24px;}
.our-process .step .arrow svg{width: 100%;height: 100%;fill: #1461FC;}
.our-process .step p{font-size: 1rem;color: #697289;line-height: 1.6;}

/* animations  */
@keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fade-up {
    from {
        transform: translateY(100px);
    }
    to {
        transform: translateY(0px);
    }
}
@keyframes fade-left {
    from {
        opacity: 0;
        left: -50px;
    }
    to {
        opacity: 1;
        left: 0;
    }
}
@keyframes fade-right {
    from {
        opacity: 0;
        right: -50px;
    }
    to {
        opacity: 1;
        right: 0;
    }
}
@keyframes bgFromTop {
    0% {
        top: -100%;
    }
    50%{
        top: 1.5%;
    }
    100% {
        top: 0;
    }
}
@keyframes bgFromBottom {
    0% {
        bottom: -100%;
    }
    50%{
        bottom: 1.5%;
    }
    100% {
        bottom: 0;
    }
}
@keyframes rotation {
    0% {
        transform: translateY(-50%) rotate(0deg);
    } 
    100% {
        transform: translateY(-50%) rotate(360deg);
    }
}


/* media queries  */
@media screen and (max-width: 1537px) {
    .home .bg-part-1 img{width: 44.83vw;max-height: 682px;}
    .home .bg-part-2 img{width: 55.19vw;max-height: calc(682px - 81px);}
    .home .bg-part-3 img{width: 46.83vw;height: 81px;}
    .listing__wrapper .home .bg-part-1 img{width: 44.83vw;max-height: 652px;}
    .listing__wrapper .home .bg-part-2 img{width: 55.19vw;max-height: calc(614px - 81px);}
    .listing__wrapper .home .bg-part-3 img{width: 46.83vw;height: 81px;}
}
@media screen and (max-width: 1440px) {
    .btn-inner{padding: 8px 20px;}
    .home .bg-part-1 img{width: 44.83vw;max-height: 682px;}
    .home .bg-part-2 img{width: 55.19vw;max-height: calc(682px - 73px);}
    .home .bg-part-3 img{width: 46.83vw;height: 73px;}
    .listing__wrapper .home .bg-part-1 img{width: 44.83vw;min-height: 683px;}
    .listing__wrapper .home .bg-part-2 img{width: 55.19vw;max-height: calc(614px - 73px);}
    .listing__wrapper .home .bg-part-3 img{width: 46.83vw;height: 73px;}
}
@media (max-width: 1400px) and (min-width: 1200px) {
    .home .bg-part-1 img{width: 44.83vw;min-height: 682px;}
    .home .bg-part-2 img{width: 55.19vw;min-height: calc(682px - 73px);}
    .home .bg-part-3 img{width: 43.1vw;height: 73px;}
    .listing__wrapper .home .bg-part-1 img{width: 44.83vw;min-height: 652px;}
    .listing__wrapper .home .bg-part-2 img{width: 55.19vw;min-height: calc(614px - 73px);}
    .listing__wrapper .home .bg-part-3 img{width: 43.1vw;height: 73px;}
}
@media only screen and (max-width: 1200px) {
    .our-process .process-section{gap: 20px;}
    .our-process .left-column h2{font-size: 1.5rem;}
    .our-process .step .content{padding: 0;}
}
@media screen and (max-width: 1024px) {
    .home .bg-part-1 img{width: 44.83vw;min-height: 682px;}
    .home .bg-part-2 img{width: 55.19vw;min-height: calc(682px - 60px);}
    .home .bg-part-3 img{width: 45.83vw;}
    .listing__wrapper .home .bg-part-1 img{width: 44.83vw;min-height: 614px;}
    .listing__wrapper .home .bg-part-2 img{width: 55.19vw;min-height: calc(614px - 60px);}
    .listing__wrapper .home .bg-part-3 img{width: 45.83vw;}
    .tech-banner-twid{width: 100%;}
    .emerging_tech_wrapper .bg-part-2{display: none !important;}
}
@media screen and (max-width: 768px) {
    .home h1{font-size: 46px;}
    .py-100{padding-top: 50px;padding-bottom: 50px;}
    .section_head{font-size: 36px;}
    .fs-20{font-size: 18px;}
    .fs-18{font-size: 16px;}

    .our-process .process-section{flex-direction: column;gap: 40px;}
    .our-process .left-column, .our-process .right-column{position: static;transform: none;margin-bottom: 20px;height: auto;}
    .our-process .right-column{padding-top: 0;}
    .our-process .step .progress{height: 80px;}
    .our-process .left-column, .our-process .right-column{flex: none;width: 100%;}
    .our-process .step .progress{height: 120px;}
    .our-process .step .content{padding: 10px 20px 20px;}
}
@media screen and (max-width: 576px) {
    .home h1{font-size: 38px;}
    .section_head{font-size: 32px;}
    .bg-white-gradient.fs-14{font-size: 10px;}
}