/* global */
:root{
  --theme-font: 'Metric';
  --theme-secondary-font: 'Metric';

  /* colors */
  --white: #fff;
  --vry-light: #f6f6f6;
  --border-light: #ffedf2;
  --light: #f4f4f4;
  --border-color: #e7e7e7;
  --fade-light: #f6f7f8;
  --fade: #d3d4d6;
  --mdm-grey: #8d8d8d;
  --heading-grey: #595959;
  --dark-grey: #67676f;
  --text-color: #1e1f25;
  --theme-dark: #232425;
  --black: #000;

  --theme-light4: #f2faff;/**/
  --theme-light3: #dcf0fd;/**/
  --theme-light2: #99cbec;/**/
  --theme-light1: #63b2e7;/**/
  --theme-color: #1e7ab6;/**/
  --theme-color1: #2774a7;/**/
  --theme-alpha1: #1e79b6b6;/**/
  --theme-alpha2: #1e79b673;/**/
  --theme-alpha: #1e79b652;/**/
  --theme-color-vry-transparent: #1e79b61e;/**/
  --theme-color-transparent1: #1e79b60c;/**/
  --theme-bg: #f5fdfa;/**/
  --theme-bg1: #fef8ef;/**/
  --theme-color-dark: #212433;
  --theme-color-dark1: #272c4b;

  --secondary-color: #f6d51b;
  --secondary-color-alpha: #f6d51bc4;
  --secondary-color-alpha1: #f6d51b94;
  --secondary-color-alpha2: #f6d51b44;
  --secondary-color-alpha3: #f6d51b13;
  --secondary-color-text: #242424;
  --secondary-color-dark: #161616;

  --bg-card: #e9ece2;
  /* colors end */

  /* greadient */
  --greadient1: linear-gradient(90deg, #e3ebea, transparent);
  /* greadient end */
}


body {font-family: 'Metric', sans-serif; color: var(--text-color); }
a {display: inline-block; text-decoration: none; transition: all ease 0.5s;}
a:hover{color: var(--theme-color);}
span{display: inline-block;}
.heading-xl{font-size: 3.438rem;}/*55px*/
.heading{font-size: 3.125rem;}/*50px*/
.heading-lg{font-size: 2.813rem;}/*45px*/
.heading1{font-size: 2.5rem;}/*40px*/
.heading2{font-size: 2.188rem;}/*35px*/
.heading-sm1{font-size: 1.875rem;}/*30px*/
.heading-sm2{font-size: 1.79rem;}/*28.64px*/
.heading-md1{font-size: 1.688rem;}/*27px*/
.heading3{font-size: 1.625rem;}/*26px*/
.heading-sm3{font-size: 1.5rem;}/*24px*/
.heading4{font-size: 1.3rem;}/*21px*/
.heading5{font-size: 1.2rem;}/*19px*/
.heading6{font-size: 1.1rem;}/*17.6px*/
.heading7{font-size: 1rem;}/*16px*/
.heading8{font-size: 0.93rem;}/*14px*/
.heading9{font-size: 0.82rem;}/*13px*/

.para-lg{font-size: 1.438rem;}/*23px*/
.para-lg0{font-size: 1.375rem;}/*22px*/
.para-lg1{font-size: 1.313rem;}/*21px*/
.para-lg2{font-size: 1.25rem;}/*20px*/
.para-lg3{font-size: 1.188rem;}/*19px*/
.para-md{font-size: 1.125rem;}/*18px*/
.para-md1{font-size: 1.063rem;}/*17px*/
.para-md2{font-size: 1rem;}/*16px*/
.para-md3{font-size: 0.938rem;}/*15px*/
.para-sm{font-size: 0.875rem;}/*14px*/
.para-sm2{font-size: 0.813rem;}/*13px*/
.para-xs{font-size: 0.75rem;}/*12px*/
.para-xs2{font-size: 0.688rem;}/*11px*/


.fw-black{font-weight: 900}
.fw-bold{font-weight: 800}
.fw-semibold{font-weight: 600}
.fw-medium{font-weight: 500}
.fw-regular{font-weight: 400}
.fw-light{font-weight: 300}
.fw-thin{font-weight: 200}


ul{margin: 0;}
p:nth-last-child(1){margin-bottom: 0;}
section{padding: 3.75rem 0;}
.clear-both{clear: both;}
.bold{font-weight: 700;}
.regular{font-weight: 400;}
a, a:-webkit-any-link {color: inherit;}
a:hover{color: inherit;} 

/* a:focus, button:focus, input:focus, .btn:focus, select:focus, select:focus-within, input:focus-within, textarea:focus {outline: none; box-shadow: none!important; } */

a:focus, button:focus, input:focus, .btn:focus, select:focus, select:focus-within, input:focus-within, textarea:focus {  outline: 2px solid #007bff;

  border-radius: 4px;}

.form-check-input:focus{box-shadow: none;}
::selection {color: var(--white);background: var(--theme-color-dark);}
.bg-theme{background-color: var(--theme-color);}
/* .container{max-width: 1300px;} */
/* .container-xl{max-width: 1624px;} */
.link-cover{position: absolute; top: 0;left: 0; width: 100%; height: 100%; z-index: 1;}
.h-auto{height: auto!important;}
input{box-shadow: none!important;}
.secondary-font{font-family: var(--secondary-font);}
.text-white{color:var(--white)}
.text-theme{color: var(--theme-color)!important;}
.text-secondary{color:var(--secondary-color-text)!important;}
.uppercase{text-transform: uppercase;}
.bg-theme{background-color: var(--theme-color); color: var(--white);}
.bg1{background-color: var(--theme-color-dark); color: var(--white);}
.muted{opacity: 0.85;}
.bg-transparent {background-color: transparent;}
/* global end */

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}

/* Firefox */
input[type=number] {-moz-appearance: textfield;}

/* buttons */
.btn-underline { font-size: 1.063rem; font-weight: 700; position: relative; }
.btn-underline:before { content: ""; height: 2px; position: absolute; bottom: 0; width: 100%; background-color: var(--theme-color); }
.btn svg { width: 1.063rem; margin-left: 0.875rem; }
/* .btn { background-color: #fff; display: inline-flex; align-items: center; font-size: 1rem; font-weight: 700; border-radius: 12px; padding: 0.813rem 1.125rem; } */
.btn { background-color: var(--secondary-color); border-radius: 0; padding: 0.4rem 1.5rem 0.5rem; line-height: 1.3; font-size: 1.313rem; font-weight: 600; color: var(--white); border: 2px solid transparent; transition: all ease 0.5s; }
.btn:hover{background-color: var(--secondary-color-alpha1); color: var(--white);}
.btn-theme { background-color: var(--theme-color); color: var(--white)!important; }
.btn-theme:hover { background-color: var(--theme-dark); color: var(--white); }
.btn-outline { border: 2px solid; background-color: var(--white); }
.btn-lg { padding: 0.813rem 1.8rem; font-size: 1.2rem; }
.btn-outline:hover {background-color: var(--theme-color)!important; color: var(--white); border-color: transparent;}
.btn:disabled { pointer-events: all; cursor: no-drop; background-color: var(--mdm-grey); color: var(--white); }
.btn-outline.btn-theme{color: var(--theme-color); border-color: var(--theme-color);}
.btn-outline.btn-theme:hover{color: var(--white);}

.btn-secondary { background-color: var(--secondary-color); color: var(--black); }
.btn-secondary:hover {color: var(--black); }

.btn-designed { position: relative; font-weight: 600;}
.btn-designed:after { content: "\f178"; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-left: 1rem; transition: all ease 0.5s; position: relative; display: inline-block;}

.btn-designed:before { content: ""; position: absolute; width: 2.5rem; height: 2.5rem; background-color: var(--secondary-color-alpha2); border-radius: 50%; right: -1.35rem; top: calc(50% - 1px); transform: translate(0, -50%); z-index: 0; transition: all ease 0.5s;}
.des-line { position: absolute; left: 0; bottom: 0; transition: all ease 0.5s; width: 0; height: 1px; background-color: var(--secondary-color-alpha1); }
.btn-designed:hover .des-line{width: calc(100% - 2rem);}
.btn-designed:hover:before { transform: translate(0.15rem, -50%); }
.btn-designed:hover:after{transform: translateX(-0.15rem);}

.btn-white.btn-outline{background-color: transparent; color: var(--white)!important;} 
/* buttons end */

/* header */
.header-wrap { padding: 0.5rem 1rem; display: flex; justify-content: space-between; }
.header-right { display: flex; align-items: center; }
.header-nav { display: flex; list-style: none; padding: 0; }
.header-nav a { padding: 0.5rem 0; margin: 0 1rem; position: relative; transition: all ease 0.5s; }
.header-nav li:last-child {     margin-right: 30px; }
/* header end */

/* banner */
.banner-bg { width: 100%; }
.banner { position: relative; overflow: hidden;}
.baneer-wrapper { position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); }
.banner-content { max-width: 55.813rem; margin: 0 auto; text-align: center; }
.banner-content .heading-xl { font-size: 4.688rem; line-height: 1; text-shadow: 0 3px 5px #00000045; margin-bottom: 1.2rem; }
.banner-content .heading-sm3 { line-height: 1.3; text-shadow: 0 3px 5px #00000045; }
/* banner end */

.welcome-sec { background-color: var(--theme-bg); }
.welcome-sec .heading-xl { line-height: 1; margin-bottom: 2rem; }
.welcome-sec .heading4 {  opacity: 0.84; line-height: 1.4; }
.our-principles { background-image: url(../images/pcp-bg.png); background-size: cover; background-position: center; background-attachment: fixed;}
.pcp-card { background-color: var(--bg-card); padding: 2.5rem 3rem; height: 100%; }
.pcp-card img { margin-bottom: 1rem;  }


/* footer */
footer { padding: 3rem 0; background-color: var(--theme-bg);}
.footer-links { padding: 0; list-style: none; column-count: 2; }
.contact-box .heading4 { margin: 0.5rem 0; opacity: 0.5; }
.contact-box .heading-xl { line-height: 1; margin-bottom: 1rem; opacity: 0.87; }

.contact-box .para-md { line-height: 1.4; }
.footer-links { padding-right: 1rem; }

.ftr-right-list { padding: 0; list-style: none; text-align: right; margin-bottom: 1rem;}
.grid-social { padding: 0; list-style: none; display: flex; width: 4.438rem; margin-left: auto; flex-wrap: wrap; }
.grid-social li a {display: grid;place-items: center;color: var(--white);position: relative;padding: 0.5rem;will-change: transform;image-rendering: -webkit-optimize-contrast;-webkit-font-smoothing: subpixel-antialiased;backface-visibility: hidden;transform: perspective(1px) translateZ(0);perspective: 134px;}
.grid-social li { width: 50%; }
/* footer end */

header { position: fixed; top: 0; left: 0; width: 100%; z-index: 2; background-color: var(--white); transition: all ease 0.5s; }
body { padding-top: 5.5rem; }

.header-nav a:before { content: ""; position: absolute; left: 0; width: 0; height: 1px; background-color: var(--theme-color); bottom: 0.5rem; transition: all ease 0.5s; }
.header-nav a:hover::before{width: 100%;}
.footer-links a, .ftr-right-list a { transition: all ease 0.5s; position: relative;}
.footer-links a { margin-left: -1rem; transform: translateX(1rem); }
.footer-links a:hover { padding-left: 1rem; }
.footer-links a:before , .ftr-right-list a:before{ content: ""; width: 0; height: 2px; position: absolute; left: 0; background-color: var(--theme-color); top: 50%; transition: all ease 0.5s; }
.footer-links a:hover::before, .ftr-right-list a:hover::before{width: 0.7rem;}
.contact-box .heading-xl { position: relative; }
.contact-box .heading-xl:before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: 0; height: 1px; background-color: var(--theme-color); bottom: 0; transition: all ease 0.5s; }
.contact-box .heading-xl:hover:before{width: 100%;}

.ftr-right-list a{ margin-right: -1rem; transform: translateX(-1rem); }
.ftr-right-list a:hover { padding-right: 1rem; }
.ftr-right-list a:before{left: auto; right: 0;}
.contact-box .para-md a:hover { color: var(--theme-color); }
.grid-social li a:hover{transform: scale(1.1) perspective(1px) translateZ(0);z-index: 1;}
.main-logo img { height: 4.5rem; transition: all ease 0.5s; image-rendering: -webkit-optimize-contrast; }
.sml-header .main-logo img { height: 3.7rem;}
.sml-header { box-shadow: 0 5px 12px #00000045; }
.scrolling-down { transform: translateY(-100%); box-shadow: 0 5px 12px #00000017; pointer-events: none;}
.scrolling-down .sub-menu, .scrolling-down .sub-menu * {pointer-events: none!important;}


.sub-menu { position: absolute; background-color: var(--white); list-style: none; padding: 0.7rem 0; width: 12rem; top: calc(100% + 0.95rem); left: 50%; transform: translateX(-50%) translateY(7rem); box-shadow: -1px 1px 9px #0000007a; transition: all ease 0.5s; opacity: 0; pointer-events: none; }
.has-dropdown { position: relative; }
.sub-menu:before { content: ""; position: absolute; border: 13px solid transparent; border-bottom-color: var(--white); display: flex; width: 0; bottom: 100%; left: 50%; transform: translateX(-50%); filter: drop-shadow(0 0 3px #0000007a); }
.sub-menu:after { content: ""; width: 100%; height: 1.4rem; background-color: #000; position: absolute; bottom: 100%; opacity: 0; }
.sub-menu li a { padding: 0.2rem 0; font-size: 1.15rem; }
.sub-menu>li:nth-child(1):before { content: ""; position: absolute; left: 0; width: 100%; height: 0.6rem; background-color: var(--white); top: 0; }
.has-dropdown a:hover .sub-menu { transform: translate(-50%, 0); opacity: 1; pointer-events: all; }
.sub-menu li a:before { bottom: auto; top: 50%; }
.sub-menu li a:hover { padding-left: 1rem; }
.sub-menu li a:hover:before {width: 0.7rem;}
.has-dropdown>a:after { content: "\f078"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; transition: all ease 0.5s; font-size: 0.8rem; margin-left: 0.4rem; margin-bottom: -0.21rem; }
.has-dropdown:hover .sub-menu{opacity: 1; pointer-events: all; transform: translateX(-50%) translateY(0);}
.has-dropdown:focus-within .sub-menu {
  opacity: 1;
  pointer-events: all;
  transform: translateX(-50%) translateY(0);
}
.has-dropdown:hover>a:after{transform: rotate(180deg);}

.inner-banner {background-image: url(../images/about-banner.jpg); background-size: cover; background-position: center;}
.inner-banner .heading-xl { text-transform: uppercase; }
.invest-universe .heading4 { text-align: center; max-width: 64rem; margin: auto; margin-bottom: 1.5rem; opacity: 0.85; }
.invest-universe { background-color: var(--theme-bg); }
.inv-universe-box { display: flex; margin: 3rem 0; }
.iuv-left { padding-right: 6rem;     margin-right: auto;}
.iuv-left .para-lg { margin-bottom: 1rem; }
.theme-list { padding: 0; list-style: none; }
.inv-universe-box .iuv-left, .inv-universe-box .iuv-right  { width: 50%;}


.theme-list>li:before { content: ""; position: absolute; left: 0; top: 0.4rem; width: 1.313rem; height: 1.313rem; background-image: url(../images/list-design.png); background-size: contain;}

#whatIsvec .theme-list>li:before {content: ""; position: absolute; left: 0; top: 12px; width: 20px; height: 21px; background-image: url(../images/list-design.png); background-size: contain; background-repeat: no-repeat;}

.iuv-right img { max-width: 100%; }

.theme-list>li { position: relative; padding-left: 2.1rem; margin-bottom: 0.4rem; color: var(--heading-grey); }
.inv-universe-box+.para-lg1 { opacity: 0.82; line-height: 1.4; }
.business-step { padding: 0; list-style: none; display: flex; margin-top: 3rem; justify-content: space-between;}

.business-step>li { width: calc(33.33% - 1.5rem); background-color: var(--fade); position: relative; }
.business-step>li>span { display: block; padding: 1rem; }
.sp-img { text-align: center; padding: 2rem; border-bottom: 1px solid var(--fade); }
.sp-content { padding: 2rem 1.2rem; }
.join-circle { position: absolute; width: 3.563rem; height: 3.563rem; top: 10.74rem; left: -3rem; background-color: var(--theme-color); border-radius: 50%; z-index: 1; }
.join-circle img { position: absolute; top: 50%; left: -11px; transform: translate(-50%, -50%); will-change: position;}
/* .small-arrow { transform: translate(-19%, -50%)!important; } */
.big-arrow{animation: arrowmove 2s ease-in-out infinite; animation-delay: 0.2s;}
.small-arrow{animation: arrowmove 2s ease-in-out infinite; }

.business-step>li:nth-child(odd) .join-circle .small-arrow {
  animation-delay: 1.5s;
}

.business-step>li:nth-child(odd) .join-circle .big-arrow {
  animation-delay: 1.7s;
}
/* 
@keyframes arrowmove {
  0%   {left: -0.3rem; opacity: 0;}
  50%   {left: 1.6rem; opacity: 1;}
  100% {left: 2.3rem; opacity: 0;}
} */
@keyframes arrowmove {
  0%   {transform:translate(-0.3rem, -50%); opacity: 0;}
  50%   {transform:translate(1.6rem, -50%); opacity: 1;}
  100% {transform:translate(2.3rem, -50%); opacity: 0;}
}
.header-nav>li>a.active { color: var(--theme-color); }
.abt-detail {  }
.abt-principle .heading4 {line-height: 1.3;}

.team-avtar { width: 16.125rem; height: 16.125rem; padding: 1.125rem; border-radius: 50%; margin-right: 2rem; margin-bottom: -6rem; background-color: var(--white); }
.team-upper { display: flex; align-items: flex-end; position: relative; background-color: var(--theme-bg); padding: 2rem 0; margin-bottom: 2rem; }
.team-social { margin-left: auto; display: flex; list-style: none; color: var(--white); padding: 0; }
.team-social a { width: 2.438rem; height: 2.438rem; margin: 0 0.3rem; display: grid; place-items: center; border-radius: 50%; }
.team-upper:before { content: ""; position: absolute; left: 50%; top: 0; width: 300vw; height: 100%; background-color: var(--theme-bg); transform: translateX(-50%); z-index: -1; }
.team-sec { overflow: hidden; }
.team-content>.para-lg1 { column-count: 2; gap: 2rem; opacity: 0.9; line-height: 1.35; }
.team-box+.team-box {margin-top: 5rem;}
.team-box:nth-child(even) .team-upper {background-color: var(--theme-bg1);}
.team-box:nth-child(even) .team-upper:before { background-color: var(--theme-bg1); }
.team-main .heading-lg { margin-bottom: 0; }
.team-social a:hover {transform: scale(1.1);}
.bg_light_green {background-color: #f5fdfa; }
.contact_left {  background-color: #fffbea;}
.contact_right {  background-color: #f2f0ff;}
.contact_right, .contact_left { padding: 25px;height: 100%; }
.contact_right .form-group { padding-bottom: 1rem; }
.contact_right .form-control:not(textarea) { height: 45px; }
.contact_right .btn { background-color: var(--theme-color)!important; color: #fff;}
.contact_left p { line-height: 1.2; }
.vision_area .bg_dark {padding: 3rem;height: 100%; background: #f5fdfa;  }
.vision_area .bg_dark1 {padding: 3rem;height: 100%; background: #e3ede9; }
.common_popup { background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999;  }
.common_popup .popup_inner {height: 100%; width: 100%; display: flex; align-items: center; justify-content: center;}
.common_popup .popup_inner .popup_content {max-width: 645px; background: #f2f0ff;  box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.25); position: relative;
border-radius: 6px;     line-height: 1.2;}
.common_popup .popup_inner .popup_content .heading-sm3 { margin-bottom: 20px; font-size: 2rem; }
.common_popup .popup_inner .popup_content p {font-size: 20px; }
.common_popup .popup_inner .popup_content a {     padding: 10px 50px; }
.close_popup  {height: 35px; width: 35px;display: grid;
  place-content: center; float: right;position: absolute;     border-radius: 50px;    right: -15px;
  top: -12px; cursor: pointer; background-color: var(--theme-color);}
  .mb5 { margin-bottom: 5px;}
.privacy_page .para-lg3 { color: var(--text-color);     opacity: 0.84; }
.error {color: red; }
.common_popup .popup_inner .popup_content .para-lg3 {font-size: 1.5rem;margin-bottom: 10px; }
.mb10 { margin-bottom: 10px; }
.popup_content_box { margin-bottom: 15px; }
.list_style { list-style: none; }
.list_style > li { margin-bottom: 8px; font-size: 1.125rem;}
.list_style > li ul li { margin-bottom: 8px; }  
.list_style > li:before {height: 8px; width: 8px; background-color: #1e1f25; margin-right: 6px; content: ''; border-radius: 30px; display: inline-block;  }
.common_popup li > .para-md {display: inline-block; }
.ml20 { margin-left: 20px; }
.popup_content_inner {    max-height: 63vh;
  overflow: auto;
  padding: 25px 30px; }

  /* width */
  .popup_content ::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.popup_content ::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.popup_content ::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.popup_content ::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.accessibility_bar { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; background: #222; padding: 0 15px; display: flex ; gap: 10px; align-items: center; border-bottom: 1px solid #ddd; }