.header-transparent.site-header {
    background: transparent;
}

.accordion-style .accordion-item {
    border: none;
}

.accordion-style .accordion-button.collapsed {
    font-weight: bold;
    font-family: 'Jost', sans-serif;
    font-size: 18px;
}
.accordion-style .accordion-button:not(.collapsed) {
    background: linear-gradient(to right, #ff5066, #fc9d44);
    box-shadow: none;
    color: #fff;
    border-radius: 4px;
    font-size: 18px;
    font-weight: bold;
    font-family: 'Jost', sans-serif;
}
.accordion-style .accordion-button:focus{
    box-shadow: none;
}
.progress-animated {
    animation-duration: 5s;
    animation-name: myanimation;
    transition: all 5s ease 0s;
}
@keyframes myanimation {
    0% {
        width: 0;
    }
}

/* banner img */
svg#freepik_stories-developer-activity:not(.animated) .animable {opacity: 0;}svg#freepik_stories-developer-activity.animated #freepik--background-complete--inject-49 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) fadeIn;animation-delay: 0s;}svg#freepik_stories-developer-activity.animated #freepik--Shadow--inject-49 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideUp;animation-delay: 0s;}svg#freepik_stories-developer-activity.animated #freepik--Character--inject-49 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown;animation-delay: 0s;}svg#freepik_stories-developer-activity.animated #freepik--Desk--inject-49 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideUp;animation-delay: 0s;}svg#freepik_stories-developer-activity.animated #freepik--Windows--inject-49 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) fadeIn,3s Infinite  linear floating;animation-delay: 0s,1s;}svg#freepik_stories-developer-activity.animated #freepik--Device--inject-49 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideUp;animation-delay: 0s;}svg#freepik_stories-developer-activity.animated #freepik--Plant--inject-49 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) fadeIn,3s Infinite  linear wind;animation-delay: 0s,1s;}            @keyframes fadeIn {                0% {                    opacity: 0;                }                100% {                    opacity: 1;                }            }                    @keyframes slideUp {                0% {                    opacity: 0;                    transform: translateY(30px);                }                100% {                    opacity: 1;                    transform: inherit;                }            }                    @keyframes slideDown {                0% {                    opacity: 0;                    transform: translateY(-30px);                }                100% {                    opacity: 1;                    transform: translateY(0);                }            }                    @keyframes floating {                0% {                    opacity: 1;                    transform: translateY(0px);                }                50% {                    transform: translateY(-10px);                }                100% {                    opacity: 1;                    transform: translateY(0px);                }            }                    @keyframes wind {                0% {                    transform: rotate( 0deg );                }                25% {                    transform: rotate( 1deg );                }                75% {                    transform: rotate( -1deg );                }            }

/* About us img */
svg#freepik_stories-development:not(.animated) .animable {opacity: 0;}svg#freepik_stories-development.animated #freepik--background-complete--inject-36 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) lightSpeedRight;animation-delay: 0s;}svg#freepik_stories-development.animated #freepik--Plant--inject-36 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) zoomIn;animation-delay: 0s;}svg#freepik_stories-development.animated #freepik--Floor--inject-36 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) lightSpeedRight;animation-delay: 0s;}svg#freepik_stories-development.animated #freepik--Device--inject-36 {animation: 1s 1 forwards cubicbezier(.36,-0.01,.5,1.38) zoomOut;animation-delay: 0s;}svg#freepik_stories-development.animated #freepik--Screens--inject-36 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) lightSpeedRight,3s Infinite  linear floating;animation-delay: 0s,1s;}svg#freepik_stories-development.animated #freepik--Crane--inject-36 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) fadeIn;animation-delay: 0s;}svg#freepik_stories-development.animated #freepik--Character--inject-36 {animation: 1s 1 forwards cubicbezier(.36,-0.01,.5,1.38) zoomOut;animation-delay: 0s;}            @keyframes lightSpeedRight {              from {                transform: translate3d(50%, 0, 0) skewX(-20deg);                opacity: 0;              }              60% {                transform: skewX(10deg);                opacity: 1;              }              80% {                transform: skewX(-2deg);              }              to {                opacity: 1;                transform: translate3d(0, 0, 0);              }            }                    @keyframes zoomIn {                0% {                    opacity: 0;                    transform: scale(0.5);                }                100% {                    opacity: 1;                    transform: scale(1);                }            }                    @keyframes zoomOut {                0% {                    opacity: 0;                    transform: scale(1.5);                }                100% {                    opacity: 1;                    transform: scale(1);                }            }                    @keyframes floating {                0% {                    opacity: 1;                    transform: translateY(0px);                }                50% {                    transform: translateY(-10px);                }                100% {                    opacity: 1;                    transform: translateY(0px);                }            }                    @keyframes fadeIn {                0% {                    opacity: 0;                }                100% {                    opacity: 1;                }            }         

/* experience */
svg#freepik_stories-growth-analytics:not(.animated) .animable {opacity: 0;}svg#freepik_stories-growth-analytics.animated #freepik--background-complete--inject-114 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideLeft;animation-delay: 0s;}svg#freepik_stories-growth-analytics.animated #freepik--Shadow--inject-114 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) lightSpeedLeft;animation-delay: 0s;}svg#freepik_stories-growth-analytics.animated #freepik--Floor--inject-114 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown;animation-delay: 0s;}svg#freepik_stories-growth-analytics.animated #freepik--Plant--inject-114 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown;animation-delay: 0s;}svg#freepik_stories-growth-analytics.animated #freepik--Board--inject-114 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) fadeIn,3s Infinite  linear floating;animation-delay: 0s,1s;}svg#freepik_stories-growth-analytics.animated #freepik--character-2--inject-114 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) zoomIn;animation-delay: 0s;}svg#freepik_stories-growth-analytics.animated #freepik--character-1--inject-114 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideLeft;animation-delay: 0s;}            @keyframes slideLeft {                0% {                    opacity: 0;                    transform: translateX(-30px);                }                100% {                    opacity: 1;                    transform: translateX(0);                }            }                    @keyframes lightSpeedLeft {              from {                transform: translate3d(-50%, 0, 0) skewX(20deg);                opacity: 0;              }              60% {                transform: skewX(-10deg);                opacity: 1;              }              80% {                transform: skewX(2deg);              }              to {                opacity: 1;                transform: translate3d(0, 0, 0);              }            }                    @keyframes slideDown {                0% {                    opacity: 0;                    transform: translateY(-30px);                }                100% {                    opacity: 1;                    transform: translateY(0);                }            }                    @keyframes fadeIn {                0% {                    opacity: 0;                }                100% {                    opacity: 1;                }            }                    @keyframes floating {                0% {                    opacity: 1;                    transform: translateY(0px);                }                50% {                    transform: translateY(-10px);                }                100% {                    opacity: 1;                    transform: translateY(0px);                }            }                    @keyframes zoomIn {                0% {                    opacity: 0;                    transform: scale(0.5);                }                100% {                    opacity: 1;                    transform: scale(1);                }            } 

/* faq  image 1 */
svg#freepik_stories-businesswoman:not(.animated) .animable {opacity: 0;}svg#freepik_stories-businesswoman.animated #freepik--background-complete--inject-37 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) zoomIn,3s Infinite  linear floating;animation-delay: 0s,1s;}svg#freepik_stories-businesswoman.animated #freepik--Shadow--inject-37 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) fadeIn;animation-delay: 0s;}svg#freepik_stories-businesswoman.animated #freepik--Floor--inject-37 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideUp;animation-delay: 0s;}svg#freepik_stories-businesswoman.animated #freepik--Desk--inject-37 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideUp;animation-delay: 0s;}svg#freepik_stories-businesswoman.animated #freepik--Plant--inject-37 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) fadeIn,3s Infinite  linear wind;animation-delay: 0s,1s;}svg#freepik_stories-businesswoman.animated #freepik--Character--inject-37 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideRight;animation-delay: 0s;}            @keyframes zoomIn {                0% {                    opacity: 0;                    transform: scale(0.5);                }                100% {                    opacity: 1;                    transform: scale(1);                }            }                    @keyframes floating {                0% {                    opacity: 1;                    transform: translateY(0px);                }                50% {                    transform: translateY(-10px);                }                100% {                    opacity: 1;                    transform: translateY(0px);                }            }                    @keyframes fadeIn {                0% {                    opacity: 0;                }                100% {                    opacity: 1;                }            }                    @keyframes slideUp {                0% {                    opacity: 0;                    transform: translateY(30px);                }                100% {                    opacity: 1;                    transform: inherit;                }            }                    @keyframes wind {                0% {                    transform: rotate( 0deg );                }                25% {                    transform: rotate( 1deg );                }                75% {                    transform: rotate( -1deg );                }            }                    @keyframes slideRight {                0% {                    opacity: 0;                    transform: translateX(30px);                }                100% {                    opacity: 1;                    transform: translateX(0);                }            } 

/* faq  image 2 */
svg#freepik_stories-javascript-frameworks:not(.animated) .animable {opacity: 0;}svg#freepik_stories-javascript-frameworks.animated #freepik--background-complete--inject-53 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) zoomIn;animation-delay: 0s;}svg#freepik_stories-javascript-frameworks.animated #freepik--Screens--inject-53 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown,3s Infinite  linear floating;animation-delay: 0s,1s;}svg#freepik_stories-javascript-frameworks.animated #freepik--character-2--inject-53 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideUp;animation-delay: 0s;}svg#freepik_stories-javascript-frameworks.animated #freepik--character-1--inject-53 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideUp;animation-delay: 0s;}svg#freepik_stories-javascript-frameworks.animated #freepik--Table--inject-53 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown;animation-delay: 0s;}svg#freepik_stories-javascript-frameworks.animated #freepik--Devices--inject-53 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) lightSpeedLeft;animation-delay: 0s;}svg#freepik_stories-javascript-frameworks.animated #freepik--Icons--inject-53 {animation: 1s 1 forwards cubicBezier(.36,-0.01,.5,1.38) zoomOut,3s Infinite  linear wind;animation-delay: 0s,1s;}svg#freepik_stories-javascript-frameworks.animated #freepik--Cursor--inject-53 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideUp,6s Infinite  linear heartbeat;animation-delay: 0s,1s;}            @keyframes zoomIn {                0% {                    opacity: 0;                    transform: scale(0.5);                }                100% {                    opacity: 1;                    transform: scale(1);                }            }                    @keyframes slideDown {                0% {                    opacity: 0;                    transform: translateY(-30px);                }                100% {                    opacity: 1;                    transform: translateY(0);                }            }                    @keyframes floating {                0% {                    opacity: 1;                    transform: translateY(0px);                }                50% {                    transform: translateY(-10px);                }                100% {                    opacity: 1;                    transform: translateY(0px);                }            }                    @keyframes slideUp {                0% {                    opacity: 0;                    transform: translateY(30px);                }                100% {                    opacity: 1;                    transform: inherit;                }            }                    @keyframes lightSpeedLeft {              from {                transform: translate3d(-50%, 0, 0) skewX(20deg);                opacity: 0;              }              60% {                transform: skewX(-10deg);                opacity: 1;              }              80% {                transform: skewX(2deg);              }              to {                opacity: 1;                transform: translate3d(0, 0, 0);              }            }                    @keyframes zoomOut {                0% {                    opacity: 0;                    transform: scale(1.5);                }                100% {                    opacity: 1;                    transform: scale(1);                }            }                    @keyframes wind {                0% {                    transform: rotate( 0deg );                }                25% {                    transform: rotate( 1deg );                }                75% {                    transform: rotate( -1deg );                }            }                    @keyframes heartbeat {                0% {                    transform: scale(1);                }                10% {                    transform: scale(1.1);                }                30% {                    transform: scale(1);                }                40% {                    transform: scale(1);                }                50% {                    transform: scale(1.1);                }                60% {                    transform: scale(1);                }                100% {                    transform: scale(1);                }            }        

/* Contact Us */
svg#freepik_stories-contact-us:not(.animated) .animable {opacity: 0;}svg#freepik_stories-contact-us.animated #freepik--background-complete--inject-33 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideUp,3s Infinite  linear floating;animation-delay: 0s,1s;}svg#freepik_stories-contact-us.animated #freepik--Plant--inject-33 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) lightSpeedLeft,3s Infinite  linear wind;animation-delay: 0s,1s;}svg#freepik_stories-contact-us.animated #freepik--Chair--inject-33 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) fadeIn;animation-delay: 0s;}svg#freepik_stories-contact-us.animated #freepik--Character--inject-33 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideDown;animation-delay: 0s;}svg#freepik_stories-contact-us.animated #freepik--speech-bubble--inject-33 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideLeft,6s Infinite  linear heartbeat;animation-delay: 0s,1s;}svg#freepik_stories-contact-us.animated #freepik--Table--inject-33 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) lightSpeedRight;animation-delay: 0s;}svg#freepik_stories-contact-us.animated #freepik--Device--inject-33 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideUp;animation-delay: 0s;}            @keyframes slideUp {                0% {                    opacity: 0;                    transform: translateY(30px);                }                100% {                    opacity: 1;                    transform: inherit;                }            }                    @keyframes floating {                0% {                    opacity: 1;                    transform: translateY(0px);                }                50% {                    transform: translateY(-10px);                }                100% {                    opacity: 1;                    transform: translateY(0px);                }            }                    @keyframes lightSpeedLeft {              from {                transform: translate3d(-50%, 0, 0) skewX(20deg);                opacity: 0;              }              60% {                transform: skewX(-10deg);                opacity: 1;              }              80% {                transform: skewX(2deg);              }              to {                opacity: 1;                transform: translate3d(0, 0, 0);              }            }                    @keyframes wind {                0% {                    transform: rotate( 0deg );                }                25% {                    transform: rotate( 1deg );                }                75% {                    transform: rotate( -1deg );                }            }                    @keyframes fadeIn {                0% {                    opacity: 0;                }                100% {                    opacity: 1;                }            }                    @keyframes slideDown {                0% {                    opacity: 0;                    transform: translateY(-30px);                }                100% {                    opacity: 1;                    transform: translateY(0);                }            }                    @keyframes slideLeft {                0% {                    opacity: 0;                    transform: translateX(-30px);                }                100% {                    opacity: 1;                    transform: translateX(0);                }            }                    @keyframes heartbeat {                0% {                    transform: scale(1);                }                10% {                    transform: scale(1.1);                }                30% {                    transform: scale(1);                }                40% {                    transform: scale(1);                }                50% {                    transform: scale(1.1);                }                60% {                    transform: scale(1);                }                100% {                    transform: scale(1);                }            }                    @keyframes lightSpeedRight {              from {                transform: translate3d(50%, 0, 0) skewX(-20deg);                opacity: 0;              }              60% {                transform: skewX(10deg);                opacity: 1;              }              80% {                transform: skewX(-2deg);              }              to {                opacity: 1;                transform: translate3d(0, 0, 0);              }            } 



.teams-swiper-wrapper{
    overflow: unset;
}
/* .swiper-visible .swiper-slide-active,
.swiper-visible:not(.swiper-single) .swiper-slide-next,
.swiper-visible:not(.swiper-single) .swiper-slide-visible:not(.swiper-slide-duplicate-prev) {
    opacity: 1;
} */

.teams-swiper-wrapper .swiper-slide-visible ,
.teams-swiper-wrapper .swiper-slide-next {
    opacity: 1 !important;
    transition: all .3s linear;
}
.teams-swiper-wrapper .swiper-slide {
    opacity: 0;
    transition: all .3s linear;
}

.swiper-pagination-bullets.swiper-pagination{
    font-size: 0;
    line-height: 1;
}
.swiper-pagination .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background: #cccccc;
    border-radius: 50%;
    transition: 0.3s;
    opacity: 1;
}
.swiper-pagination .swiper-pagination-bullet:hover, 
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #ff5066;
}