@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;400;500;600;700;800;900&family=Outfit:wght@300;400;500;600;700;800;900&display=swap);

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');


@font-face {
    font-display: swap;
    font-family: 'francyregular';
    src: url(../fonts/francy-webfont.woff2) format('woff2'),
    url(../fonts/francy-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

body { position: relative; padding: 0; margin: 0;  font-family: "Manrope", sans-serif; font-size: 16px; font-weight: 400; line-height: 26px; color: #686868;  } 
img{ max-width: 100%; vertical-align: top; }

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { color: #000; font-weight: 700; }
b, strong{font-weight: 700; }

a{ color: inherit; }
/* a:hover{ color: #0068FF; text-decoration: none;} */
a:hover,
a:focus{ text-decoration: none; color: inherit; }

a, .btn { text-decoration: none; -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }

.btn:focus, .btn:active, .btn:active:focus { box-shadow: none; -webkit-box-shadow: none; }
.required-star { color: red; }

.btn.btn-primary{border: none; background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%), #101828; color: #ffffff; border-radius: 30px; font-size: 1rem; padding: 10px 12px 10px 25px; display: inline-flex; align-items: center; gap: 15px; }
.btn.btn-primary i{background: #ffffff; color: #000000; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
.btn.btn-primary:hover{background: #009AF1; color: #ffffff; }
.btn.btn-primary:hover i{color: #009AF1; }
.btn.btn-primary.btn-lg{font-size: 1.05rem; padding: 12px 38px; }

.btn.btn-white{border: none; background: #ffffff; color: #000000; border-radius: 30px; font-size: 1rem; padding: 10px 12px 10px 25px; display: inline-flex; align-items: center; gap: 15px; }
.btn.btn-white i{background: #000000; color: #ffffff; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
.btn.btn-white:hover{background: #000000; color: #ffffff; }
.btn.btn-white:hover i{background: #ffffff; color: #000000; }

.btn.btn-blue{ border: none; background: #009AF1; color: #ffffff; border-radius: 30px; font-size: 1rem; padding: 10px 30px; }
.btn.btn-blue:hover{background: #fff; color: #000; }

.button-inline{display: flex; flex-flow: wrap; gap: 15px; }

.bdr-radius{ border-radius: 15px; }
.pt-140 { padding-top: 140px; }

.form-group { position: relative; padding: 0 0 20px 0; }
.form-group label{ font-weight: 400; margin: 0 0 6px; font-size: 14px; color: #44484D; text-transform: uppercase; }
.form-group.view-icon .form-control{ padding-right: 30px; }
.form-group.view-icon .icon{ position: absolute; top: 33px; right: 15px; cursor: pointer; font-size: 1.3rem; color: #000; }
.form-group.view-icon .auth-icon{ position: absolute; top: 36px; right: 15px; cursor: pointer; font-size: 1.3rem; color: #fff; }
.form-group .code { position: absolute; top: 35px; left: 10px; border-right: 1px solid #e2e2e2; padding-right: 10px; color: #858585; }
.form-group .iti { width: 100%; }
.form-group input[type="password"]::-ms-reveal {  display: none; /* Hide the eye icon */ }
.form-group p{margin: 0; }

.wpcf7-not-valid-tip{padding: 5px 0 0 0; font-size: 15px; }
.submit-btn .wpcf7-spinner{vertical-align: middle; }

.form-control, .form-select { border-color: #D6D6D2; outline: none; box-shadow: none; border-radius: 10px; height: 43px; padding: 0 20px; font-weight: 400; background-color: transparent; } 
.form-control:focus, .form-select:focus{ box-shadow: none;  border-color: #000;  } 

.form-select{padding-right: 40px; }
textarea.form-control { resize: none; height: 100px;  padding: 10px 15px;}

/* Black Form Field */
.field-white .form-control, 
.field-white .form-select {background-color:transparent; border:1px solid #333; color:#fff; box-shadow:none; transition:border-color 0.3s;}
.field-white .form-control:focus, 
.field-white .form-select:focus {border-color:#666; background-color:transparent; box-shadow:none; color:#fff;}
.field-white .form-control::placeholder {color:#666;}
.field-white textarea.form-control {min-height:120px; resize:vertical;}
.field-white .form-select {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:right 1.25rem center; background-size:12px 12px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.field-white .form-select option {background-color:#111; color:#fff;}
.field-white .inquiry-type-radios {display:flex; flex-wrap:wrap; gap:12px;}
.field-white .wpcf7-radio {display:flex; flex-wrap:wrap; gap:12px;}
.field-white .wpcf7-radio.btn-check {position:static !important; clip:auto !important; pointer-events:auto !important;}
.field-white .wpcf7-list-item {margin:0; display:inline-block;}
.field-white .wpcf7-list-item label {cursor:pointer; margin:0;}
.field-white .wpcf7-list-item input[type="radio"] {display:none;}
.field-white .wpcf7-list-item span.wpcf7-list-item-label {display:inline-block; padding:10px 24px; border:1px solid #333; border-radius:30px; color:#888; font-size:14px; transition:all 0.3s;}
.field-white .wpcf7-list-item input[type="radio"]:checked + span.wpcf7-list-item-label {background-color:#fff; color:#000; border-color:#fff;}

.slide-arrow {position:absolute; bottom:0; width:50px; height:50px; border-radius:50%; background-color:transparent; border:1px solid #000; color:#000; display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:20; transition:all 0.3s ease;}
.slick-slider .slide-arrow:hover { background-color: #009AF1; color: #fff; border-color: #009AF1; }
.slick-slider .slide-arrow i { font-size: 20px; }
.slick-slider .prev-arrow { left: calc(50% - 5px); transform: translateX(-100%); }
.slick-slider .next-arrow { right: calc(50% - 5px); transform: translateX(100%); }
.top-right-arrow .slide-arrow{bottom: auto; top: -96px; }
.top-right-arrow.slick-slider .prev-arrow{transform: none; left: auto; right: 60px; }
.top-right-arrow.slick-slider .next-arrow{transform: none; right: 0; }

/* Common Button */
.white-btn { display: inline-block; border-radius: 30px; border: 2px solid #fff; background: #fff; color: #F03800; outline: none; font-weight: 500;  padding: 15px 40px; } 
.white-btn:hover, .white-btn:focus { color: #F03800;  }  

.orange-btn { border-radius: 30px;  color: #fff; padding: 15px 40px; border: none; background: #E55C28; outline: none; font-weight: 500;   }
.orange-btn:hover, .orange-btn:focus { color: #fff; background: #E55C28; }

ul.list-point { padding: 0; list-style: none; margin: 0; }
ul.list-point li { position: relative; padding: 5px 0 5px 30px; margin: 5px 0; font-size: 1.15rem; color: #000000; }
ul.list-point li::before { content: "\f651"; color: #009AF1; font-family: "tabler-icons"!important; margin-right: 10px; font-size: 1.2rem; position: absolute; left: 0; top: 4px; }
ul.list-point-white li{color: #ffffff; }
ul.list-point-white li::before{color: #ffffff;}

.theme-color, .theme-color:hover, .theme-color:focus { color: #2563EB;  }
.required-error { border-color: red !important; }

section{padding: 60px 0; }
.gray-bg{background: #F2F2F2 !important; }
.white-bg{background: #ffffff !important; }
.black-bg {background: #000000; }
.black-bg .page-title  h1{ color: #fff; }
.black-bg .page-title  p{ color: #D5D8DA; }

.spinner { width: 45px;height: 45px; border-radius: 50%; background: radial-gradient(farthest-side,#E55C28 94%,#0000) top/9px 9px no-repeat, conic-gradient(#0000 30%,#E55C28); -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 0); animation: spinner-c7wet2 1s infinite linear; }
@keyframes spinner-c7wet2 {
   100% {  transform: rotate(1turn); }
}

header.main-header{position: fixed; left: 0; top: 0; width: 100%; z-index: 99; transition: top .2s ease-in-out; }
header.site-header .navbar-brand img{ max-width: 130px; }
header.site-header .navbar{padding: 15px 0; }
header.site-header .navbar .navbar-collapse { background: #fff; flex: 0 0 auto; margin-left: auto; padding: 5px 5px 5px 20px; border-radius: 50px; }
header.site-header .navbar .navbar-nav{padding-right: 15px; }
header.site-header .navbar .navbar-nav li.nav-item-278{display: none; }
header.site-header .navbar .navbar-nav li a{ color: #000; padding: 10px 15px;  }
header.site-header .navbar .navbar-nav li.current-menu-item a{color: #009AF1;}

header.main-header.nav-up{top: -86px; }
header.main-header.sticky{background: rgba(255, 255, 255); box-shadow: 0 0 10px rgba(0,0,0,0.15); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15); }

section.home-banner{padding: 0; }
section.home-banner .banner-img{width: 100%; }
section.home-banner .container-xl{position: relative; }
section.home-banner .banner-content{position: absolute; left: 0; top: 0; right: 0; z-index: 9; text-align: center; max-width: 800px; margin: 0 auto; padding: 115px 0 0 0; }
section.home-banner h1{font-size: 2.5rem; margin: 0 0 22px 0; }
section.home-banner p{font-size: 1.15rem; }
.banner-btn{display: inline-block; vertical-align: top; padding: 6px 0 0 0; }
.banner-btn a{background: #FFFFFF; color: #000000; border-radius: 30px; font-size: 1rem; padding: 10px 25px; display: flex; align-items: center; gap: 12px; }
.banner-btn a i{font-size: 1.3rem; }
.banner-btn a:hover{background: #000000; color: #ffffff; }

section.home-video .home-video-box video{width: 100%; border-radius: 25px; }

.section-title { margin: 0 0 40px 0; }
.section-title h2 { font-size: 2.8rem; line-height: 1.2; font-weight: 400; margin: 0 0 15px 0; }
.section-title p:last-child {margin-bottom: 0; }
.section-title .point { display: flex; align-items: center; font-size: 1rem; justify-content: center; gap: 20px; font-family: 'Outfit',sans-serif; }
.section-title .tag{color: #888; font-size: 15px; text-transform: uppercase; letter-spacing: 2px; padding: 0 0 15px 0; }

section.white-business-robots {position: relative; background: #F2F2F2; overflow: hidden; padding: 50px 0 0 0; }
section.white-business-robots .box { max-width: 550px; width: 100%; height: calc(100vh - 50px); display: flex; align-items: center; flex-direction: column; justify-content: center; }
section.white-business-robots .big-img { position: absolute; right: 0; bottom: 0; max-width: 50%; }
section.white-business-robots .box ul { padding: 0; list-style: none; margin: 0; }
section.white-business-robots .box ul li { position: relative; padding: 5px 0 5px 30px; margin: 5px 0; font-size: 1.15rem; }
section.white-business-robots .box ul li::before { content: "\f704"; color: #009AF1; font-family: "tabler-icons"!important; margin-right: 10px; font-size: 1.2rem; position: absolute; left: 0; top: 4px; }

section.home-contact .section-title{padding-right: 60px; }

footer.main-footer{background: #030303; color: #FFFFFF; }
footer.main-footer .top-footer{padding: 50px 0 40px 0; }
footer.main-footer .footer-logo{width: 160px; margin: 0 0 20px 0; }
footer.main-footer .footer-info{padding: 0 80px 0 0; }
footer.main-footer .footer-info p{font-size: 1.05rem; margin: 0; }
footer.main-footer .footer-title{color: rgba(255, 255, 255, 0.5); font-size: 1.2rem; font-weight: 500; margin: 0 0 20px 0; text-transform: uppercase; }
footer.main-footer .footer-partner-list{display: flex; align-items: center; gap: 60px; padding: 5px 0 0 0; }
footer.main-footer .footer-partner-list .footer-partner-item{position: relative; }
footer.main-footer .footer-partner-list .footer-partner-item::after{content: ""; position: absolute; right: -30px; top: 0; bottom: 0; border-right: 1px solid rgba(255, 255, 255, 0.1); }
footer.main-footer .footer-partner-list .footer-partner-item:last-child::after{display: none; }
footer.main-footer .footer-link ul{margin: 0; padding: 0; }
footer.main-footer .footer-link ul li{margin: 0; padding: 0 0 5px 0; list-style: none; font-size: 1.05rem; }
footer.main-footer .footer-link ul li a{display: inline-block; vertical-align: top ; text-decoration: none; }
footer.main-footer .footer-link ul li a:hover{color: #009AF1; }
footer.main-footer .bottom-footer{padding: 15px 0; border-top: 1px solid #ffffff25; }
footer.main-footer .copyright{ color: #92989F; display: flex; align-items: center; justify-content: space-between; }
footer.main-footer .copyright p{margin: 0; font-size: 0.95rem; }

/************************
    Thank you page
************************/ 
.thank-you-section {padding: 100px 0; text-align: center; min-height: 60vh; display: flex; align-items: center; justify-content: center; background: #F6FAFF;}
.thank-you-content { max-width: 600px; margin: 0 auto;}
.success-icon {font-size: 80px; color: #28a745; margin-bottom: 30px; animation: scaleUp 0.5s ease-out;}
.thank-you-title {font-size: 42px; font-weight: 700; margin-bottom: 20px; color: #1a1a1a;}
.thank-you-message {font-size: 18px; color: #666; margin-bottom: 40px; line-height: 1.6;}
@keyframes scaleUp {
    0% { transform: scale(0); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}

/************************
    New Home page
************************/
section.why-kody .why-kody-list{padding: 20px 0 0 0; }
section.why-kody .why-kody-box{padding: 0 0 25px 0; }
section.why-kody .why-kody-box .icon{width: 110px; margin: 0 0 10px 0; }
section.why-kody .why-kody-box h3{font-size: 1.2rem; line-height: 1.4; font-weight: 600; margin: 0 0 12px 0; }
section.why-kody .why-kody-box p{margin: 0 0 12px 0; }
section.why-kody .why-kody-box p:last-child{margin-bottom: 0; }

section.robotic-advertising{padding-bottom: 0; }
section.robotic-advertising .robotic-advertising-list{display: flex; align-items: center; justify-content: center; flex-flow: wrap; gap: 40px; }
section.robotic-advertising .robotic-advertising-box{display: flex; align-items: center; position: relative; }
section.robotic-advertising .robotic-advertising-box::after{border-right: 2px solid #CACACA; position: absolute; right: -21px; top: 5px; bottom: 5px; content: ""; }
section.robotic-advertising .robotic-advertising-box:last-child:after{display: none; }
section.robotic-advertising .robotic-advertising-box .icon{width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; margin: 0 10px 0 0; }
section.robotic-advertising .robotic-advertising-box h3{font-size: 1.1rem; line-height: 1.45; font-weight: 500; }
section.robotic-advertising .robotic-advertising-box h3:last-child{margin: 0; }
section.robotic-advertising .home-video-box{margin: 45px 0 0 0; }
section.robotic-advertising .home-video-box video{width: 100%; border: none; vertical-align: top; }

section.what-odigo{background: url(../images/robotics-pdooh-advertising-bg.jpg) no-repeat center; background-size: cover; min-height: 100vh; margin: 60px 0 0 0; }
section.what-odigo .what-odigo-wrap{position: relative; }
section.what-odigo .what-odigo-image{width: 60%; margin: 0 auto; }
section.what-odigo .what-odigo-list{display: grid; grid-template-columns: 1fr auto; gap: 70px; position: absolute; left: 0; right: 0; top: 180px; }
section.what-odigo .what-odigo-box{display: flex; width: 330px; }
section.what-odigo .what-odigo-box .icon{background: #ffffff; width: 46px; height: 46px; padding: 10px; border: 1px solid #C4EAFF; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 15px 0 0; flex: 0 0 auto; }
section.what-odigo .what-odigo-box .text{padding: 9px 0 0 0; }
section.what-odigo .what-odigo-box h3{font-size: 1.2rem; line-height: 1.4; font-weight: 600; margin: 0 0 8px 0; }
section.what-odigo .what-odigo-box p{margin: 0 0 12px 0; }
section.what-odigo .what-odigo-box p:last-child{margin-bottom: 0; }

section.leadership-founder .box{align-items: flex-start; justify-content: space-between; }
section.leadership-founder .leadership-info{padding: 0 0 40px 0; }
section.leadership-founder .leadership-info h3{font-size: 1.8rem; line-height: 1.4; margin: 0 0 6px 0; }
section.leadership-founder .leadership-info p{margin: 0; color: #6A6C6E; }

.leadership-info p{margin: 0; color: #6A6C6E; font-weight: 500; }
.leadership-info-row{ width: 100%; display: flex; align-items: flex-start; justify-content: space-between; padding: 0 0 15px 0; }
.leadership-info h3{font-size: 1.8rem; line-height: 1.4; margin: 0 0 6px 0; }
.leadership-soc{display: flex; align-items: center; gap: 10px; }
.leadership-soc a{display: block; width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; padding: 10px; border-radius: 50%; }
.leadership-soc a img{transition: all 0.15s linear; -moz-transition: all 0.15s linear; -ms-transition: all 0.15s linear; -o-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; }
.leadership-soc a:hover{background: #009AF1;}
.leadership-soc a:hover img{filter: brightness(0) invert(1); }

section.leadership{padding: 0; margin: 30px 0 0 0; }
section.leadership .for-border{position: relative; }
section.leadership .for-border:after{border-right: 30px solid #ffffff; position: absolute; right: -15px; top: 0; bottom: 0; content: ""; }
section.leadership .for-border:nth-child(2n):after{border-right: none; }
section.leadership .leadership-box{padding: 25px; }
section.leadership .leadership-box .image{width: 55%; margin: 0 0 -25px auto; padding: 20px 0 0 0; }
section.leadership .leadership-box .text p{color: #161515; }

section.faq-section .accordion-item{border:none;background-color:#f5f5f5;border-radius:12px;margin-bottom:15px;overflow:hidden}
section.faq-section .accordion-button{background-color:transparent;box-shadow:none;font-size:16px;font-weight:500;color:#000;padding:20px 25px}
section.faq-section .accordion-button:focus{box-shadow:none}
section.faq-section .accordion-button:not(.collapsed){color:#000;background-color:transparent;box-shadow:none}
section.faq-section .accordion-button::after{background-image:none;content:"+";font-size:24px;font-weight:400;transform:none;color:#000}
section.faq-section .accordion-button:not(.collapsed)::after{content:"-"}
section.faq-section .accordion-body{padding:0 25px 25px;color:#555}
section.faq-section .section-title{text-align:center;margin-bottom:40px}
section.faq-section .accordion-button i{display:none}

/* section.robot-campaign .robot-campaign-wrap{padding: 20px 0 0 0; }
section.robot-campaign .robot-campaign-box{background: #F2F2F2; border-radius: 20px; padding: 30px; margin: 0 0 24px 0; height: calc(100% - 24px); }
section.robot-campaign .campaign-partner{background: #161515; color: #ffffff; display: flex; flex-direction: column; justify-content: space-between; }
section.robot-campaign .campaign-partner h3{font-size: 2.6rem; line-height: 1.3; margin: 0 0 15px 0; color: #ffffff; }
section.robot-campaign .campaign-partner .top-text{padding: 0 0 10px 0; }
section.robot-campaign .campaign-partner-contact{position: relative; padding: 20px 0 0 0; }
section.robot-campaign .campaign-partner-contact:before{border-top: 1px solid #ffffff; position: absolute; left: -30px; right: -30px; top: 0; content: ""; opacity: 0.12; }
section.robot-campaign .campaign-partner-contact h4{font-size: 1rem; line-height: 1.5; font-weight: 400; color: #848484; margin: 0 0 6px 0; }
section.robot-campaign .campaign-partner-contact p{margin: 0; }
section.robot-campaign .campaign-partner-contact p a:hover{color: #009AF1; }
section.robot-campaign .contact-info-box{padding: 0 0 15px 0; }
section.robot-campaign .contact-info-box:last-child{padding: 0; }
section.robot-campaign .campaign-form-head{display: flex; align-items: center; justify-content: space-between; padding: 0 0 20px 0; gap: 30px; }
section.robot-campaign .online-status {font-size: 12px; color: #474747; display: flex; align-items: center; gap: 8px; background: #E6F5FE; padding: 6px 12px; border-radius: 20px; }
section.robot-campaign .online-status .dot {width: 8px; height: 8px; background-color: #2196f3; border-radius: 50%; display: inline-block; animation: blink-dot 1.5s infinite }
section.robot-campaign .campaign-form-head .left-text h3{font-size: 1.5rem; line-height: 1.3; margin: 0 0 5px 0; }
section.robot-campaign .campaign-form-head .left-text p{margin: 0; }

@keyframes blink-dot {
    0% {
        box-shadow: 0 0 0 0 rgba(33, 150, 243, .7)
    }
    70% {
        box-shadow: 0 0 0 6px rgba(33, 150, 243, 0)
    }
    100% {
        box-shadow: 0 0 0 0 rgba(33, 150, 243, 0)
    }
} */

/************************
    Updated New Home page
************************/
.site-content{padding: 85px 0 0 0; }
.top-bar{display: flex; justify-content: space-between; gap: 100px; margin: 0 0 40px 0; }
.top-bar .top-bar-left{flex: 1; width: 100%; }
.top-bar .top-bar-desc{flex: 0 0 40%; padding: 9px 0 0 0; }
.top-bar .top-bar-desc p{color: #000000; }
.top-bar .top-bar-desc p:last-child{margin-bottom: 0; }
.page-title h1{font-size: 2.8rem; line-height: 1.2; font-weight: 400; margin: 0 0 15px 0; }
.page-title h1 strong{font-weight: 700; }
.page-title h1:last-child{margin-bottom: 0; }

section.home-banner-new{padding: 50px 0 0 0; }
section.home-banner-new .banner-video video{width: 100%; border: none; vertical-align: top; }

/* Brand Section (6-Column Unified Grid) */
.achievement-list{text-align: center; border: 1px solid #E8E6E1; border-radius: 4px; margin: 0 0 30px 0; }
.achievement-list .achievement-row{display: flex; flex-flow: wrap; height: 100%; }
.achievement-list .achievement-col{width: 25%; position: relative; }
.achievement-list .achievement-col:after{border-right: 1px solid #E8E6E1; position: absolute; right: 0; top: 18px; bottom: 18px; content: ""; }
.achievement-list .achievement-col:last-child:after{border-right-width: 0; }
.achievement-box{padding: 30px 15px; transition:background 0.25s; height: 100%; display: flex; align-items: center; justify-content: center; }
.achievement-box h3{font-size: 45px; margin: 0 0 10px 0; }
.achievement-box p{margin: 0; }
.achievement-box:hover{background:#fafaf8; }
section.client-logo .logo-grid {display:flex; border:1px solid #e8e6e1; border-bottom:none; border-right:none; border-radius:4px; flex-wrap:wrap; }
section.client-logo .logo-cell {position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:1.5rem 1rem; border-right:1px solid #e8e6e1; border-bottom:1px solid #e8e6e1; overflow:hidden; min-height:215px; cursor:default; transition:background 0.25s; width:16.66%; }
section.client-logo .logo-cell.text-cell {padding:20px 30px; align-items:flex-start; justify-content:center; width:33.33%; }
section.client-logo .logo-cell.text-cell p {font-size:clamp(20px, 1.5vw + 1rem, 28px); font-weight:600; margin:0; line-height:1.3; color: #1A1A1A; }
section.client-logo .logo-cell:hover {background:#fafaf8; }
section.client-logo .pulse-dot {position:absolute; top:10px; right:10px; width:6px; height:6px; border-radius:50%; background:#c8c4bc; animation:pulse 2s ease-in-out infinite; }
@keyframes pulse {
    0%, 100% {opacity:0.25; transform:scale(1); }
    50% {opacity:0.8; transform:scale(1.5); }
}
section.client-logo .logo-inner {display:flex; flex-direction:column; align-items:center; gap:10px; }
section.client-logo .logo-inner.fade-out {animation:fadeOut 0.45s ease forwards; }
section.client-logo .logo-inner.fade-in {animation:fadeIn 0.45s ease forwards; }
@keyframes fadeOut {
    from {opacity:1; transform:translateY(0); }
    to {opacity:0; transform:translateY(-12px); }
}
@keyframes fadeIn {
    from {opacity:0; transform:translateY(12px); }
    to {opacity:1; transform:translateY(0); }
}
section.client-logo .logo-icon {height:48px; filter:grayscale(1); opacity:0.6; border-radius:12px; display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:all 0.4s ease; }
section.client-logo .logo-cell:hover .logo-icon {filter:grayscale(0); opacity:1; transform:scale(1.1); }

section.robot-advertising{background: #F9F9F9; }
section.robot-advertising .robot-advertising-wrap{padding: 10px 0 0 0; }
section.robot-advertising .robot-advertising-wrap .items{padding: 0 10px; }
section.robot-advertising .robot-advertising-box{padding: 0 0 12px 0; }
section.robot-advertising .robot-advertising-box .advertising-image{border-radius: 20px; overflow: hidden; }
section.robot-advertising .robot-advertising-box .advertising-image img{width: 100%; }
section.robot-advertising .robot-advertising-box .advertising-text{padding: 0 0 0 10px; }
section.robot-advertising .robot-advertising-box .advertising-text h3{font-size: 40px; line-height: 1.3; margin: 0 0 15px 0; }
section.robot-advertising .advertising-info-box{background: #ffffff; padding: 25px; border: 1px solid rgba(243, 244, 246, 0.6); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.035); transition: all 0.15s ease 0s; margin: 24px 0 0 0; height: calc(100% - 24px); text-align: center; }
section.robot-advertising .advertising-info-box .icon{background: #EFF6FF; border-radius: 50%; height: 56px; width: 56px; display: flex; align-items: center; justify-content: center; padding: 12px; margin: 0 auto 20px; }
section.robot-advertising .advertising-info-box h4{margin: 0; font-size: 16px; line-height: 24px; color: #111827; font-weight: 600; }
section.robot-advertising .advertising-info-box:hover{box-shadow: -2px 7px 12px #e2e2e2; }

section.robot-industries .robot-industries-wrap{padding: 10px 0 0 0; }
section.robot-industries .robot-industries-wrap .items{padding: 0 15px; }
section.robot-industries .robot-industries-menu ul{margin: 0; padding: 0; position: relative; }
section.robot-industries .robot-industries-menu ul::before{border-left: 1px solid #E0E0E0; position: absolute; left: 0; top: 0; bottom: 0; content: ""; }
section.robot-industries .robot-industries-menu ul li{margin: 0 0 18px 0; padding: 0 0 0 24px; list-style: none; font-size: 24px; line-height: 34px; font-weight: 500; color: #888888; cursor: pointer; position: relative; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; }
section.robot-industries .robot-industries-menu ul li::before{border-left: 2px solid #009AF1; position: absolute; left: 0; top: 50%; bottom: 50%; content: ""; opacity: 0; z-index: 9; transition: all 0.25s linear; -webkit-transition: all 0.25s linear; }
section.robot-industries .robot-industries-menu ul li:hover{color: #000000; }
section.robot-industries .robot-industries-menu ul li.active{color: #009AF1; font-weight: bold; }
section.robot-industries .robot-industries-menu ul li.active::before{top: 0; bottom: 0; opacity: 1; }
section.robot-industries .robot-industries-menu ul li:last-child{margin-bottom: 0; }
section.robot-industries .robot-industries-box{display: flex; }
section.robot-industries .robot-industries-box .robot-industries-text{width: 55%; padding: 0 30px 0 0; }
section.robot-industries .robot-industries-box .robot-industries-text h3{font-size: 20px; color: #1A1A1A; font-weight: 600; margin: 0 0 10px 0; }
section.robot-industries .robot-industries-box .robot-industries-text p:last-child{margin-bottom: 0; }
section.robot-industries .robot-industries-box .robot-industries-text .best-cms{padding: 0 0 0 10px; }
section.robot-industries .best-industries-list{display: flex; flex-wrap: wrap; gap: 10px; padding: 5px 0 0 0; }
section.robot-industries .best-industries-list .tag{background: #EDEDED; color: #1A1A1A; padding: 6px 18px; border-radius: 30px; font-size: 14px; }
section.robot-industries .robot-industries-box .robot-industries-image{width: 45%; overflow: hidden; }
section.robot-industries .robot-industries-box .robot-industries-image img{width: 100%; border-radius: 15px; }

section.why-us .why-us-wrap{padding: 10px 0 0 0; }
section.why-us .why-us-box{background: #F0F0F0; padding: 25px; height: calc(100% - 24px); margin: 0 0 24px 0; }
section.why-us .why-us-box .text{padding: 30px 0 0 0; }
section.why-us .why-us-box h3{font-size: 22px; line-height: 1.3; color: #1A1A1A; font-weight: 600; margin: 0 0 12px 0; }
section.why-us .why-us-box p:last-child{margin-bottom: 0; }
section.why-us .why-us-box.icon-box .image{width: 120px; }
section.why-us .why-us-box .icon{background: #ffffff; height: 56px; width: 56px; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin: 0 0 15px 0; }
section.why-us .why-us-box.partation-box{display: flex; align-items: center; }
section.why-us .why-us-box.partation-box .text{width: 55%; padding: 0 30px 0 0; display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
section.why-us .why-us-box.partation-box .image{width: 45%; margin: 0 0 -24px 0; }

section.who-work .who-work-box{background: #F0F0F0; display: flex; flex-direction: column; justify-content: space-between; padding: 25px; min-height: 280px; height: calc(100% - 24px); margin: 0 0 24px 0; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; }
section.who-work .who-work-box .head{display: flex; align-items: center; justify-content: space-between; }
section.who-work .who-work-box .icon{background: #ffffff; height: 56px; width: 56px; display: flex; align-items: center; justify-content: center; border-radius: 50%; flex: 0 0 auto; }
section.who-work .who-work-box .count{font-size: 26px; font-weight: 500; color: #686868; }
section.who-work .who-work-box .text{padding: 30px 0 0 0; }
section.who-work .who-work-box h3{font-size: 24px; line-height: 1.33; color: #1A1A1A; font-weight: 600; margin: 0 0 12px 0; }
section.who-work .who-work-box p:last-child{margin-bottom: 0; }
section.who-work .who-work-box-list{height: 100%; }
section.who-work .who-work-box-list .who-work-box{height: calc(50% - 24px); min-height: inherit; }
section.who-work .who-work-box .head .head-left{display: flex; align-items: center; gap: 15px; padding: 0 15px 0 0; }
section.who-work .who-work-box .head .head-left h3{margin: 0; }
section.who-work .who-work-box-list .who-work-box .text{padding: 20px 0 0 0; }
section.who-work .who-work-box:hover{box-shadow:0 5px 15px rgba(0,0,0,0.15); -webkit-box-shadow:0 5px 15px rgba(0,0,0,0.15); transform: translateY(-3px); -webkit-transform: translateY(-3px); }
section.who-work .campaign-delivered{background: url(../images/home/campaign-bg.jpg) center no-repeat; background-size: cover; padding: 30px 30px 0 30px; margin: 30px 0 0 0; color: #ffffff; }
section.who-work .campaign-delivered .campaign-delivered-row{display: flex; }
section.who-work .campaign-delivered .campaign-delivered-left{width: 33%; padding: 0 20px 30px 0; display: flex; flex-direction: column; justify-content: space-between; }
section.who-work .campaign-delivered .campaign-delivered-mid{width: 34%; display: flex; align-items: end; justify-content: center; }
section.who-work .campaign-delivered .campaign-delivered-right{width: 33%; padding: 0 0 0 30px; }
section.who-work .campaign-delivered h3{font-size: 35px; line-height: 1.3; color: #ffffff; font-weight: 400; margin: 0 0 12px 0; }
section.who-work .campaign-delivered h3 strong{font-weight: 700; }

section.campaign-works .campaign-works-wrap{position: relative; margin: 10px 0 0 0; }
section.campaign-works .campaign-works-image{width: 34%; margin: 0 auto; padding: 0 0 0 13px; }
section.campaign-works .campaign-works-list{position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 99; margin: 42px 0 0 0; }
section.campaign-works .campaign-works-list .slick-list{padding: 0 0 12px 0; }
section.campaign-works .campaign-works-list .items{padding: 0 12px; }
section.campaign-works .campaign-works-box{background: linear-gradient(0deg, #FFFFFF 0%, #F0F0F0 100%); padding: 18px; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; }
section.campaign-works .campaign-works-box .head{display: flex; align-items: center; gap: 10px; margin: 0 0 20px 0; }
section.campaign-works .campaign-works-box .count{font-size: 16px; color: #1A1A1A; font-weight: 600; background: #ffffff; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; }
section.campaign-works .campaign-works-box .icon{width: 100px; border-radius: 50%; overflow: hidden; margin: 0 auto 12px; }
section.campaign-works .campaign-works-box h3{font-size: 16px; line-height: 1.33; color: #1A1A1A; font-weight: 600; margin: 0; }
section.campaign-works .campaign-works-box p{font-size: 15px; line-height: 23px; color: #000000; }
section.campaign-works .campaign-works-box p:last-child{margin-bottom: 0; }
section.campaign-works .campaign-works-box:hover{box-shadow:0 5px 15px rgba(0,0,0,0.15); -webkit-box-shadow:0 5px 15px rgba(0,0,0,0.15); }

section.ad-formate { background: url(../images/home/ad-format.jpg) no-repeat center center; background-size: cover; padding-bottom: 40px; }
section.ad-formate .formate {position:relative; display:flex; align-items: baseline; justify-content: center; width: 100%; margin: 0 0 70px; }
section.ad-formate .specs-table-wrapper { border-radius:20px; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.08); overflow:hidden; margin-bottom:20px;width: 53%; max-width: 800px; }
section.ad-formate .specs-table {width:100%; border-collapse:separate; margin:0; border-spacing: 0; }
section.ad-formate .specs-table th, 
section.ad-formate .specs-table td {padding:18px 24px; border: 1px solid #E8E6E1; vertical-align:middle; font-size:15px; color:#666;}
section.ad-formate .specs-table th {font-size:13px; text-transform:uppercase; letter-spacing:1px; font-weight:700 !important; color:#000 !important; padding: 18px 24px; border: 1px solid #E8E6E1; border-radius: 20px 20px 0 0; background: #F2F2F2; border-right: 1px solid #E8E6E1 !important; }
section.ad-formate .specs-table .col-spec {width:30%;  font-weight:600; color:#333;}
section.ad-formate .specs-table .col-spec img {font-size:20px; color:#111; vertical-align:middle; margin-right:10px;}
section.ad-formate .specs-table .col-ds {width:35%; border-right:1px solid #f0f0f0;}
section.ad-formate .specs-table .col-or {width:35%; background-color:#EAF4FF; color:#444;}
section.ad-formate .specs-table th.col-or {background-color:#DCEBFF;}
section.ad-formate .img-box { position: absolute; bottom: -200px; left: 0; max-width: 21%; }
section.ad-formate .img-box.right-img { left: unset; right:0; bottom: -130px;}
section.ad-formate .why-brand-choose{ position: relative; background: #fff; border: 1px solid #D6D6D6; display: flex; align-items: center; gap: 20px; padding: 12px; }
section.ad-formate .why-brand-choose .text{ flex: 0 0 250px; padding-left: 10px; }
section.ad-formate .why-brand-choose .text h3{ font-weight: 300; font-size: 26px; }
section.ad-formate .why-brand-choose .text h3 strong{ display: block; }
section.ad-formate .why-brand-choose .box-list{ display: flex; gap: 15px; flex: 1 1 auto; }
section.ad-formate .why-brand-choose .box-list .box{ background: #F9F9F9; padding: 25px; width: 25%; }
section.ad-formate .why-brand-choose .box-list .box .icon{ transition: all 0.3s; color: #000; background: #fff; width: 55px; height: 55px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: 0 0 20px; font-size: 25px; }
section.ad-formate .why-brand-choose .box-list .box h4{ font-weight: 300; font-size: 18px; }
section.ad-formate .why-brand-choose .box-list .box:hover .icon{background: #000; color: #fff; }

section.robot-campaign { color: #B8BDC5; }
section.robot-campaign h3{ color: #fff; }
section.robot-campaign .section-title h2{ color: #fff; }
section.robot-campaign .section-title p{ color: #B8BDC5; }
section.robot-campaign .campaign-form-head { margin: 0 0 30px; }
section.robot-campaign .campaign-form { background: #121212; padding: 25px 30px;}
section.robot-campaign .campaign-form p{ margin: 0; }
section.robot-campaign .section-label { margin: 0 0 10px; font-size: 12px; letter-spacing: 1px; color: #9AA3AD; font-weight: 600; }
section.robot-campaign .terms-text { font-size: 12px; color: #666; text-transform: uppercase; }
section.robot-campaign .contact-info-list ul{ list-style: none; padding: 0; margin: 0; } 
section.robot-campaign .contact-info-list li { display: flex; justify-content: space-between; gap: 15px; border-top: 1px solid #333333; padding: 20px 0; }
section.robot-campaign .contact-info-list li .label { font-size: 12px; letter-spacing: 1px; color: #888; font-weight: 600; }
section.robot-campaign .contact-info-list li .value { max-width: 290px; text-align: right; }
section.robot-campaign .campaign-form .submit-btn{text-align: right; }

section.call-to-action { background: url(../images/home/cta.jpg) no-repeat center center ; background-size: cover; height: 80vh; display: flex; align-items: center; justify-content: center; text-align: center;} 
section.call-to-action .section-title h2{ color: #fff; }
section.call-to-action .section-title p{ color: #B8BDC5; }
section.call-to-action .box{ max-width: 550px; padding: 0 20px; }

section.inner-page-banner .banner-image{max-width: 85%; margin: 0 auto; padding: 40px 0 0 0; text-align: center; }
section.inner-page-banner .banner-text{max-width: 70%; margin: 0 auto; text-align: center; padding: 40px 0 0 0; }
section.inner-page-banner .banner-text h2{font-size: 2.8rem; line-height: 1.2; font-weight: 400; margin: 0 0 15px 0; }
section.inner-page-banner .banner-text p:last-child{margin-bottom: 0; }

section.vision-mission{background: #F9F9F9; padding-bottom: 0; }
section.vision-mission .vision-mission-wrap{padding: 10px 0 0 0; }
section.vision-mission .vision-mission-list{padding: 0 0 30px 0; }
section.vision-mission .vision-mission-box{background: #ffffff; display: flex; flex-direction: column; justify-content: space-between; padding: 25px; min-height: 280px; height: calc(100% - 24px); margin: 0 0 24px 0; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; }
section.vision-mission .vision-mission-box .icon{width: 120px; margin: 0 0 15px 0; }
section.vision-mission .vision-mission-box .text{padding: 30px 0 0 0; }
section.vision-mission .vision-mission-box h3{font-size: 24px; line-height: 1.33; color: #1A1A1A; font-weight: 600; margin: 0 0 12px 0; }
section.vision-mission .vision-mission-box p:last-child{margin-bottom: 0; }
section.vision-mission .vision-mission-box:hover{box-shadow:0 5px 15px rgba(0,0,0,0.15); -webkit-box-shadow:0 5px 15px rgba(0,0,0,0.15); transform: translateY(-3px); -webkit-transform: translateY(-3px); }

section.network-glance{padding-bottom: 20px; }
section.network-glance .achievement-list{display: flex; align-items: center; margin: 0; }
section.network-glance .achievement-list .section-title{margin: 0; text-align: left; padding: 20px 25px; width: 40%; }
section.network-glance .achievement-list .achievement-row{width: 60%; }