/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1200px) and (max-width: 1920px){
}

@media (min-width: 1900px) {
.container.container-1880 { max-width: 1880px; }
}

@media (min-width: 1800px) and (max-width: 1899px) {
.container.container-1880 { max-width: 1780px; }

.banner-wrp {padding: 50px 50px 40px 50px;}
}

@media (min-width: 1700px) and (max-width: 1799px) {
.container.container-1880 { max-width: 1680px; }

.banner-title {font-size: 56px;}
.banner-wrp {padding: 50px 50px 40px 50px;}

/* footer */
.footer .f-back-overlay { width: calc(100% - 100px); }
/* footer */
}

@media (min-width: 1700px) {
.container.container-1630 {max-width: 1630px;}
}

@media (min-width: 1600px) and (max-width: 1699px) {
.container.container-1880 { max-width: 1580px; }
.container.container-1630 {max-width: 1530px;}

.banner-title {font-size: 52px;}
.banner-wrp {padding: 50px 50px 40px 50px;}

/* footer */
.footer .f-back-overlay { width: calc(100% - 65px); }
/* footer */
}

@media (min-width: 1600px) {
/* .header .container {max-width: 100%;} */
.container {max-width: 1550px;}
}

@media (min-width: 1500px) and (max-width: 1599px) {
.container { max-width: 1450px; }

    /* Common Style Start */
    .banner-title {font-size: 50px;}
    .section-title {font-size: 54px;}
    .paragraph-large { font-size: 26px; }
    /* Common Style End */

    /* Banner Start */
    .banner-wrp {position: relative; z-index: 9; padding: 50px 50px 40px 50px;}
    .bnr-bottom {padding: 200px 0 0 0;}

    /* .banner-wrp::after { content: ""; background-color: var(--black); opacity: 0.5; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; border-radius: inherit; -webkit-border-radius: inherit; -moz-border-radius: inherit; -ms-border-radius: inherit; -o-border-radius: inherit; } */
    /* Banner End */

    /* Climate Action Start */
    .climate-action-wrp { padding: 120px 0 60px; }
    .climate-action-right {margin: 0;}
    .climate-action-img img {height: 406px;}
    .climate-action-grid {top: 120px;}
    /* Climate Action End */

    /* Unified Platform Start */
    .unified-platform-wrp {padding: 60px 0;}
    .unified-platform-right {margin: 0;}
    /* Unified Platform End */

    /* AI operations Start */
    .ai-operations-wrp { padding: 60px 0; }
    /* AI operations End */

    /* Stackholders Start */
    .stackholders-wrp { padding: 70px 0 60px; }
    /* Stackholders End */

    /* folks-work */
    .folks-work-section .folks-logo-list > * { width: 238px; }
    .folks-work-section .folks-logo-block { height: 218px; }
    .folks-work-section .folks-work-bottom-part .folks-right-side { padding-right: 250px; }
    /* folks-work */

    /* footer */
    .footer .f-back-overlay { width: calc(100% - 65px); }
    /* footer */
}

@media (min-width: 1500px) {
.banner-wrp .banner-overlay.desktop-screen-bg { display: block; }
.banner-wrp .banner-overlay.desktop-screen-1400-bg { display: none; }
}

@media (max-width: 1499px) {
.banner-wrp .banner-overlay.desktop-screen-bg { display: none; }
.banner-wrp .banner-overlay.desktop-screen-1400-bg { display: block; }
}

@media (min-width: 1400px) and (max-width: 1499px) {
    .container { max-width: 1350px; }

    /* Common Style Start */
    .banner-title {font-size: 48px;}
    .section-title {font-size: 54px;}
    .paragraph-large { font-size: 26px; }
    /* Common Style End */

    /* Banner Start */
    .banner-wrp {position: relative; z-index: 9; padding: 50px 50px 40px 50px;}
    .banner-wrp .banner-overlay { background-position: center 20% !important; }
    .bnr-bottom {padding: 200px 0 0 0;}
    .bnr-bottom .row {align-items: center;}
    .bnr-bottom-title { max-width: 500px; }
    /* .banner-wrp::after { content: ""; background-color: var(--black); opacity: 0.5; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; border-radius: inherit; -webkit-border-radius: inherit; -moz-border-radius: inherit; -ms-border-radius: inherit; -o-border-radius: inherit; } */
    /* Banner End */

    /* Climate Action Start */
    .climate-action-wrp { padding: 120px 0 60px; }
    .climate-action-right {margin: 0;}
    .climate-action-img img {height: 406px;}
    .climate-action-grid {top: 120px;}
    /* Climate Action End */

    /* Unified Platform Start */
    .unified-platform-wrp {padding: 60px 0;}
    .unified-platform-right {margin: 0;}
    /* Unified Platform End */

    /* AI operations Start */
    .ai-operations-wrp { padding: 60px 0; }
    /* AI operations End */

    /* Stackholders Start */
    .stackholders-wrp { padding: 70px 0 60px; }
    /* Stackholders End */

    /* build-together */
    .build-together-section { padding-top: 350px; padding-bottom: 50px; margin-top: -275px; }
    .build-together-section:before { top: 250px; width: 285px; height: 285px; left: -245px; }
    .build-together-section .build-together-back-image { width: 425px; }
    /* build-together */

    /* for-your-use */
    .for-your-use-section { padding-top: 350px; padding-bottom: 50px; margin-top: -275px; }
    .for-your-use-section:before { top: 250px; width: 285px; height: 285px; right: -245px; }
    /* for-your-use */

    /* folks-work */
    .folks-work-section { padding-top: 350px; padding-bottom: 50px; margin-top: -275px; }
    .folks-work-section:before { top: 250px; width: 285px; height: 285px; left: -245px; }
    .folks-work-section .folks-back-image.back-shape2 { top: 250px; }
    .folks-work-section .folks-back-image { width: 425px; }
    .folks-work-section .folks-logo-list > * { width: 186px; }
    .folks-work-section .folks-logo-block { height: 166px; }
    .folks-work-section .folks-work-bottom-part .folks-right-side { padding-right: 198px; }
    .folks-work-section a.folks-logo-block:hover { border-radius: 10px 10px 35px 10px; -webkit-border-radius: 10px 10px 35px 10px; -moz-border-radius: 10px 10px 35px 10px; -ms-border-radius: 10px 10px 35px 10px; -o-border-radius: 10px 10px 35px 10px; }
    /* folks-work */

    /* footer */
    .footer { padding-top: 350px; margin-top: -275px; }
    .footer:before { top: 250px; width: 285px; height: 285px; right: -245px; }
    .footer .f-back-overlay { width: calc(100% - 65px); }
    .footer .f-logo-detail-block .f-logo { margin-bottom: 20px; }
    .footer .f-block { padding-top: 30px; padding-bottom: 30px; }
    .footer .f-block .f-detail ul li { margin-bottom: 20px; }
    .footer .f-contact-list .contact-block { margin-bottom: 35px; }
    .footer .f-contact-list .contact-block .detail { font-size: 20px; }
    /* footer */
}

@media (min-width: 1300px) and (max-width: 1399px) {
    /* Common Style Start */
    .section-title {font-size: 54px;}
    .paragraph-large { font-size: 24px; }
    .banner-title {font-size: 48px;}
    .paragraph-medium { font-size: 22px; }
    .paragraph-large { font-size: 25px; }
    /* Common Style End */

    /* Banner Start */
    .banner-wrp { padding: 50px; position: relative; z-index: 9; padding: 70px 50px 60px 50px; }
    .banner-wrp .banner-overlay { background-position: center 30% !important; }
    .bnr-bottom {padding: 200px 0 0 0;}
    /* .banner-wrp::after { content: ""; background-color: var(--black); opacity: 0.5; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; border-radius: inherit; -webkit-border-radius: inherit; -moz-border-radius: inherit; -ms-border-radius: inherit; -o-border-radius: inherit; } */
    .bnr-demo .detail {margin: 0 0 60px;}
    .bnr-bottom-title { max-width: 509px; }
    /* Banner End */

    /* Climate Action Start */
    .climate-action-wrp { padding: 100px 0 50px; }
    .climate-action-right {margin: 0;}
    .climate-action-img img {height: 340px;}
    .climate-action-grid {top: 100px; max-width: 450px;}
    .climate-action-wrp::after {top: 200px;}
    /* Climate Action End */

    /* Unified Platform Start */
    .unified-platform-wrp {padding: 50px 0;}
    .unified-platform-right {margin: 0;}
    .platform-features-block {margin: 0 0 30px;}
    .platform-circle {top: -375px; max-width: 450px;}
    /* Unified Platform End */

    /* AI operations Start */
    .ai-operations-wrp { padding: 50px 0; }
    /* AI operations End */

    /* Stackholders Start */
    .stackholders-wrp { padding: 50px 0; }
    /* Stackholders End */

    /* build-together */
    .build-together-section { padding-top: 300px; padding-bottom: 50px; margin-top: -275px; }
    .build-together-section:before { top: 200px; width: 285px; height: 285px; left: -245px; }
    .build-together-section .build-together-back-image { width: 425px; }
    /* build-together */

    /* for-your-use */
    .for-your-use-section { padding-top: 300px; padding-bottom: 50px; margin-top: -275px; }
    .for-your-use-section:before { top: 200px; width: 285px; height: 285px; right: -245px; }
    .for-your-use-section .for-your-use-description .for-your-use-content { padding: 50px 20px 50px 75px; }
    .for-your-use-section .for-your-use-list > .row > * { margin-left: -30px; }
    .for-your-use-section .for-your-use-list .your-use-block .your-detail { padding-right: 35px; }
    /* for-your-use */

    /* folks-work */
    .folks-work-section { padding-top: 350px; padding-bottom: 50px; margin-top: -275px; }
    .folks-work-section:before { top: 250px; width: 285px; height: 285px; left: -245px; }
    .folks-work-section .folks-back-image.back-shape2 { top: 250px; }
    .folks-work-section .folks-back-image { width: 425px; }
    .folks-work-section .folks-logo-list > * { width: 186px; }
    .folks-work-section .folks-logo-block { height: 166px; }
    .folks-work-section .folks-work-bottom-part .folks-right-side { padding-right: 198px; }
    .folks-work-section a.folks-logo-block:hover { border-radius: 10px 10px 35px 10px; -webkit-border-radius: 10px 10px 35px 10px; -moz-border-radius: 10px 10px 35px 10px; -ms-border-radius: 10px 10px 35px 10px; -o-border-radius: 10px 10px 35px 10px; }
    /* folks-work */

    /* footer */
    .footer { padding-top: 350px; margin-top: -275px; }
    .footer:before { top: 250px; width: 285px; height: 285px; right: -245px; }
    .footer .f-back-overlay { width: calc(100% - 65px); }
    .footer .f-logo-detail-block .f-logo { margin-bottom: 20px; }
    .footer .f-block { padding-top: 30px; padding-bottom: 30px; }
    .footer .f-block .f-detail ul li { margin-bottom: 20px; }
    .footer .f-contact-list .contact-block { margin-bottom: 35px; }
    .footer .f-contact-list .contact-block .detail { font-size: 20px; }
    /* footer */

}

@media (min-width: 1200px) and (max-width: 1299px) {
    /* Common Style Start */
    .section-title {font-size: 54px;}
    .paragraph-large { font-size: 24px; }
    .banner-title {font-size: 48px;}
    .paragraph-medium { font-size: 22px; }
    .paragraph-large { font-size: 25px; }
    /* Common Style End */

    /* Banner Start */
    .banner-wrp { padding: 50px; position: relative; z-index: 9; padding: 50px 50px 40px 50px; }
    .banner-wrp .banner-overlay { background-position: center 30% !important; }
    .bnr-bottom {padding: 200px 0 0 0;}
    /* .banner-wrp::after { content: ""; background-color: var(--black); opacity: 0.5; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; border-radius: inherit; -webkit-border-radius: inherit; -moz-border-radius: inherit; -ms-border-radius: inherit; -o-border-radius: inherit; } */
    .bnr-demo .detail {margin: 0 0 60px;}
    .bnr-bottom-title { max-width: 509px; }
    /* Banner End */

    /* Climate Action Start */
    .climate-action-wrp { padding: 100px 0 50px; }
    .climate-action-right {margin: 0;}
    .climate-action-img img {height: 340px;}
    .climate-action-grid {top: 100px; max-width: 450px;}
    .climate-action-wrp::after {top: 200px;}
    /* Climate Action End */

    /* Unified Platform Start */
    .unified-platform-wrp {padding: 50px 0;}
    .unified-platform-right {margin: 0;}
    .platform-features-block {margin: 0 0 30px;}
    .platform-circle {top: -375px; max-width: 450px;}
    /* Unified Platform End */

    /* AI operations Start */
    .ai-operations-wrp { padding: 50px 0; }
    /* AI operations End */

    /* Stackholders Start */
    .stackholders-wrp { padding: 50px 0; }
    /* Stackholders End */

    /* build-together */
    .build-together-section { padding-top: 300px; padding-bottom: 50px; margin-top: -275px; }
    .build-together-section:before { top: 200px; width: 285px; height: 285px; left: -245px; }
    .build-together-section .build-together-back-image { width: 425px; }
    /* build-together */

    /* for-your-use */
    .for-your-use-section { padding-top: 300px; padding-bottom: 50px; margin-top: -275px; }
    .for-your-use-section:before { top: 200px; width: 285px; height: 285px; right: -245px; }
    .for-your-use-section .for-your-use-description .for-your-use-content { padding: 50px 20px 50px 75px; }
    .for-your-use-section .for-your-use-list > .row > * { margin-left: -30px; }
    .for-your-use-section .for-your-use-list .your-use-block .your-detail { padding-right: 35px; }
    /* for-your-use */

    /* folks-work */
    .folks-work-section { padding-top: 300px; padding-bottom: 50px; margin-top: -225px; }
    .folks-work-section:before { top: 200px; width: 285px; height: 285px; left: -245px; }
    .folks-work-section .folks-back-image.back-shape2 { top: 200px; }
    .folks-work-section .folks-back-image { width: 425px; }
    .folks-work-section .folks-logo-list > * { width: 186px; }
    .folks-work-section .folks-logo-block { height: 166px; }
    .folks-work-section .folks-work-bottom-part .folks-right-side { padding-right: 198px; }
    .folks-work-section a.folks-logo-block:hover { border-radius: 10px 10px 35px 10px; -webkit-border-radius: 10px 10px 35px 10px; -moz-border-radius: 10px 10px 35px 10px; -ms-border-radius: 10px 10px 35px 10px; -o-border-radius: 10px 10px 35px 10px; }
    /* folks-work */

    /* footer */
    .footer { padding-top: 300px; margin-top: -225px; }
    .footer:before { top: 200px; width: 285px; height: 285px; right: -245px; }
    .footer .f-back-overlay { width: calc(100% - 65px); }
    .footer .f-logo-detail-block .f-logo { margin-bottom: 20px; }
    .footer .f-block { padding-top: 30px; padding-bottom: 30px; }
    .footer .f-block .f-detail ul li { margin-bottom: 20px; }
    .footer .f-contact-list .contact-block { margin-bottom: 35px; }
    .footer .f-contact-list .contact-block .detail { font-size: 20px; }
    /* footer */

}

@media (max-width: 1199px){
}

@media (min-width: 992px) and (max-width: 1199px) {
    /* Common Style Start */
    .section-title {font-size: 42px;}
    .banner-title {font-size: 46px;}
    .block-title { font-size: 24px;}
    .paragraph-medium { font-size: 22px; }
    .paragraph-large { font-size: 25px; }
    body { padding-top: 86px; }
    /* Common Style End */

    /* Header Start */
    .header .navbar-brand { max-width: 250px; }
    /* .header .container { padding: 0 15px; } */
    /* Header End */

    /* Banner Start */
    .banner-wrp { padding: 50px; position: relative; z-index: 9; padding: 50px 40px 40px 40px;}
    .banner-wrp .banner-overlay { background-position: center 30% !important; }
    .bnr-bottom {padding: 100px 0 0 0; }
    .bnr-bottom .row {align-items: flex-end;}
    .bnr-bottom-detail .common-detail { margin: 0 0 30px; }
    /* .banner-wrp::after { content: ""; background-color: var(--black); opacity: 0.5; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; border-radius: inherit; -webkit-border-radius: inherit; -moz-border-radius: inherit; -ms-border-radius: inherit; -o-border-radius: inherit; } */
    .bnr-demo .detail {margin: 0 0 60px;}
    .bnr-bottom-title { max-width: 509px; }
    .bnr-bottom-detail { max-width: 300px; }
    /* Banner End */

    /* Climate Action Start */
    .climate-action-wrp { padding: 80px 0 40px; }
    .climate-action-right {margin: 0;}
    .climate-action-img img {height: 280px;}
    .climate-action-grid {top: 100px; max-width: 450px;}
    .climate-action-wrp::after {top: 200px;}
    /* Climate Action End */

    /* Unified Platform Start */
    .unified-platform-wrp {padding: 40px 0;}
    .unified-platform-right {margin: 0;}
    .platform-features-block {margin: 0 0 30px;}
    .platform-circle {top: -375px; max-width: 450px;}
    .unified-platform-main > .section-title { margin: 0 0 40px; }
    /* Unified Platform End */

    /* AI operations Start */
    .ai-operations-wrp { padding: 40px 0; }
    .ai-operations-main > .section-title {margin: 0 0 40px;}
    /* AI operations End */

    /* Stackholders Start */
    .stackholders-wrp { padding: 40px 0; }
    .stackholders-icon { width: 60px; height: 60px; padding: 10px; }
    .stackholders-section { border-radius: 20px 50px 20px 20px; -webkit-border-radius: 20px 50px 20px 20px; -moz-border-radius: 20px 50px 20px 20px; -ms-border-radius: 20px 50px 20px 20px; -o-border-radius: 20px 50px 20px 20px; }
    /* Stackholders End */

    /* build-together */
    .build-together-section { padding-top: 250px; padding-bottom: 50px; margin-top: -225px; }
    .build-together-section:before { top: 200px; width: 270px; height: 270px; left: -225px; filter: blur(100px); -webkit-filter: blur(100px); }
    .build-together-section .build-together-back-image { width: 425px; }
    .build-together-section .build-together-image * { border-radius: 10px 10px 75px 10px; -webkit-border-radius: 10px 10px 75px 10px; -moz-border-radius: 10px 10px 75px 10px; -ms-border-radius: 10px 10px 75px 10px; -o-border-radius: 10px 10px 75px 10px; }
    /* build-together */

    /* for-your-use */
    .for-your-use-section { padding-top: 250px; padding-bottom: 50px; margin-top: -225px; }
    .for-your-use-section:before { top: 200px; width: 270px; height: 270px; right: -225px; filter: blur(100px); -webkit-filter: blur(100px); }
    .for-your-use-section .for-your-use-description { border-radius: 100px 20px 20px 20px; -webkit-border-radius: 100px 20px 20px 20px; -moz-border-radius: 100px 20px 20px 20px; -ms-border-radius: 100px 20px 20px 20px; -o-border-radius: 100px 20px 20px 20px; }
    .for-your-use-section .for-your-use-description .for-your-use-back-image { width: 425px; }
    .for-your-use-section .for-your-use-list .your-use-block .your-detail .detail { font-size: 18px; line-height: 155%; }
    .for-your-use-section .for-your-use-list .your-use-block .custom-block-link * { font-size: 18px; line-height: 155%; }
    .for-your-use-section .for-your-use-description .for-your-use-content { padding: 50px 20px 50px 75px; }
    .for-your-use-section .for-your-use-list > .row > * { margin-left: -15px; }
    .for-your-use-section .for-your-use-list .your-use-block .your-detail { padding-right: 25px; }
    .for-your-use-section .for-your-use-list .your-use-block .title { font-size: 22px; margin-bottom: 20px; }
    /* for-your-use */
    
    /* folks-work */
    .folks-work-section { padding-top: 250px; padding-bottom: 50px; margin-top: -225px; }
    .folks-work-section:before { top: 200px; width: 270px; height: 270px; left: -225px; filter: blur(100px); -webkit-filter: blur(100px); }
    .folks-work-section .folks-back-image.back-shape2 { top: 200px; }
    .folks-work-section .folks-back-image { width: 425px; }
    .folks-work-section .section-title { margin-bottom: 20px; text-align: center; }
    .folks-work-section .folks-logo-list { justify-content: center; }
    .folks-work-section .folks-logo-list > * { width: 186px; }
    .folks-work-section .folks-logo-block { height: 166px; }
    .folks-work-section .folks-work-bottom-part .folks-right-side { padding-right: 0; }
    .folks-work-section a.folks-logo-block:hover { border-radius: 10px 10px 35px 10px; -webkit-border-radius: 10px 10px 35px 10px; -moz-border-radius: 10px 10px 35px 10px; -ms-border-radius: 10px 10px 35px 10px; -o-border-radius: 10px 10px 35px 10px; }
    /* folks-work */

    /* footer */
    .footer { padding-top: 250px; margin-top: -225px; }
    .footer:before { top: 200px; width: 270px; height: 270px; right: -225px; filter: blur(100px); -webkit-filter: blur(100px); }
    .footer .f-back-overlay { width: calc(100% - 45px); }
    .footer .f-logo-detail-block .f-logo { margin-bottom: 20px; }
    .footer .f-block { padding-top: 30px; padding-bottom: 30px; }
    .footer .f-block .f-detail ul li { margin-bottom: 20px; }
    .footer .f-contact-list .contact-block { margin-bottom: 35px; }
    .footer .f-contact-list .contact-block .detail { font-size: 20px; }
    /* footer */
}

@media (max-width: 991px) {
    /* Header Start */
    /* .header .container {padding: 0 20px; max-width: 100%;} */
    .header { padding: 25px 0; }
    .header .navbar-brand {max-width: 200px; position: relative; z-index: 1;}
    .header .navbar-toggler { padding: 0; border: none; box-shadow: none; position: relative; z-index: 1; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
    .header .navbar-toggler span { width: 22px; height: 3px; margin-left: auto; background: -moz-linear-gradient(96deg, #0A2D82 0%, #05A0C6 100%); background: -webkit-linear-gradient(96deg, #0A2D82 0%, #05A0C6 100%); background: linear-gradient(96deg, #0A2D82 0%, #05A0C6 100%); margin-bottom: 6px; display: block; position: relative; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; } 
    .header .navbar-toggler span:last-child {margin-bottom: 0;}
    .header .navbar-toggler span:nth-child(2) {width: 27px;}
    .header .navbar-toggler:not(.collapsed) span:first-child { width: 27px; top: 9px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
    .header .navbar-toggler:not(.collapsed) span:nth-child(2) { opacity: 0; }
    .header .navbar-toggler:not(.collapsed) span:last-child { width: 27px; top: -9px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
    .header .navbar-collapse { position: fixed; display: block !important; top: 0; bottom: 0; right: -100%; max-width: 100%; width: 100%; height: 100%; background-color: var(--white); overflow: auto; padding: 85px 30px 30px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .header .navbar-collapse.show {right: 0;}
    .header .navbar-collapse .navbar-nav {height: 100%; justify-content: center; align-items: center;}
    .header .navbar-nav .nav-item {padding: 15px 0;}
    .header .navbar-collapse::after { content: ""; position: fixed; top: 0; right: -100%; background-color: var(--white); max-width: 100%; width: 100%; height: 85px;  transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .header .navbar-collapse.show::after {right: 0;}
    /* Header End */
}

@media (min-width: 768px) and (max-width: 991px) {
    /* Common Style Start */
    .section-title {font-size: 44px;}
    .banner-title {font-size: 42px;}
    .block-title { font-size: 22px;}
    body { font-size: 18px; line-height: 155.556%; }
    .paragraph-medium { font-size: 20px; }
    .paragraph-large { font-size: 22px; }
    body { padding-top: 82px; }
    /* Common Style End */

    /* Banner Start */
    .banner-wrp { padding: 20px 20px 40px; position: relative; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
    .banner-wrp .banner-overlay { background-position: center 30% !important; }
    .bnr-bottom {padding: 160px 0 0 0;}
    .bnr-demo .detail {margin: 0 0 40px;}
    .bnr-bottom-title { max-width: 670px; margin: 0 auto; width: auto; text-align: center; }
    .bnr-demo { max-width: 130px; }
    .bnr-call { width: 40px; height: 40px; padding: 7px; }
    .bnr-bottom-detail { max-width: 100%; width: auto; margin: 0 40px; text-align: center; }
    .bnr-bottom-detail .common-detail { margin: 0 0 20px; }
    .banner-detail-mobile {padding: 30px 0 0;}
    /* .bnr-call * { top: 0; } */
    /* Banner End */

    /* Climate Action Start */
    .climate-action-wrp { padding: 80px 0 40px; }
    .climate-action-right {margin: 0 0 30px; text-align: center;}
    .climate-action-img img {height: auto;}
    .climate-action-grid {top: 100px; max-width: 450px;}
    .climate-action-wrp::after {top: 200px;}
    .climate-action-main .row {flex-direction: column-reverse;}
    .climate-action-right .section-title { margin: 0 0 30px; }
    /* Climate Action End */

    /* Unified Platform Start */
    .unified-platform-wrp {padding: 40px 0;}
    .unified-platform-right {margin: 0;}
    .platform-features-block {margin: 0 0 30px;}
    .platform-circle { top: -365px; max-width: 350px;  }
    .unified-platform-main > .section-title { margin: 0 0 40px; text-align: center; }
    .unified-platform-features {padding: 0 0 40px;}
    /* Unified Platform End */

    /* AI operations Start */
    .ai-operations-main > .section-title span { display: inline; }
    .ai-operations-left {margin: 0 0 40px;}
    .ai-operations-wrp { padding: 40px 0; }
    .ai-operations-main > .section-title {margin: 0 0 40px;}
    .ai-operations-right { max-width: 100%; width: auto; height: auto; }
    /* AI operations End */

    /* Stackholders Start */
    .stackholders-wrp { padding: 40px 0; }
    .stackholders-icon { width: 60px; height: 60px; padding: 10px; }
    .stackholders-block {width: 50%;}
    /* Stackholders End */

    /* build-together */
    .build-together-section { padding-top: 250px; padding-bottom: 35px; margin-top: -225px; }
    .build-together-section:before { top: 200px; width: 270px; height: 270px; left: -225px; filter: blur(100px); -webkit-filter: blur(100px); }
    .build-together-section .build-together-back-image { width: 425px; }
    .build-together-section .build-together-image * { border-radius: 10px 10px 75px 10px; -webkit-border-radius: 10px 10px 75px 10px; -moz-border-radius: 10px 10px 75px 10px; -ms-border-radius: 10px 10px 75px 10px; -o-border-radius: 10px 10px 75px 10px; }
    .build-together-section .section-title { margin-bottom: 30px; }
    .build-together-section .build-together-image { margin-bottom: 20px; }
    .build-together-section .build-together-block .get-touch-button { text-align: center; }
    /* build-together */

    /* for-your-use */
    .for-your-use-section { padding-top: 250px; padding-bottom: 35px; margin-top: -225px; }
    .for-your-use-section:before { top: 200px; width: 270px; height: 270px; right: -225px; filter: blur(100px); -webkit-filter: blur(100px); }
    .for-your-use-section .section-title { text-align: center; margin-bottom: 20px; }
    .for-your-use-section .for-your-use-description { border-radius: 50px 20px 20px 20px; -webkit-border-radius: 50px 20px 20px 20px; -moz-border-radius: 50px 20px 20px 20px; -ms-border-radius: 50px 20px 20px 20px; -o-border-radius: 50px 20px 20px 20px; }
    .for-your-use-section .for-your-use-description .for-your-use-back-image { width: 425px; }
    .for-your-use-section .for-your-use-list .your-use-block .your-detail .detail { font-size: 18px; line-height: 155%; }
    .for-your-use-section .for-your-use-list .your-use-block .custom-block-link * { font-size: 18px; line-height: 155%; }
    .for-your-use-section .for-your-use-description .for-your-use-content { padding: 40px 20px; }
    .for-your-use-section .for-your-use-list > .row { margin-left: -10px; margin-right: -10px; }
    .for-your-use-section .for-your-use-list > .row > * { padding: 0 10px; margin-top: 0 !important; margin-left: 0 !important; }
    .for-your-use-section .for-your-use-list .your-use-block .title { font-size: 22px; margin-bottom: 20px; }
    .for-your-use-section .for-your-use-list .your-use-block { height: 100%; }
    .for-your-use-section .for-your-use-list .your-use-block .your-detail { padding-right: 0; }
    /* for-your-use */

    /* folks-work */
    .folks-work-section { padding-top: 250px; padding-bottom: 35px; margin-top: -225px; }
    .folks-work-section:before { top: 200px; width: 270px; height: 270px; left: -225px; filter: blur(100px); -webkit-filter: blur(100px); }
    .folks-work-section .folks-back-image.back-shape2 { top: 200px; }
    .folks-work-section .folks-back-image { width: 425px; }
    .folks-work-section .section-title { margin-bottom: 20px; text-align: center; }
    .folks-work-section .folks-logo-list { justify-content: center; }
    .folks-work-section .folks-logo-list > * { width: 186px; }
    .folks-work-section .folks-logo-block { height: 166px; }
    .folks-work-section .folks-work-bottom-part .folks-right-side { padding-right: 0; }
    .folks-work-section a.folks-logo-block:hover { border-radius: 10px 10px 35px 10px; -webkit-border-radius: 10px 10px 35px 10px; -moz-border-radius: 10px 10px 35px 10px; -ms-border-radius: 10px 10px 35px 10px; -o-border-radius: 10px 10px 35px 10px; }
    /* folks-work */

    /* footer */
    .footer { padding-top: 250px; margin-top: -225px; }
    .footer:before { top: 200px; width: 270px; height: 270px; right: -225px; filter: blur(100px); -webkit-filter: blur(100px); }
    .footer .f-back-overlay { width: calc(100% - 40px); }
    .footer .f-logo-detail-block .f-logo * { width: 260px; }
    .footer .f-top .f-content > .row > * { border: none; }
    .footer .f-logo-detail-block .f-logo { margin-bottom: 20px; }
    .footer .f-block { padding-top: 30px; padding-bottom: 30px; text-align: center; }
    .footer .f-block .f-title { max-width: 298px; margin-left: auto; margin-right: auto; }
    .footer .f-block .f-detail ul li { margin-bottom: 30px; }
    .footer .f-contact-list .contact-block { margin-bottom: 20px; }
    .footer .f-contact-list .contact-block .detail { font-size: 20px; }
    .footer .f-bottom .f-content { max-width: 300px; margin-left: auto; margin-right: auto; }
    /* footer */
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
    /* Common Style Start */
    .container {padding: 0 20px;}
    .section-title {font-size: 40px; line-height: 125.286%;}
    .banner-title {font-size: 40px; line-height: 125.667%;}
    .block-title {font-size: 25px; line-height: 140%;}
    body {font-size: 18px; line-height: 28px;}
    .paragraph-medium { font-size: 20px; line-height: 145%; }
    .paragraph-large { font-size: 22px; line-height: 145%; }
    body { padding-top: 82px; }
    /* Common Style End */

    /* Banner Start */
    .banner-wrp { padding: 15px 15px 42px; position: relative; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
    .bnr-bottom {padding: 434px 0 0 0;}
    .bnr-demo .detail { font-size: 16px; line-height: 162.5%; margin: 0 0 52px;}
    .bnr-bottom-title { max-width: 100%; width: auto; text-align: center; padding: 0 5px; }
    .bnr-demo { max-width: 115px; padding: 15px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
    .bnr-call { width: 36px; height: 36px; padding: 6px; }
    .bnr-bottom-detail { max-width: 100%; width: auto; margin: 0 40px; text-align: center; }
    .bnr-bottom-detail .common-detail { margin: 0 0 20px; }
    .banner-detail-mobile {padding: 30px 0 0;}
    /* .bnr-call * { top: 0; } */
    /* Banner End */

    /* Climate Action Start */
    .climate-action-wrp { padding: 70px 0 35px; }
    .climate-action-right {margin: 0 0 30px; text-align: center;}
    .climate-action-img img {height: auto;}
    .climate-action-grid { max-width: 386px; bottom: -55px; top: auto; left: -130px; }
    .climate-action-wrp::after { top: auto; bottom: -66px; left: -450px; }
    .climate-action-main .row {flex-direction: column-reverse;}
    .climate-action-right .section-title { margin: 0 0 30px; }
    /* Climate Action End */

    /* Unified Platform Start */
    .unified-platform-wrp {padding: 35px 0;}
    .unified-platform-main > .section-title span { display: inline; }
    .unified-platform-right { margin: 0; padding: 6px 4px 4px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;  -ms-border-radius: 4px; -o-border-radius: 4px; -moz-box-shadow: 0px 1.377px 1.377px 0px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 1.377px 1.377px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 1.377px 1.377px 0px rgba(0, 0, 0, 0.25); }
    .platform-features-block {margin: 0 0 25px;}
    .platform-circle {top: 0; }
    .unified-platform-main > .section-title { text-align: center; }
    .unified-platform-features {padding: 0 0 50px;}
    .unified-platform-section { padding: 40px 20px; border-radius: 70px 10px 10px 10px; -webkit-border-radius: 70px 10px 10px 10px; -moz-border-radius: 70px 10px 10px 10px; -ms-border-radius: 70px 10px 10px 10px; -o-border-radius: 70px 10px 10px 10px; }
    .unified-platform-features .block-title {margin: 0 0 20px;}
    .platform-features-icon { width: 50px; height: 50px; margin: 0 10px 0 0; -moz-box-shadow: 0px 3.333px 3.333px 0px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 3.333px 3.333px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 3.333px 3.333px 0px rgba(0, 0, 0, 0.25);  }
    .unified-platform-right .small-title {font-size: 10px; line-height: 12px; padding: 0 0 1px; margin: 0 6px 6px;}
    /* Unified Platform End */

    /* AI operations Start */
    .ai-operations-main > .section-title span { display: inline; }
    .ai-operations-left { margin: 0 0 30px; padding: 15px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
    .ai-operations-wrp { padding: 35px 0; }
    .ai-operations-main > .section-title {margin: 0 0 30px;}
    .ai-operations-right { padding: 15px 15px 98px; max-width: 100%; width: auto; height: auto; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
    .ai-operations-top { padding: 20px 30px; }
    .ai-operations-top * { font-size: 18px; line-height: 28px; }
    .ai-operations-wrp::after {display: none;}
    /* AI operations End */

    /* Stackholders Start */
    .stackholders-wrp { padding: 35px 0; }
    .stackholders-block {width: 100%; margin: 0 0 10px;}
    .stackholders-main > .section-title { margin: 0 0 40px; text-align: center; }
    .stackholders-main > .section-title span {display: inline;}
    .stackholders-section { background: -moz-linear-gradient(96deg, rgba(10, 45, 130, 0.1) 0%, rgba(5, 160, 198, 0.1) 100%); background: -webkit-linear-gradient(96deg, rgba(10, 45, 130, 0.1) 0%, rgba(5, 160, 198, 0.1) 100%); background: linear-gradient(96deg, rgba(10, 45, 130, 0.1) 0%, rgba(5, 160, 198, 0.1) 100%); padding: 50px 43px; border-radius: 70px 10px 10px 10px; -webkit-border-radius: 70px 10px 10px 10px; -moz-border-radius: 70px 10px 10px 10px; -ms-border-radius: 70px 10px 10px 10px; -o-border-radius: 70px 10px 10px 10px; }
    .stackholders-block:nth-child(even) { margin-top: 0; }
    .stackholders-block.slick-current { -moz-background: linear-gradient(96deg, #0A2D82 0%, #05A0C6 100%); -webkit-background: linear-gradient(96deg, #0A2D82 0%, #05A0C6 100%); background: linear-gradient(96deg, #0A2D82 0%, #05A0C6 100%); -moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); }
    .stackholders-block.slick-current .stackholders-icon { background-color: rgba(255, 255, 255, 0.2); }
    .stackholders-block.slick-current .detail { color: var(--white); border-top-color: rgba(255, 255, 255, 0.15); }
    .stackholders-row {opacity: 0; margin: 0;}
    .stackholders-row.slick-initialized {opacity: 1;}
    .stackholders-wrp .platform-circle { top: -700px; }
    .stackholders-grid img {height: auto;}
    .stackholders-block.slick-current .stackholders-icon img { filter: brightness(35); -webkit-filter: brightness(35); }
    .stackholders-arrows { margin-top: 30px; }
    /* Stackholders End */

    /* build-together */
    .build-together-section { padding-top: 250px; padding-bottom: 35px; margin-top: -225px; }
    .build-together-section:before { top: 200px; width: 225px; height: 225px; left: -225px; filter: blur(100px); -webkit-filter: blur(100px); }
    .build-together-section .build-together-back-image { width: 385px; }
    .build-together-section .build-together-back-image.back-shape1 { bottom: 15px; left: auto; right: -162px; left: auto; right: -160px; transform: rotateX(180deg); -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); }
    .build-together-section .build-together-back-image.back-shape2 { right: auto; left: -110px; top: 235px; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); }
    .build-together-section .section-title { margin-bottom: 20px; }
    .build-together-section .build-together-list > .row { margin: 0 -15px; }
    .build-together-section .build-together-list > .row > * { padding: 0 15px; }
    .build-together-section .build-together-image { margin-bottom: 20px; }
    .build-together-section .build-together-block { text-align: center; }
    .build-together-section .build-together-block .get-touch-button { text-align: center; }
    /* build-together */

    /* for-your-use */
    .for-your-use-section { padding-top: 260px; padding-bottom: 35px; margin-top: -225px; }
    .for-your-use-section:before { top: 200px; width: 225px; height: 225px; right: -325px; filter: blur(100px); -webkit-filter: blur(100px); }
    .for-your-use-section .section-title { text-align: center; margin-bottom: 20px; }
    .for-your-use-section .for-your-use-description { border-radius: 50px 20px 20px 20px; -webkit-border-radius: 50px 20px 20px 20px; -moz-border-radius: 50px 20px 20px 20px; -ms-border-radius: 50px 20px 20px 20px; -o-border-radius: 50px 20px 20px 20px; }
    .for-your-use-section .for-your-use-description .for-your-use-back-image { width: 385px; }
    .for-your-use-section .for-your-use-list .your-use-block { padding: 20px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
    .for-your-use-section .for-your-use-list .your-use-block .your-detail .detail { font-size: 18px; line-height: 155%; }
    .for-your-use-section .for-your-use-list .your-use-block .your-icon { padding-bottom: 20px; }
    .for-your-use-section .for-your-use-list .your-use-block .your-icon > * { max-width: 50px; }
    .for-your-use-section .for-your-use-list .your-use-block .custom-block-link * { font-size: 20px; line-height: 150%; }
    .for-your-use-section .for-your-use-description .for-your-use-content { padding: 40px 20px 20px; }
    .for-your-use-section .for-your-use-list > .row { margin-left: -10px; margin-right: -10px; }
    .for-your-use-section .for-your-use-list > .row > * { padding: 0 10px; margin-top: 0 !important; margin-left: 0 !important; }
    .for-your-use-section .for-your-use-list .your-use-block .title { font-size: 22px; margin-bottom: 20px; }
    .for-your-use-section .for-your-use-list .your-use-block .your-detail { padding-right: 0; }
    /* for-your-use */

    /* folks-work */
    .folks-work-section { padding-top: 245px; padding-bottom: 35px; margin-top: -225px; }
    .folks-work-section:before { top: 200px; width: 225px; height: 225px; left: -255px; filter: blur(100px); -webkit-filter: blur(100px); }
    .folks-work-section .folks-back-image.back-shape1 { display: none; }
    .folks-work-section .folks-back-image.back-shape2 { top: 294px; right: auto; left: -315px; transform: rotateX(180deg); -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); }
    .folks-work-section .folks-back-image { width: 385px; }
    .folks-work-section .section-title { margin-bottom: 20px; text-align: center; }
    .folks-work-section .folks-logo-list { justify-content: center; }
    .folks-work-section .folks-logo-list > * { width: 186px; }
    .folks-work-section .folks-logo-block { height: 166px; }
    .folks-work-section .folks-work-bottom-part .folks-right-side { padding-right: 0; }
    .folks-work-section a.folks-logo-block:hover { border-radius: 10px 10px 35px 10px; -webkit-border-radius: 10px 10px 35px 10px; -moz-border-radius: 10px 10px 35px 10px; -ms-border-radius: 10px 10px 35px 10px; -o-border-radius: 10px 10px 35px 10px; }
    /* folks-work */

    /* footer */
    .footer { padding-top: 270px; margin-top: -235px; }
    .footer:before { top: auto; bottom: 315px; width: 225px; height: 225px; right: -432px; filter: blur(100px); -webkit-filter: blur(100px); }
    .footer .f-back-overlay { width: calc(100% - 40px); }
    .footer .f-logo-detail-block { background-size: 769px 641px; background-position: center -164px; }
    .footer .f-logo-detail-block .f-logo * { width: 260px; }
    .footer .f-logo-detail-block .f-detail { padding-left: 0; padding-right: 0; }
    .footer .f-block .f-follow-us-block { margin-top: 10px; }
    .footer .f-top { padding-top: 25px; padding-bottom: 15px; }
    .footer .f-top .f-content > .row > * { border: none; }
    .footer .f-block { padding-top: 15px; padding-bottom: 15px; text-align: center; }
    .footer .f-block .f-title { font-size: 20px; max-width: 298px; margin-left: auto; margin-right: auto; }
    .footer .f-block .f-detail ul li { margin-bottom: 30px; }
    .footer .f-contact-list .contact-block { margin-bottom: 20px; }
    .footer .f-contact-list .contact-block .detail { font-size: 20px; }
    .footer .f-bottom .f-content { font-size: 18px; max-width: 300px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; padding-bottom: 5px; }
    /* footer */
}

/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px) {
}

@media (max-width: 575px) {

/* build-together */
.folks-work-section .folks-work-slider { margin-left: -20px; margin-right: -20px; }
.folks-work-carousel .slick-list { padding: 0 130px; }
/* build-together */
}

@media (max-width: 400px) {
/* build-together */
.folks-work-section .folks-work-slider { margin-left: -20px; margin-right: -20px; }
.folks-work-carousel .slick-list { padding: 0 50px; }
/* build-together */
}

@media (max-width: 374px) {
.section-title {font-size: 33px; line-height: 125.286%;}
.banner-title {font-size: 33px; line-height: 125.667%;}
.block-title {font-size: 22px; line-height: 140%;}
.paragraph-medium { font-size: 18px; line-height: 145%; }
.paragraph-large { font-size: 20px; line-height: 145%; }

/* stackholders */
.stackholders-section { padding: 30px 20px; border-radius: 35px 10px 10px 10px; -webkit-border-radius: 35px 10px 10px 10px; -moz-border-radius: 35px 10px 10px 10px; -ms-border-radius: 35px 10px 10px 10px; -o-border-radius: 35px 10px 10px 10px; }
.stackholders-main > .section-title { margin-bottom: 25px; }
/* stackholders */

/* for-your-use */
.for-your-use-section .for-your-use-list .your-use-block .your-icon { padding-bottom: 10px; margin-bottom: 10px; }
/* for-your-use */

/* build-together */
.build-together-section .build-together-image * { border-radius: 10px 10px 50px 10px; -webkit-border-radius: 10px 10px 50px 10px; -moz-border-radius: 10px 10px 50px 10px; -ms-border-radius: 10px 10px 50px 10px; -o-border-radius: 10px 10px 50px 10px; }
/* build-together */

/* footer */
.footer .f-logo-detail-block .f-logo { margin-bottom: 20px; }
.footer .f-block .f-detail ul li { margin-bottom: 20px; }
.footer .f-contact-list .contact-block .detail { font-size: 18px; }
/* footer */
}