@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600;700&family=IBM+Plex+Sans:wght@300;400;500;600;700&family=IBM+Plex+Serif:wght@300;400;500;600;700&display=swap');

/*.catnewimg img
font-family: 'FS Joey';
font-family: "IBM Plex Sans", sans-serif;
font-family: "IBM Plex Mono", monospace;
font-family: "IBM Plex Serif", serif;
*/

:root{
    --primary: #24649E;
    --secondary: #57A773;
    --white: #fff;
    --black: #000;
    --txt: #474A4D;
}

@font-face {
    font-family: 'FS Joey';
    src: url('../fonts/FSJoey.eot');
    src: url('../fonts/FSJoey.eot?#iefix') format('embedded-opentype'), url('../fonts/FSJoey.woff2') format('woff2'), url('../fonts/FSJoey.woff') format('woff'), url('../fonts/FSJoey.ttf') format('truetype'), url('../fonts/FSJoey.svg#FSJoey') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html{ scroll-behavior: smooth; scrollbar-width: thin; -ms-overflow-style: none; scrollbar-color: #474A4D transparent;}
html, body{ overflow-x: hidden;}

body{ padding:0; margin:0; font-size:16px; color:var(--txt); font-family: "IBM Plex Sans", sans-serif; overflow-x: hidden;}
a, button{outline:none !important; text-decoration:none; box-shadow:none; color:var(--txt);
transition:all .4s ease-in-out;}
a:hover, a:focus, select:focus, button:focus,.btn:focus,btn.focus { outline:none; text-decoration:none; box-shadow:none;}
* { margin:0; padding:0;}
img { border:none; vertical-align:middle; max-width:100%; height:auto;}
li{ list-style:none;}
h1, h2, h3, h4, h5, h6{ outline:none !important;}
input, select, textarea, button{ outline:none !important; box-shadow:none;}
input, textarea, select{ /*-moz-appearance: none; -webkit-appearance: none;*/ box-shadow:none !important;}

.container{ width:90%; max-width:1660px; margin:0 auto; padding:0;}
/* .videocontainer{ width:100% !important; max-width:1660px;}
.vieocontainer video,.videocontainer iframe{width:100%;} */  
.videocontainer{
  width: 100vw;
  height: 100vh;
}
.videocontainer iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  transform: translate(-50%, -50%);
}

@media (min-aspect-ratio: 16/9) {
  .videocontainer iframe {
    height: 56.25vw;
  }
}
@media (max-aspect-ratio: 16/9) {
  .videocontainer iframe {
    width: 177.78vh;
  }
}


h1, h2, h3{ font-family: 'FS Joey'; }
.thumbnailimg{    width: 400px !important;    height: 300px;border-radius: 10px;}
.prods_images1 a img:hover{cursor:pointer !important;}
p{ margin-bottom: 40px; font-size: 21px; font-weight: normal; line-height: 34px;}

.global_title{ margin: 0 0 30px; padding: 0; font-size: 48px; color: var(--primary); line-height: 110%;}
.global_title2{ margin: 0 0 30px; padding: 0; font-size: 100px; color: var(--primary); line-height: 100%;}
.global_title small, .global_title2 small{ margin: 0 0 20px; font-size: 16px; color: var(--txt); text-transform: uppercase; letter-spacing: 2px; font-weight: normal; font-family: "IBM Plex Mono", monospace; display: block; line-height: normal; font-weight: 500;}
p.info{ margin: 0 0 30px; font-size: 32px; line-height: 40px; color: var(--txt);}

.btns{ padding: 23px 62px; font-size: 16px; color: var(--white); text-transform: uppercase; letter-spacing: 1px; background: var(--primary); border-radius: 100px; font-family: "IBM Plex Mono", monospace; display: inline-flex; gap: 10px; align-items: center; justify-content: center; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); overflow: hidden;}
.btns::before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #3185d0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.btns:hover{ color: var(--white);}
.btns:hover::before, .btns:focus::before, .btns:active::before { -webkit-transform: scaleX(1); transform: scaleX(1); animation: border-radius-round .4s ease-in-out;}
.btns.green{ background: var(--secondary); color: var(--white);}
.btns.green::before{ background: #78b98f;}
.btns.green svg{ fill: var(--white);}

@keyframes border-radius-round{
    0%{
        border-radius: 0;
    }
    50%{
        border-radius: 0 100px 100px 0;
    }
    100%{
        border-radius: 0;
    }
}

.hcurv1{ position: absolute; animation: upDown 4s ease-in-out infinite;}

/*-------------------- 
	GLOBAL END HERE	
--------------------*/

/*===================
 		HEADER 
 ===================*/
.header_sec{ width:100%; padding:54px 0; margin:0; background: var(--primary); position:relative; top:0; z-index:999; transition:all .4s ease-in-out;}
.header_sec .navbar{ margin:0; padding:0;}
/* .header_sec .navbar-brand{ width: 272px; margin:0; padding:0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} */
.header_sec .navbar-brand{ width: 120px; margin:0; padding:0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.header_sec .navbar-brand img{ width: 100%; transition:all .4s ease-in-out;}
.header_sec .navbar-light .navbar-nav{ gap: 60px;}
.header_sec .navbar-expand-lg .navbar-collapse{ gap: 300px;}
.header_sec .navbar-light .navbar-nav .nav-item{ margin:0;}
.header_sec .navbar-light .navbar-nav .nav-link{ margin:0; padding:0 0 8px; font-weight: 400; font-size: 16px; color: #fff; font-family: "IBM Plex Mono", monospace; text-transform: uppercase; letter-spacing: 1px; position: relative;}
/* .header_sec .navbar-light .navbar-nav .dropdown .nav-link:not(.dropdown-toggle){ padding-right: 18px;}
.header_sec .navbar-light .navbar-nav .dropdown-toggle{ position: absolute; right: 0; padding-left: 10px; z-index: 2;}
.header_sec .navbar-light .navbar-nav .dropdown-toggle::before{ display: none;} */
.header_sec .navbar-light .navbar-nav .dropdown-toggle::after{ margin-left: 10px;}
.header_sec .navbar-light .navbar-nav .nav-link::before{ content: ""; width: 0; height: 2px; background: var(--white); position: absolute; left: 0; bottom: 0; transition:all .4s ease-in-out;}
.header_sec .navbar-light .navbar-nav .nav-link:focus, .header_sec .navbar-light .navbar-nav .nav-link:hover{ color: #fff;}
.header_sec .navbar-light .navbar-nav .nav-link.active, .header_sec .navbar-light .navbar-nav .show > .nav-link{ color: #fff;}
.header_sec .navbar-light .navbar-nav .nav-link:hover::before, .header_sec .navbar-light .navbar-nav .nav-link.active::before, .header_sec .navbar-light .navbar-nav .show > .nav-link::before, .header_sec .navbar-light .navbar-nav li:hover > .nav-link::before{ width: 100%;}

.header_sec .dropdown-item{ font-weight: 700; font-size: 14px; color: var(--txt); font-family: "IBM Plex Mono", monospace; text-transform: uppercase; letter-spacing: 1px;}
.header_sec .dropdown-item:focus, .header_sec .dropdown-item:hover{ background: var(--secondary); color: var(--white);}

.header_sec .navbar-light .navbar-nav .dropdown-menu{ transition: all .4s ease-in-out; margin-top: 0 !important;}
@media(min-width:992px){
  .header_sec .navbar-light .navbar-nav .dropdown-menu{ top: 99%; height: auto !important; transform: translateY(-10px); opacity:0; display: block !important; visibility: hidden; overflow: hidden; transition: all .2s ease-in-out;}
  .header_sec .navbar-light .navbar-nav .dropdown:hover>.dropdown-menu { transform: translateY(0); opacity: 1; visibility: visible; overflow: visible;}
}

/* .header_sec.header_white{ background: #eee;}
.header_sec.header_white .navbar-nav .nav-link{ color: var(--primary);}
.header_sec.header_white .navbar-light .navbar-nav .nav-link::before{ background: var(--primary);}
.header_sec.header_white .navbar-light .navbar-nav .nav-link:focus, .header_sec.header_white .navbar-light .navbar-nav .nav-link:hover{ color: var(--primary);}
.header_sec.header_white .navbar-light .navbar-nav .nav-link.active, .header_sec.header_white .navbar-light .navbar-nav .show > .nav-link{ color: var(--primary);} */

/* HEADER STICKY */
.header_sec.sticky{ padding:30px 0; position:fixed; box-shadow:0 5px 5px rgba(0,0,0,0.1); z-index:999 !important; animation:slide-down 0.4s;}
/* .header_sec.sticky .navbar-brand{ width: 180px;} */
.header_sec.sticky .navbar-brand{ width: 80px;}

.innerpressnews h2{padding:30px 0px;}

@keyframes slide-down{
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}

/*===================
 		FOOTER 
 ===================*/
.footer_sec{ padding:0; margin:0; background: #eee; z-index: 2; position: relative;}
.footer_sec .curve{ width: 100vw; margin-bottom: -10px; position: relative;}
.foot_logo{ margin: 0;}
.foot_logo img{width:120px;}
.footer_inn{ background: var(--primary); padding: 40px 0 0;}
.foot_links{ margin: 0; padding: 0;}
.foot_links li{ margin: 0 0 13px 0; padding: 0; font-size: 21px; color: var(--white);}
.foot_links li a{ color: var(--white); display: inline-flex; gap: 10px; align-items: center; position: relative; padding-bottom: 5px;}
.foot_links li a::before{ content: ""; width: 0; height: 2px; background: var(--white); position: absolute; left: 0; bottom: 0; transition:all .4s ease-in-out;}
.foot_links li a svg{ width: 20px; fill: var(--white);}
.foot_links li a:hover::before{ width: 100%;}

.copyright{ padding: 90px 0 20px;}
.copyright p{ margin: 0; padding: 0; font-size: 16px; color: #FFFFFF7A;}

/* Return To Top */
#return-to-top { position:absolute; top:200px; right:5%; background:transparent; border: 1px solid var(--white); width:110px; height:110px; border-radius:50%; text-decoration: none; text-align:center; display:none; transition: all 0.3s ease; z-index:888; justify-content: center; align-items: center;}
#return-to-top svg{ width: 35px; fill: var(--white); transition: all 0.3s ease;}
#return-to-top:hover svg{ transform: translateY(-10px);}

/*=================================
 		SECTION START HERE 
=================================*/
section{ padding:0; margin:0;}

/* Hero */
.hero_sec{ padding: 60px 0 120px; background: var(--primary); position: relative; z-index: 5;}

.homepage_hero_sec{ padding: 0px 0 0px; margin:0px; background: #eee; position: relative; z-index: 5;}
.homepage_hero_sec:before {  content:"";  position: absolute;  top:0;  right:0;  left:0;  bottom:0;  z-index:1;
  background: rgba(0,0,0,0.2); height:111vh;}
.homepage_hero_sec .videocontainer{max-width:3000px;}

.hero_sec .curve{ width: calc(133% + 1.3px); height: 133px; display: block; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;}
.hero_sec .curve path{ fill: #eeeeee;}
.hero_sec h1{ margin: 0; padding: 0; font-size: 70px; color: var(--white); line-height: 100%;}
.hero_sec h1 small{ margin: 0 0 10px; font-size: 20px; color: var(--white); text-transform: uppercase; letter-spacing: 2px; font-weight: normal; font-family: "IBM Plex Mono", monospace; display: block; line-height: normal;}
.hero_sec .image_info{ position: relative; width: 100%; max-width: 1100px; margin: 0 auto;}
.hero_sec .image_info .main{ display: none;}
.hero_sec .image_info .assets{ position: absolute; bottom: 0; left: 0; width: 100%; max-width: 700px;}
.hero_sec:not(.service_banner) .image_info{ max-width: 1477px;}
.hero_sec:not(.service_banner) .image_info .assets{ max-width: 1477px;}

/* Welcome */
.welcome_sec{ padding: 140px 0; background: #eee; position: relative;}
.welcome_sec .roundcurve1{ z-index: auto; right: auto; left: 5%;}
.welcome_sec .container{ position: relative; z-index: 2;}
.homewel .image_info{ position: relative; margin-right: 20px;}
.homewel .image_info figure{ z-index: 5; margin: 0; position: relative; border-radius: 20px;}
.homewel .image_info figure::after{ content: ""; width: 100%; height: 100%; background: #3185d0; border-radius: 25px; z-index: -1; position: absolute; top: 20px; left: 20px;}
.homewel .image_info .main{ border-radius: 20px; z-index: 5;}
.homewel .image_info .curve1{ position: absolute; top: -13%; left:-14%; opacity: 0.6;}
.homewel .image_info .curve1:not(.aos-animate){ transform: translate3d(0,500px,0);}

.welcome_sec.whyvim_sec .roundcurve1{ right: 5%; left: auto;}

.video_info{ margin: 0 auto; padding: 0; width: 100%; max-width: 1290px; display: flex; border-radius: 15px; position: relative;}
.video_info::before{ content: ""; width: 100%; height: 100%; background: var(--primary); position: absolute; left: 15px; top: 15px; border-radius: 15px;}
.video_info video{ object-fit: cover; width: 100%; height: 100%; border-radius: 15px; line-height: 0; position: relative; z-index: 5;}

.cap_video{ padding: 60px 70px; background: rgba(0,0,0,0.7); position: absolute; top: 50%; left: 50%; width: 90%; max-width: 780px; transform: translate(-50%,-50%); border-radius: 15px; z-index: 45;}
.cap_video .label { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background-color:var(--secondary); border-radius:50px; text-transform: uppercase; padding: 3px 14px; font-weight: 400; font-style: italic; color: var(--white); display: inline-block;}
.cap_video h2{ margin: 0 0 50px; padding: 0; font-size: 42px; color: var(--white); font-weight: 300; text-align: center;}
.cap_video h2 strong{ font-family: "IBM Plex Sans", sans-serif; font-weight: 600;}
.play_video{ width: 100px; height: 100px; border-radius: 100%; background: var(--white); display: flex; justify-content: center; align-items: center; position: absolute; cursor: pointer; padding-left: 6px; z-index: 3; bottom: 0; left: 0; right: 0; margin: auto auto -50px;}
.play_video svg{ transition:all .4s ease-in-out; position: relative; z-index: 2;}
.play_video:hover{ transform: scale(0.9);}
.play_video:hover svg{ transform: scale(1.1);}

.video-modal .modal-dialog{ width: 90%; max-width: 800px; margin: 0 auto;}
.video-modal .modal-content{ border: none; border-radius: 10px;}
.video-modal .modal-body{ padding: 0;}
.video-modal .btn-close{ position: absolute; top: -10px; right: -15px; z-index: 55; width: 30px; height: 30px; border-radius: 50%; background-color: var(--white); opacity: 1; background-size: 12px; display: flex; padding: 0;}
.video-modal iframe{ width: 100%; line-height: normal; display: flex; border-radius: 10px;}

/* Vimology */
.vimology_sec{ position: relative; text-align: center; background: #eee; z-index: 2;}
.roundcurve1{ width: 176px; height: 176px; background: var(--secondary); border-radius: 50%; position: absolute; right: 10%; top: 0; z-index: -1; animation: upDown 4s ease-in-out infinite;}
.vimology_sec .curve{ width: 100vw; margin-bottom: -10px; position: relative;}
.vimology_sec .curve.flip{margin-bottom: 0;margin-top: -10px;-moz-transform: scale(-1, -1);-o-transform: scale(-1, -1);-webkit-transform: scale(-1, -1);transform: scale(-1, -1);}
.vimology_sec .inner{ padding-top: 110px; padding-bottom: 110px; background: var(--primary);}
.vimology_sec .image_info{ padding: 0 40px; z-index: 2; position: relative;}
.vimology_sec .image_info1{ margin-top: 30px;}
.vimology_sec .image_info1 .roundcurve2{ position: absolute; top: 28%; left:-30%; width: 45%; z-index: -1; transform: rotate(-180deg); animation: roundcurve2 4s ease-in-out infinite;}
.vimology_sec .image_info2{ margin-top: 200px;}
.vimology_sec .image_info3{ margin-top: -60px;}
.vimology_sec p b{ font-weight: 600;}
 .video_info iframe { object-fit: cover;width: 100%;height: 600px;    border-radius: 15px;line-height: 0;position: relative;z-index: 5;}

@keyframes rotate {
    0%{
        transform:rotate(0deg);
    }
    100%{
        transform:rotate(360deg);
    }
}

@keyframes roundcurve2 {
    0%{
        transform:rotate(-180deg) translateY(0%);
    }
    50%{
        transform:rotate(-180deg) translateY(15%);
    }
    100%{
        transform:rotate(-180deg) translateY(0%);
    }
}
@keyframes upDown {
    0%{
        transform:translateY(0%);
    }
    50%{
        transform:translateY(15%);
    }
    100%{
        transform:translateY(0%);
    }
}

/* CL */
.cl_sec .image_info{ position: relative; width: 100%; max-width: 650px; margin: 0 auto; overflow: hidden;}
.cl_sec .image_info .main{ display: none;}
.cl_sec .image_info .assets{ position: absolute; bottom: 0; left: 0;}
.cl_sec .list.columns2{ columns: 2;}

/* Why */
.whyvim_sec .image_info{ position: relative;}
.whyvim_sec .main{ display: none;}
.whyvim_sec i{ display: block;}

/* Counter */
.counter_sec{ padding: 100px 0; text-align: center; background: #eee;}
.counter_item strong{ margin-top: 43px; font-size: 180px; line-height: 100%; color: var(--primary); font-family: "IBM Plex Serif", serif; display: block; font-weight: 500;}
.counter_item small{ margin-bottom: 43px; margin-top: 24px; font-size: 21px; color: var(--txt); letter-spacing: 2.1px; font-family: "IBM Plex Mono", monospace; display: block; font-weight: 500; text-transform: uppercase;}

/* CTA */
.cta_sec{ padding: 120px 0 100px; background: #eee;}
.cta_sec .inner{ display: flex; align-items: flex-end; max-width: 1170px; width: 100%; margin: 0 auto;}
.cta_sec .inner .left_info{ flex-grow: 1; background: var(--primary); padding:60px 150px 80px 100px; border-radius: 10px;}
.cta_sec .inner .right_info{ margin:0 0 -30px -100px; min-width: 400px; background: var(--secondary) url(../images/cta_bg2.jpg) no-repeat center center; background-size: cover; padding:120px 50px; border-radius: 10px;}
.cta_sec .inner h2{ margin: 0; padding: 0; font-size: 80px; color: var(--white); line-height: 100%;}
.cta_sec .inner .lets_link{ text-align: center; display: block;}
.cta_sec .inner .lets_link span{ display: block; font-size: 50px; line-height: 100%; color: var(--white); font-family: 'FS Joey';}
.cta_sec .inner .lets_link svg{ fill: var(--white); transform: rotate(90deg); margin-top: 30px; transition:all .3s ease-in-out;}
.cta_sec .inner .lets_link:hover svg{ transform: rotate(45deg); fill: var(--white);}

/*========================
     Our Services Page
========================*/
.hero_sec.service_banner{ padding:40px 0 10px;}
@media (min-width:1200px){
.hero_sec.service_banner p{ font-size: 23px;}
}
.prods_images1{ position: relative; width: 100%; max-width: 550px; margin: 0 auto;}
.prods_images1 .main{ display: none;}
.prods_images1 .assets{ width: 100%; max-width: 700px; position: absolute; bottom: 0; left: 0;}

.homecare_sec{ padding: 200px 0 100px; position: relative; background: #eee; z-index: 1;}
.homecare_sec::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 1920 85.333'%3E%3Cpath id='elipse' d='M0,894H1920v30s-425.9,55.333-906.9,55.333S0,924,0,924Z' transform='translate(0 -894)' fill='%2324649e'/%3E%3C/svg%3E"); width: calc(100vw + 60px); height: 100px; position: absolute; top: -1px; left: -30px; z-index: 8;}
.homecare_sec .curve{ height: 40vw; width: 40vw; position: absolute; top: 0; left: -30px; z-index: -1;}
.homecare_sec .row:not(:last-child){ margin-bottom: 150px;}

/*====================
     Gallery Page
====================*/
.photos_sec{ padding: 200px 0 80px; position: relative; background: #eee; z-index: 1;}
.photos_sec::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 1920 85.333'%3E%3Cpath id='elipse' d='M0,894H1920v30s-425.9,55.333-906.9,55.333S0,924,0,924Z' transform='translate(0 -894)' fill='%2324649e'/%3E%3C/svg%3E"); width: calc(100vw + 60px); height: 100px; position: absolute; top: -1px; left: -30px; z-index: 8;}
.photos_sec .image_info{ text-align: center; display: flex; width: 100%;}
.photos_sec .image_info a{ display: flex; align-items: center; justify-content: center; width: 100%;}
.photos_slider{ padding-right: 180px; display: flex;}
.photos_slider .owl-stage{ display: flex; align-items: center;}
.photos_slider .owl-item{ display: flex;}
.photos_slider .item{ display: flex; width: 100%;}
/* .photos_sec .owl-carousel .owl-item:nth-child(odd){ margin-top: 80px;} */
.photos_sec .owl-carousel .owl-item img{ width: auto; display: inline-block; max-height: 500px; object-fit: contain; object-position: center center;}
.photos_sec .owl-nav{ display: inline-flex; gap: 30px; flex-direction: column; position:absolute; top:50%; transform:translateY(-50%); z-index:555; right: 0;}
.photos_sec .owl-nav button{ width: 110px; height: 110px; border: solid 1px var(--black) !important; border-radius: 110px; font-size:0; display:block; transition:all .4s ease-in-out; position: relative; transform: rotate(-90deg);}
.photos_sec .owl-nav button span{ display: none;}
.photos_sec .owl-nav button.owl-prev{ transform: rotate(90deg);}
.photos_sec .owl-nav button.owl-prev:before{ content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M379.8 225.7C376.7 229.3 372.3 231.1 368 231.1c-3.844 0-7.703-1.426-10.77-4.31L208 86.12v377.3c0 9.171-7.156 16.59-15.1 16.59S176 472.6 176 463.4V86.12l-149.2 140.7C20.25 232.1 10.14 232.5 4.156 225.7C-1.781 218.9-1.297 208.4 5.234 202.2l176-165.9c6.094-5.768 15.44-5.768 21.53 0l176 165.9C385.3 208.4 385.8 218.9 379.8 225.7z' fill='%23000000'%3E%3C/path%3E%3C/svg%3E"); position: absolute; top: 30px; left: 37px; width: 35px; height: 35px;}
.photos_sec .owl-nav button.owl-next:before{ content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M379.8 225.7C376.7 229.3 372.3 231.1 368 231.1c-3.844 0-7.703-1.426-10.77-4.31L208 86.12v377.3c0 9.171-7.156 16.59-15.1 16.59S176 472.6 176 463.4V86.12l-149.2 140.7C20.25 232.1 10.14 232.5 4.156 225.7C-1.781 218.9-1.297 208.4 5.234 202.2l176-165.9c6.094-5.768 15.44-5.768 21.53 0l176 165.9C385.3 208.4 385.8 218.9 379.8 225.7z' fill='%23000000'%3E%3C/path%3E%3C/svg%3E"); position: absolute; top: 30px; left: 37px; width: 35px; height: 35px;}

/*====================
     About Page
====================*/
.about_banner .image_info img{ width: 100%;}

.value_sec{ padding: 200px 0; position: relative; background: #eee; z-index: 1; text-align: center;}
.value_sec::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 1920 85.333'%3E%3Cpath id='elipse' d='M0,894H1920v30s-425.9,55.333-906.9,55.333S0,924,0,924Z' transform='translate(0 -894)' fill='%2324649e'/%3E%3C/svg%3E"); width: calc(100vw + 60px); height: 100px; position: absolute; top: -1px; left: -30px; z-index: 8;}
.value_sec::after{ content: ""; width: 101%; height: 172px; content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1921 207'%3e%3cpath d='M0,745l1920-2,1,207s-434.548-92.667-914.049-92.667S0,802,0,802Z' transform='translate(1921 950) rotate(180)' fill='%2324649e'%3e%3c/path%3e%3c/svg%3e"); position: absolute; bottom: -10px; left: -1%;}
.value_sec figure{ margin: 0 0 30px;}
.value_sec figure.icon img{ width: 120px;}
.value_sec h3{ margin: 0 0 25px; padding: 0; font-size: 31px; font-weight: 500; font-family: "IBM Plex Mono", monospace; letter-spacing: 2.1px; color: var(--primary);}

.career_sec{ padding: 50px 0 120px; text-align: center; background: var(--primary); position: relative;}
.career_sec .container{ max-width: 840px;}

.love_sec{ padding: 100px 0 80px; background: #eee;}
.love_sec .image_info img{ width: 100%; max-width: 560px;}

.pressnews{ padding: 100px 0 0px !important; background: #eee;}
.pressnews .image_info img{ width: 100%; max-width: 560px;}

.catnewimg img{max-height:300px;}
/*====================
     Contact Page
====================*/
.info_contact{ padding: 80px 0; background: #eee;}
.info_contact h6{ margin: 0 0 10px; font-size: 16px; color: var(--txt); text-transform: uppercase; letter-spacing: 2px; font-weight: normal; font-family: "IBM Plex Mono", monospace; display: block; line-height: normal; font-weight: 400;}
.info_contact p{ margin: 0 0 28px;}
.info_contact p a{ color:var(--txt); border-bottom: 1px solid var(--primary); display: inline-block; padding-bottom: 3px;}
.info_contact p a:hover{ color: var(--primary);}
.info_contact .image_info{ position: relative; width: 100%; max-width: 550px; margin: 0 auto; overflow: hidden;}
.info_contact .image_info .main{ display: none;}
.info_contact .image_info .assets{ position: absolute; bottom: 0; left: 0;}

ul.list{ margin: 0 0 40px; padding: 0;}
ul.list li{ margin: 0 0 10px; padding: 0 0 0 28px; font-size: 21px; font-weight: normal; line-height: 34px; color: var(--txt); position: relative;}
ul.list li::before{ content: ""; width: 10px; height: 10px; background: var(--primary); border-radius: 50%; border: 2px solid var(--white); box-shadow:0 0 0 1px var(--primary); position: absolute; left: 0; top: 12px;}
ul.list li a{ color: var(--txt);}

.career_sec.acareer{ position: relative; z-index: 2;}