
/* 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-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 */




/* about page start */
.inner-banner{background-image: url(../images/about-banner.jpg); background-size: cover;background-position: center;}
.inner-banner .banner-content{padding:  3.438rem 0;text-shadow: none;text-transform: uppercase;}
.inner-banner .heading-xl{font-size: 3.438rem;margin-bottom: 0;}
.about-page{background-color: #f5fdfa;}
.about-page .welcome-left{flex-basis:50%;padding-right:3rem; ;}
.about-page .welcome-right{flex-basis: 50%;padding-left: 3rem;}
.about-page .about-sec p{opacity: 0.84; line-height: 1.4;}
.abt-detail p{opacity: 0.84;}
.what-sec .what-cont{flex-basis: 60%;padding-right: 6rem;}
.what-sec .what-img{flex-basis: 40%;text-align: right;}
.objective-sec .objective-cont{flex-basis: 60%;padding-left: 6rem;}
.objective-sec .objective-img{flex-basis: 40%;}
.abt-principle{background-image: url(../images/abtpcp-bg.png); background-size: cover; background-position: center; background-attachment: fixed;}
.abt-principle .pcp-card{background: none!important;color: #fff;display: flex;}
.gap-sec .heading4{gap: 3.6rem;}
.opportunity-sec ul{opacity: 0.84;list-style: none;padding: 0;}
.opportunity-sec ul li{margin-bottom: 10px;position: relative;padding-left:35px ;}
.opportunity-sec ul li:before{content: url(../images/arrow.png);position: absolute;left: 0;top: 5px;}
.stock-sec .stock-cont{flex-basis: 60%; padding-right: 15px;}
.stock-sec .stock-img{flex-basis: 40%;text-align: right;  /*padding-left: 15px;*/}
.growth-sec .growth-cont{padding-left: 2rem; margin-right: auto;}
/* .growth-sec .growth-img{flex-basis: 40%;} */
.pro-detail p{opacity: 0.84;}
.pro-detail .pro-left{flex-basis: 70%; padding-right: 7.25rem;}
.pro-detail  .pro-right{flex-basis: 30%;}
.pro-detail .box{padding: 30px;background: #fffbea;    max-width: 35%;
  margin-top: 25px;border: 1px solid #e7dfbf;}
.pro-detail .box p{display: flex;margin-bottom: 0;}
.pro-detail .box p span{width: 85px;font-weight: 600;padding-right: 15px;font-size: 1.125rem;}
.pro-detail .box p  strong{line-height: 2;font-size: 1rem;}
.pro-detail .pro-ssec .box{background: #fcefef;border: 1px solid #ecbfbf;}
.pro-detail table { max-width: 35%;  }
.pro-detail .box p:first-child{ align-items:center;}










