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

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

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

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

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

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

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


 

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  html{
		font-size:calc(100vw * 16/1920);	
		scroll-behavior: smooth;
	}
html{ scroll-padding-top: 1rem;scroll-behavior: smooth;}
body {font-family: 'Hanken Grotesk Regular';font-size: 1.5rem; line-height: 2.5rem;color: #4B4B4B;    overflow-x: hidden !important;
}
.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450;
	color: #000;
}
.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle, .btn-check:focus+.btn-primary, .btn-primary:focus
 {background: url(../images/more.png) no-repeat right center;color: #00272E; border: none;
}
.btn-check:focus+.btn-primary, .btn-primary:focus{box-shadow: none;}
:focus{outline: 0px !important;}
::-webkit-input-placeholder{
    color: #7D7D7D; 
    font-size: 1.25rem; line-height: 2rem;
  }
:-ms-input-placeholder{
  color: #7D7D7D; 
    font-size: 1.25rem; line-height: 2rem; 
  }
::placeholder {
   color: #7D7D7D; 
    font-size: 1.25rem; line-height: 2rem;
  }
span.wpcf7-not-valid-tip {
    position: absolute;
    font-size: 1rem;
     background: #ffedde;
    padding-right: 1.5rem;
}
.wpcf7-response-output{display: none !important;}
p {
   font-size: 1.5rem; line-height: 2.5rem;
    -webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;margin-bottom: 2.5rem;
}
h1, h2, h3, h4, .h1, .h2, .h3, .h4, .heading {

    font-size: 2.5rem;
    line-height: 3.5rem;
    margin-bottom: 1rem;
   font-family: 'Hanken Grotesk Medium';
    color: #104581;  text-transform: uppercase;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.subheading{ font-size: 1.75rem;
    line-height: 2.5rem; text-transform: uppercase;
    margin-bottom: 0.5rem;font-family: 'Hanken Grotesk Medium'; color: #104581;}
a {
	color: #B71F24;
	text-decoration: none;-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.hovImg{overflow: hidden;}
.hovImg  img{-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}

.hovImg:hover img{transform: scale(1.05);}
a:hover{color: #FBA900;}

.btn {
    text-align: center;
    font-size: 1.25rem;
    line-height: 2rem;
    padding:0.5rem 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    border-radius: 0rem; 
   font-family: 'Hanken Grotesk SemiBold';
}
.btn-primary {
     border: 1px solid #104581;
    color: #fff; 
    background:#104581;
    
}
.btn-primary:hover{border: 1px solid #104581;color: #104581;background: transparent; }
.btn-secondary{color: #104581; background: #FFFFFF;border: 1px solid #fff;}
.btn-secondary:hover{ border: 1px solid #104581;
    color: #fff; 
    background:#104581;}
img {
	max-width: 100%;
}
.hovImg  img{-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}

.hovImg:hover img{transform: scale(1.05);}

ul{list-style: none; margin: 0px; padding: 0px;}
section {
    display: block;
    width: 100%;
}
/*********************************************************/
.mainmenu {
    display: flex;
    align-items: center;
    justify-content: center;
}
#mainmenu,
#mainmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#mainmenu li {
  position: relative;
}

#mainmenu ul {
    display: none;
    position: absolute;
    top: 43%;
    left: 100%;
    min-width: 24rem;
    z-index: 999;
    padding-left: 6rem;
    text-align: left;
}

#mainmenu ul {
    display: none;
    position: absolute;
    top: 5.5rem;
    left: -25%;
    width: 20.75rem;
    padding:0rem;
    z-index: 999;
    text-align: left;
    background: #fff;display: inline-block;
}
#mainmenu ul li {
    padding:0rem 1.5rem;
}
#mainmenu ul li:hover{background-color:#104581;}

#mainmenu ul li:hover a{color:#fff; border-color:#104581 ; background: url(../images/menu-w.png) no-repeat right 0.5rem top 1.57rem; background-size:1.25rem ;}
#mainmenu ul li:hover ul li a{color: #000; border-color:#E0E0E0 ; background: url(../images/menu-b.png) no-repeat right 0.5rem top 1.57rem; background-size:1.25rem ;}
#mainmenu ul li:hover ul li a:hover{color: #fff; border-color:#104581 ; background: url(../images/menu-w.png) no-repeat right 0.5rem top 1.57rem; background-size:1.25rem ;}
 #mainmenu ul li a{font-size: 1.25rem; line-height: normal; padding: 1.5rem 0rem;display: block;border-bottom: 1px solid #E0E0E0; background: url(../images/menu-b.png) no-repeat right 0.5rem top 1.57rem; background-size:1.25rem ;}
 #mainmenu ul li ul{left: 100%; top: 0rem;}
section.menuCvr {
    padding-left: 35rem;
    width: 100%;
    background: #000;
}
section.menuCvr {
    position: absolute;
    left: -100%;
    padding-left: 0rem;
    width: 100%;
    background: #000;
    height: 100%;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    bottom: 0%;
    -webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-ms-transition: all 0.7s;
	-o-transition: all 0.7s;
	transition: all 0.7s;    z-index: 12;
}
section.menuCvr.active{left: 0rem;  bottom: 0rem;height: 100%;}

ul.mainmenu li a { font-family: 'Hanken Grotesk Regular';
    font-size: 1.25rem;
    line-height: 2rem;color: #4B4B4B; padding: 3.44rem 1.5rem;
}
span.toggle-sub {
    background: url(../images/marro.png) no-repeat center;
    background-size: 1.125rem;
    width: 1.125rem;
    height: 1.125rem;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: -0.1rem;
    z-index: 1000;
    cursor: pointer;
    margin-top: -0.4rem;
}
ul.mainmenu li ul li a {
    font-size: 2rem;
    line-height: 2.5rem;
}
span.menubtn.menuicon {
    display: none;
}
/*************************************************************/
 
.container {
    max-width: 104.5rem; margin: 0px auto;
}
header {
	position: fixed;
	z-index: 111;
	width: 100%;
   
	left: 0px;
	top: 0px; 
     -webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s; 	 
    display: flex;
    align-items: center;
    justify-content: space-between;
   flex-direction: column;
    display: flex;align-items: center;justify-content: center; 
}
.headCnt {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: flex-end;
}

.headerbtm {
    
    width: 100%;
    height: 8.5rem;
    display: flex;
    align-items: center;
}
 
 .logoLeft{
    position: fixed;
	z-index: 112; text-align: center;
	width: 6.5rem;
    height: 100%;
	left: 0px;
	top: 0px;  background-color: rgb(0 0 0 / 45%);
    -webkit-backdrop-filter: blur(3.6500000953674316px);
    backdrop-filter: blur(6px); border-right: 0.5px solid #fff;padding-top: 1rem;
    text-align: center;
 }
.mobnumb{display: none;}
.logo {
    max-width: 16.375rem;
    display: inline-flex;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.menu {
    width: 100%;
    cursor: pointer;
    height: 100%;
    display: flex;justify-content: center;
}
 
header.aniPos {
 --tw-bg-opacity: .1;
  background-color: rgb(255 255 255 / 76%);
  -webkit-backdrop-filter: blur(3.65px);
  backdrop-filter: blur(6px);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15); /* small bottom shadow */
  
}
header.aniPos .headerbtm {
    width: 100%;
    height: 5.5rem;}
 
.logo img {
	max-width: 100%;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

span.wpcf7-spinner {
    position: absolute;
}
 /***************************************************************/
.bannersec{position: relative;}
.bannercnt {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.bannercnt {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center; justify-content: center;
}
.bannercnt.comsection .col-lg-8{text-align: center;}
.bannercnt .h1{font-size: 5rem;
    line-height: 6.5rem;
    color: #fff;font-family: 'Hanken Grotesk Light';
    text-align: center;}
.owl-dots {
    position: absolute;
    margin-top: 0px !important;
    bottom: -3rem;
    left: 0rem;
    width: 100%;
}
section.bannersec .owl-dots {
    position: absolute;
    bottom: 2rem;
    margin: 0px;
}
section.bannersec .owl-theme .owl-dots .owl-dot span {
    background: #FFFFFF !important;
    width: 0.5rem !important;
    transform: skew(0deg);
    height: 0.5rem !important;
    border-radius: 0rem !important;
    margin: 0rem !important;
    margin-right: 0.2rem !important;
}
section.bannersec .owl-theme .owl-dots .owl-dot.active span {
    background: #104581 !important;
    width: 2.25rem !important;
}
button.owl-dot{border: none;padding: 0px !important;background: none;margin: 0rem !important;}
.owl-theme .owl-dots .owl-dot span{background: #5792D6 !important ;width: 0.8rem !important; transform: skew(50deg); height:0.525rem !important; border-radius: 0rem !important; margin: 0rem !important; margin-right:0.5rem !important;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #104581 !important;width: 2rem !important;}
.sec1HmContent {
    text-align: center;
}
.menumob{display: none;}
section.bannersec{margin-top: 8.5rem;}
section.sec01Home {
    padding: 10rem 0rem;
}
.sec1HmContent p:last-child {margin-bottom: 0rem;}
.readmore {
    font-size: 1.25rem;
    line-height: 2rem;
    font-family: 'Hanken Grotesk SemiBold';
    color: #104581;
    padding-right: 1.5rem; background: url(../images/readmore.png) no-repeat right center; background-size: 1rem;display: inline-block;
}
.readmore:hover{color: #104581;}
.coursImg {
    position: relative;
    margin-bottom: 1.5rem;
}
.solutbottom p {
    color: #7D7D7D;
    font-size: 1.25rem;
    line-height: 2rem;
}
.solutbottom>a {
    min-height: 11.5rem;
    display: block;
}
.solutbottom p:last-child {
    margin-bottom: 1rem;
}
.coursesinHmCvr {
    background: #F6F6F6;    height: 100%;
}

.solutbottom {
    padding: 0rem 1.125rem 1.5rem 1.125rem;
}
.solutionList {
  
}
.coursImg:after {
    position: absolute;
    content: '';
    width: 10.375rem;
    height: 1.188rem;
    right: 0rem;
    top: 0rem; background: url(../images/solution-before.png) no-repeat right top; background-size: 100%;z-index: 1;
}
.coursImg:before {
    position: absolute;
    content: '';
    width: 10.375rem;
    height: 1.188rem;
    left: 0rem;
    bottom: 0rem; background: url(../images/solution-after.png) no-repeat left top; background-size: 100%;z-index: 1;
}
.projectsImg{position: relative;}
.projectsImg:before {
    position: absolute;
    content: '';
    width: 10.375rem;
    height: 1.188rem;
    left: 0rem;
    top: 0rem; background: url(../images/project-before.png) no-repeat left top; background-size: 100%;z-index: 1;
}
.projectmnCvr {
    margin-bottom: 5rem;
    background: #F6F6F6;
    border-right: 1rem solid #5792D6;
}
.projRight {
    padding-left: 3rem;
    padding-right: 11rem;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}
.projRight ul {
    margin-top: 0.5rem;
}
section.sec02Home {
    padding-bottom: 10rem;
}
.projRight ul li{margin-bottom: 0.5rem;}
.projRight ul li span{font-size: 1.25rem; line-height: 2rem; color: #7D7D7D;}
.projRight ul li:last-child{margin-bottom: 1rem;}
.projectmnCvr:nth-child(2n) .row{flex-direction: row-reverse;}
.projectmnCvr:nth-child(2n){
    border-left: 1rem solid #5792D6; border-right: 0rem;
}
.projectmnCvr:nth-child(2n) .projRight {
    padding-left: 4.5rem;}
.projectmnCvr:nth-child(2n)  .projectsImg:before {
      left: auto;
    right:0rem;
    top: 0rem; background: url(../images/projectafter.png) no-repeat left top; background-size: 100%;z-index: 1;
}
.projectmnCvr:last-child{margin-bottom: 0rem;}
footer {
    background: #011A36;
    padding: 5rem 0rem 0rem;
}
.footHead {
    color: #7D7D7D;
    font-family: 'Hanken Grotesk SemiBold';
    font-size: 1.25rem;
    line-height: 2rem;    margin-bottom: 1.25rem;
}
ul.ftmenuList li{margin-bottom: 1rem;}
ul.ftmenuList li a {
    color: #fff;
    font-family: 'Hanken Grotesk Regular';
    font-size: 1.25rem;
    line-height: 2rem;
}
ul.ftmenuList li a:hover {
    color: #5792d6;
}
.foottop p {
    color: #7D7D7D;
    font-size: 1.25rem;
    line-height: 2rem;
}
.foottop .logo {
    margin-bottom: 1.5rem;
}

.foottop {
    padding-right: 3rem;
}
ul.social li span {
    font-size: 1.25rem;
    color: #fff;
    display: inline-block;
    margin-left: 1.25rem;
}
ul.social li {
    margin-bottom: 1rem;
}
.footaddres {
    background: url(../images/location.png) no-repeat left top 0.2rem;
    padding-left: 2.8rem;
    background-size: 2rem;margin-bottom: 1rem;
}
.footaddres p {
    font-size: 1.25rem;
    color: #fff;
    line-height: 2rem;
}
.footaddres p {
    margin-bottom: 0rem;
}

.footcall a,.footmail a,.footmob a{font-size: 1.25rem;
    color: #fff;
    line-height: 2rem;}
    .footmail{
     background: url(../images/mail.png) no-repeat left top 0.2rem;
    padding-left: 2.8rem;
    background-size: 2rem;margin-bottom: 1rem;
}
.footcall{ background: url(../images/call.png) no-repeat left top 0.2rem;
    padding-left: 2.8rem;
    background-size: 2rem;margin-bottom: 1rem;}

.footmob{ background: url(../images/mob.png) no-repeat left top 0.2rem;
    padding-left: 2.8rem;
    background-size: 2rem;}

    .copyRigt {
    margin-top: 5rem;
    text-align: center;
}

.copyRigt p {
    margin-bottom: 0rem;
    color: #7D7D7D;
    font-size: 1.25rem;
    line-height: 2rem;
}
.footbtLeft {
    padding: 1rem 0rem;
    border-top: 1px solid #7D7D7D;
}
section.innerpagebanner{
    margin-top: 8.5rem;position: relative;
}
.innerbannercnt {
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    z-index: 11;
}
.bannercontent h1 {
    color: #fff;
    font-family: 'Hanken Grotesk Light';
    font-size: 4rem;
    line-height: 6.5rem;
}
.bredCrumb ul {
    display: flex;
    align-items: center;
    justify-content: center;
}
.bredCrumb ul li a {
    font-size: 1.25rem;
    line-height: 2.5rem;
    color: #000;
    text-decoration: none;position: relative;
}
.bredCrumb ul li a:after{width: 100%; height: 1px; content: ''; position: absolute; bottom: 0rem; left: 0rem; background: #000;}
.bredCrumb ul li {
    font-size: 1.25rem;
    line-height: 2.5rem;
    color: #7A7A7A;
    padding: 0rem 0.313rem 0rem 1.875rem;position: relative;
}
.bredCrumb ul li:after {
    width: 0.375rem;
    height: 0.375rem;
    content: '';
    position: absolute;
    background: #000;
    left: 1rem;
    top: 1.07rem;
    border-radius: 5rem;
}
.bredCrumb ul li:first-child:after {
    display: none;
}
.bredCrumb ul li:last-child:after{background: #7A7A7A;}
section.innersect01{padding: 2rem 0rem 0rem;}
.taxocvr {  text-align: center; padding: 4rem 0rem 0rem;}
section.soluprod {
    padding-bottom: 10rem;
}


.innerTop{padding: 4rem 0rem 4rem;}
section.sec01solution {
    padding-bottom:10rem;
}
section.solutions-list,section.solutions-parent-list {
    padding-bottom: 8.5rem;
}
.solutiBxtop{text-align: center; margin-bottom: 2.5rem;}
section.solutionBotttom {
    padding-top: 10rem;
}
.soluListBox {
    position: relative;
}
.soluListBox:before {
    position: absolute;
    content: '';
    width: 10.375rem;
    height: 1.188rem;
    left: 0rem;
    top: 0rem; background: url(../images/solutitop.png) no-repeat left top; background-size: 100%;z-index: 1;
}
.soluListBox {
    position: relative;
    background: #fff;
    padding-top: 1.188rem;
}
.soluBoxCvr {
    background: #F6F6F6;
    padding: 1rem 1.125rem;
}
.solIcon {
    width: 3.5rem;
    height: 3.5rem;
    display: block;
    margin-bottom: 1.5rem;
}
.soluBoxCvr p {
    font-size: 1.25rem;
    line-height: 2rem;
    color: #7D7D7D; margin-bottom: 1rem;
}
a.download {
    font-size: 1.25rem;
    line-height: 2rem;
    color: #104581;
    font-family: 'Hanken Grotesk SemiBold';
    padding-right: 1.648rem; background: url(../images/download-icon.png) no-repeat right center; background-size: 1rem;
}
section.solutionBotttom {
    margin-bottom: 8.5rem;
}
.soluboxcol,.solucatCvr{margin-bottom: 1.5rem;}
.innerbanner img {
    width: 100% !important;
    height: auto !important;
}
.abtsec2Top {
    text-align: center;
}
.abtsec2lstCvr .row {
    justify-content: space-between;
}
.sec02List {
    text-align : center;
    width: 100%;
}
.list2Icon {
    width: 6.5rem;
    height: 6.5rem;
    display: inline-block;
    margin-bottom: 1rem;
}
.sec02List .subheading {
    font-size: 1.25rem;
    line-height: 2rem;
}
.abtdownloadCvr{
    background: #104581 url(../images/abtdownbg.png) no-repeat left 38% center;background-size: 40.625rem;    padding: 3rem 4.5rem;position: relative;
}
section.abtdownload h3 {
    color: #fff;
    line-height: normal; margin-bottom: 0rem;
}
section.abtdownload p {
    color: #fff;
    margin-bottom: 1rem;
}
section.abtdownload a.download {
    background-color: #fff;
    padding: 0.5rem 3.25rem 0.5rem 1.5rem;
    background-position: right 1.5rem center;
}
section.abtdownload a.download:hover {
    background-color: #FF5722;filter: invert(1) brightness(2)}
.abtdownloadCvr:after {
    position: absolute;
    content: '';
    width: 10.375rem;
    height: 1.188rem;
    right: 0rem;
    top: 0rem; background: url(../images/solution-before.png) no-repeat right top; background-size: 100%;z-index: 1;
}
.abtdownloadCvr:before {
    position: absolute;
    content: '';
    width: 10.375rem;
    height: 1.188rem;
    left: 0rem;
    bottom: 0rem; background: url(../images/solution-after.png) no-repeat left top; background-size: 100%;z-index: 1;
}
.abtsec1Right {
    padding-left: 3rem;
}
.abtsec1Right p:last-child{margin-bottom: 0rem;}
section.innerabtcnt {
    padding-top: 6rem;
}
.abtsec2lstCvr {
    margin-bottom: 10rem;
}
.testicnt {
    background: #F6F6F6 url(../images/testibg.png) no-repeat left bottom;
    padding: 2rem;min-height: 25rem;padding-top: 5.5rem;background-size: 30rem;
}

.testicnt p {
    font-size: 1.25rem;
    line-height: 2rem;
    color: #7D7D7D;
    margin-bottom: 1rem;
}

.testicnt p strong {
    font-size: 1.25rem;
    line-height: 2rem;
    font-family: 'Hanken Grotesk Medium';
    color: #000;
    font-weight: 500;
}

.testicnt p:last-child {
    margin-bottom: 0.625rem;
}
.testName {
    color: #104581;
    font-family: 'Hanken Grotesk Medium';
    text-transform: uppercase;
}
.testicnt:after {
    position: absolute;
    content: '';
    background: url(../images/column.png) no-repeat center; background-size: 100%;
    width: 2.5rem;
    height: 2.5rem;
    left: 2rem;
    top: 2rem;
}
button.owl-next span,button.owl-prev span {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: #104581;border-radius: 0rem !important;
}
.owl-nav button {
    padding: 0rem !important;
    border: none;overflow: hidden;
}
button.owl-next span, button.owl-prev span {
    text-indent: -180px;
}
button.owl-next span{background-image: url(../images/next.png); background-repeat:no-repeat; background-position: center; background-size: 0.5rem;}
button.owl-prev span{background-image: url(../images/prev.png); background-repeat:no-repeat;background-position: center; background-size: 0.5rem;}
.owl-theme .owl-nav [class*=owl-]{border-radius: 0rem !important;}
.testimoCvr .owl-nav {
    position: absolute;
    top:-3.7rem !important;
    right: 0rem;
    margin-top: -0.4rem !important;
}
section.testimonials {
    padding: 10rem 0rem;
}
button.owl-next span:hover, button.owl-prev span:hover{background-color: #5792D6;}
.teamname {
    text-transform: uppercase;
    color: #104581;
    font-family: 'Hanken Grotesk Medium';
    margin-top: 1rem;
}
.teamdesig {
    font-family: 'Hanken Grotesk Medium';
    color: #000;
    font-size: 1.25rem;
}
.teamsec h3{text-align: center;}
.teamphoto {
    position: relative;
}
.teamphoto:after {
    position: absolute;
    content: '';
    width: 10.375rem;
    height: 1.188rem;
    right: 0rem;
    top: 0rem; background: url(../images/team-before.png) no-repeat right top; background-size: 100%;z-index: 1;
}
.teamphoto:before {
    position: absolute;
    content: '';
    width: 10.375rem;
    height: 1.188rem;
    left: 0rem;
    bottom: -1px; background: url(../images/team-after.png) no-repeat left top; background-size: 100%;z-index: 1;
}
section.teamsec {
    padding-bottom: 10rem;
}
section.formsec{background-repeat: no-repeat;background-position: center; background-size: cover;padding: 2.5rem 0rem;}
.formsecCvr {
    --tw-bg-opacity: .1;
    background-color: rgb(0 0 0 / 45%);
    -webkit-backdrop-filter: blur(3.65px);
    backdrop-filter: blur(6px);
    border:1px solid #595858;padding: 3rem 4.375rem;
}
.inputfield,.texareatfield {
    width: 100%;
    height: 3.5rem;
    background: #fff;border: none; padding-left: 1.25rem;
}
.texareatfield {
    height: 13.5rem;
    padding-top: 0.7rem;
}
.abtfrm ul li p {
    margin-bottom: 1.5rem;
}
.formsecCvr h3,.formsecCvr p {
    color: #FFFFFF;
}
.formsecCvr {}

.formsecCvr .col-lg-12 p {
    margin-bottom: 0rem;
    text-align: center;
}
.accordion-item{margin-bottom: 1rem;}
.accordion-item,.accordion-item .accordion-button{
    background-color: #F6F6F6; border: none !important;}


.accordion-item:nth-child(2n),.accordion-item:nth-child(2n) .accordion-button {
    background-color: #fff;
}
.accordion-button:not(.collapsed) {
    background: initial;
}
.accordion-button {
    font-size: 1.5rem;
    color: #000 !important;
    font-family: 'Hanken Grotesk SemiBold'; border: none !important;    padding: 1rem 2rem;

}
.accordion-body p {
    color: #4B4B4B;
}

.accordion-body p:last-child {margin-bottom: 0px;}
.accordion-button:not(.collapsed) {
 
    box-shadow: inset 0 0px 0 rgb(0 0 0 / 0%);
}
.accordion-button:after{width:2rem; height: 2rem; display: flex; align-items: center; justify-content: center; background-color:#5792D6;background-position: center; background-image: url(../images/up.png) !important;}
.accordion-button:not(.collapsed)::after{background-color:#104581;}
section.sec013 {
    padding: 10rem 0rem;
}
section.sec013 h3{
   text-align: center;
}
.projectslist.prpg {
    padding-bottom: 10rem;
}
.formin ul p {
    margin-bottom: 0rem;
}
.formin ul li{margin-bottom: 2rem;}
.formin ul li span {
    display: flex;
    font-size: 1.25rem;
    line-height: 2rem;
    color: #4B4B4B; margin-bottom: 0.5rem;
}
.input_field,textarea.wpcf7-textarea {
    width: 100%;
    height: 3.5rem;
    border: none;
    background: #F6F6F6;
    padding: 0rem 1rem;
}
textarea.wpcf7-textarea {height:13.5rem;padding-top: 1rem;}

.phn select.input_field {
    width: 5.5rem;
    padding-right: 0rem;
    position: relative;color: #7D7D7D;
}
.phn span.wpcf7-form-control-wrap{position: relative;}
.phn span.wpcf7-form-control-wrap:first-child {
   width: 6rem;background: #f6f6f6;
}
.phn span.wpcf7-form-control-wrap:first-child:after {
    content: '';
    position: absolute;
    height: 2.25rem;
    width: 1px;
    background: #7D7D7D;
    right: 0rem;
    top: 0.6rem;
}
.phn span.wpcf7-form-control-wrap:last-child {
    width: 28rem;
}
.btnlast{text-align: right;}
.phn>p {
    display: flex;
}
 
.contactRight {
    background: #011A36;
    max-width: 29.5rem;
    margin-left: auto;
    position: relative;padding: 2.5rem;
}
 
.contactRight li {
    background: #032E5E;
    margin-bottom: 1rem;
    padding: 1.5rem 1.5rem 1.5rem 5rem;
}
.contactRight  li.cntico.phn {
    background-image: url(../images/call.png);
    background-repeat: no-repeat;
    background-position: left 1.5rem top 1.8rem;
    background-size: 2rem;
}
.contactRight li span {
    color: #E4E4E4;
    display: block;font-size: 1.25rem;
}
.contactRight li a {
    display: block;
    color: #fff;
    font-size: 1.25rem;
    font-family: 'Hanken Grotesk SemiBold';
    line-height: 2rem;
}
.contactRight li.cntico.maiil{ background-image: url(../images/mail.png);
    background-repeat: no-repeat;
    background-position: left 1.5rem top 1.8rem;
    background-size: 2rem;}
.contactRight li.cntico.adrsicon{ color: #fff; background-image: url(../images/location.png);
    font-size: 1.25rem;
    font-family: 'Hanken Grotesk SemiBold';
    line-height: 2rem; background-repeat: no-repeat;background-position: left 1.5rem top 1.6rem;
    background-size: 2rem;    padding-right: 3rem;}
.contactRight h3 {
    font-size: 1.75rem;
    line-height: 2.5rem;
    color: #fff;
    font-family: 'Hanken Grotesk Medium';
    margin-bottom: 1rem;
}
.contactRight:after {
    position: absolute;
    content: '';
    width: 10.375rem;
    height: 1.188rem;
    right: 0rem;
    top: 0rem; background: url(../images/cntbefore.png) no-repeat right top; background-size: 100%;z-index: 1;
}
.contactRight:before {
    position: absolute;
    content: '';
    width: 10.375rem;
    height: 1.188rem;
    left: 0rem;
    bottom: 0rem; background: url(../images/cntafter.png) no-repeat left top; background-size: 100%;z-index: 1;
}
section.contactsec02 {
    padding: 4rem 0rem 10rem 0rem;
}
.homsep1{margin-bottom: 2.5rem;}
.coursImg img{width: 100%;}

li.menu-item.current-menu-item a {
    color: #104581;
    font-family: 'Hanken Grotesk SemiBold';
}


.subheading small {
    display: block;
    font-size: 1rem;
    line-height: 1rem;
}

body#cat-13 section.solutions-parent-list {
    display: none;
}
/*******************************************************************/
 
/********************************inner*******************************/ 
@media all and (max-width:1537px) {
 
/********************************************************************/
}
 @media all and (max-width:1445px) {
     
      
/*******************************************************************/
}
@media all and (max-width:1367px) { 
}
     
@media all and (max-width:1282px) {
} 

@media all and (max-width:992px) {
    html{
		font-size:calc(100vw * 16/768);	
		scroll-behavior: smooth;
}   
 .headCnt {
    display: none !important;
}
.headerbtm{height: 5rem;}
section.bannersec {
    margin-top: 5rem;
}
    .bannercnt .h1 {
        font-size: 2rem;
        line-height: 2.5rem;
        margin-bottom: 1rem;
    }
section.sec01Home {
    padding: 3rem 0rem;
}
h1, h2, h3, h4, .h1, .h2, .h3, .h4, .heading {
    font-size: 1.75rem;
    line-height: 3rem;}
    p, body {
        font-size: 1.1rem;
        line-height: 2rem;
    }
    p{margin-bottom: 1.2rem;}
    .crsCvr {
    margin-bottom: 1rem;
}
.btn {
    text-align: center;
    font-size: 1.15rem;
    line-height: 1.6rem;}
.logo {
    max-width: 12.938rem;}
    span.menubtn.menuicon {
    display: block;
}
.headerbtm .col-lg-3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
span.menubtn.menuicon .cls {
    display: none;
}
span.menubtn.close img.plss {
    display: none;
}
.menu {
        position: fixed;
        width: 100%;
        left: -100%;
        z-index: 11;
        background: #011A36;
        top: 0rem;
        height: 100vh;
        max-width: 50%;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    }
    .menu.active {
    left: 0rem;
}
span.menubtn {
        display: block;
        width: 2.5rem;
        height: 2.5rem;
    }
.menu ul li {
    width: 100%;
    display: block;padding: 0rem 1rem !important;
}
.menu ul li a{padding: 0.6rem 0rem; display: block; border-bottom:1px solid #ffffff30; color: #fff;}
.menu ul {
    display: block;width: 100%;
}
    span.toggle-sub {
        background: url(../images/plus.png) no-repeat center;
        background-size:10px;
        width: 1.2rem;
        height: 1.2rem;
        display: inline-block;
        position: absolute;
        top: 1.3rem;
        right: 1rem;
        z-index: 1000;
        cursor: pointer;
        border: 1px solid #fff;
    }
      span.toggle-sub.close {
        background: url(../images/minus-m.png) no-repeat center;
        background-size:10px;}
#mainmenu ul {
    display: none;
    position: inherit;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0rem;
    z-index: 999;
    text-align: left;
    background: #001833;
    display: inline-block;
}
ul.mainmenu li a{font-size: 1.2rem;}
#mainmenu ul li a {
    font-size: 1rem;
    line-height: normal;
    padding: 0.8rem 0rem;
    display: block;color: #fff;
    border-bottom: 1px solid #252424;
    background: url(../images/menu-b.png) no-repeat right 0.5rem top 1.57rem;
    background-size: 1.25rem;
}
#mainmenu ul li ul {
    left: 0rem;
    top: 0rem;
}
#mainmenu ul li a{background: none !important;}
#mainmenu ul li:hover {
    background-color: #151515;
}
#mainmenu ul li:hover ul li a{color: #fff;}
#mainmenu ul li:hover a{border-color:#ffffff30 ;}
#mainmenu ul li:hover ul li a{border-color:#ffffff30 ;}
.subheading {
    font-size: 1.5rem;
    line-height: 2rem;}
 
.projRight {
    padding-left: 0rem;
    padding-right: 0rem;}
    .projRight ul li span {
    font-size: 1rem;
    line-height: 1.5rem;}
    .solutbottom {
    text-align: center;
}
.projectmnCvr{border-right: 0rem;}
.projRight {
    text-align: center;
    align-items: center; padding: 1rem;
}
.projectmnCvr {
    margin-bottom: 1.5rem;}
    .projectmnCvr:nth-child(2n){border-left: 0rem;}
    section.sec02Home {
    padding-bottom: 3rem;
}
.sec2HmContent {
    text-align: center;
}
footer.comsection {
    padding: 3rem 0rem 0rem;
    text-align: center;
}
.footaddres,.footmail,.footcall,.footmob{padding-left: 0rem; padding-top: 2.5rem; background-position: top center;}
span.menubtn.menuicon {
    display: block;
}
.menumob.active {
    display: block;
}
.foottop {
    padding-right: 0rem;
}

.projectslist {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}

.projectmnCvr {
    width: 48.5%;
}
.projectmnCvr:last-child{margin: 0px auto;}
.projectmnCvr:nth-child(2n) .projRight {
    padding-left: 0rem;
}
.projRight ul li {
    margin-bottom: 0rem;
}
.readmore {
    font-size: 1.1rem;
    line-height: 2rem;
    font-family: 'Hanken Grotesk SemiBold';
    color: #104581;
    padding-right: 1.4rem;
    background: url(../images/readmore.png) no-repeat right center;
    background-size: 0.7rem;
    display: inline-block;
}
ul.ftmenuList li {
    margin-bottom: 0.5rem;
}
ul.ftmenuList li a {
 font-size: 1.1rem;
}
section.innerpagebanner {
    margin-top: 5rem;  
}
.bannercontent h1 {
     font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 0rem;
    text-align: center;
}
.taxocvr {
    text-align: center;
    padding: 1rem 0rem 0rem;
}
section.solutions-list, section.solutions-parent-list {
    padding-bottom: 0.5rem;
}
section.solutionGallery .col-lg-4 {
    margin-bottom: 1.2rem;
}
section.solutionBotttom {
    padding-top: 0rem;
}
.solutiBxtop {
    text-align: center;
    margin-bottom: 1.5rem;
}
.solIcon {
    width: 2.5rem;
    height: 2.5rem;
    display: block;
    margin-bottom: 1rem;
}
section.solutionBotttom {
    margin-bottom: 0.5rem;
}
.soluBoxCvr{text-align: center;}
    .solIcon {
         margin: 0rem auto 0.5rem;
    }
    .innerTop {
    padding: 2rem 0rem 1rem;
}
section.sec01solution {
    padding-bottom: 2rem;
}
.abtsec1Right {
    padding-left: 0rem;
    text-align: center;padding-top: 1rem;
}
section.innerabtcnt {
    padding-top: 1rem;
}
.abtsec2lstCvr .row {
    justify-content: center;
}
.abtsec2lstCvr .col-lg-2 {
    margin-bottom: 1rem;
}
.abtsec2lstCvr {
    margin-bottom: 1rem;text-align: center;
}
section.testimonials {
    padding: 2rem 0rem;
    text-align: center;
}
.abtdownloadCvr{text-align: center;}
.testicnt {
   
    padding: 1rem;
      padding-top: 3.5rem;
 
}
.testicnt:after {
     width: 1.5rem;
    height: 1.5rem;
    left: 1rem;
    top: 1rem;
}
.owl-theme .owl-dots .owl-dot span {  height: 0.4rem !important; }
section.teamsec {
        padding: 2rem 0rem 1rem;
    }
.teamphoto:before,.teamphoto:after {
     width: 7rem;
    height: 0.8rem;}
    .teamname {
    text-align: center;
    margin-top: 0.5rem;
}
.teamdesig{text-align: center;}
.teamSec .col-lg-3.col-md-6 {
    margin-bottom: 1rem;
}
.formsecCvr{text-align: center;}
section.sec013 {
    padding: 2rem 0rem;
}
section.contactsec02 {
    padding: 1rem 0rem 2rem;
    text-align: center;
}
.formin ul li span {
    display: flex;
    font-size: 1.1rem;
    line-height: 1.1rem;}
    .contactLeft {
    padding: 0rem;
    
}
.btnlast{text-align: center;}
span.wpcf7-spinner{display: none !important;}
.formin ul li {
    margin-bottom: 0rem;
}
.contactRight{max-width: 100%; padding:2rem 1.2rem;}
.contactRight li{padding:2.5rem 1rem 2rem 1rem !important; background-position: top 1rem center !important; background-size: 1.2rem !important;}
.cntCvr .col-lg-4.ms-auto {
    margin-top: 1.5rem;
}
.phn span.wpcf7-form-control-wrap:first-child:after{display: none;}
.formin ul li span{text-align: center; width: 100%;}
span.labtxt {
    display: none !important;
}
li.btnlast{margin-top: 0.5rem;}
#mainmenu ul {
    width: 100% !important;min-width: 100%;
}
section.bannersec .owl-dots {
    position: absolute;
    bottom: 0rem;
    margin: 0px;
}
section.bannersec .owl-theme .owl-dots .owl-dot.active span {
    background: #104581 !important;
    width: 1.5rem !important;
}
/***************************************************/
}
@media all and (max-width:767px) {
     html{
		font-size:calc(100vw * 16/370);	
		scroll-behavior: smooth;
	}
.bannercnt .h1 {
        font-size: 1.2rem;
        line-height: 1.5rem;
        max-width: 100%;
    }
 
    header {
        padding: 0rem 0.5rem;
        height: 4rem;
    } 
    .owl-theme .owl-dots .owl-dot span {
     width: 1rem !important;
    height: 0.4rem !important; }  
       h1, h2, h3, h4, .h1, .h2, .h3, .h4, .heading,.subheading,.contactRight h3 {
        font-size: 1.3rem;
        line-height: 2rem;
        margin-bottom: 0.5rem;
    }
    p, body,.solutbottom p,.projRight ul li span,ul.social li span,.copyRigt p {
        font-size: 1.1rem;
        line-height: 1.8rem;
}
    .logo {
        max-width: 9rem;
    }
    .btn {
    text-align: center;
    font-size: 1rem;
    line-height: 1rem;
    padding: 0.66rem 1rem;}

    section.bannersec {
        margin-top: 4.1rem;
    }
section.sec01Home {
        padding: 2rem 0rem;
    }
    .homsep1 {
    margin-bottom: 2rem;
}
.projectmnCvr:nth-child(2n) .projRight {
    padding-left: 1rem;
}
.projRight{padding: 1rem;}
.projectmnCvr {
        width: 100%;
    }
    .solutbottom>a{min-height: auto;}
    .bannercnt.comsection a.btn {
    display: none;
}
    ul.ftmenuList li {
        margin-bottom: 0.3rem;
    }
    .foottop p{margin-bottom: 0rem;}
    .footHead {
    color: #7D7D7D;
    font-family: 'Hanken Grotesk SemiBold';
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin-bottom: 0.8rem;
    margin-top: 1rem;
}
.footaddres p {
    font-size: 1.1rem;
    color: #fff;
    line-height: 1.8rem;
}
    .footaddres, .footmail, .footcall, .footmob {
        padding-left: 0rem;
        padding-top: 1.5rem;
        background-position: top center;
        background-size: 1.5rem;
    }
    .copyRigt {
    margin-top: 1rem;}
        section.innerpagebanner {
        margin-top: 4rem;
    }
section.innerpagebanner {margin-top: 4rem;}
.innerbanner img {
     height: 6.5rem !important;
    object-fit: cover;
}
.bannercontent h1 {
        font-size: 1.5rem;}
.bredCrumb ul {
    flex-flow: row wrap;
}
.bredCrumb ul li{line-height: 1.3rem;font-size: 1.1rem;padding: 0rem 0.313rem 0rem 1rem;}
.bredCrumb ul li a{font-size: 1.1rem;}
.bredCrumb ul li:first-child{padding-left: 0rem;}
.bredCrumb ul li:after { width: 0.375rem; height: 0.375rem;  left: .30rem;}
.bredCrumb ul li:last-child:after {
    background: #7A7A7A;
    top: 0.5rem;
}
.solutbottom {
    padding: 1rem;
}
.coursImg {
    position: relative;
    margin-bottom: 0.5rem;
}
.soluBoxCvr{text-align: center;}
    .solIcon {
         margin: 0rem auto 0.5rem;
    }
    .soluListBox:before {
    position: absolute;
    content: '';
    width: 7rem;
    height: 0.8rem;
    left: 0rem;
    top: 0rem;
    background: url(../images/solutitop.png) no-repeat left top;
    background-size: 100%;
    z-index: 1;
}
.soluListBox{padding-top: 0.8rem;}
.coursImg:after,.coursImg:before,.abtdownloadCvr:before,.abtdownloadCvr:after{ width: 7rem;
    height: 0.8rem;}
        .innerTop {
        padding: 1rem 0rem 0rem;
    }
    section.innersect01 {
    padding: 1rem 0rem 0rem;
}
    .list2Icon {
    width: 4.5rem;
    height: 4.5rem;}
    .sec02List .subheading {
    font-size: 1.1rem;
    line-height: 1.5rem;
}
.abtdownloadCvr{padding: 2rem 1rem;}
a.download {
    font-size: 1rem;}
    .testimoCvr .owl-nav {
    display: none !important;
}
.formsecCvr{padding: 1rem;}
.inputfield, .texareatfield,.input_field, textarea.wpcf7-textarea {
    width: 100%;
    height: 2.7rem; font-size: 1.1rem;}
    ::-webkit-input-placeholder{
    color: #7D7D7D; 
    font-size: 1.1rem; line-height: 1rem;
  }
:-ms-input-placeholder{
  color: #7D7D7D; 
    font-size: 1.1rem; line-height: 1rem; 
  }
::placeholder {
   color: #7D7D7D; 
    font-size: 1.1rem; line-height: 1rem;
  }
  .accordion-button {
    font-size: 1.1rem;
    padding: 0.5rem 0.5rem;
}
.accordion-button:after {
    width: 1.5rem;
    height: 1.5rem;}
    .accordion-button:after {
        width: 1.4rem;
        height: 1.4rem;
        background-size: 0.8rem;
    }
    .accordion-body {
    padding: 0.5rem 1rem;
}
.accordion-item {
    margin-bottom: 0.5rem;
}
.projectslist.prpg {
    padding-bottom: 2rem;
}
.contactRight li span,.contactRight li a,.contactRight li.cntico.adrsicon{font-size: 1.1rem}
.contactRight:before,.contactRight:after{ width: 7rem; height: 0.8rem;}
.menu{max-width: 76%;}
    ul.mainmenu li a {
        font-size: 1.1rem;
    }

/*--------------------------------------------------*/
}
        
@media all and (max-width:360px) {
       html{
		font-size:calc(100vw * 16/360);	
		scroll-behavior: smooth;
	}
      
    
   }

@media all and (max-width:320px) {
     html{
		font-size:calc(100vw * 16/320);	
		scroll-behavior: smooth;
	}
       }