@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');
@font-face {
    font-family: 'francyregular';
    src: url('../fonts/francy-webfont.woff2') format('woff2'),
         url('../fonts/francy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
:root{
    --theme-color: #030303;
    --white-color: #FFFFFF;
    --theme-blue: #009AF1;
    --gray-color: #838383;
    --dark-gray-bg: #181818;
    --black-color: #000000;
}
 
  
body{  font-family: 'Outfit', sans-serif; color: var(--white-color); background: var(--theme-color);   font-weight:400; padding: 0; margin:0; font-size: 1rem; line-height: 1.5; }

h1,h2,h3,h4,h5,h6 { font-weight: 500; font-family: 'francyregular', sans-serif; letter-spacing: 2px;}
img{ max-width: 100%;}
video { width: 100%; }
a{ text-decoration: none; color: var(--theme-blue); }
a,.btn {text-decoration: none; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear } 
 
.section-title { margin: 20px 0 30px; } 
.section-title h2{ font-size: 3.6rem; }  
.section-title p{ font-size: 1.3rem; }  
.section-title .point{ display: flex; align-items: center; font-size: 1rem; justify-content: center; gap: 20px; font-family: 'Outfit', sans-serif; } 

.page-title { margin: 15px 0 20px; }
.page-title .point{ display: flex; align-items: center; font-size: 1rem; justify-content: center; gap: 20px; font-family: 'Outfit', sans-serif; } 
.page-title h1{ font-size: 4.2rem; }
.page-title p{ font-size: 1.3rem; }

/* Form Control */
.form-group { margin: 0 0 30px; position: relative; } 
.form-group .form-control, 
.form-group .form-select { height: 55px; background-color: #272727; border: 0; border-radius: 12px; box-shadow:none; color: var(--white-color); }
.form-group .form-control:focus{ box-shadow: none; outline: none; background: #272727; border-color: var(--theme-blue); }  
.form-group textarea.form-control { height: 195px; resize: none; }
 
.intl-tel-input .country-list { z-index: 100; box-shadow: 1px 1px 4px rgb(0 0 0 / 0%); background-color: #1f1f1f; border: 1px solid #000000; }
.intl-tel-input.separate-dial-code .selected-flag { outline: none; display: flex; align-items: center;  padding-left: 20px; }
.intl-tel-input .selected-flag .iti-arrow { right: -5px; }
.selected-dial-code { display: none !important; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag { width: 56px !important; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag { width: 56px !important;  }


.form-group .form-control.light-place::-moz-placeholder {color: var(--gray-color); } 
.form-group .form-control.light-place::-moz-placeholder {color: var(--gray-color);} 
.form-group .form-control.light-place::-ms-input-placeholder {color: var(--gray-color); } 
.form-group .form-control.light-place::-webkit-input-placeholder {color: var(--gray-color); }


/* primary btn */
.primary-btn { font-weight: 500; display: inline-block; border-radius: 30px; border: 0; color: var(--white-color); padding: 15px 30px;  background: var(--theme-blue);  }
.primary-btn:hover{ background: var(--theme-blue); }
.secondary-btn { font-weight: 500; border-radius: 30px; display: inline-block; border: 0; color: var(--black-color); padding: 15px 30px; background: linear-gradient(180deg, #FFFFFF 0%, #C6C6C6 100%); }
.secondary-btn:hover{ background: linear-gradient(180deg, #FFFFFF 0%, #C6C6C6 100%);  } 



.border-radius { border-radius: 25px; }
.theme-color { color: var(--theme-blue);  }

  
/*=================== 
    header Start 
=====================*/
/* .dropdown-menu a.dropdown-item:active{ background: #f8f9fa; color: #000; } */
header.site-header {   position: fixed;  top: 0; left: 0; right: 0; z-index: 1000; transition: top .2s ease-in-out;}
header.site-header.nav-up{top:-90px}
header.site-header .inner-header{ display: flex; align-items: center; justify-content: space-between; gap: 20px; width: 100%; }

header.site-header .navbar-brand { margin: 0; } 
header.site-header .navbar-brand .logo img{ filter: drop-shadow(1px 1px 1px #000000);  }
header.site-header .navbar-nav {padding: 5px; backdrop-filter: blur(40px) saturate(180%); background: radial-gradient(90.16% 143.01% at 15.32% 21.04%, rgb(0 0 0 / 88%) 0%, rgb(0 0 0 / 52%) 100.08%, rgb(0 0 0 / 49%) 100%);  border: 1px solid #5a5a5a;  border-radius: 40px; display: flex ; align-items: center; gap: 15px; }
header.site-header .navbar .navbar-nav li .nav-link{ color: var(--white-color); font-weight: 500; padding: 10px 12px; }
header.site-header .navbar .navbar-nav li .nav-link.active{ color: var(--black-color); background: #fff; border-radius: 40px; padding: 10px 35px;}
 header.site-header .navbar .navbar-nav > li:last-child{ display: none; }
header.site-header .navbar .navbar-nav .sub-menu-toggle{ display: none; }
header.site-header .navbar .button .get-quote { color: var(--white-color);  background: radial-gradient(90.16% 143.01% at 15.32% 21.04%, rgb(0 0 0 / 88%) 0%, rgb(0 0 0 / 52%) 100.08%, rgb(0 0 0 / 49%) 100%); padding: 10px 20px; display: inline-block;border: 2px solid #5a5a5a; border-radius: 40px; }
header.site-header .navbar .button .get-quote:hover { background: #009AF1; border: 2px solid #009AF1;}

header.site-header .navbar ul.dropdown-menu { padding: 0; background: rgb(0 0 0 / 71%); margin-top: 25px; border-radius: 10px; border: 0; overflow: hidden;  box-shadow: 0px 0px 4px 0px #121212; }
header.site-header .navbar ul.dropdown-menu li{ padding: 0; }
header.site-header .navbar ul.dropdown-menu li a { background: none; color: var(--white-color); padding: 10px 20px; width: 100%; display: inline-block;  }
header.site-header .navbar ul.dropdown-menu li a.active{ color: var(--theme-blue); }
header.site-header .navbar ul.dropdown-menu li a:hover{ background: var(--black-color); }


 
 





/*=======================
    Home Page 
=========================*/ 
.slick-slider .slide-arrow{ z-index: 100; background: transparent; border: 1px solid #fff; color: #fff; height: 40px; width: 40px; border-radius: 100%; position: absolute; top: -85px; left: 0; right: 0; margin: 0 auto; } 
.slick-slider .prev-arrow{ right: 60px; }
.slick-slider .next-arrow{ right: -60px;}


.site-content{padding: 0px 0px 0px 0px;}  
section { padding: 60px 0; transition: background-color 0.5s, color 0.5s; }
 
section.hero-banner { background: #070707; }
section.hero-banner .img img{ width: 100%; }
section.hero-banner .content { margin: -100px 0 0px; }
section.hero-banner .content .page-title { margin: 0 0 40px; }
/* section.hero-banner .content p{ font-size: 1.3rem; } */


/* About Section */
section.white-business-robots { position: relative; background: #F2F2F2; color: var(--black-color); overflow: hidden;   }
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; }
section.white-business-robots .box ul li::before{ content: "\f704"; color: var(--black-color); font-family: "tabler-icons" !important; margin-right: 10px; font-size: 1.2rem; position: absolute; left: 0px; top: 4px; }


/* ====== what odigo ======= */
section.what-odigo { background: var(--white-color); color: var(--black-color); }
section.what-odigo .img video { width: 100%; }
section.what-odigo .main-video { margin: 0 0 50px; }
section.what-odigo .main-video video{ width: 100%;  }
section.what-odigo .main-video iframe{ width: 100%; height: 600px; }
/* section.what-odigo .section-title p{  font-size: 1.3rem; } */

section.product-serving { background: var(--white-color);  height: 100vh; display: flex; align-items: center; justify-content: center; }
section.product-serving .showcase_inner {background: rgb(0 0 0 / 12%); padding: 30px; position: relative; overflow: hidden; width: 50%; height: 100% }
section.product-serving .showcase {position: relative; display: flex; height: 540px; width: 100%; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; gap: 24px; }
section.product-serving .showcase_view {height: 100% }
section.product-serving .showcase_view img {width: 100%;  border-radius: 10px }
section.product-serving .showcase_card { color: var(--black-color); position: absolute; left: 0; top: 20%; right: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; transform: translateY(0%); opacity: 0; padding: 30px; }
/* section.product-serving .showcase_card {position: absolute; left: 0; top: 20%; right: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; transform: translateY(0%); opacity: 0; } */
section.product-serving .showcase_card h3{ font-size: 3rem; }

section.product-serving .showcase_card:first-child {opacity: 1; transform: translateY(0) }
section.product-serving .showcase_inner { background: var(--white-color); position: relative; overflow: hidden; width: 50%; height: 100% }
section.product-serving .showcase_visuals {position: relative; overflow: hidden; width: 50%; height: 100%; }
section.product-serving .showcase_view {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden }
section.product-serving .showcase_panel {position: relative } 
 

section.promoters-list { background: var(--white-color); color: var(--theme-color); }
section.promoters-list.about-leadership { background: var(--theme-color); color: var(--white-color); }
section.promoters-list.about-leadership .promoters-box .name{ color: var(--white-color); }

section.promoters-list .col-12:not(:last-child){ border-right: 1px solid rgba(224, 224, 224, 0.1); }
section.promoters-list .promoters-box .name{ padding: 20px 20px 0; display: flex; justify-content: space-between;  color: var(--theme-color);   }
section.promoters-list .promoters-box .name .in-icon{ font-size: 2rem; color: var(--gray-color); line-height: normal; }
section.promoters-list .promoters-box .name h4{ font-size: 1.4rem; margin: 0; }
section.promoters-list .promoters-box .name p{  margin: 0; }
section.promoters-list .promoters-box .img{ text-align: center; }
section.promoters-list .promoters-box .img img{ filter: grayscale(1); -webkit-filter: grayscale(1); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; }
section.promoters-list .promoters-box .img:hover img{ filter: grayscale(0); -webkit-filter: grayscale(0); }


section.brand-trust { }
section.brand-trust .scroller .img{ background: var(--dark-gray-bg); padding: 20px; display: flex; align-items: center; justify-content: center; }
section.brand-trust .scroller .img img{ max-height: 50px; }

.scroller__inner {padding: 8px; display: flex; flex-wrap: wrap; gap: 1rem; } 
.scroller[data-animated="true"] {overflow: hidden; -webkit-mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent ); mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent); } 
.scroller[data-animated="true"] .scroller__inner {width: max-content; flex-wrap: nowrap; animation: scroll var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite; } 
.scroller[data-direction="right"] {--_animation-direction: reverse; } 
.scroller[data-direction="left"] {--_animation-direction: forwards; } 
.scroller[data-speed="fast"] {--_animation-duration: 20s; } 
.scroller[data-speed="slow"] {--_animation-duration: 60s; } 

@keyframes scroll {
    to {
         transform: translate(calc(-50% - 0.5rem));
         -webkit-transform: translate(calc(-50% - 0.5rem));
         -moz-transform: translate(calc(-50% - 0.5rem));
         -ms-transform: translate(calc(-50% - 0.5rem));
         -o-transform: translate(calc(-50% - 0.5rem));
    } 
}




/* ======= Reel Slider ======== */
.grid-line { position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: flex; justify-content: space-around; }
.grid-line .line { width: 1px; background: #3333; height: 100%; }

section.iphone-slider  { overflow: hidden; background: var(--black-color); position: relative; border-bottom: 1px solid #121212; } 
section.iphone-slider .slick-list{ height: 100%; } 
section.iphone-slider .slick-track{ height: 100%; } 
section.iphone-slider .section-title{ margin: 20px 0 120px; }
section.iphone-slider .iphone-container {position: relative; display: flex; margin: 0 auto;     height: 100%;} 
section.iphone-slider .iphone-container:after {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgb(0, 0, 0); background: linear-gradient(90deg, rgb(0 0 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 60%, rgb(0 0 0) 100%); filter: blur(50.0201px); }

section.iphone-slider .iphone-hand {max-width: 54%; height: auto; display: block; position: relative; margin: -6% auto 0; z-index: 1;} 
section.iphone-slider .slider-overlay {position: absolute; top: 18%; left: 0%; width: 100%; overflow: visible; border-radius: 31px; pointer-events: auto; height: calc(100% - 22%);} 
section.iphone-slider .image-slider {width: 100%; height: 100%; }
section.iphone-slider .slick-slider .slide-arrow { top: -175px; }

section.iphone-slider .imageContainer.slick-slide.slick-center { opacity: 1; transform: scale(1);  transition: all 0.3s; } 
section.iphone-slider .imageContainer.slick-slide.slick-center video { border-radius: 0; } 
section.iphone-slider .imageContainer.slick-slide { opacity: 0.8; transform: scale(0.8); transition: all 0.3s; height: calc(100% - 2px); } 
section.iphone-slider .imageContainer {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } 
 
section.iphone-slider .imageContainer video{   width: 100%; height: 100%; object-fit: cover; box-shadow: 0px 0px 0px 10px #8b8b8b; }
section.iphone-slider .iphone-container::before{ content: ""; height: 210px; width: 320px;  position: absolute; left: 0; right: 0; top: 0px; margin: 0 auto; background: rgb(0,255,234); background: linear-gradient(90deg, rgba(0,255,234,1) 0%, rgba(0,154,241,1) 100%); filter: blur(98.0201px); }

/* industries-serve */
/* section.industries-serve .section-title p{ font-size: 1.3rem; } */
section.industries-serve .indu-serve-slider{ margin: 110px 0 0; }
section.industries-serve .indu-serve-slider .item{ padding: 0 10px; }
section.industries-serve .indu-serve-slider a{ color: var(--white-color); }
section.industries-serve .box{ overflow: hidden; position: relative; border: 1px solid var(--dark-gray-bg); }
section.industries-serve .box .big-img{ transition: all 0.3s; }
section.industries-serve .box:hover .big-img{ transform: scale(1.1); }
section.industries-serve .box .content{ position: absolute; z-index: 10; padding: 25px; }
section.industries-serve .box .content h3{ font-size: 1.4rem; margin: 15px 0 5px; }
section.industries-serve .box::after{ content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 100px; background: linear-gradient(179.82deg, #000000 43.49%, rgba(0, 0, 0, 0) 71.21%); }

/* Advertising Solution */
section.advertising-solution { color: var(--black-color); background: var(--white-color); }
/* section.advertising-solution .section-title p{ font-size: 1.3rem; } */
section.advertising-solution .box { text-align: center; margin: 40px 0; max-width: 500px; }
section.advertising-solution .box .img{ margin: 0 auto 30px; background: #FCFCFC; width: 200px; height: 200px;  display: flex ; align-items: center; justify-content: center;  } 
section.advertising-solution .box .img img{ height: 120px; }
section.advertising-solution .box .content { }


/* Contact Page */
section.contact-page {  }
section.contact-page .bg-form { margin: 50px 0 0; }
section.contact-page .bg-form .contact-form{ padding: 30px; background: #1C1C1C; }

section.contact-page .contact-info {  }
 
section.contact-page .contact-info h3 { font-size: 1.2rem; margin: 20px 0; color: var(--gray-color); } 
section.contact-page .contact-info ul { background: var(--dark-gray-bg); border-radius: 12px;  padding: 0; margin: 30px 0 0; list-style: none; }
section.contact-page .contact-info ul li {padding: 15px 20px;  display: flex; gap: 10px; } 
section.contact-page .contact-info ul li:not(:last-child){ border-bottom: 1px solid #2e2e2e;  } 
section.contact-page .contact-info ul li .icon {  line-height: normal; width: 50px; flex: 0 0 auto; } 
section.contact-page .contact-info ul li .text a { color: var(--gray-color); }
section.contact-page .contact-info ul li .text h4 { font-size: 1.2rem; font-weight: 300; }

section.cnt-form-common .contact-form{  padding: 30px; background: #1C1C1C; }



/* Footer  */
footer.site-footer { padding: 50px 0 0; border-top: 1px solid var(--dark-gray-bg); }
footer.site-footer .copy-right{ padding: 15px 0; color: var(--gray-color); margin: 40px 0 0; border-top: 1px solid var(--dark-gray-bg); }
footer.site-footer .footer-title{ font-size: 1.2rem; margin: 20px 0; color: var(--gray-color); }
footer.site-footer .cmp{ display: flex; align-items: center; gap: 20px; }

footer.site-footer .social-media{ display: flex; flex-wrap: wrap;  column-gap: 13px; padding:0; margin: 10px 0 0; list-style:none; flex-wrap: wrap; }
footer.site-footer .social-media li {  }
footer.site-footer .social-media li a{ color: var(--white-color); font-size: 1.9rem; transition:.2s;}
footer.site-footer .social-media li a:hover{ color: var(--theme-blue); }

footer.site-footer .contact-info ul {padding: 0; margin: 0; list-style: none; } 
footer.site-footer .contact-info ul li {padding: 5px 0; display: flex; gap: 10px; } 
footer.site-footer .contact-info ul li .icon { font-size: 1.4rem; line-height: normal; width: 30px; flex: 0 0 auto; } 
footer.site-footer .contact-info ul li .text a { color: var(--white-color); }

/* ========= Inner Banner ====== */
section.inner-banner {  background: url('../images/inner-banner.jpg') no-repeat center center; background-size: cover; }
section.inner-banner.post-banner .page-title h1{ font-size: 2rem; }

 

/* ===================
 Indutry Pages  
====================== */
/* ============= Indutry Banner ============= */ 
section.industry-banner { position: relative; }
section.industry-banner .img img{ width: 100%; }
section.industry-banner .contnet { position: relative; margin-top: -150px;} 
section.industry-banner .contnet .page-title{   } 
section.industry-banner .contnet p{ color: var(--gray-color);  } 

section.industry-process .listing-view{  }
section.industry-process .listing-view .nav{ position: relative; display: flex; flex-direction: column; gap: 20px; }
section.industry-process .listing-view .nav li h4{ }
section.industry-process .listing-view .nav li a{ position: relative; color: var(--gray-color); padding: 0px 30px; } 
section.industry-process .listing-view .nav li a.active{ color: var(--white-color); }
section.industry-process .listing-view .nav li.active-highlight { width: 2px; position: absolute; background: var(--theme-blue); z-index: 1; }

/* industry-solutions */
section.industry-solutions {}
section.industry-solutions .main-box { display: flex; gap: 24px; }
section.industry-solutions .main-box .robot-icon { flex-shrink: 0; }
section.industry-solutions .main-box .robot-icon ul{position: sticky; top: 15px; display: flex; flex-direction: column; gap: 15px; }
section.industry-solutions .main-box .robot-icon ul li { width: 120px; }
section.industry-solutions .main-box .robot-icon ul li button{ border-radius: 12px; padding: 0; background: var(--dark-gray-bg); }
section.industry-solutions .main-box .robot-icon ul li button.active{ background: var(--theme-blue); }

section.industry-solutions .robot-detail .tab-content{ background: var(--dark-gray-bg); padding: 20px; }
section.industry-solutions .robot-detail { flex: 1;min-width: 0;  }
section.industry-solutions .robot-detail .title-box h3{ font-size: 2.4rem; }
section.industry-solutions .robot-detail .title-box p{ color: var(--gray-color);  }

section.industry-solutions .industry_solutions_slider { margin: 30px 0; }
section.industry-solutions .industry_solutions_slider .item{ padding: 12px; }
section.industry-solutions .robot-detail .img-box{ overflow: hidden; position: relative;  } 
section.industry-solutions .robot-detail .img-box .text{ padding: 20px; position: absolute; bottom: 0; left: 0; right: 0; }
section.industry-solutions .robot-detail .impact {  }
section.industry-solutions .robot-detail .impact .imp-box{ border: 1px solid #6E6E6E; text-align: center; padding: 20px; height: calc(100% - 24px); margin: 12px 0; border-radius: 12px; }
section.industry-solutions .robot-detail .impact .imp-box .num{ background: linear-gradient(180deg, #B5862E 0%, #FAD681 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 600; font-size: 3rem; }
section.industry-solutions .robot-detail .impact .imp-box p{ background: linear-gradient(180deg, #B5862E 0%, #FAD681 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 500; font-size: 1.2rem; }


section.results-impact { background: var(--white-color); color: var(--black-color); }
section.results-impact .box { height: calc(100% - 24px); margin: 12px 0; display: flex; align-items: center; gap: 50px; background: #F9F9F9; padding: 40px; }
section.results-impact .box h3{ margin: 0; font-weight: 500; font-size: 2.7rem;} 
section.results-impact .box h4{ margin: 0; font-weight: 500; font-size: 1.3rem;} 
section.results-impact .box p{ font-size: 1.2rem; }
section.results-impact .box .left{ width: 35%; flex: 0 0 auto; position: relative; }
section.results-impact .box .left img{ margin: 0 auto; display: flex ;} 
section.results-impact .box .left::after{ content: ""; position: absolute; right: -10px; top: 0; bottom: 0; width: 2px; background: rgb(0, 0, 0); background: linear-gradient(180deg, rgb(249 249 249) 10%, rgb(0 0 0) 50%, rgb(249 249 249) 90%); }
 
section.discover-magic {  position: relative;  }
section.discover-magic .big-img img{ width: 100%; }
section.discover-magic .content-box{ position: absolute; top: 20%;  color: var(--white-color); max-width: 600px; width: 100%; font-size: 1.3rem; }
section.discover-magic .content-box .section-title{  }


section.product-feature .section-title{ margin: 0 0 150px; } 
section.product-feature .box{ } 
section.product-feature .box{ background: #202020; overflow: hidden; position: relative; margin: 12px 0; } 
section.product-feature .box h3{ font-size: 1.6rem; margin: 0 0 10px; } 
section.product-feature .box .img{ padding: 20px; max-width: 130px; } 
section.product-feature .box .text{ padding: 0 30px 30px 30px; } 
section.product-feature .box.full-box .img{ padding: 0; max-width: 100%;} 
section.product-feature .box.full-box .img img{ width: 100%; } 
section.product-feature .box.full-box .img-text{ position: absolute; left: 30px; top: 30px; right: 30px; } 

section.product-feature .section-title { margin: 0; }
section.product-feature .section-title h2{ font-size: 3rem; }
section.product-feature.key-feature .box{  }
section.product-feature.key-feature .space{ flex-direction: column; justify-content: space-between; display: flex ; }
section.product-feature.key-feature .box .img{ }

section.generate_revenue { position: relative; }
section.generate_revenue .left-img { position: sticky; top: 60px;  }
section.generate_revenue .listing-view ul{ list-style-type: none; padding: 0; margin: 40px 0 0; }
section.generate_revenue .listing-view ul li{ padding: 15px 0; }
section.generate_revenue .listing-view ul li h4{  }
section.generate_revenue .listing-view ul li p{ color: var(--gray-color);  }


/* ========================
    About Us Page
=========================== */
section.about-bnner .banner-img video{  }

section.our-mission {  }
section.our-mission .box{  margin: 24px 0; }
section.our-mission .box h3{ font-size: 1.8rem; margin: 0 0 20px; position: relative;     display: inline-block; }
section.our-mission .box h3::after{content: ""; position: absolute; bottom: -10px; left: 0; right: 0; height: 1px; background: rgb(255, 255, 255); background: linear-gradient(90deg, rgb(255 255 255) 10%, rgb(0 0 0) 50%, rgb(0 0 0) 90%); }
 

section.about-why-chooes { display: flex; align-items: start; background: var(--white-color); color: var(--theme-color); padding: 0; } 
section.about-why-chooes .left{ width: 35%; position: sticky; top: 0; } 
section.about-why-chooes .left .img img{ width: 100%; height: 100vh; object-fit: cover;} 
section.about-why-chooes .right{ width: 65%; padding: 30px; } 
/* section.about-why-chooes .right .section-title h2{ font-size: 2.6rem; }   */
section.about-why-chooes .right .scrolling h3{ font-size: 1.4rem; } 
section.about-why-chooes .right .scrolling p{   } 


section.our-core-value {  }
section.our-core-value .box{ background: var(--dark-gray-bg); padding: 20px; text-align: center; height: calc(100% - 24px); margin: 12px 0; }
section.our-core-value .box .img{ margin: 0 0 20px; }
section.our-core-value .box .img img{ transition: all 0.3s; }
section.our-core-value .box:hover .img img{ transform: scale(1.1); }
section.our-core-value .box .content h3{ font-size: 1.5rem; }
section.our-core-value .box .content p{ font-size: 1rem; }

/* ===================== 
   Media Section
=====================  */
.social-sharing { margin: 20px 0; }
.social-sharing .social-list { display: flex; gap: 10px;}
.social-sharing .social-list a{ color: var(--white-color); font-size: 1.7rem;  }

section.media-section {}
section.media-section a{ color: var(--white-color); }
section.media-section .media-box{ position: relative; background: var(--dark-gray-bg); padding: 40px 70px 40px 20px; display: flex; align-items: center; gap: 20px; height: calc(100% - 24px); margin: 12px 0; }
section.media-section .media-box .img{ width: 30%; flex: 0 0 auto; }
section.media-section .media-box .icon{ position: absolute; bottom: 20px; right: 20px; width: 40px; }

section.news-page .first-colume .news-box{ display: flex; }
section.news-page .first-colume .news-box .content h3{ font-size: 2rem; }
section.news-page .first-colume .news-box .news-img{ width: 50%; }
section.news-page .first-colume .news-box .news-img img{ height: 100% !important; }
section.news-page .first-colume .news-box .content{ width: 50%; }
section.news-page .first-colume .news-box .content .bottom-list{ display: flex; align-items: end; height: calc(100% - 150px); }

section.news-page .news-box { overflow: hidden; height: calc(100% - 25px); margin: 12px 0; }
section.news-page .news-box .tagline{ color: var(--theme-blue); }
section.news-page .news-box .news-img{ overflow: hidden;  }
section.news-page .news-box .news-img img{ transition: all 0.3s; }
section.news-page .news-box:hover .news-img img{ transform: scale(1.03); }
section.news-page .news-box .content { padding: 30px; background: var(--dark-gray-bg); }
section.news-page .news-box .content h3{font-size: 1.5rem; margin: 15px 0;  display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
section.news-page .news-box .content h3 a{ color: inherit; }
section.news-page .news-box .time{ color: #8F8F8F; }

section.news-details { }
section.news-details .box{ background: var(--dark-gray-bg); padding: 30px;  }
section.news-details .box h1{ font-size: 2.3rem; }
section.news-details .box .img img{ margin: 15px 0; }

/* ===================== 
   Thank you Page 
=====================  */
section.thank-you {padding: 80px 0; margin: 0 auto; max-width: 500px; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; height: 100vh; } 
section.thank-you .box {text-align: center; font-size: 22px } 
section.thank-you .box h1 {margin: 0 0 40px; font-size: 5rem; color: #cdc3ff; } 
section.thank-you .box h1 span {font-size: inherit }


/* ===================== 
   404 Page Not found 
=====================  */
section.error-404 { position: relative; overflow: hidden; height: 100vh; display: flex; flex-wrap: wrap; align-items: center; }
section.error-404 .text{ position: relative;  text-align: center;  max-width: 400px; margin:  0 auto; color: #fff; padding: 20px;   }
section.error-404 .text .btn{ padding: 10px 20px; font-size: 13px; }
section.error-404 .lottie{ max-width: 300px; width: 100%; margin: auto; }
section.error-404 lottie-player{ width: 100%; height: 100%; margin-top: -30px; }