/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (max-width: 1799px){ 
    .page-title span{display: block;}
    .inner-banner-wrapper .page-title span{display: unset;} 
    .page-title span::after {height: 1.3vw; bottom: -17px;}
}

@media (min-width: 1800px) and (max-width: 1919px){
/* Process Page Start */
/* .process-section::before {left: -118px; min-width: 1760px;} */
.process-section .row>*:first-child .process-content::before { left: -104px; }
.process-section .row>*:last-child .process-content::before { right: -104px; }
/* Process Page End */

/* ----- header ----- */
.header-left .nav-logo-box { padding: 28px 151px 28px 110px;}
/* ----- header ----- */
}

@media (min-width: 1600px) and (max-width: 1799px){
/* Process Page Start */
/* .process-section::before {left: 0; min-width: 100%;} */
.process-section .row>*:first-child .process-content::before { left: -10px; }
.process-section .row>*:last-child .process-content::before { right: -10px; }
/* Process Page End */

/* ----- header ----- */
.header-left .nav-logo-box { padding: 28px 90px;}
.navbar-nav .nav-item { margin-right: 32px; }
.nav-inner-right { padding: 0 64px 0 20px;}
/* ----- header ----- */

/* ----- banner ----- */

.banner-data { padding-left: 100px; max-width: 890px;}
/* ----- banner ----- */
}

@media (min-width: 1700px) {
    .services-slider-section .container{max-width: 1635px;}
    /* .contact-section .container{max-width: 1650px;} */
}

@media (min-width: 1600px) {
    .container {max-width: 1550px;}

    /* collaboration section */
    .collaboration-content .row { margin: 0; }
    .collaboration-content .row>* { padding: 0; }
    /* collaboration section */

    /* ai-infused section */
    .ai-infused-content .row {margin: 0 -13px;}
    .ai-infused-content .row > * {padding: 0 13px;}
    /* ai-infused section */
}

@media (min-width: 1600px) and (max-width: 1699px){
    /* inner banner */
    .inner-banner-wrapper .banner-main{padding-left: 100px;}
    .page-title span::after {height: 1.3vw; bottom: -17px;}
    /* inner banner */

    .process-icon{height: 92px;}
}

@media (min-width: 1500px) and (max-width: 1599px){
/* Process Page Start */
.process-section .row>*:first-child .process-content::before { left: -70px; }
.process-section .row>*:last-child .process-content::before { right: -70px; }
.process-icon{height: 92px;}
/* Process Page End */

/* Candidate Experience Page Start */
.placements-inner .section-title>* span {display: block;}
.placements-inner .detail-center {margin: 0 auto;}
.placements-inner .detail-left { margin: 0 0 0 0; }
.placements-inner .detail-right { margin: 0; }

.commitment-wrp .collaboration-left-part .detail { margin: 30px 0 0; width: auto; }
.commitment-wrp .collaboration-image {margin: 0 auto;}
.collaboration-section.commitment-wrp { padding: 75px 0 120px; }
.collaboration-content .row > *::after{right: -10px;}
.collaboration-content .row > *:nth-child(2):after{right: 0;}
/* Candidate Experience Page End */

/* ----- header ----- */
.header-left .nav-logo-box { padding: 28px 70px;}
.navbar-nav .nav-item { margin-right: 30px; }
.nav-inner-right { padding: 0 64px 0 20px;}
/* ----- header ----- */

/* ----- about section ----- */
.about-left-part{margin: 0;}
.about-left-top-part .detail{max-width: 455px;}
.about-left-bottom-image{height: 550px;}
.about-section{padding: 75px 0 120px;}
/* ----- about section ----- */
}

@media (min-width: 1400px) and (max-width: 1499px) {
/* Process Page Start */
.process-section .row>*:first-child .process-content::before { left: -15px; }
.process-section .row>*:last-child .process-content::before { right: -15px; }
.process-icon{height: 93px;}
/* Process Page End */

/* Candidate Experience Page Start */
.placements-inner .section-title>* span {display: block;}
.placements-inner .detail-center {margin: 0 auto;}
.placements-inner .detail-left { margin: 0 0 0 0; }
.placements-inner .detail-right { margin: 0; }
.placements-inner .center-shape { width: 83%; }

.commitment-wrp .collaboration-left-part .detail { margin: 40px 0 0; width: auto; }
.commitment-wrp .collaboration-image {margin: 0 auto;}
.collaboration-section.commitment-wrp { padding: 75px 0 120px; }
.collaboration-content .row > *::after{right: -10px;}
.collaboration-content .row > *:nth-child(2):after{right: 0;}
/* Candidate Experience Page End */

/* ----- header ----- */
.header-left .nav-logo-box { padding: 28px 70px;}
.navbar-nav .nav-item { margin-right: 32px; }
.nav-inner-right { padding: 0 64px 0 20px;}
.navbar-nav .nav-link {font-size: 18px;}
.header-left .nav-logo-box { padding: 28px 70px 28px 50px; }
.navbar-brand { width: 240px; height: auto;}
/* ----- header ----- */

/* ----- about section ----- */
.about-left-part{margin: 0;}
.about-left-top-part .detail{max-width: 455px;}
.about-left-bottom-image{height: 550px;}
.about-section{padding: 75px 0 120px;}
/* ----- about section ----- */
}

@media (min-width: 1400px) and (max-width: 1599px){
/* Process Page Start */
.process-banner-wrapper .page-title span::after { width: 275px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
/* Process Page End */

/* Fees & Value Page Start */
.fees-banner-wrapper .page-title span::after {width: 245px; bottom: -6px;}

.fees-wrp { padding: 80px 0 60px; }
.fees-content { margin: 0 0 0 -10px; }
/* Fees & Value Page End */

/* common style */
.inner-banner-wrapper .page-title{font-size: 65px;}
.inner-banner-wrapper .page-title::after{width: 195px;}
/* common style */

/* ----- Banner ----- */
.banner-wrapper  {height: 780px;}
.banner-data {padding-left: 60px;}
.scroller-btn {padding: 22px 22px; }
.scroller-btn img { height: 44px;width: 16px;}
/* ----- Banner ----- */

/* inner banner */
/* .inner-banner-wrapper{height: 500px;} */
.inner-banner-wrapper .banner-main{padding-left: 70px;}
.our-team-banner-wrapper .page-title span::after{height: 11px;}
.our-services-banner-wrapper .page-title span::after{ height: 9px; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
/* inner banner */

/* ----- detail wrapper ----- */
.detail-center .center-parent {max-width: 288px;}
/* ----- detail wrapper ----- */

/* innovation section */
.innovation-section{ padding: 90px 0 60px; }
.innovation-image{margin: 0;}
/* innovation section */

/* collaboration section */
.collaboration-section{padding: 60px 0;}
.collaboration-left-part { margin-left: 0; }
.collaboration-right-part ul li{font-size: 20px;}
/* collaboration section */

/* ai-infused section */
.ai-infused-section{padding: 60px 0 120px;}
.ai-infused-wrp .section-title{font-size: 50px;}
.ai-infused-wrp .section-title>* span::before{height: 9.2px; bottom: -20px;}
/* ai-infused section */

/* founder section */
.founder-section{padding: 120px 0 60px;}
.founder-image{max-width: 485px; height: 500px; margin: 85px 0 15px 30px;}
.founder-title{max-width: 770px;}
/* founder section */

/* team section */
.team-section{padding: 60px 0 120px;}
.team-image{height: 340px;}
.team-info-block { height: calc(100% - 340px); }
/* team section */

/* services slider section */
.services-slider-section { padding: 120px 0 60px; }
.services-slider-part{margin: 0 -40px;}
/* services slider section */

/* additional services section */
.additional-services-section{padding: 60px 0 100px;}
.additional-services-image{margin: 0;}
.additional-services-list ul li{font-size: 20px;}
.additional-services-image{height: 350px;}
/* additional services section */

/* industries section */
.industries-section{padding: 60px 0 120px;}
.indusries-info-link{margin: 0 -30px 0 0;}
/* industries section */

/* contact section */
.contact-section { padding: 120px 0; }
/* contact section */

/* program section */
.program-section{padding: 120px 0 60px;}
.program-main-image{margin: 0;}
.program-image{margin: 0;}
/* program section */

/* why-synova-detail-wrapper */
.why-synova-detail-wrapper .detail-center .center-parent{max-width: 360px; height: 390px;}
/* why-synova-detail-wrapper */

/* experience section */
.experience-image{ margin: 0; }
.experience-section{padding: 70px 0 100px;}
/* experience section */

/* footer */
.footer-memu ul li{font-size: 18px;}
.footer-logo{width: 100%; max-width: 200px;}
/* footer */
}

@media (min-width: 1200px) and (max-width: 1399px) {
/* Process Page Start */
.process-content { padding: 30px 15px 20px; }
.process-title .section-title>* span::before {width: 205px;}
.process-banner-wrapper .page-title span::after { width: 275px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.process-details .normal-text {min-height: 58px; display: flex; align-items: center; justify-content: center;}
.process-section .row>*:nth-child(even) .process-block {margin-top: -25px;}
.process-section .row>*:first-child .process-content::before { left: -11px; }
.process-section .row>*:last-child .process-content::before { right: -11px; }
.process-content .detail{font-size: 17px;}
.process-icon{height: 92px;}
/* Process Page End */

/* Candidate Experience Page Start */
.placements-inner .section-title>* span::before {width: 510px;}
.placements-inner .section-title>* span {display: block;}
.placements-inner .detail-center {margin: 0 auto; align-items: center; height: 100%;}
.placements-inner .detail-left { margin: 0 0 0 0; }
.placements-inner .detail-right { margin: 0; }
.placements-inner .center-shape { width: 100%; }

.commitment-wrp .collaboration-left-part .detail { margin: 50px 0 0; width: auto; }
.commitment-wrp .collaboration-image {margin: 0 auto; height: 430px;}
.commitment-wrp .collaboration-left-part .section-title>* span::before {width: 324px;}
.collaboration-section.commitment-wrp {padding: 50px 0 100px;}
.commitment-wrp .additional-services-list ul li:not(:last-child) { margin-bottom: 20px; }
.collaboration-content .row > *::after{right: -10px;}
.collaboration-content .row > *:nth-child(2):after{right: 0;}
/* Candidate Experience Page End */

/* Fees & Value Page Start */
.fees-banner-wrapper .page-title span::after {width: 245px; bottom: -6px;}

.fees-wrp { padding: 60px 0; }
.fees-content { margin: 0 0 0 -15px; }
.fees-main .row { align-items: normal; }
.fees-right {max-width: 40%; margin: 60px auto 0;}
.fees-left{height: 520px;}
/* Fees & Value Page End */

/* common style */
.inner-banner-wrapper .page-title{font-size: 65px;}
.inner-banner-wrapper .page-title::after{width: 195px;}
/* common style */

.section-title{font-size: 50px;}

/* ----- header ----- */
.header-left .nav-logo-box { padding: 28px 70px;}
.nav-inner-right { padding: 0 64px 0 20px;}
.navbar-nav .nav-item { margin-right: 26px; }
.navbar-nav .nav-link {font-size: 16px;}
.nav-inner-left li a {font-size: 16px;}
.nav-inner-right li a {font-size: 16px;}
.header-left .nav-logo-box { padding: 20px 50px 20px 30px; }
.header-right-bottom {padding: 14px 16px;}
.navbar-brand { width: 200px; height: auto;}
.nav-inner-left::after {left: -36px;}
/* ----- header ----- */

/* ----- Banner ----- */
.banner-wrapper  {height: 750px;}
.banner-data {padding-left: 60px;}
.scroller-btn {padding: 20px 18px; }
.scroller-btn img { height: 38px;width: 15px;}
.page-title span::after {height: 1.4vw; bottom: -17px;}
/* ----- Banner ----- */

/* ----- detail wrapper ----- */
.detail-center .center-parent {max-width: 248px;}
/* ----- detail wrapper ----- */

/* ----- about section  -----*/
.about-left-part{margin: 0;}
.about-left-top-part .detail{max-width: 100%; margin: 0;}
.about-left-bottom-image{height: 450px; max-width: 500px;}
.about-section{padding: 75px 0 100px;}
.about-left-bottom-part{margin: 60px 0 0;}
.about-left-bottom-right-part{max-width: 100%; margin: 0; padding: 0 0 0 30px;}
.about-left-top-part .section-title{width: 100%; max-width: 330px;}
.about-main-image{height: 475px; margin: 30px auto 0;}
/* ----- about section  -----*/

/* inner banner */
/* .inner-banner-wrapper{height: 500px;} */
.inner-banner-wrapper .banner-main{padding-left: 70px;}
.our-team-banner-wrapper .page-title span::after{height: 11px;}
.our-services-banner-wrapper .page-title span::after{ height: 9px; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
/* inner banner */

/* innovation section */
.innovation-section{ padding: 60px 0; }
.innovation-image{margin: 0; height: 470px;}
.innovation-block .section-title > * span::before{width: 275px;}
/* innovation section */

/* collaboration section */
.collaboration-section{padding: 60px 0;}
.collaboration-left-part { margin-left: 0; }
.collaboration-right-part ul li{font-size: 20px;}
.collaboration-left-part .section-title>* span::before{height: 9px; bottom: -8px;}
/* collaboration section */

/* ai-infused section */
.ai-infused-section{padding: 50px 0 100px;}
.ai-infused-wrp .section-title{font-size: 46px;}
.ai-infused-wrp .section-title>* span::before{height: 9.2px; bottom: -20px;}
/* ai-infused section */

/* founder section */
.founder-section{padding: 100px 0 50px;}
.founder-image{max-width: 485px; height: 500px; margin: 85px 0 15px 30px;}
.founder-title{max-width: 590px;}
.founder-info{padding: 20px;}
/* founder section */

/* team section */
.team-section{padding: 50px 0 100px;}
.team-image{height: 290px;}
.team-info-block { height: calc(100% - 290px); }
.team-member-name *{font-size: 22px;}
.team-content .section-title>* span::before{height: 8px; bottom: -9px;}
.team-member-contact-detail ul li{height: 50px;}
.pagination-block{margin: 30px 0 0;}
/* team section */

/* services slider section */
.services-slider-section { padding: 100px 0 50px; }
.services-slider-part{margin: 0 -35px;}
.services-slider-content .section-title>* span::before{height: 8.3px;}
/* services slider section */

/* additional services section */
.additional-services-section{padding: 50px 0 80px;}
.additional-services-image{margin: 0;}
.additional-services-list ul li{font-size: 18px;}
.additional-services-image{height: 450px; min-height: auto;}
.additional-services-left-part .section-title>* span::before{height: 8.5px;}
.additional-services-left-part-image{margin-right: 55px;}
.additional-services-list ul li::before{height: 18px;}
/* additional services section */

/* industries section */
.industries-section{padding: 50px 0 100px;}
.indusries-info-link{margin: 0;}
.industries-block .section-title>* span::before{height: 9.5px;}
.industries-wrp .detail{margin: 20px 0 0;}
.industries-wrp{width: auto; max-width: unset; margin: 0 0 0 -30px;}
/* industries section */

/* contact section */
.contact-section { padding: 100px 0; }
.contact-map{height: 710px;}
/* contact section */

/* solutions section */
.solutions-right-block .section-title>* span::before{height: 8.5px;}
/* solutions section */

/* program section */
.program-section{padding: 100px 0 50px;}
.program-main-image{margin: 0;}
.program-image{margin: 0;}
.program-right-wrp{margin: 35px 0 0;}
.program-image{min-height: 100%;}
.program-right-block .section-title>* span::before{width: 240px;}
/* program section */

/* why-synova-detail-wrapper */
.why-synova-detail-wrapper .detail-center .center-parent{max-width: 300px; height: 320px;}
/* why-synova-detail-wrapper */

/* experience section */
.experience-image{ margin: 0; }
.experience-section{padding: 50px 0 100px;}
.experience-block .section-title>* span::before{width: 277px;}
/* experience section */

/* ----- footer ----- */
.footer-logo{max-width: 170px;}
.footer-memu ul li{font-size: 16px;}
.footer-top{padding-bottom: 40px;}
.footer-contact-block{padding: 50px 0;}
.footer{padding: 60px 0;}
.footer-memu ul li:not(:last-child){margin-right: 30px;}
/* ----- footer ----- */

/* modal */
.modal-content{padding: 40px;}
.modal-header{padding: 0 0 35px 0; margin-bottom: 35px;}
/* modal */
}

@media (min-width:1200px) {
    /* Process Page Start */
    .process-section .row .col-xl-2, .process-section .row .col-xxl-2 { flex: 0 0 auto; width: 20%; }
    /* Process Page End */

/* ----- Banner ----- */
/* ----- Banner ----- */
/* -----  ----- */
/* -----  ----- */
}

@media (max-width:1199px) {
/* ----- header ----- */
.navbar-toggler {margin-left: auto;}

button.navbar-toggler { border: none; } 
.navbar-toggler { right: 0; top: 50%; padding: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } 
.navbar-toggler { border: none; background-color: transparent; position: absolute; z-index: 999999; right: 0; } 
.navbar-collapse { position: fixed; top: 0; right: -100%; max-width: 100%; width: 100%; bottom: 0; height: 100%; overflow: auto; background-color: #fff; transition: 0.5s; z-index: 9999; } 
.navbar-collapse.show { right: 0; height: auto; } 
.navbar-collapse.show::before { right: 0; } 
.navbar-collapse::before { content: ""; position: fixed; width: 100%; height: 80px; top: 0; right: -100%; background-color: #ffffff; transition: 0.5s; z-index: 9; } 
.navbar .navbar-nav { align-items: center; position: relative; top: 80px; } 
.header .navbar-nav .nav-item { padding: 20px 0; } 
.header .navbar-nav .nav-item:first-child { padding-left: 0; } 
.navbar-toggler span { background-color: var(--darkorange); width: 25px; height: 2px; display: block; margin-bottom: 5px; transition: 0.5s; position: relative; background-image: unset;} 
.navbar-toggler.open span:first-child { top: 5px; transform: rotate(45deg); } 
.navbar-toggler.open span:nth-child(2) { display: none; } 
.navbar-toggler.open span:last-child { top: -2px; transform: rotate(-45deg); } 
.navbar-toggler span:last-child{margin-bottom: 0;}
.navbar-toggler:focus { box-shadow: none; }
.navbar-nav .nav-link {color: var(--sky);}
.navbar-nav .nav-item {margin-right: 0;}
.navbar-nav .nav-link:hover {color: var(--darkorange);}
.navbar-nav .nav-link.active {color: var(--darkorange);}
.navbar-nav .nav-item.current-menu-item .nav-link{color: var(--darkorange);}
/* ----- header ----- */
/* -----  ----- */
/* -----  ----- */

.gm-style .gm-style-iw-c{max-width: 230px !important; min-width: 230px !important;}
.gm-style .gm-style-iw-tc::after{top: -32px;}

.nav-inner-right li a{font-size: 20px;}

.contact-location{font-size: 16px; padding: 15px;}

.join-us-modal .modal-content{ padding-bottom: 45px; }
}

@media (min-width: 992px) and  (max-width: 1199px) {
/* Process Page Start */
.process-wrp { padding: 100px 0; }
.process-section .row>*:nth-child(odd) .process-block { margin-top: 0; }
.process-block {margin: 0 0 60px;}
.process-title .section-title>* span::before {width: 205px;}
.process-banner-wrapper .page-title span::after { width: 235px; bottom: -7px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.process-content::before {display: none;}
/* Process Page End */

/* Candidate Experience Page Start */
.placements-inner .section-title>* span::before {width: 510px;}
.placements-inner .section-title>* span {display: block;}
.placements-inner .detail-center {margin: 0 auto;}
.placements-inner .detail-left { margin: 0 0 0 0; }
.placements-inner .detail-right { margin: 0; }
.placements-inner .center-shape { width: 100%; }
.placements-inner .section-title { margin: 0 0 50px; }
.placements-inner .detail-main .row {align-items: center;}
.placements-inner .detail-center .center-parent { max-width: 255px; }

.commitment-wrp .collaboration-left-part .detail { margin: 40px 0 0 0; width: auto; }
.commitment-wrp .collaboration-image {margin: 0 auto; height: 100%;}
.commitment-wrp .collaboration-left-part .section-title>* span::before {width: 274px;}
.collaboration-section.commitment-wrp {padding: 40px 0 80px;}
.commitment-wrp .collaboration-left-part { margin: 0; }
.commitment-img-block .commitment-img { padding: 0 12px; }
.commitment-img-block {margin: 0 -12px; max-width: 320px;}
.collaboration-right-part .additional-services-list { margin: 0 0 30px 0; }
.commitment-wrp .additional-services-list ul li:not(:last-child) { margin-bottom: 20px; }
.collaboration-content .row > *:nth-child(2):after{right: 10px;}
.collaboration-content .row > *::after{right: -15px;}
/* Candidate Experience Page End */

/* Fees & Value Page Start */
.fees-banner-wrapper .page-title span::after {width: 205px; bottom: -6px;}

.fees-wrp { padding: 60px 0 80px; }
.fees-content { margin: 0 0 0 -15px; }
.fees-main .row { align-items: normal; }
.fees-right {max-width: 40%; margin: 60px auto 0;}
.fees-content .section-title { margin: 0 0 20px; }
.fees-main { margin: 0; }
.fees-left{height: 561px;}
/* Fees & Value Page End */

/* common style */
.inner-banner-wrapper .page-title{font-size: 55px;}
.inner-banner-wrapper .page-title::after{width: 170px;}
/* common style */

.section-title{font-size: 50px;}
.page-title span::after {height: 1.3vw;}
/* ----- header ----- */
.header-left .nav-logo-box { padding: 14px 60px 14px 40px;}
.navbar-brand {width: 200px;height: auto;}
.nav-inner-left li a {font-size: 14px;}
.nav-inner-right li a {font-size: 20px;}
.nav-inner-left { padding: 10px 44px 10px 20px;}
.nav-inner-left::after {left: -33px;}
.header-right-bottom {padding: 20px 20px 20px 20px;}
.nav-inner-left li a img {width: 14px;margin-right: 8px;}
.nav-inner-right {padding: 0 32px 0 20px;}
.nav-inner-right li a img {width: 14px;}
/* ----- header ----- */

/* ----- Banner ----- */
.banner-wrapper  {height: 740px;}
.banner-data {padding-left: 80px;}
.scroller-btn {padding: 18px 15px; }
.scroller-btn img { height: 26px;width: 15px;}
.page-title span::after {height: 1.5vw; bottom: -17px;}
/* ----- Banner ----- */

/* inner banner */
/* .inner-banner-wrapper{height: 400px;} */
.inner-banner-wrapper .banner-main{padding-left: 70px;}
.about-banner-wrapper .page-title span::after{width: 90px;}
.our-team-banner-wrapper .page-title span::after{height: 9px;}
.our-services-banner-wrapper .page-title span::after{ height: 7.5px; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
.contact-banner-wrapper .page-title span::after{height: 7px;}
/* inner banner */

/* ----- detail wrapper ----- */
.center-shape {width: 95%;}
.detail-center .center-parent {max-width: 225px;}
.about-detail-wrapper .detail-center{align-items: center; height: 100%;}
/* ----- detail wrapper ----- */

/* ----- about section ----- */
.about-left-part{margin: 0;}
.about-left-top-part .detail{max-width: 100%; margin: 0;}
.about-left-bottom-image{height: 450px; max-width: 355px;}
.about-section{padding: 75px 0 80px;}
.about-left-bottom-part{margin: 60px 0 0;}
.about-left-bottom-right-part{max-width: 100%; margin: 0; padding: 0 0 0 30px;}
.about-left-top-part .section-title{width: 100%; max-width: 330px;}
.about-main-image{height: 475px; margin: 30px auto 0;}
/* ----- about section ----- */

/* innovation section */
.innovation-section{ padding: 40px 0; }
.innovation-image{margin: 0; height: 510px;}
.innovation-block .section-title > * span::before{width: 215px;}
.innovation-block .section-title{font-size: 40px;}
.innovation-block .detail{margin: 20px 0 0;}
/* innovation section */

/* collaboration section */
.collaboration-section{padding: 40px 0;}
.collaboration-left-part { margin-left: 0; }
.collaboration-right-part ul li{font-size: 20px;}
.collaboration-left-part .section-title>* span::before{height: 8px; bottom: -8px;}
.collaboration-left-part .section-title{font-size: 44px;}
/* collaboration section */

/* ai-infused section */
.ai-infused-section{padding: 40px 0 80px;}
.ai-infused-wrp .section-title{font-size: 38px;}
.ai-infused-wrp .section-title>* span::before{height: 7px; bottom: -16px;}
.ai-icon img{max-width: 60%;}
.ai-infused-wrp{margin: 35px 0; height: auto;}
.ai-infused-block{text-align: center;}
/* ai-infused section */

/* founder section */
.founder-section{padding: 80px 0 40px;}
.founder-image{max-width: 480px; height: 500px; margin: 85px 0 15px 30px;}
.founder-title{max-width: 400px;}
.founder-info{padding: 20px; flex-direction: column;}
.founder-contact-list {margin: 10px 0 0;}
.founder-contact-list ul{display: flex; justify-content: center;}
.founder-contact-list ul li:not(:last-child){margin-bottom: 0; margin-right: 25px;}
/* founder section */

/* team section */
.team-section{padding: 40px 0 80px;}
.team-image{height: 250px;}
.team-info-block { height: calc(100% - 250px); }
.team-member-name *{font-size: 18px;}
.team-content .section-title>* span::before{height: 8px; bottom: -9px;}
.team-member-contact-detail ul li{height: 50px;}
.pagination-block{margin: 30px 0 0;}
.team-member-name span{font-size: 15px;}
/* team section */

/* services slider section */
.services-slider-section { padding: 80px 0 40px; }
.services-slider-part{margin: 0 -25px;}
.services-slider-content .section-title>* span::before{height: 8.3px;}
.services-slider .slick-list{margin: 0 -10px;}
.services-slider .slick-slide{padding: 0 10px;}
.services-slider-next-arrow{margin-right: 0;}
/* services slider section */

/* additional services section */
.additional-services-section{padding: 40px 0 80px;}
.additional-services-image{margin: 0;}
.additional-services-list ul li{font-size: 16px;}
.additional-services-image{height: 400px; min-height: auto;}
.additional-services-left-part .section-title>* span::before{height: 8.5px;}
.additional-services-left-part-image{margin-right: 50px; max-width: 240px; height: 380px;}
.additional-services-list ul li::before{height: 16px;}
.additional-services-left-bottom-part{margin: 55px 0 0;}
.additional-services-list ul li{padding-left: 28px;}
.additional-services-left-part-image::before{left: -25px; right: -25px;}
/* additional services section */

/* industries section */
.industries-section{padding: 40px 0 80px;}
.indusries-info-link{margin: 0;}
.industries-block .section-title>* span::before{height: 9.5px;}
.industries-wrp .detail{margin: 20px 0 0;}
.industries-wrp{width: auto; max-width: unset; margin: 0 0 0 -30px;}
.industries-block{justify-content: flex-start;}
.industries-image{height: 550px;}
/* industries section */

/* contact section */
.contact-section { padding: 80px 0; }
.contact-map{height: 710px;}
/* contact section */

/* solutions section */
.solutions-section{padding: 55px 0;}
.solutions-right-block .section-title>* span::before{height: 8.5px;}
/* solutions section */

/* program section */
.program-section{padding: 80px 0 40px;}
.program-main-image{margin: 0;}
.program-image{margin: 0; height: 380px;}
.program-right-wrp{margin: 35px 0 0;}
.program-right-block .section-title>* span::before{width: 240px;}
.program-main-image{max-width: 400px; margin: 0 auto 35px;}
.program-right-block .section-title{text-align: center;}
/* program section */

/* why-synova-detail-wrapper */
.why-synova-detail-wrapper{padding: 50px 0;}
.why-synova-detail-wrapper .detail-center .center-parent{max-width: 250px; height: 270px;}
.why-synova-detail-wrapper .detail-center{height: 100%; align-items: center;}
/* why-synova-detail-wrapper */

/* experience section */
.experience-image{ margin: 0; }
.experience-section{padding: 40px 0 80px;}
.experience-block .section-title>* span::before{width: 277px;}
/* experience section */

/* ----- footer ----- */
.footer-logo{max-width: 125px;}
.footer-memu ul li{font-size: 16px;}
.footer-top{padding-bottom: 30px;}
.footer-contact-block{padding: 40px 0;}
.footer{padding: 50px 0;}
.footer-contact-icon{width: 45px; height: 45px; padding: 12px;}
.footer-contact-title{font-size: 17px;}
.footer-contact-info a, .footer-contact-info p{font-size: 17px;}
.footer-contact-info p{max-width: 180px;}
.footer-memu ul li:not(:last-child){margin-right: 15px;}
.footer-copyright *{font-size: 17px;}
/* ----- footer ----- */

/* modal */
.modal-content{padding: 30px;}
.modal-header{padding: 0 0 35px 0; margin-bottom: 35px;}
.modal-block .founder-contact-list ul{flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.modal-block .founder-info{align-items: flex-start;}
.modal-block .founder-image{max-width: 400px; height: 450px;}
.modal-block .founder-contact-list ul li:not(:last-child){margin-right: 0; margin-bottom: 10px;}
.modal-block .founder-title { max-width: calc(100% - 425px); }
/* modal */

}

@media (max-width: 991px) {

}

@media (min-width: 768px) and (max-width: 991px) {
/* Process Page Start */
.process-wrp { padding: 80px 0; }
.process-section .row>*:nth-child(odd) .process-block { margin-top: 0; }
.process-block {margin: 0 0 60px;}
.process-title .section-title>* span::before {width: 205px;}
.process-banner-wrapper .page-title span::after { width: 215px; bottom: -7px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.process-content::before {display: none;}
/* Process Page End */

/* Candidate Experience Page Start */
.placements-inner .section-title>* span::before {width: 510px;}
.placements-inner .detail-center {margin: 0 auto 50px;}
.placements-inner .detail-left { margin: 0 0 50px; align-items: center; text-align: center; }
.placements-inner .detail-right { margin: 0; }
.placements-inner .center-shape { width: 90%; }
.placements-inner .section-title { margin: 0 0 40px; }
.placements-inner .section-title span{display: inline-block;}
.placements-inner .detail-main .row {align-items: center;}
.placements-inner .detail-center .center-parent { max-width: 300px; }
.block-title { font-size: 26px; line-height: 34px; }

.commitment-wrp .collaboration-left-part .detail { margin: 40px auto; width: auto; max-width: 100%; }
.commitment-wrp .collaboration-image {margin: 0 auto; height: auto;}
.commitment-wrp .collaboration-left-part .section-title>* span::before {width: 245px;}
.collaboration-section.commitment-wrp {padding: 40px 0 60px;}
.commitment-wrp .collaboration-left-part { margin: 0 auto; text-align: center; max-width: 100%; width: auto; }
.commitment-img-block .commitment-img { padding: 0 12px; }
.commitment-img-block {margin: 0 -12px;}
.commitment-wrp .collaboration-right-part { justify-content: flex-start; margin: 40px 0 0; height: auto; }
.collaboration-right-part .additional-services-list { margin: 0 0 30px 0; max-width: 100%; }
.commitment-wrp .additional-services-list ul li:not(:last-child) { margin-bottom: 20px; }
.commitment-wrp .additional-services-list ul li::before{height: 15px; top: 3px;}
/* Candidate Experience Page End */

/* Fees & Value Page Start */
.fees-banner-wrapper .page-title span::after {width: 190px; bottom: -6px;}

.fees-wrp { padding: 40px 0; }
.fees-content { margin: 0 0 0 -15px; }
.fees-main .row { align-items: normal; }
.fees-right {max-width: 40%; margin: 40px auto 0;}
.fees-content .section-title { margin: 0 0 20px; }
.fees-main { margin: 0; }
.fees-inner {text-align: center;}
.fees-inner .section-title>* span::before {background-image: url("../images/fees-section-title-line.svg"); width: 100px; height: 8px; bottom: -5px;}
.fees-inner .section-title {margin: 0 0 34px;}
.fees-left { max-width: 50%; margin: 0 auto 40px; height: 440px;}
.fees-policy .additional-services-list ul li {text-align: left;}
/* Fees & Value Page End */

/* common style */
.inner-banner-wrapper .page-title{font-size: 50px; padding: 0 0 0 30px;}
.inner-banner-wrapper .page-title::after{width: 150px; height: 115px;}
/* common style */

.section-title{font-size: 50px;}
.page-title span::after {height: 1.4vw;}

/* ----- header ----- */
.header-left .nav-logo-box { padding: 10px 60px 10px 40px;}
.navbar-brand {width: 150px;height: auto;}
.nav-inner-left li a {font-size: 14px;}
.nav-inner-left { padding: 5px 44px 5px 20px;}
.header-right-bottom {padding: 18px 20px 18px 20px;}
.nav-inner-left::after {left: -24px;}
.nav-inner-left li a img {width: 14px;margin-right: 8px;}
.nav-inner-right {padding: 0 20px 0 20px;}
.nav-inner-right li a img {width: 14px;}
/* ----- header ----- */

/* ----- Banner ----- */
.banner-wrapper  {height: 720px;}
.banner-data {padding-left: 60px;max-width: 602px;}
.scroller-btn {padding: 18px 12px; }
.scroller-btn img { height: 28px;width: 15px;}
.page-title span::after {height: 1.6vw; bottom: -17px;}
/* ----- Banner ----- */

/* ----- detail wrapper ----- */
.detail-center {margin: 30px 0;}
.center-shape {width: 50%;}
.detail-center .center-parent {max-width: 275px;}
.detail-left.detail >* {text-align: center;}
.detail-right.detail >* {text-align: center;}
/* ----- detail wrapper ----- */

/* ----- about section ----- */
.about-left-part{margin: 0;}
.about-left-top-part .detail{max-width: 100%; margin: 60px 0 0; text-align: center;}
.about-left-bottom-image{height: 530px; max-width: 100%; margin: 0 auto;}
.about-section{padding: 75px 0 80px;}
.about-left-bottom-part{margin: 30px 0 0;}
.about-left-bottom-right-part{max-width: 100%; margin: 30px 0 0; padding: 0; text-align: center;}
.about-left-top-part .section-title{width: 100%; max-width: 300px;}
.about-main-image{height: 475px; margin: 30px auto 0;}
.about-left-bottom-child-part{flex-direction: column;}
.about-left-top-part{flex-direction: column;}
/* ----- about section ----- */

/* inner banner */
/* .inner-banner-wrapper{height: 400px;} */
.inner-banner-wrapper .banner-main{padding-left: 70px;}
.about-banner-wrapper .page-title span::after{width: 70px;}
.our-team-banner-wrapper .page-title span::after{height: 8.5px;}
.our-services-banner-wrapper .page-title span::after{ height: 7px; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
.contact-banner-wrapper .page-title span::after{height: 6px;}
/* inner banner */

/* innovation section */
.innovation-section{ padding: 40px 0 45px; }
.innovation-image{margin: 0; height: 510px;}
.innovation-block .section-title > * span::before{width: 215px;}
.innovation-block .section-title{font-size: 40px;}
.innovation-block .detail{margin: 20px 0 0;}
.innovation-block{text-align: center; margin: 30px 0 0;}
/* innovation section */

/* collaboration section */
.collaboration-section{padding: 45px 0;}
.collaboration-left-part { margin-left: 0; }
.collaboration-right-part ul li{font-size: 20px;}
.collaboration-left-part .section-title>* span::before{height: 7px; bottom: -8px;}
.collaboration-left-part .section-title{font-size: 40px;}
.collaboration-image{height: 300px; min-height: 100%;}
.collaboration-right-part{margin: 20px 0 0; justify-content: center;}
.collaboration-left-part .detail{margin: 35px 0 0;}
/* collaboration section */

/* ai-infused section */
.ai-infused-section{padding: 45px 0 70px;}
.ai-infused-wrp .section-title{font-size: 40px;}
.ai-infused-wrp .section-title>* span::before{height: 12px; bottom: -16px; width: 450px;}
.ai-icon{width: 100%; max-width: 100px; margin: 0 auto;}
.ai-infused-wrp{text-align: center; margin: 25px 0; height: auto;}
.ai-infused-block{text-align: center; height: auto;}
.ai-infused-wrp .section-title>* span{display: block;}
/* ai-infused section */

/* founder section */
.founder-section{padding: 70px 0 35px;}
.founder-image{max-width: 480px; height: 500px; margin: 0 auto 30px; float: none;}
.founder-title{max-width: 100%;}
.founder-info{padding: 20px; flex-direction: column;}
.founder-contact-list {margin: 10px 0 0;}
.founder-contact-list ul{display: flex; justify-content: center;}
.founder-contact-list ul li:not(:last-child){margin-bottom: 0; margin-right: 25px;}
.founder-wrp{text-align: center;}
.founder-title *{font-size: 50px;}
.founder-title span{font-size: 26px; margin: 15px 0 0;}
.founder-wrp .detail{text-align: center;}
/* founder section */

/* team section */
.team-section{padding: 35px 0 70px;}
.team-image{height: 250px;}
.team-info-block { height: calc(100% - 250px); }
.team-member-name *{font-size: 18px;}
.team-content .section-title>* span::before{height: 8px; bottom: -9px;}
.team-member-contact-detail ul li{height: 50px;}
.pagination-block{margin: 30px 0 0;}
.team-member-name span{font-size: 15px;}
.team-block{margin: 40px 0 0;}
/* team section */

/* services slider section */
.services-slider-section { padding: 70px 0 35px; }
.services-slider-part{margin: 0 -10px;}
.services-slider-content .section-title>* span::before{height: 8.3px;}
.services-slider .slick-list{margin: 0 -10px;}
.services-slider .slick-slide{padding: 0 10px;}
.services-slider-next-arrow{margin-right: 0;}
.services-slider-prev-arrow{margin-left: -5px;}
.services-slider-title *{font-size: 18px;}
/* services slider section */

/* additional services section */
.additional-services-section{padding: 35px 0 70px;}
.additional-services-image{margin: 0; min-height: auto;}
.additional-services-list ul li{font-size: 16px;}
.additional-services-image{height: 400px; max-width: 350px; margin: 30px auto 0;}
.additional-services-left-part .section-title>* span::before{height: 8.5px;}
.additional-services-left-part-image{margin-right: 0; margin-bottom: 35px; max-width: 330px; height: 390px;}
.additional-services-list ul li::before{height: 16px;}
.additional-services-left-bottom-part{margin: 55px 0 0; flex-direction: column; align-items: center;}
.additional-services-list ul li{padding-left: 28px;}
.additional-services-left-part .section-title{text-align: center;}
.additional-services-left-bottom-right-part .detail{text-align: center;}
.additional-services-list{width: 100%; max-width: 500px; margin: 35px auto 10px;}
.fees-policy .additional-services-list{max-width: 100%;}
/* additional services section */

/* industries section */
.industries-section{padding: 35px 0 70px;}
.indusries-info-link{margin: 0;}
.industries-block .section-title>* span::before{height: 9.5px;}
.industries-wrp .detail{margin: 15px 0 0;}
.industries-wrp{width: auto; max-width: unset; margin: 0 0 0 -30px;}
.industries-block{justify-content: flex-start;}
.industries-image{height: 450px; max-width: 350px; margin: 0 auto 30px;}
.industries-block .section-title{text-align: center;}
/* industries section */

/* contact section */
.contact-section { padding: 70px 0; }
.contact-map{height: 500px;}
.contact-content{flex-direction: column;}
.contact-content > *:not(:last-child){margin-bottom: 30px; margin-right: 0;}
.contact-content > *{max-width: 100%;}
/* contact section */

/* solutions section */
.solutions-section{padding: 45px 0;}
.solutions-right-block .section-title>* span::before{height: 8.5px;}
.solutions-image{max-width: 350px; height: 460px; margin: 0 auto 35px; min-height: auto;}
.solutions-right-block{text-align: center;}
/* solutions section */

/* program section */
.program-section{padding: 70px 0 35px;}
.program-image{margin: 0 auto; height: 380px; max-width: 355px;}
.program-right-wrp{margin: 35px 0 0;}
.program-right-block .section-title>* span::before{width: 240px;}
.program-main-image{max-width: 356px; margin: 0 auto 35px; height: 400px;}
.program-right-block .section-title{text-align: center;}
.program-detail-block .detail{text-align: center; margin-bottom: 35px;}
/* program section */

/* why-synova-detail-wrapper */
.why-synova-detail-wrapper{padding: 40px 0;}
.why-synova-detail-wrapper .detail-center .center-parent{max-width: 350px; height: 370px;}
.detail-wrapper-main-block .section-title{text-align: center;}
.why-synova-detail-wrapper .center-shape{width: 60%;}
/* why-synova-detail-wrapper */

/* experience section */
.experience-image{ margin: 40px 0 0; }
.experience-section{padding: 40px 0 70px;}
.experience-block .section-title>* span::before{width: 277px;}
.experience-block{text-align: center;}
/* experience section */

/* ----- footer ----- */
.footer-top{flex-direction: column; align-items: center;}
.footer-logo{max-width: 150px; margin-bottom: 30px;}
.footer-memu ul li{font-size: 16px;}
.footer-top{padding-bottom: 30px;}
.footer-contact-block{padding: 40px 0; flex-direction: column;}
.footer{padding: 50px 0;}
.footer-contact-icon{width: 45px; height: 45px; padding: 12px; margin-right: 0; margin-bottom: 10px;}
.footer-contact-title{font-size: 17px;}
.footer-contact-info a, .footer-contact-info p{font-size: 17px;}
.footer-contact-info p{max-width: 180px; margin: 0 auto;}
.footer-memu ul li:not(:last-child){margin-right: 20px;}
.footer-copyright *{font-size: 17px;}
.footer-contact-info{text-align: center;}
.footer-memu ul li:not(:last-child){margin-right: 0;}
.footer-memu ul{flex-wrap: wrap; gap: 15px; justify-content: center;}
/* ----- footer ----- */

/* modal */
.modal-content{padding: 30px;}
.modal-header{padding: 0 0 30px 0; margin-bottom: 30px;}
.modal-block .founder-contact-list ul{flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.modal-block .founder-info{align-items: flex-start;}
.modal-block .founder-image{ margin: 0 auto 30px;}
.modal-block .founder-contact-list ul li:not(:last-child){margin-right: 0; margin-bottom: 10px;}
.modal-block .founder-title { max-width: 100%; }
.modal-block .founder-title span{margin: 0;}
/* modal */

.collaboration-content .row > *::after{display: none;}

.contact-image-block{height: 520px;}

    /* typography */
    .typography-detail ol li, .typography-detail ul li{font-size: 18px;}
    .typography-detail h1 { font-size: 45px; line-height: 60px; }
    .typography-detail h2 { font-size: 35px; line-height: 50px; }
    .typography-detail h3 { font-size: 30px; line-height: 36px; }
    .typography-detail h4 { font-size: 25px; line-height: 32px; }
    .typography-detail h5 { font-size: 20px; line-height: 30px; }
    .typography-detail h6 { font-size: 18px; line-height: 32px; }
    /* typography */

}

@media (max-width: 767px) {
/* Process Page Start */
.process-wrp { padding: 50px 0 10px; }
.process-section .row>*:nth-child(odd) .process-block { margin-top: 0; }
.process-block {margin: 0 0 100px;}
.process-content {position: relative;}
.process-content::before { content: ""; background-image: repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15) 10px, transparent 10px, transparent 20px); background-size: 1px 100%; background-position: 100% 0; background-repeat: no-repeat; width: 1px; position: absolute; top: 100%; bottom: 0; height: 100px; left: auto; right: auto; }
.process-section .row>*:first-child .process-content::before { left: auto; }
.process-section .row>*:last-child .process-content::before {display: none;}
.process-title .section-title>* span::before {width: 165px;}
.process-banner-wrapper .page-title span::after { width: 165px; bottom: -7px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.process-title .section-title span {display: block;}
.process-title {margin: 0 0 40px;}
.process-section .row>*:nth-child(even) .process-block { flex-direction: column; }
.process-section .row>*:nth-child(even) .process-step { margin: 0 auto 60px; }
.process-step::after {height: 45px; margin: 8px 0 0;}
.process-section .row>*:nth-child(even) .process-step::after {top: 100%; bottom: auto; margin: 8px 0 0;}
.process-step {margin: 0 auto 60px;}
.process-section .row>*:nth-child(even) .process-content::before { top: 100%; bottom: auto; }
/* Process Page End */

/* Candidate Experience Page Start */
.placements-inner .section-title>* span::before {width: 330px;}
.placements-inner .section-title>* span {display: block;}
.placements-inner .detail-center { max-width: 320px; margin: 0 auto 30px;}
.placements-inner .detail-left { margin: 0 0 30px; align-items: center; text-align: center; }
.placements-inner .detail-right { margin: 0; }
.placements-inner .center-shape { width: 100%; }
.placements-inner .section-title { margin: 0 0 40px; font-size: 32px;}
.placements-inner .detail-main .row {align-items: center;}
.placements-inner .detail-center .center-parent { max-width: 250px; height: 300px;}
.block-title { font-size: 24px; line-height: 30px; }

.commitment-wrp .collaboration-left-part .detail { margin: 30px auto; width: auto; max-width: 100%; }
.commitment-wrp .collaboration-image {margin: 0 auto; height: auto;}
.commitment-wrp .collaboration-left-part .section-title>* span::before {width: 225px;}
.collaboration-section.commitment-wrp {padding: 40px 0 40px;}
.commitment-wrp .collaboration-left-part { margin: 0 auto; text-align: center; max-width: 100%; width: auto; }
.commitment-img-block .commitment-img { padding: 0 12px; }
.commitment-img-block {margin: 0 -12px;}
.commitment-wrp .collaboration-right-part { justify-content: center; margin: 30px 0 0; height: auto; }
.commitment-wrp .additional-services-list ul li:not(:last-child) { margin-bottom: 20px; }
.collaboration-right-part .additional-services-list { margin: 0 0 30px 0; }
/* Candidate Experience Page End */

/* Fees & Value Page Start */
.fees-banner-wrapper .page-title span::after {width: 150px; bottom: -8px;}

.fees-wrp { padding: 30px 0 35px; }
.fees-wrp .section-title>* span {display: block;}
.fees-content { margin: 0; }
.fees-main .row { align-items: normal; }
.fees-right {max-width: 300px; margin: 30px auto 0; height: 400px;}
.fees-content .section-title { margin: 0 0 20px; }
.fees-main { margin: 0; }
.fees-inner {text-align: center;}
.fees-inner .section-title>* span::before {background-image: url("../images/fees-section-title-line.svg"); width: 80px; height: 8px; bottom: -5px;}
.fees-inner .section-title {margin: 0 0 30px;}
.fees-left { max-width: 300px; margin: 0 auto 30px; height: 400px;}
.fees-policy .additional-services-list ul li {text-align: left;}
.fees-content .detail p { margin: 0 0 15px; }
.fees-content-inner { margin: 0; }
.fees-policy .additional-services-list {display: block; margin: 0;}
.fees-policy .additional-services-list .fees-list {padding: 0; max-width: 100%; width: auto; border-right: none;}
.fees-policy .additional-services-list .fees-list:first-child {margin-bottom: 15px;}
/* Fees & Value Page End */

    .section-title{font-size: 40px;}
    .section-title::before{width: 146px; height: 100px;}
    .section-title>* span::before{width: 60px; height: 6px;}
    .section-title>*{padding-left: 30px;}
    .inner-section-title > *{padding-left: 0;}

/* common style */
.inner-banner-wrapper .page-title{font-size: 40px; padding: 0 0 0 25px;}
.inner-banner-wrapper .page-title::after{width: 120px; height: 95px;}
/* common style */


/* ----- Banner ----- */
.banner-wrapper::before {position: absolute;bottom: 0;left: 0;right: 0;content: '';background: linear-gradient(175deg, rgba(50, 71, 69, 0.20) 37%, #033338 137.04%);background-repeat: no-repeat;width: 100%;height: 20%;z-index: 1;}
.banner-slider .slick-dots {display: flex; flex-direction: row; bottom: 20px; top: unset; left: 50%; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
.banner-slider .slick-dots li button {margin-bottom: 0;margin-right: 40px;}
.banner-slider .slick-dots li button::after { height: 20px; top: 50%; left: unset; right: -20px; bottom: unset; transform: translateY(-50%) rotate(90deg); -webkit-transform: translateY(-50%) rotate(90deg); -moz-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); }
.banner-data {padding-left: 30px;}
.banner-wrapper  {height: 680px;}
.scroller-btn {padding: 16px 12px; }
.scroller-btn img { height: 24px;width: 12px;}
.page-title span::after {height: 1.6vw; bottom: -17px;}
.inner-banner-wrapper.banner-wrapper::before{display: none;}
.inner-banner-wrapper{height: 250px !important;}
/* ----- Banner ----- */

/* inner banner */
/* .inner-banner-wrapper{height: 400px;} */
.inner-banner-wrapper .banner-main{padding-left: 0;}
.about-banner-wrapper .page-title span::after{width: 55px;}
/* .breadcrumb-block{bottom: 30px;} */
/* .breadcrumb{justify-content: flex-start;} */
.our-team-banner-wrapper .page-title span::after{height: 7px;}
.our-services-banner-wrapper .page-title span::after{ width: 175px; height: 7px; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
.contact-banner-wrapper .page-title span::after{height: 5px;}
/* inner banner */

/* ----- detail wrapper ----- */
.detail-left.detail >* {text-align: center;}
.detail-right.detail >* {text-align: center;}
/* ----- detail wrapper ----- */

/* ----- about section ----- */
.about-left-part{margin: 0;}
.about-left-top-part .detail{max-width: 100%; margin: 60px 0 0; text-align: center;}
.about-left-bottom-image{height: 420px; max-width: 100%; margin: 0 auto;}
.about-section{padding: 75px 0 80px;}
.about-left-bottom-part{margin: 30px 0 0;}
.about-left-bottom-right-part{max-width: 100%; margin: 30px 0 0; padding: 0; text-align: center;}
.about-left-top-part .section-title{width: 100%; max-width: 240px;}
.about-main-image{height: 475px; margin: 30px auto 0;}
.about-left-bottom-child-part{flex-direction: column;}
.about-left-top-part{flex-direction: column;}
/* about section */

/* collaboration section */
.collaboration-section{padding: 30px 0;}
.collaboration-left-part { margin-left: 0; text-align: center;}
.collaboration-right-part ul li{font-size: 18px;}
.collaboration-left-part .section-title>* span::before{height: 6px; width: 300px; bottom: -8px;}
.collaboration-left-part .section-title{font-size: 34px;}
.collaboration-image{height: 300px; margin: 30px auto 0;}
.collaboration-right-part{margin: 20px 0 0; justify-content: center;}
.collaboration-left-part .detail{margin: 25px auto;}
/* collaboration section */

/* innovation section */
.innovation-section{ padding: 30px 0; }
.innovation-image{margin: 0; height: 510px;}
.innovation-block .section-title > * span::before{width: 215px; height: 6px;}
.innovation-block .section-title{font-size: 34px;}
.innovation-block .detail{margin: 20px 0 0;}
.innovation-block{text-align: center; margin: 30px 0 0;}
.innovation-block .section-title > * span{display: inline-block;}
/* innovation section */

/* ai-infused section */
.ai-infused-section{padding: 30px 0 50px;}
.ai-infused-wrp .section-title{font-size: 40px;}
.ai-infused-wrp .section-title>* span::before{height: 12px; bottom: -16px; width: 450px;}
.ai-icon{width: 100%; max-width: 100px; margin: 0 auto;}
.ai-infused-wrp{text-align: center; margin: 25px 0; height: auto;}
.ai-infused-block{text-align: center; height: auto;}
.ai-infused-wrp .section-title>* span{display: block;}
/* ai-infused section */

/* founder section */
.founder-section{padding: 50px 0 25px;}
.founder-image{max-width: 480px; height: 500px; margin: 0 auto 30px; float: none;}
.founder-title{max-width: 100%;}
.founder-info{padding: 20px; flex-direction: column;}
.founder-contact-list {margin: 10px 0 0;}
.founder-contact-list ul{display: flex; justify-content: center;}
.founder-contact-list ul li:not(:last-child){margin-bottom: 0; margin-right: 25px;}
.founder-wrp{text-align: center;}
.founder-title *{font-size: 40px;}
.founder-title span{font-size: 24px; margin: 12px 0 0;}
.founder-wrp .detail{text-align: center;}
/* founder section */

/* team section */
.team-section{padding: 25px 0 50px;}
.team-image{height: 270px;}
.team-info-block { height: calc(100% - 270px); }
.team-member-name *{font-size: 18px;}
.team-content .section-title>* span::before{height: 6.5px; bottom: -9px; width: 200px;}
.team-member-contact-detail ul li{height: 50px;}
.pagination-block{margin: 30px 0 0;}
.team-member-name span{font-size: 15px;}
.team-block{margin: 40px 0 0;}
/* team section */

/* services slider section */
.services-slider-section { padding: 50px 0 25px; }
.services-slider-part{margin: 0;}
.services-slider-content .section-title>* span::before{height: 7px; width: 215px;}
.services-slider .slick-list{margin: 0 -10px;}
.services-slider .slick-slide{padding: 0 10px;}
.services-slider-next-arrow{margin-right: 0; margin-left: -15px;}
.services-slider-prev-arrow{margin-left: -8px;}
.services-slider-title *{font-size: 18px;}
.services-slider-block{margin: 40px 0 0;}
/* services slider section */

/* additional services section */
.additional-services-section{padding: 25px 0 50px;}
.additional-services-image{margin: 0; min-height: auto;}
.additional-services-list ul li{font-size: 16px;}
.additional-services-image{height: 400px; max-width: 350px; margin: 30px auto 0;}
.additional-services-left-part .section-title>* span::before{height: 7px; width: 172px;}
.additional-services-left-part-image{margin-right: 0; margin-bottom: 30px; max-width: 330px; height: 390px;}
.additional-services-list ul li::before{height: 16px;}
.additional-services-left-bottom-part{margin: 50px 0 0; flex-direction: column; align-items: center;}
.additional-services-list ul li{padding-left: 28px;}
.additional-services-left-part .section-title{text-align: center;}
.additional-services-left-bottom-right-part .detail{text-align: center;}
.additional-services-left-part-image{max-width: 230px; height: 300px;}
/* additional services section */

/* industries section */
.industries-section{padding: 25px 0 50px;}
.indusries-info-link{margin: 0; padding: 25px 0;}
.industries-block .section-title>* span::before{height: 9.5px; width: 210px;}
.industries-wrp .detail{margin: 15px 0 0;}
.industries-wrp{width: auto; max-width: unset; margin: 0 0 0 -30px;}
.industries-block{justify-content: flex-start;}
.industries-image{height: 450px; max-width: 350px; margin: 0 auto 30px;}
.industries-block .section-title{text-align: center;}
.indusries-info-link ul{display: flex;}
.indusries-info-link ul li{width: 100%;}
.indusries-info-link ul li a{border-top: 1px solid rgba(255, 255, 255, 0.15);}
.indusries-info-link ul li a{padding: 25px;}
.indusries-info-link ul li:not(:last-child) a{border-right: 1px solid rgba(255, 255, 255, 0.15);}
.industries-info{margin: 10px 0 0;}
.industries-child-wrp{position: relative; border: none; display: none; min-height: auto;}
.industries-child-wrp.active{display: block;}
/* industries section */

/* contact section */
.contact-section { padding: 50px 0; }
.contact-map{height: 500px;}
.contact-content{flex-direction: column;}
.contact-content > *:not(:last-child){margin-bottom: 30px; margin-right: 0;}
.contact-content > *{max-width: 100%;}
/* contact section */

/* solutions section */
.solutions-section{padding: 45px 0;}
.solutions-right-block .section-title>* span::before{height: 8.5px; width: 400px;}
.solutions-image{max-width: 350px; height: 460px; margin: 0 auto 35px; min-height: auto;}
.solutions-right-block{text-align: center;}
.solutions-right-block .detail{margin: 30px 0 0;}
/* solutions section */

/* program section */
.program-section{padding: 70px 0 35px;}
.program-image{margin: 0 auto; height: 380px; max-width: 355px;}
.program-right-wrp{margin: 35px 0 0;}
.program-right-block .section-title>* span::before{width: 190px;}
.program-main-image{max-width: 356px; margin: 0 auto 35px; height: 400px;}
.program-right-block .section-title{text-align: center;}
.program-detail-block .detail{text-align: center; margin-bottom: 35px;}
.program-right-block .section-title span{display: inline-block;}
/* program section */

/* why-synova-detail-wrapper */
.why-synova-detail-wrapper{padding: 35px 0;}
.why-synova-detail-wrapper .detail-center .center-parent{max-width: 350px; height: 370px;}
.detail-wrapper-main-block .section-title{text-align: center;}
.why-synova-detail-wrapper .center-shape{width: 80%;}
/* why-synova-detail-wrapper */

/* experience section */
.experience-image{ margin: 40px 0 0; height: 450px;}
.experience-section{padding: 35px 0 50px;}
.experience-block .section-title>* span::before{width: 230px;}
.experience-block{text-align: center;}
/* experience section */

/* ----- footer ----- */
.footer-top{flex-direction: column; align-items: center; padding-bottom: 20px;}
.footer-logo{max-width: 150px; margin-bottom: 30px;}
.footer-memu ul li{font-size: 17px;}
.footer-top{padding-bottom: 30px; flex-direction: column; align-items: center;}
.footer-contact-block{padding: 40px 0; flex-direction: column; padding: 0; position: relative; height: auto;}
.footer{padding: 40px 0;}
.footer-contact-icon{width: 45px; height: 45px; padding: 12px; margin-right: 0; margin-bottom: 10px;}
.footer-contact-title{font-size: 17px; margin-bottom: 4px;}
.footer-contact-info a, .footer-contact-info p{font-size: 17px;}
.footer-contact-info p{max-width: 200px; margin: 0 auto;}
.footer-memu ul li:not(:last-child){margin-right: 20px;}
.footer-copyright *{font-size: 17px;}
.footer-contact-info{text-align: center;}
.footer-memu ul li:not(:last-child){margin-right: 0;}
.footer-memu ul{flex-wrap: wrap; gap: 20px; justify-content: center;}
.footer-bottom{flex-direction: column; padding: 30px 0 10px;}
.footer-copyright{margin-bottom: 25px; text-align: center;}
.footer-center{padding: 30px 0;}
.footer-center .row>*:not(:last-child)::after{display: none;}
.footer-center .row>*:not(:last-child) .footer-contact-block{padding-bottom: 20px; margin-bottom: 20px;}
.footer-center .row>*:not(:last-child) .footer-contact-block::after{ position: absolute; content: ""; background: rgba(255, 255, 255, 0.1); height: 1px; width: 243px; bottom: 0; left: 50%; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
/* ----- footer ----- */

/* modal */
.modal{padding: 0 15px !important;}
.modal-content{padding: 20px;}
.modal-header{padding: 0 0 30px 0; margin-bottom: 30px;}
.modal-block .founder-contact-list ul{flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.modal-block .founder-info{align-items: flex-start;}
.modal-block .founder-image{ margin: 0 auto 30px;}
.modal-block .founder-contact-list ul li:not(:last-child){margin-right: 0; margin-bottom: 10px;}
.modal-block .founder-title { max-width: 100%; }
.modal-block .founder-title span{margin: 0;}
/* modal */

.collaboration-content .row > *::after{display: none;}

.contact-image-block{height: 450px;}

    /* typography */
    .typography-detail ol li, .typography-detail ul li{font-size: 18px;}
    .typography-detail h1 { font-size: 36px; line-height: 50px; }
    .typography-detail h2 { font-size: 30px; line-height: 40px; }
    .typography-detail h3 { font-size: 26px; line-height: 32px; }
    .typography-detail h4 { font-size: 22px; line-height: 30px; }
    .typography-detail h5 { font-size: 20px; line-height: 30px; }
    .typography-detail h6 { font-size: 18px; line-height: 32px; }
    /* typography */

}

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

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px){ 
    .page-title span::after {height: 1.8vw;}

/* ----- header ----- */
.header-left .nav-logo-box { padding: 10px 30px 10px 20px;}
.navbar-brand {width: 150px;height: auto;}
.nav-inner-left li a {font-size: 14px;}
.nav-inner-left { padding: 5px 44px 5px 20px;}
.header-right-bottom {padding: 20px 20px 20px 20px;}
.nav-inner-left::after {left: -24px;}
.nav-inner-left li a img {width: 14px;margin-right: 8px;}
.nav-inner-right {padding: 0 20px 0 20px;}
.nav-inner-right li a img {width: 14px;}
/* ----- header ----- */

/* ----- detail wrapper ----- */
.detail-center {margin: 24px 0;}
.center-shape {width: 70%;}
.detail-center .center-parent {max-width: 275px;}
/* ----- detail wrapper ----- */
}

@media (min-width: 240px) and (max-width: 575px){
.page-title span::after {height: 2vw;}

/* ----- header ----- */
.header-right {display: flex;}
.navbar-toggler {margin-left: unset;padding-left: 8px;}

.header-left .nav-logo-box { padding: 10px 30px 10px 20px;}
.navbar-brand {width: 120px;height: auto;}
.header-right-top {display: none;}
.header-right-bottom::after {display: none;}
.nav-inner-left li a {font-size: 14px;}
.nav-inner-left { padding: 5px 44px 5px 20px;}
.header-right-bottom {padding: 7px 20px 7px 20px;background-color: unset;}
.nav-inner-left::after {left: -24px;}
.nav-inner-left li a img {width: 14px;margin-right: 8px;}
.nav-inner-right {padding: 0 20px 0 20px;} 
.nav-inner-right li a img {width: 14px;}
.mobile-link-box{ margin-left: auto; margin-right: 30px; display: flex !important;}
.mobile-link-box a{display: flex; margin-right: 10px; color: white;}
.mobile-link-box a:hover{color: var(--darkorange);}
.mobile-link img{margin-right: 0;}
/* ----- header ----- */

/* ----- detail wrapper ----- */
.banner-data {max-width: 380px;}
.detail-center {margin: 20px 0;}
.center-shape {width: 95%;}
.detail-center .center-parent {max-width: 275px;}
.page-title span::after {height: 2.5vw; bottom: -14px;}
/* ----- detail wrapper ----- */

/* ----- about section ----- */
.about-left-top-part .detail{font-size: 16px;}
.about-left-bottom-right-part .detail{font-size: 16px;}
/* ----- about section ----- */ 

/* innovation section */
.innovation-image{margin: 0; height: 400px;}
/* innovation section */

/* collaboration section */
.collaboration-section{padding: 35px 0;}
.collaboration-left-part .section-title>* span::before{height: 6.3px; width: 300px;}
/* collaboration section */

/* ai-infused section */
.ai-infused-wrp .section-title{font-size: 24px;}
.ai-infused-wrp .section-title>* span::before{width: 270px;}
.ai-infused-wrp .detail{margin: 30px auto 0;}
/* ai-infused section */

/* team section */
.team-detail{width: 100%; max-width: 290px; height: auto; margin: 0 auto 20px;}
.team-image{height: 320px;}
.team-info-block { height: calc(100% - 320px); }
/* team section */

/* services slider section */
.services-slider-content .section-title>* span::before{height: 5px; width: 165px; bottom: -7px;}
.services-slider-next-arrow{margin-right: 0;}
.services-slider-prev-arrow{margin-left: -20px;}
.services-slider-content .section-title{font-size: 30px;}
.services-slider-block{width: 100%; max-width: 320px; margin: 35px auto 0;}
/* services slider section */

/* founder section */
.founder-contact-list ul{display: flex; flex-direction: column; justify-content: center;}
.founder-contact-list ul li:not(:last-child){margin-bottom: 12px; margin-right: 0;}
.founder-contact-list ul li{justify-content: center;}
/* founder section */

/* additional services section */
.indusries-info-link ul li a{padding: 15px 8px; font-size: 17px;}
.plus-minus-icon::before{width: 18px;}
.plus-minus-icon::after{height: 18px;}
/* additional services section */

/* contact section */
.form-part{padding: 20px 20px 30px;}
.form-part .section-title{font-size: 36px;}
.common-form{margin: 20px 0 0;}
/* contact section */

/* solutions section */
.solutions-section{padding: 40px 0;}
.solutions-right-block .section-title>* span::before{height: 8.5px; width: 280px;}
.solutions-image{max-width: 350px; height: 460px; margin: 0 auto 35px; min-height: auto;}
.solutions-right-block{text-align: center;}
.solutions-right-block .detail{margin: 30px 0 0;}
.solutions-right-block .section-title{font-size: 28px;}
.solution-block-wrp{height: auto; margin-bottom: 20px;}
.solutions-slider-block{margin: 30px 0 0;}
/* solutions section */

/* why-synova-detail-wrapper */
.why-synova-detail-wrapper .detail-center .center-parent{max-width: 260px; height: 290px;}
.why-synova-detail-wrapper .center-shape{width: 300px;}
/* why-synova-detail-wrapper */

/* program section */
.program-section{padding: 40px 0 25px;}
.program-right-wrp{margin: 30px 0 0;}
.program-right-block .section-title>* span::before{width: 160px;}
.program-right-block .section-title{text-align: center; font-size: 32px;}
/* program section */

.modal{padding: 0 5px !important;}

/* experience section */
.experience-image{ margin: 40px 0 0; height: 400px;}
.experience-block .section-title>* span{display: inline-block;}
.experience-banner-wrapper .page-title{font-size: 30px !important;}
.experience-banner-wrapper .page-title::after { width: 160px; height: 125px; }
/* experience section */

.placements-inner .section-title{font-size: 26px;}
.placements-inner .section-title>* span::before{width: 270px;}

    /* typography */
    .typography-section{padding: 40px 0;}
     .alignnone { float: none; display: block; margin: 20px auto; }
    .alignleft { float: none; display: block; margin: 20px auto; }
    .aligncenter { float: none; display: block; margin: 20px auto; }
    .alignright { float: none; display: block; margin: 20px auto; }
     /* typography */

}

@media (max-width:419px){
    .solutions-slider-block::after{display: none;}
    .solutions-slider-icon figure{display: flex; justify-content: center;}
}

@media (max-width:400px){
    .modal-header .section-title{font-size: 28px;}
    .modal-header .section-title>* span::before{height: 5px; width: 100px;}
    .founder-contact-list ul li a{font-size: 14px;}
    .modal-block .founder-info{padding: 10px;}
    .modal-content{padding: 10px;}
    .modal-header{padding: 0 0 20px 0; margin-bottom: 20px;}
}

@media (max-width:389px) {
/* ----- detail wrapper ----- */
.detail-center .center-parent {max-width: 220px;}
/* ----- detail wrapper ----- */

.inner-banner-wrapper .page-title{font-size: 38px;}
.our-services-banner-wrapper .page-title span::after{width: 165px; height: 7px; }
}


/* ----- Banner ----- */
/* ----- Banner ----- */
/* -----  ----- */
/* -----  ----- */