/* variables */
:root{
    --black-color:#000;
    --white-color:#fff;
    --green-color:#0c9a5e;
    --violet-color:#231834;
    --yellow-color:#f6b71e;
    --orange-color:#ff8700;
    --blue-color:#1170f7;
    --dark-blue-color:#3e4095;
    --p-color:#0000008f;
    --light-gray:#f9f9f9;
    --radius3:3px;
    --radius4:4px;
    --radius5:5px;
    --radius6:6px;
    --radius10:10px;
    --radius50:50%;
    --filter-white:invert(100%) sepia(0%) saturate(0%) hue-rotate(323deg) brightness(107%) contrast(107%);
    --filter-orange:invert(62%) sepia(58%) saturate(4638%) hue-rotate(2deg) brightness(105%) contrast(106%);
    --filter-green:invert(40%) sepia(100%) saturate(389%) hue-rotate(103deg) brightness(96%) contrast(94%);
    --filter-blue:invert(32%) sepia(76%) saturate(2587%) hue-rotate(206deg) brightness(96%) contrast(102%);
    --filter-dark-blue:invert(23%) sepia(31%) saturate(3813%) hue-rotate(224deg) brightness(83%) contrast(86%);
    --filter-yellow:invert(62%) sepia(95%) saturate(412%) hue-rotate(357deg) brightness(104%) contrast(93%);
}
/* variables */

/* reset css */
    *,:after,:before{box-sizing: border-box;padding: 0;margin: 0;border: none;outline: none;}
    img{max-width: 100%;}
    ul,li{list-style: none;}
    body{font-family: 'Jost', sans-serif;font-display: swap;}
    a{text-decoration: none;display: inline-block;}
    select,input,textarea,button{width: 100%;border: none;outline: none; background: transparent;}
    select:focus,input:focus,textarea:focus,button:focus{border: none;outline: none;}
    input::placeholder, textarea::placeholder {opacity: 1;color: #626262;}  
    p{color: var(--p-color);font-size: 18px;margin: 10px 20px 30px;text-align: justify;}
    .textl{text-align: left;}
    .textc{text-align: center;}
    iframe{width: 100%;height: 100%;border: none;}
    .textr{text-align: right;}
    .common-btn {padding: 12px 60px 12px 40px;position: relative;border-radius: 40px;background: var(--blue-color);overflow: hidden;color: var(--white-color);text-transform: uppercase;letter-spacing: 1px;}
    .common-btn span{position: absolute;top: 0;bottom: 0;width: 40px;display: flex;justify-content: center;align-items: center;right: 0;flex-direction: column;border-left: 1px solid #ffffff5e;}
    .common-btn span i{position: absolute;transition: all .3s ease-in-out;}
    .common-btn span i:nth-child(2){transform: translateX(-45px) translateY(45px);}
    .common-btn span i:nth-child(1){transform: translateX(0) translateY(0);}
    .common-btn:hover span i:nth-child(1){transform: translateX(45px) translateY(-45px);}
    .common-btn:hover span i:nth-child(2){transform: translateX(0) translateY(0);}
    h1, h2, h3, h4, h5, h6{font-family: 'Jost', sans-serif; font-weight: inherit;}
/* reset css */

/* owl-carousel css  */
    .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none;font-size:28px}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
    .owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{color:#d0630e;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:15px;height:15px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}.owl-theme .owl-dots .owl-dot.active span{background:#fff}
    .owl-dots{text-align-last: center;margin-top: 32px;}
    .owl-carousel button.owl-dot {width: 10px;height: 10px;display: inline-block;margin: 6px;border: 1px solid #00428e;}
    .owl-carousel button.owl-dot.active{background: #e65a13;border: none;}
/* owl-carousel css  */

/* common css */
    .fluid-container{width: 100%;max-width: 1280px;margin: 0 auto;padding: 0 20px;}
    .big-fluid-container{width: 100%;max-width: 1780px;margin: 0 auto;padding: 0 20px;}
    .wrapper{width: 100%;overflow: hidden;}
    .heading-container h2.heading-h2{font-size: 48px;text-transform: capitalize;letter-spacing: 1px;margin: 20px 0;font-family: 'Caudex', sans-serif;color: var(--dark-blue-color);position: relative;display: inline-block;z-index: 0;}
    .heading-container h2.heading-h2::before {content: '';position: absolute;bottom: 10px;right: 0;width: 90%;margin: 0 auto;height: 10px;background: var(--green-color);opacity: .6;left: 0;z-index: -1;}
    
    .h2-with-h6 {text-align: center;font-size: 28px;color: #e65a13;font-style: italic;font-weight: lighter;position: relative;}
    .h2-with-h6::before {content: '';position: absolute;left: 0;right: 0;bottom: -4px;width: 5%;height: 1px;background-color: #e65a13;margin: auto;}
    .h2-with-h6::after {content: '';position: absolute;left: 0;right: 0;bottom: -6px;width: 5px;height: 5px;background-color: #e65a13;margin: auto;transform: rotate(50deg);}
    #h2-cards {margin: 0px auto;display: flex;justify-content: center;align-items: center;}
    #h2-cards:after {clear:both;}
    .h2-card {font-size: 40px;text-align: center;padding: 05px;margin: 0;float: left;transition: all .8s;box-sizing: border-box;color: #00428e;text-transform: uppercase;}
    .h2-card:nth-child(1) {border-top-left-radius:3px;border-bottom-left-radius: 3px;}
    .h2-card:nth-child(7) { border-top-right-radius:3px; border-bottom-right-radius: 3px;}
/* common css */

/* responsive header css code  */
/* 0. menu css */
    html.hc-nav-yscroll {overflow-y: scroll;}
    body.hc-nav-open {overflow: visible;position: fixed;width: 100%;min-height: 100%;}
    .hc-offcanvas-nav {visibility: hidden;display: none;position: fixed;top: 0;height: 100%;z-index: 9999;}
    .hc-offcanvas-nav.is-ios * {cursor: pointer !important;}
    .hc-offcanvas-nav .nav-container {position: fixed;z-index: 9998;top: 0;width: 240px;height: 100%;max-width: 100%;max-height: 100%;box-sizing: border-box;transition: -webkit-transform 0.4s ease;transition: transform 0.4s ease;transition: transform 0.4s ease, -webkit-transform 0.4s ease;}
    .hc-offcanvas-nav .nav-wrapper {width: 100%;height: 100%;max-height: 100vh;-ms-scroll-chaining: none;overscroll-behavior: none;box-sizing: border-box;}
    .hc-offcanvas-nav .nav-content {height: 100%;max-height: 100vh;}
    .hc-offcanvas-nav .nav-wrapper-0 > .nav-content {overflow: scroll;overflow-x: visible;overflow-y: auto;box-sizing: border-box;}
    .hc-offcanvas-nav ul {list-style: none;margin: 0;padding: 0;}
    .hc-offcanvas-nav li {position: relative;display: block;}
    .hc-offcanvas-nav li.level-open > .nav-wrapper {visibility: visible;}
    .hc-offcanvas-nav input[type="checkbox"] {display: none;}
    .hc-offcanvas-nav label {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;cursor: pointer;}
    .hc-offcanvas-nav a {position: relative;display: block;box-sizing: border-box;cursor: pointer;}
    .hc-offcanvas-nav a,.hc-offcanvas-nav a:hover {text-decoration: none;}
    .hc-offcanvas-nav .nav-item {position: relative;display: block;box-sizing: border-box;}
    .hc-offcanvas-nav .nav-wrapper::after,.hc-offcanvas-nav.disable-body::after {content: "";position: fixed;z-index: 9990;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;-ms-scroll-chaining: none;overscroll-behavior: none;visibility: hidden;opacity: 0;transition: visibility 0s ease 0.4s, opacity 0.4s ease;}
    .hc-offcanvas-nav .sub-level-open::after,.hc-offcanvas-nav.disable-body.nav-open::after {visibility: visible;opacity: 1;transition-delay: 50ms;}
    .hc-offcanvas-nav:not(.nav-open)::after {pointer-events: none;}
    .hc-offcanvas-nav.nav-levels-expand .nav-content {overflow: scroll;overflow-x: visible;overflow-y: auto;box-sizing: border-box;}
    .hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after {display: none;}
    .hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper {min-width: 0;max-height: 0;overflow: hidden;transition: height 0s ease 0.4s;}
    .hc-offcanvas-nav.nav-levels-expand .level-open > .nav-wrapper {max-height: none;}
    .hc-offcanvas-nav.nav-levels-overlap .nav-content {overflow: scroll;overflow-x: visible;overflow-y: auto;box-sizing: border-box;}
    .hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper {position: absolute;z-index: 9999;top: 0;height: 100%;visibility: hidden;transition: visibility 0s ease 0.4s, -webkit-transform 0.4s ease;transition: visibility 0s ease 0.4s, transform 0.4s ease;transition: visibility 0s ease 0.4s, transform 0.4s ease, -webkit-transform 0.4s ease;}
    .hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent {position: static;}
    .hc-offcanvas-nav.nav-levels-overlap ul li.level-open > .nav-wrapper {visibility: visible;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);transition: -webkit-transform 0.4s ease;transition: transform 0.4s ease;transition: transform 0.4s ease, -webkit-transform 0.4s ease;}
    .hc-offcanvas-nav.nav-position-left {left: 0;}
    .hc-offcanvas-nav.nav-position-left .nav-container {left: 0;-webkit-transform: translate3d(-240px, 0, 0);transform: translate3d(-240px, 0, 0);}
    .hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper {left: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
    .hc-offcanvas-nav.nav-position-right {right: 0;}
    .hc-offcanvas-nav.nav-position-right .nav-container {right: 0;-webkit-transform: translate3d(240px, 0, 0);transform: translate3d(240px, 0, 0);}
    .hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper {right: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
    .hc-offcanvas-nav.nav-position-top {top: 0;}
    .hc-offcanvas-nav.nav-position-top .nav-container {top: 0;width: 100%;height: auto;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
    .hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper {left: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
    .hc-offcanvas-nav.nav-position-bottom {top: auto;bottom: 0;}
    .hc-offcanvas-nav.nav-position-bottom .nav-container {top: auto;bottom: 0;width: 100%;height: auto;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
    .hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper {left: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
    .hc-offcanvas-nav.nav-open[class*="hc-nav-"] div.nav-container {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
    .hc-nav-trigger {position: absolute;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;display: none;top: 20px;z-index: 9980;width: 30px;min-height: 24px;}
    .hc-nav-trigger span {width: 30px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;}
    .hc-nav-trigger span,.hc-nav-trigger span::after,.hc-nav-trigger span::before {display: block;position: absolute;left: 0;height: 4px;background: #34495e;transition: all 0.2s ease;}
    .hc-nav-trigger span::after,.hc-nav-trigger span::before {content: "";width: 100%;}
    .hc-nav-trigger span::before {top: -10px;}
    .hc-nav-trigger span::after {bottom: -10px;}
    .hc-nav-trigger.toggle-open span {background: rgba(0, 0, 0, 0);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
    .hc-nav-trigger.toggle-open span::before {-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);}
    .hc-nav-trigger.toggle-open span::after {-webkit-transform: rotate(-90deg) translate3d(10px, 0, 0);transform: rotate(-90deg) translate3d(10px, 0, 0);}
    .hc-offcanvas-nav .nav-wrapper::after,
    .hc-offcanvas-nav::after {background: rgba(0, 0, 0, 0.3);}
    .hc-offcanvas-nav .nav-container,.hc-offcanvas-nav .nav-wrapper,.hc-offcanvas-nav ul {background: #336ca6;}
    .hc-offcanvas-nav h2 {font-size: 19px;font-weight: 400;text-align: left;padding: 20px 17px;color: #1b3958;}
    .hc-offcanvas-nav .nav-item,.hc-offcanvas-nav a {padding: 14px 17px;font-size: 15px;color: #fff;z-index: 1;background: rgba(0, 0, 0, 0);}
    .hc-offcanvas-nav:not(.touch-device) a:hover {background: #00c3ff;}
    .hc-offcanvas-nav ul:first-of-type:not(:first-child) > li:first-child:not(.nav-back):not(.nav-close) > a {border-top: 1px solid #2c5d8f;margin-top: -1px;}
    .hc-offcanvas-nav li {text-align: left;}
    .hc-offcanvas-nav li.nav-back a,.hc-offcanvas-nav li.nav-close a {background: #2c5d8f;}
    .hc-offcanvas-nav li.nav-back a:hover,.hc-offcanvas-nav li.nav-close a:hover {background: #2b5c8d;}
    .hc-offcanvas-nav li.nav-back:not(:first-child) a,.hc-offcanvas-nav li.nav-close:not(:first-child) a {margin-top: -1px;}
    .hc-offcanvas-nav li.nav-parent .nav-item {padding-right: 58px;}
    .hc-offcanvas-nav li.nav-back span,.hc-offcanvas-nav li.nav-close span,.hc-offcanvas-nav li.nav-parent span.nav-next {width: 45px;position: absolute;top: 0;right: 0;bottom: 0;text-align: center;cursor: pointer;transition: background 0.2s ease;}
    .hc-offcanvas-nav li.nav-close span::after,.hc-offcanvas-nav li.nav-close span::before {content: "";position: absolute;top: 50%;left: 50%;width: 6px;height: 6px;margin-top: -3px;border-top: 2px solid #fff;border-left: 2px solid #fff;}
    .hc-offcanvas-nav li.nav-close span::before {margin-left: -9px;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
    .hc-offcanvas-nav li.nav-close span::after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
    .hc-offcanvas-nav a[href]:not([href="#"]) > span.nav-next {border-left: 1px solid #2c5d8f;}
    .hc-offcanvas-nav li.nav-back span::before,.hc-offcanvas-nav span.nav-next::before {content: "";position: absolute;top: 50%;left: 50%;width: 8px;height: 8px;margin-left: -2px;box-sizing: border-box;border-top: 2px solid #fff;border-left: 2px solid #fff;-webkit-transform-origin: center;transform-origin: center;}
    .hc-offcanvas-nav span.nav-next::before {-webkit-transform: translate(-50%, -50%) rotate(135deg);transform: translate(-50%, -50%) rotate(135deg);}
    .hc-offcanvas-nav li.nav-back span::before {-webkit-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);}
    .hc-offcanvas-nav.nav-position-left.nav-open .nav-wrapper {box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);}
    .hc-offcanvas-nav.nav-position-right.nav-open .nav-wrapper {box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2);}
    .hc-offcanvas-nav.nav-position-right span.nav-next::before {margin-left: 0;margin-right: -2px;}
    .hc-offcanvas-nav.nav-position-right li.nav-back span::before {margin-left: 0;margin-right: -2px;}
    .hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper {box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}
    .hc-offcanvas-nav.nav-position-top span.nav-next::before {margin-left: 0;margin-right: -2px;-webkit-transform: translate(-50%, -50%) rotate(-135deg);transform: translate(-50%, -50%) rotate(-135deg);}
    .hc-offcanvas-nav.nav-position-top li.nav-back span::before {margin-left: 0;margin-right: -2px;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);}
    .hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper {box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);}
    .hc-offcanvas-nav.nav-position-bottom span.nav-next::before {margin-left: 0;margin-right: -2px;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);}
    .hc-offcanvas-nav.nav-position-bottom li.nav-back span::before {margin-left: 0;margin-right: -2px;-webkit-transform: translate(-50%, -50%) rotate(-135deg);transform: translate(-50%, -50%) rotate(-135deg);}
    .hc-offcanvas-nav.nav-levels-expand .nav-container ul .nav-wrapper,.hc-offcanvas-nav.nav-levels-none .nav-container ul .nav-wrapper {box-shadow: none;background: 0 0;}
    .hc-offcanvas-nav.nav-levels-expand .nav-container ul h2,.hc-offcanvas-nav.nav-levels-none .nav-container ul h2 {display: none;}
    .hc-offcanvas-nav.nav-levels-expand .nav-container ul ul .nav-item,.hc-offcanvas-nav.nav-levels-none .nav-container ul ul .nav-item {font-size: 14px;}
    .hc-offcanvas-nav.nav-levels-expand .nav-container li,.hc-offcanvas-nav.nav-levels-none .nav-container li {transition: background 0.3s ease;}
    .hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open {background: #2e6296;}
    .hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a {border-bottom: 1px solid #295887;}
    .hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a:hover,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a:hover {background: #2f649a;}
    .hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open > .nav-item .nav-next::before,
    .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open > .nav-item .nav-next::before {margin-top: 2px;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);}
    .hc-offcanvas-nav.nav-levels-expand .nav-container span.nav-next::before,.hc-offcanvas-nav.nav-levels-none .nav-container span.nav-next::before {margin-top: -2px;-webkit-transform: translate(-50%, -50%) rotate(-135deg);transform: translate(-50%, -50%) rotate(-135deg);}
    html.hc-nav-yscroll {overflow-y: scroll;}
    body.hc-nav-open {overflow: visible;position: fixed;width: 100%;min-height: 100%;}
    .nav-close {display: none !important;}
    .hc-offcanvas-nav {visibility: hidden;display: none;position: fixed;top: 0;height: 100%;z-index: 9999;}
    .hc-nav-open .hc-offcanvas-nav {visibility: visible;}
    .hc-offcanvas-nav.is-ios * {cursor: pointer !important;}
    .hc-offcanvas-nav .nav-container {position: fixed;z-index: 9998;top: 0;width: 255px;height: 100%;max-width: 100%;max-height: 100%;box-sizing: border-box;transition: -webkit-transform 0.4s ease;transition: transform 0.4s ease;transition: transform 0.4s ease, -webkit-transform 0.4s ease;}
    .hc-offcanvas-nav .nav-wrapper {width: 100%;height: 100%;max-height: 100vh;-ms-scroll-chaining: none;overscroll-behavior: none;box-sizing: border-box;}
    .hc-offcanvas-nav .nav-content {height: 100%;max-height: 100vh;}
    .hc-offcanvas-nav .nav-wrapper-0 > .nav-content {overflow: scroll;overflow-x: visible;overflow-y: auto;box-sizing: border-box;}
    .hc-offcanvas-nav ul {list-style: none;margin: 0;padding: 0;}
    .hc-offcanvas-nav li {position: relative;display: block;}
    .hc-offcanvas-nav li.level-open > .nav-wrapper {visibility: visible;}
    .hc-offcanvas-nav input[type="checkbox"] {display: none;}
    .hc-offcanvas-nav label {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;cursor: pointer;}
    .hc-offcanvas-nav a {position: relative;display: block;box-sizing: border-box;cursor: pointer;}
    .hc-offcanvas-nav li.nav-parent .nav-item:hover,
    .nav-back a:hover,.nav-close a:hover,.resom:hover {color: #fff !important;}
    .hc-offcanvas-nav .nav-item {position: relative;display: block;box-sizing: border-box;}
    .hc-offcanvas-nav .nav-item svg {font-size: 16px;margin-right: 16px;color: #8fc3e8;transition: all 0.4s;}
    .hc-offcanvas-nav .nav-item:hover svg {color: #fff;}
    .hc-offcanvas-nav .nav-wrapper::after,.hc-offcanvas-nav.disable-body::after {content: "";position: fixed;z-index: 9990;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;-ms-scroll-chaining: none;overscroll-behavior: none;visibility: hidden;opacity: 0;transition: visibility 0s ease 0.4s, opacity 0.4s ease;}
    .hc-offcanvas-nav .sub-level-open::after,.hc-offcanvas-nav.disable-body.nav-open::after {visibility: visible;opacity: 1;transition-delay: 50ms;}
    .hc-offcanvas-nav:not(.nav-open)::after {pointer-events: none;}
    .hc-offcanvas-nav.nav-levels-expand .nav-content {overflow: scroll;overflow-x: visible;overflow-y: auto;box-sizing: border-box;}
    .hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after {display: none;}
    .hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper {min-width: 0;max-height: 0;overflow: hidden;transition: height 0s ease 0.4s;}
    .hc-offcanvas-nav.nav-levels-expand .level-open > .nav-wrapper {max-height: none;}
    .hc-offcanvas-nav.nav-levels-overlap .nav-content {overflow: scroll;overflow-x: visible;overflow-y: auto;box-sizing: border-box;}
    .hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper {position: absolute;z-index: 9999;top: 0;height: 100%;visibility: hidden;transition: visibility 0s ease 0.4s, -webkit-transform 0.4s ease;transition: visibility 0s ease 0.4s, transform 0.4s ease;transition: visibility 0s ease 0.4s, transform 0.4s ease, -webkit-transform 0.4s ease;}
    .hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent {position: static;}
    .hc-offcanvas-nav.nav-levels-overlap ul li.level-open > .nav-wrapper {visibility: visible;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);transition: -webkit-transform 0.4s ease;transition: transform 0.4s ease;transition: transform 0.4s ease, -webkit-transform 0.4s ease;}
    .hc-offcanvas-nav.nav-levels-overlap ul li.level-open > .nav-wrapper-1 {width: 297px;}
    .hc-offcanvas-nav.nav-levels-overlap ul li.level-open > .nav-wrapper-2 {width: 337px;}
    .hc-offcanvas-nav.nav-levels-overlap ul li.level-open > .nav-wrapper-3 {width: 379px;}
    .hc-offcanvas-nav.nav-position-left {left: 0;}
    .hc-offcanvas-nav.nav-position-left .nav-container {left: 0;-webkit-transform: translate3d(-280px, 0, 0);transform: translate3d(-280px, 0, 0);}
    .hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper {left: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
    .hc-offcanvas-nav.nav-position-right {right: 0;}
    .hc-offcanvas-nav.nav-position-right .nav-container {right: 0;-webkit-transform: translate3d(280px, 0, 0);transform: translate3d(280px, 0, 0);}
    .hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper {right: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
    .hc-offcanvas-nav.nav-position-top {top: 0;}
    .hc-offcanvas-nav.nav-position-top .nav-container {top: 0;width: 100%;height: auto;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
    .hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper {left: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
    .hc-offcanvas-nav.nav-position-bottom {top: auto;bottom: 0;}
    .hc-offcanvas-nav.nav-position-bottom .nav-container {top: auto;bottom: 0;width: 100%;height: auto;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
    .hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper {left: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
    .hc-offcanvas-nav.nav-open[class*="hc-nav-"] div.nav-container {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
    .hc-nav-trigger {position: absolute;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;display: none;top: 107px;right: 15px;z-index: 9980;width: 30px;min-height: 24px;}
    .hc-nav-trigger span {width: 30px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;}
    .hc-nav-trigger span,.hc-nav-trigger span::after,.hc-nav-trigger span::before {display: block;position: absolute;height: 4px;background: #d0630e;transition: all 0.2s ease;width: 25px;top: 7px;}
    .hc-nav-trigger span::after,.hc-nav-trigger span::before {content: "";width: 100%;}
    .hc-nav-trigger span::before {top: -7px;}
    .hc-nav-trigger span::after {bottom: -7px;}
    .hc-nav-trigger.toggle-open span {background: rgba(0, 0, 0, 0);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
    .hc-nav-trigger.toggle-open span::before {-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);}
    .hc-nav-trigger.toggle-open span::after {-webkit-transform: rotate(-90deg) translate3d(10px, 0, 0);transform: rotate(-90deg) translate3d(5px, 0, 0);}
    .hc-offcanvas-nav .nav-wrapper::after,.hc-offcanvas-nav::after {background: rgba(0, 0, 0, 0.3);}
    .hc-offcanvas-nav .nav-container,.hc-offcanvas-nav .nav-wrapper,.hc-offcanvas-nav ul {background-color: #E65A13;}
    .hc-offcanvas-nav h2 {font-size: 19px;font-weight: 400;text-align: center;padding: 20px 17px;font-family: 'Jost', sans-serif;color: #fff;}
    .hc-offcanvas-nav .nav-item,.hc-offcanvas-nav a {padding: 14px 12px;font-size: 14px;/* color: #45c7f4; */transition: all 0.4s;z-index: 1;background: rgba(0, 0, 0, 0);display: flex;align-items: center;font-family: 'Jost', sans-serif;}
    .hc-offcanvas-nav .nav-item:hover, .hc-offcanvas-nav a:hover{background: #014491 !important;color: #fff !important;}
    .first-nav li a.resact,.hc-offcanvas-nav:not(.touch-device) a:hover,.second-nav li a.resact,.second-nav ul li a.resact {background: #02596c;}
    .hc-offcanvas-nav ul:first-of-type:not(:first-child) > li:first-child:not(.nav-back):not(.nav-close) > a {border-top: 1px solid #2c5d8f;margin-top: -1px;}
    .hc-offcanvas-nav li {text-align: left;}
    .hc-offcanvas-nav li.nav-back a,.hc-offcanvas-nav li.nav-close a,.resp-link {background: #8fcc2a !important;color: #fff !important;}
    .hc-offcanvas-nav li.nav-back a:hover,.hc-offcanvas-nav li.nav-close a:hover {background: #8fc3e8;}
    .nav-close a:hover {color: #fff;}
    .hc-offcanvas-nav li.nav-back:not(:first-child) a,.hc-offcanvas-nav li.nav-close:not(:first-child) a {margin-top: -1px;}
    .hc-offcanvas-nav li.nav-parent .nav-item {padding-right: 58px;font-family: 'Jost', sans-serif;}
    .hc-offcanvas-nav li.nav-back span,.hc-offcanvas-nav li.nav-close span,.hc-offcanvas-nav li.nav-parent span.nav-next {width: 45px;position: absolute;top: 0;right: 0;bottom: 0;text-align: center;cursor: pointer;transition: background 0.2s ease;}
    .hc-offcanvas-nav li.nav-close span::after,.hc-offcanvas-nav li.nav-close span::before {content: "";position: absolute;top: 50%;left: 50%;width: 6px;height: 6px;margin-top: -3px;border-top: 2px solid #fff;border-left: 2px solid #fff;}
    .hc-offcanvas-nav li.nav-close span::before {margin-left: -6px;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
    .hc-offcanvas-nav li.nav-close span::after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
    .hc-offcanvas-nav a[href]:not([href="#"]) > span.nav-next {border-left: 0px solid #2c5d8f;}
    .hc-offcanvas-nav li.nav-back span::before,.hc-offcanvas-nav span.nav-next::before {content: "";position: absolute;top: 50%;left: 50%;width: 8px;height: 8px;margin-left: -2px;box-sizing: border-box;border-top: 2px solid #fff;border-left: 2px solid #fff;-webkit-transform-origin: center;transform-origin: center;}
    .hc-offcanvas-nav span.nav-next::before {-webkit-transform: translate(-50%, -50%) rotate(135deg);transform: translate(-50%, -50%) rotate(135deg);}
    .hc-offcanvas-nav li.nav-back span::before {-webkit-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);}
    .hc-offcanvas-nav.nav-position-left.nav-open .nav-wrapper {box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);}
    .hc-offcanvas-nav.nav-position-right.nav-open .nav-wrapper {box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2);}
    .hc-offcanvas-nav.nav-position-right span.nav-next::before {margin-left: 0;margin-right: -2px;}
    .hc-offcanvas-nav.nav-position-right li.nav-back span::before {margin-left: 0;margin-right: -2px;}
    .hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper {box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}
    .hc-offcanvas-nav.nav-position-top span.nav-next::before {margin-left: 0;margin-right: -2px;-webkit-transform: translate(-50%, -50%) rotate(-135deg);transform: translate(-50%, -50%) rotate(-135deg);}
    .hc-offcanvas-nav.nav-position-top li.nav-back span::before {margin-left: 0;margin-right: -2px;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);}
    .hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper {box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);}
    .hc-offcanvas-nav.nav-position-bottom span.nav-next::before {margin-left: 0;margin-right: -2px;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);}
    .hc-offcanvas-nav.nav-position-bottom li.nav-back span::before {margin-left: 0;margin-right: -2px;-webkit-transform: translate(-50%, -50%) rotate(-135deg);transform: translate(-50%, -50%) rotate(-135deg);}
    .hc-offcanvas-nav.nav-levels-expand .nav-container ul .nav-wrapper,.hc-offcanvas-nav.nav-levels-none .nav-container ul .nav-wrapper {box-shadow: none;background: 0 0;}
    .hc-offcanvas-nav.nav-levels-expand .nav-container ul h2,.hc-offcanvas-nav.nav-levels-none .nav-container ul h2 {display: none;}
    .hc-offcanvas-nav.nav-levels-expand .nav-container ul ul .nav-item,.hc-offcanvas-nav.nav-levels-none .nav-container ul ul .nav-item {font-size: 14px;}
    .hc-offcanvas-nav.nav-levels-expand .nav-container li,.hc-offcanvas-nav.nav-levels-none .nav-container li {transition: background 0.3s ease;}
    .hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open {background: #2e6296;}
    .hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a {border-bottom: 1px solid #295887;}
    .hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a:hover,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a:hover {background: #2f649a;}
    .hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open > .nav-item .nav-next::before,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open > .nav-item .nav-next::before {margin-top: 2px;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);}
    .hc-offcanvas-nav.nav-levels-expand .nav-container span.nav-next::before,.hc-offcanvas-nav.nav-levels-none .nav-container span.nav-next::before {margin-top: -2px;-webkit-transform: translate(-50%, -50%) rotate(-135deg);transform: translate(-50%, -50%) rotate(-135deg);}
    .cf::after,.cf::before {content: "";display: block;height: 0;overflow: hidden;}
    .cf::after {clear: both;}
    #main-nav {display: none;}
    .nav-content h1 {font-size: 50px;font-weight: 700;text-align: center;letter-spacing: 5px;padding-bottom: 8px;}
    .resp-logo-img{width: 200px;margin: 10px auto 0px;transition: all .4s;}
    .nav-content h2 {font-size: 28px;line-height: 1.4;text-align: center;color: #fff;font-family: 'Jost', sans-serif;text-transform: uppercase;display: block;padding: initial;margin: 10px auto;}
    header .git {display: inline-block;text-decoration: none;color: #fff;border-radius: 4px;padding: 4px 10px 4px 0;font-size: 15px;font-weight: 400;color: #fffce1;background: #54b9cb;transition: background 0.15s ease-in-out;}
    header .git:hover {background: #4ca8b9;}
    header .git:hover svg {border-color: #54b9cb;}
    header .git svg {width: 15px;height: 15px;fill: #fffce1;position: relative;top: 2px;padding: 0 10px;margin-right: 10px;border-right: 1px solid #4daabb;transition: border-color 0.15s ease-in-out;}
    header .ver {padding-top: 15px;font-weight: 200;color: #dab977;}
    header .ver span {color: #fffce1;}
    header .toggle {position: absolute;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;display: none;z-index: 9980;width: 35px;min-height: 24px;position: relative;width: auto;top: 0px;left: auto; float: right;display: block;cursor: pointer;box-sizing: content-box;font-size: 20px;padding-left: 30px;line-height: 24px;}
    header .toggle span {width: 26px;top: 12px;-webkit-transform: translateY(-50%);transform: translateY(-50%);-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;}
    header .toggle span,header .toggle span::after,header .toggle span::before {display: block;position: absolute;left: 0;height: 3px;background: #ff5e15;transition: all 0.25s ease;}
    header .toggle span::after,header .toggle span::before {content: "";width: 100%;}
    header .toggle span::before {top: -7px;}
    header .toggle span::after {bottom: -7px;}
    header .toggle.toggle-open span {background: rgba(0, 0, 0, 0);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
    header .toggle.toggle-open span::before {-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 5px, 0);}
    header .toggle.toggle-open span::after {-webkit-transform: rotate(-90deg) translate3d(10px, 0, 0);transform: rotate(-90deg) translate3d(10px, 0, 0);}
    header .toggle:hover span,header .toggle:hover span::after,header .toggle:hover span::before {background: #f7bd00}
    header .toggle div {display: inline-block;margin-right: 15px;}
    main {flex: 1 0 auto;padding-bottom: 30px;text-align: left;}
    main .content {border-top: 1px solid rgba(255, 255, 255, 0.1);}
    main h4 {font-size: 15px;letter-spacing: 1px;font-weight: 600;text-transform: uppercase;margin: 20px 0;}
    main h4:first-child {margin-top: 30px;}
    main .actions {margin: 0 -15px;text-align: center;}
    main .actions.checkboxes {text-align: left;padding-top: 8px;}
    main .actions.checkboxes label {font-size: 14px;text-transform: uppercase;cursor: pointer;}
    main .actions.checkboxes label input {display: none;}
    main .actions.checkboxes label input:checked ~ span {background: #dab977;}
    main .actions.checkboxes label input:checked ~ span::before {content: "";position: absolute;top: 50%;left: 50%;margin-top: -1px;border: solid #243949;border-width: 0 3px 3px 0;display: inline-block;padding: 5px 2px;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);}
    main .actions.checkboxes label span {display: inline-block;position: relative;top: -1px;width: 22px;height: 22px;background: #fffce1;margin-right: 12px;vertical-align: top;transition: all 0.1s ease;}
    main .actions div {padding: 0 15px 20px;box-sizing: border-box;}
    @media screen and (min-width: 800px) {
        main .actions {display: flex;flex-wrap: wrap;}
        main .actions div {float: left;flex: 1 1 33.33%;max-width: 33.33%;}
        main .actions.position div {float: left;flex: 1 1 25%;max-width: 25%;}
    }
    main .button {position: relative;display: block;padding: 18px 30px 16px;text-transform: uppercase;text-align: center;font-size: 16px;font-weight: 700;line-height: 1.4;letter-spacing: 1px;text-decoration: none;color: #243949;cursor: pointer;background: #fffce1;border-radius: 30px/80px;transition: all 0.1s ease;}
    main .button:not(.active):hover {color: #d5af63;}
    main .button.active {background: #dab977;}
    .hc-offcanvas-nav .nav-wrapper-0 > .nav-content {padding-bottom: 41px;}
    .hc-offcanvas-nav a {font-size: 16px;}
    .hc-offcanvas-nav li.search .nav-item {padding-top: 0;}
    .hc-offcanvas-nav li.search input[type="text"] {width: 100%;box-sizing: border-box;border: none;border-radius: 3px;font-size: 14px;color: #fff;background: rgba(255, 255, 255, 0.12);padding: 5px 10px;box-shadow: none;outline: 0;}
    .hc-offcanvas-nav li.search input[type="text"]::-webkit-input-placeholder {color: rgba(255, 255, 255, 0.8);}
    .hc-offcanvas-nav li.search input[type="text"]:-ms-input-placeholder {color: rgba(255, 255, 255, 0.8);}
    .hc-offcanvas-nav li.search input[type="text"]::-ms-input-placeholder {color: rgba(255, 255, 255, 0.8);}
    .hc-offcanvas-nav li.search input[type="text"]::placeholder {color: rgba(255, 255, 255, 0.8);}
    .hc-offcanvas-nav li.add > a::before {font-family: "Material Icons";font-weight: 400;font-style: normal;display: inline-block;line-height: 1;text-transform: none;text-indent: 0;letter-spacing: normal;word-wrap: normal;white-space: nowrap;direction: ltr;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;-webkit-font-feature-settings: "liga";font-feature-settings: "liga";display: inline-block;width: 19px;height: 19px;margin-right: 15px;font-size: 19px;vertical-align: top;content: "add";}
    .hc-offcanvas-nav li.new > .nav-item::before {font-family: "Material Icons";font-weight: 400;font-style: normal;display: inline-block;line-height: 1;text-transform: none;text-indent: 0;letter-spacing: normal;word-wrap: normal;white-space: nowrap;direction: ltr;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;-webkit-font-feature-settings: "liga";font-feature-settings: "liga";display: inline-block;width: 19px;height: 19px;margin-right: 15px;font-size: 19px;vertical-align: top;content: "fiber_new";}
    .hc-offcanvas-nav li.cryptocurrency > .nav-item::before {font-family: "Material Icons";font-weight: 400;font-style: normal;display: inline-block;line-height: 1;text-transform: none;text-indent: 0;letter-spacing: normal;word-wrap: normal;white-space: nowrap;direction: ltr;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;-webkit-font-feature-settings: "liga";font-feature-settings: "liga";display: inline-block;width: 19px;height: 19px;margin-right: 15px;font-size: 19px;vertical-align: top;content: "local_atm";}
    .hc-offcanvas-nav li.devices > .nav-item::before {font-family: "Material Icons";font-weight: 400;font-style: normal;display: inline-block;line-height: 1;text-transform: none;text-indent: 0;letter-spacing: normal;word-wrap: normal;white-space: nowrap;direction: ltr;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;-webkit-font-feature-settings: "liga";font-feature-settings: "liga";display: inline-block;width: 19px;height: 19px;margin-right: 15px;font-size: 19px;vertical-align: top;content: "devices";}
    .hc-offcanvas-nav li.mobile > .nav-item::before {font-family: "Material Icons";font-weight: 400;font-style: normal;display: inline-block;line-height: 1;text-transform: none;text-indent: 0;letter-spacing: normal;word-wrap: normal;white-space: nowrap;direction: ltr;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;-webkit-font-feature-settings: "liga";font-feature-settings: "liga";display: inline-block;width: 19px;height: 19px;margin-right: 15px;font-size: 19px;vertical-align: top;content: "phone_android";}
    .hc-offcanvas-nav li.television > .nav-item::before {font-family: "Material Icons";font-weight: 400;font-style: normal;display: inline-block;line-height: 1;text-transform: none;text-indent: 0;letter-spacing: normal;word-wrap: normal;white-space: nowrap;direction: ltr;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;-webkit-font-feature-settings: "liga";font-feature-settings: "liga";display: inline-block;width: 19px;height: 19px;margin-right: 15px;font-size: 19px;vertical-align: top;content: "desktop_windows";}
    .hc-offcanvas-nav li.camera > .nav-item::before {font-family: "Material Icons";font-weight: 400;font-style: normal;display: inline-block;line-height: 1;text-transform: none;text-indent: 0;letter-spacing: normal;word-wrap: normal;white-space: nowrap;direction: ltr;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;-webkit-font-feature-settings: "liga";font-feature-settings: "liga";display: inline-block;width: 19px;height: 19px;margin-right: 15px;font-size: 19px;vertical-align: top;content: "camera_alt";}
    .hc-offcanvas-nav li.magazines > .nav-item::before {font-family: "Material Icons";font-weight: 400;font-style: normal;display: inline-block;line-height: 1;text-transform: none;text-indent: 0;letter-spacing: normal;word-wrap: normal;white-space: nowrap;direction: ltr;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;-webkit-font-feature-settings: "liga";font-feature-settings: "liga";display: inline-block;width: 19px;height: 19px;margin-right: 15px;font-size: 19px;vertical-align: top;content: "import_contacts";}
    .hc-offcanvas-nav li.store > .nav-item::before {font-family: "Material Icons";font-weight: 400;font-style: normal;display: inline-block;line-height: 1;text-transform: none;text-indent: 0;letter-spacing: normal;word-wrap: normal;white-space: nowrap;direction: ltr;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;-webkit-font-feature-settings: "liga";font-feature-settings: "liga";display: inline-block;width: 19px;height: 19px;margin-right: 15px;font-size: 19px;vertical-align: top;content: "store";}
    .hc-offcanvas-nav li.collections > .nav-item::before {font-family: "Material Icons";font-weight: 400;font-style: normal;display: inline-block;line-height: 1;text-transform: none;text-indent: 0;letter-spacing: normal;word-wrap: normal;white-space: nowrap;direction: ltr;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;-webkit-font-feature-settings: "liga";font-feature-settings: "liga";display: inline-block;width: 19px;height: 19px;margin-right: 15px;font-size: 19px;vertical-align: top;content: "collections";}
    .hc-offcanvas-nav li.credits > .nav-item::before {font-family: "Material Icons";font-weight: 400;font-style: normal;display: inline-block;line-height: 1;text-transform: none;text-indent: 0;letter-spacing: normal;word-wrap: normal;white-space: nowrap;direction: ltr;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;-webkit-font-feature-settings: "liga";font-feature-settings: "liga";display: inline-block;width: 19px;height: 19px;margin-right: 15px;font-size: 19px;vertical-align: top;content: "credit_card";}
    .hc-offcanvas-nav ul.bottom-nav {position: absolute;z-index: 10;bottom: 0;width: 100%;display: flex;flex-wrap: nowrap;align-items: stretch;border-top: 1px solid #2c5d8f;}
    .hc-offcanvas-nav ul.bottom-nav li {flex: auto;}
    .hc-offcanvas-nav ul.bottom-nav li a {padding: 10px;text-align: center;height: 100%;border-bottom: none;}
    .hc-offcanvas-nav ul.bottom-nav li svg {fill: #fff;display: inline-block;vertical-align: middle;}
    .hc-offcanvas-nav ul.bottom-nav li.github svg {width: 17px;height: 17px;}
    .hc-offcanvas-nav ul.bottom-nav li.ko-fi svg {width: 21px;height: 21px;}
    .hc-offcanvas-nav ul.bottom-nav li.email svg {width: 19px;height: 19px;}
/* responcive menu css  */
/* responsive header css code  */


/* header css */
    header {transition: all .4s;position: fixed;z-index: 4;left: 0;right: 0;width: 100%;top: 0;}
    header .top-header{background-color: #E65A13;}
    header .top-header ul{display: flex;justify-content: flex-end;}
    header .top-header ul li a{padding: 10px 14px;color: #fff;border-right: 1px solid #ffffff30;transition: all .4s ease-in-out;}
    header .top-header ul li a:hover{transform: scale(1.2);}
    header .top-header ul li:first-child a{border-left: 1px solid #ffffff30;}
    header .bottom-header{padding: 0px 0 0;background-color: #fff;position: relative;}
    header .bottom-header::before{content: '';position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 100%;height: 6px;background-image: url('../images/background-images/nav-bottom.jpg');}
    header .bottom-header .fluid-container{display: flex;justify-content: space-between;align-items: center;}
    header .bottom-header .header-logo{display: flex;justify-items: flex-start;align-items: center;}
    header .bottom-header .header-logo div{margin-left: 20px;font-size: 20px;}
    header .bottom-header .header-logo div h5,header .bottom-header .header-logo div h6 {font-weight: 500;color: var(--dark-blue-color);font-size: 24px;text-transform: uppercase;line-height: 1.4;}
    header .bottom-header .header-logo div h6 {font-size: 16px;text-transform: capitalize;font-weight: 400;}
    header .bottom-header ul {display: flex;justify-content: center;gap: 10px 32px;}
    header .bottom-header ul li{position: relative;}
    header .bottom-header ul li a {color: var(--black-color);font-weight: 400;text-transform: capitalize;font-size: 17px;letter-spacing: .5px;padding: 46px 0;transition: all .4s ease-in-out;}
    header .bottom-header ul li a.cont-head-btn{padding: 10px 28px 10px 28px;border-radius: 32px;background-color: #8FCC2A;color: var(--white-color);transition: all .4s;}
    header .bottom-header ul li.cont-head-btn-li{display: grid;place-items: center;}
    .header-logo img{width: 130px;}
    .first-route{position: absolute;background-color: #fff;width: 320px;opacity: 0;visibility: hidden;top: 80px;transition: all .4s ease-in-out;display: block;transition: .3s;left: 0;z-index: 1;display: flex;flex-direction: column;padding: 10px 2px;}
    .first-route:after{content: '';position: absolute;top: 0;z-index: -1;width: 100%;height: 6px;background-image: url('../images/background-images/nav-bottom.jpg');left: 0;right: 0;margin: auto;}
    .bottom-header ul li:hover .first-route{opacity: 1;visibility: visible;top: 111px;}   
    .first-route li{margin: 10px 16px !important;} 
    .first-route li a{display: block;padding: 0 !important;color: #fff;text-transform: capitalize;}
    .first-route li:before{display: none;}
    header .bottom-header ul li:hover > a {color: #004799;}
    header .bottom-header ul li a.act-link{color: #0964ce;;}
    .resp-menu{display: none;}
    header .toggle {display: none !important;}
    header.scrolled{transition: all .3s ease-in-out;top: -45px;}
    .cont-head-btn:hover{background-color: #fff !important;border: 1px solid #8FCC2A !important;color: #8FCC2A !important;}
    .cont-head-btn.act-link{background-color: #fff !important;border: 1px solid #8FCC2A !important;color: #8FCC2A !important;}
/* header css */

/* slider css */
    .main-slider{position: relative;transform: translateY(150px);position: relative;z-index: 0;}
    .below-banner-section{padding: 40px 0 100px;background-color: var(--violet-color);position: relative;}
    .below-banner-section .fluid-container{display: flex;justify-content: space-between;gap: 20px;}
    .below-banner-section .description-wrapper{display: flex;justify-content: center;gap: 20px;}
    .below-banner-section .description-heading{width: calc(100% - 800px);}
    .below-banner-section .description-heading h4{text-transform: uppercase;color: var(--orange-color);text-transform: uppercase;font-weight: 500;letter-spacing: 1px;margin-bottom: 20px;}
    .below-banner-section .description-heading h3 {color: var(--white-color);font-size: 40px;line-height: 1.2;margin-bottom: 28px;}
    .description-wrapper article{width: 100%;max-width: 250px;border-top: 8px solid;border-bottom: 4px solid;padding: 40px 20px;background-color: #fff;border-radius: 4px;}
    .description-wrapper article h3{color: var(--dark-blue-color);text-align: center;font-size: 28px;font-weight: 600;text-transform: capitalize;margin-bottom: 20px;}
    .description-wrapper article p{text-align: center;}
    .description-wrapper article:nth-child(1){border-color: var(--blue-color);}
    .description-wrapper article:nth-child(2){border-color: var(--green-color);}
    .description-wrapper article:nth-child(3){border-color: var(--yellow-color);}
    .description-wrapper article:nth-child(4){border-color: var(--orange-color);}
    .custom-shape-divider-bottom-1646049197 {position: absolute;bottom: 0px;left: 0;width: 100%;overflow: hidden;line-height: 0;transform: rotate(180deg);}
    .custom-shape-divider-bottom-1646049197 svg {position: relative;display: block;width: calc(100% + 1.3px);height: 110px;}
    .custom-shape-divider-bottom-1646049197 .shape-fill {fill: #FFFFFF;}
    .camera_thumbs{display: none;}
/* slider css */

/* Objectives css code  */
    .objectives-wapper{padding: 150px 20px 150px;}
    .objectives-cards-wapper {display: flex;justify-content: center;align-items: center;gap: 80px 40px;padding: 60px 0 40px;flex-wrap: wrap;}
    .obj-height{height: 100px;}
    .objectives-cards{width: 100%;max-width: 300px;}
    .panel {margin: 0 auto;height: 130px;  position: relative;-webkit-perspective: 600px;-moz-perspective: 600px;transform-style: preserve-3d;}
    .panel .front, .panel .back {text-align: center;} 
    .panel .front {height: inherit;position: absolute;top: 0;z-index: 1;text-align: center;-webkit-transform: rotateX(0deg) rotateY(0deg);-moz-transform: rotateX(0deg) rotateY(0deg);-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
    .panel .back {height: inherit;position: absolute;top: 0;z-index: 2;-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
    .panel.flip .front {z-index: 1;-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);}
    .panel.flip .back {z-index: 2;-webkit-transform: rotateX(0deg) rotateY(0deg);-moz-transform: rotateX(0deg) rotateY(0deg);}
    .box1{border: 1px solid #8FCC2A; width: 300px;margin: 0 auto;padding: 10px;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;min-height: 230px;}
    .box2{background-color: #e65a13;width: 300px; margin: 0 auto;padding: 10px;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;min-height: 230px;}
    .box1 span{display: flex;justify-content: center;align-items: center;width: 80px;height: 80px;border-radius: 50px;margin: 30px auto;}
    .box1 span img{width: 50px;text-align: center;filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(134deg) brightness(106%) contrast(101%);}
    .box1 h3{font-size: 24px; text-transform: capitalize; color: #1e1e1e;}
    .box2 h3{font-size: 24px; text-transform: capitalize; color: #fff;} 
    .box1 a{font: 14px; color: #727272;display: none;}
    .box2 a{font: 14px; color: #fff;display: none;}
    .box2 p{font: 15px; color: #fff;margin: 10px;}
/* Objectives css code  */


/* about css code */
    .about-us-wapper{background: no-repeat top center/cover;width: 100%;height: 100%;}
    .inner-about-us-wapper{display: flex;justify-content: flex-end;align-items: center;}
    .about-card {width: 100%;max-width: 700px; padding: 50px 50px 50px;background-color: #ffb239;background-image: url('../images/background-images/about-pattren-bg.png');background-repeat: no-repeat;background-position: left top;position: relative;z-index: 1;}
    .about-card h5{font-size: 20px;color: #000;margin: 10px 0 -22px;line-height: 1.4;}
    .about-card h1{font-size: 30px;color: #02448f;margin: 20px 0 30px;line-height: 1.8;font-weight: 600;}
    .about-card p{font-size: 18px;line-height: 1.9;color: #000;margin: 10px 0 20px;text-align: justify;text-shadow: initial;}
/* about css code */

/* our Solutions css code  */
    .solutions-wapper{padding: 80px 20px 100px;background-color: #fff;position: relative;}
    .solutions-cards-wapper{display: flex;justify-content: space-around;align-items: center;padding: 40px 0px;flex-wrap: wrap;gap: 60px 40px;}
    .solutions-card{width: 100%;max-width: 550px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;border-radius: 8px;position: relative;} 
    .solutions-card span{display: flex;justify-content: center;align-items: center;width: 80px;height: 80px;border-radius: 50px;margin: 30px auto;}
    .solutions-card span img{width: 50px;text-align: center;filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(134deg) brightness(106%) contrast(101%);}
    .solutions-card h2{font-size: 24px; text-transform: capitalize; color: #121212;text-align: center;}
    .solutions-card p{font: 15px; color: #727272;text-align: center;}
    .solutions-a{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;}
/* our Solutions css code  */


/* promotion-wapper css code  */
    .promotion-wapper{background: no-repeat center center/cover fixed;width: 100%;height: 680px;position: relative;z-index: 1;}
    .inner-promotion{display: flex;justify-content: flex-start;align-items: center;}
    .promotion-card {background-color: #02448f99;color: #fff;width: 100%;max-width: 550PX;padding: 20px;position: absolute;top: 0;bottom: 0;margin: auto;height: 300px;}
    .promotion-card h3{font-size: 35px; color: #fff;margin: 10px 0;text-align: left;}
    .promotion-card span{height: 1px;width: 30%;text-align: left;display: block;margin: 30px 0;background-color: #fff;}
    .promotion-card p{font-size: 23px;line-height: 1.7;color: #fff;margin: 10px 0;text-align: left;}
    .promotion-card a{font-size: 25px;line-height: 1.4;color: #fff;margin: 10px 0;text-align: left;}
/* promotion-wapper css code  */

/* products css code  */
    .products-wapper{padding: 80px 20px 80px;}
    .inner-products{display: flex;justify-content: center;align-items: center;gap: 40px;flex-wrap: wrap;padding: 40px 0;}
    .inner-products article {width: 100%;max-width: 330px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 0px 20px;height: 420px;margin: 10px auto;position: relative;}
    .inner-products article div.product-img{background: no-repeat center center/cover;width: 100%;height: 360px;}
    .inner-products article h6{font-size: 20px;color: #00428e;margin: 10px auto;text-align: center;line-height: 1.6;font-weight: 600;}
    .related-products-a{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;}
/* products css code  */


/* hr css code starts here  */
    hr {margin-top: 0px;margin-bottom: 0px;width: 100%;height: 6px;background-image: url('../images/background-images/nav-bottom.jpg');}
/* hr css code ends here  */


/* goto top css code start here  */
    .to-top {position: fixed;z-index: 8;bottom: 15px;right: 15px;display: none;}
    .to-top a.back-to-top {display: block;text-align: center;color: #8fcc2a;font-size: 20px;width: 35px;height: 50px;line-height: 48px;border-radius: 15px;background: #ffffff;border: 2px solid #8fcc2a;transition: .4s;}
/* goto top css code start here  */

/* footer section css code starts here  */
    footer{padding: 0px 0px; position: relative;background: #004799;z-index: 0;}
    footer::before {position: absolute;content: '';left: -200px;bottom: -200px;width: 400px;height: 400px;border: 50px solid #081e53f2;border-radius: 100%;z-index: -1;animation: zoom-fade 6s infinite linear;}
    .main-footer{padding: 0 20px;}
    @keyframes zoom-fade {0% {transform: scale(0.6);opacity: 0;}50% {transform: scale(0.8);opacity: 1;}100% {transform: scale(1);opacity: 0;}}
    .inner-main-footer{display: flex;justify-content: center;align-items: center;margin: auto;}
    .contact-us {width: 100%;max-width: 450px;margin: 35px 30px 10px;}
    .contact-us h5 {font-size: 24px;text-align: left;font-weight: 600;line-height: 1.6;margin: 0;letter-spacing: .4px;padding: 0;color: #fff;}
    .contact-us span{width: 35px;height: 2px;margin: 10px 0 20px 0;padding: 0;display: block;background: #fff;border: none;}
    .contact-us h6 {font-size: 21px;text-align: left;line-height: 1.4;margin: 0;letter-spacing: .4px;padding: 0;color: #a3d301;}
    .contact-us p{font-size: 14px;text-align: justify;font-weight: 400;line-height: 1.6;margin: 0;letter-spacing: .4px;padding: 5px 0;color: #fff;display: flex;justify-content: flex-start;align-items: baseline;}
    .contact-us p i {margin-right: 10px;color: #a3d301;}
    .contact-us a{font-size: 14px;text-align: justify;font-weight: 400;line-height: 1.6;margin: 0;letter-spacing: .4px;padding: 5px 0;color: #fff;}
    .contact-us a i {color: #a3d301;font-size: 14px;margin-right: 10px;}
    .follow-us{display: flex;justify-content: baseline;align-items: center;margin: 5px 0px;}
    .follow-us a{width: 30px;line-height: 1.6;margin: 10px 5px; padding: 5px;display: flex;justify-content: center;align-items: center;overflow: hidden;}
    .follow-us a i{font-size: 14px;margin-right: 0;transition: all .4s ease-in-out;}
    .follow-us a:nth-child(1) i{color: #fff;}
    .follow-us a:nth-child(2) i{color: #1DA1F2;}
    .follow-us a:nth-child(3) i{color: #E1306C;}
    .follow-us a:nth-child(4) i{color: #fff;}
    .follow-us a:nth-child(5) i{color: #25D366;}
    .follow-us a:hover i{transform: scale(1.4);}
    .location-map {width: 100%;max-width: 650px;margin: 35px 30px 10px;}
    .location-map h5 {font-size: 24px;text-align: left;font-weight: 600;line-height: 1.6;margin: 0;letter-spacing: .4px;padding: 0;color: #fff;}
    .location-map span{width: 35px;height: 2px;margin: 10px 0 20px 0;padding: 0;display: block;background: #fff;border: none;}
    .location-map iframe{height: 230px;}
    .bottom-footer {margin: 40px 0 0 0;padding: 15px;background-color: #fff;position: relative;z-index: -1;}
    .inner-bottom{text-align: center;padding: 0 20px;}
    .inner-bottom p{text-align: center;font-size: 13px;font-size: 14px;font-weight: 400;line-height: 1.4;margin: 0;letter-spacing: .4px;padding: 5px 0;color: #555;}
/* footer section css code ends here  */ 



/* inner page banner */
    .inner-banner{height: 300px;background: no-repeat center center/cover;padding: 20px;position: relative;transform: translateY(150px);}
    .inner-banner::before{position: absolute;content: '';top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(180deg,rgba(5, 0, 0,.1),#010003ba);}
    .banner-content {color: #fff;display: flex;justify-content: center;align-items: flex-start;flex-direction: column;position: absolute;bottom: 30px;}
    .with-overlay{position: relative;z-index: 0;}
    .inner-banner h1 {font-size: 52px;text-transform: uppercase;color: #ffad01;letter-spacing: 4px;}
    .inner-banner h1 span{color: #fff;}
    .breadcrumbs a {color: #8fcc2a;font-weight: 700;}
    .inner-banner .breadcrumbs {display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
    .inner-banner .breadcrumbs i{margin: 0 8px;margin-top: 1px;}
    .with-overlay:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .4;z-index: -1;}
    .qoutes {font-size: 36px;font-style: italic;line-height: 1.6;color: #024593;text-align: center;margin: 10px auto;border-radius: 32px;padding: 8px 20px;transition: all .4s ease-in-out;}
    .qoutes:hover{transform: translateY(3px);box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
/* inner page banner */

/* about us css code  */
    .inner-page-content-wapper{padding: 40px 20px;}
    .pt-b-ef {padding: 200px 20px 40px;}
    .inner-content{display: flex;justify-content: center;align-items: center;gap: 40px;}
    .inner-content .left-inner-about {width: 100%;max-width: 900px;border-left: 10px solid #8fcc2a;padding: 0 20px;}
    .inner-content .left-inner-about p{color: #949494;line-height: 1.7;text-align: justify;}
    .midiel-about {border-left: 0 !important;border-right: 10px solid #8fcc2a;text-align: right;}
    .midiel-about p{text-align: justify;}
    .right-inner-about{width: 100%;max-width: 300px;}
    .right-inner-about span {display: flex;justify-content: center;align-items: center;}
    .right-inner-about span img{width: 230px;}
    .about-img-icon-res{display: none;}
    h2.inner-page-h2 {font-size: 40px;text-transform: uppercase;line-height: 1.7;font-weight: 400;letter-spacing: -2px;color: #0964ce;margin: 5px 20px;}
/* about us css code  */

/* vision mission  css code  */
    .vm-cards {position: relative;padding: 50px;border: 3px dotted #999;margin: 60px auto;border-radius: 17px;}
    .vm-cards h3 {background-color: #ff7f01;color: #fff;padding: 10px;font-size: 25px;line-height: 20px;margin-top: -70px;width: 20%;text-align: center;border-radius: 3px;}
/* vision mission  css code  */
 
/* Chief-architect css code  */
    h4.inner-page-h4{font-size: 24px;line-height: 1.7; font-weight: 500; letter-spacing: 1px;color: #8FCC2A; margin: 5px 20px;}
    .Chief-architect ul li {margin-bottom: 20px;width: 100%;padding-left: 20px;color: #555;list-style-type: disclosure-closed;margin-left: 38px;}
/* Chief-architect css code  */

/* Our Competitive Advantage css code  */
    ul.check-inner-page-ul {margin: 20px 0;}
    ul.check-inner-page-ul li {padding-left: 64px;margin: 20px 0;position: relative;font-size: 18px;color: #6b6b6b;line-height: 1.6;}
    ul.check-inner-page-ul li span {position: absolute;top: 2px;left: 20px;width: 30px;height: 30px;background: #ececec;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
    ul.check-inner-page-ul li span img {width: 20px;filter: invert(51%) sepia(88%) saturate(2387%) hue-rotate(1deg) brightness(104%) contrast(104%);}
/* Our Competitive Advantage css code  */

/* objectives */
    section.our-objective-component-wrapper{margin-top: 30px;}
    section.our-objective-component-wrapper article{display: flex;justify-content: flex-start;padding: 0 32px 0 0;margin: 30px 10px;}
    section.our-objective-component-wrapper article span {position: relative;z-index: 0;font-size: 52px;color: #E65A13;}
    section.our-objective-component-wrapper article span::before {content: '';position: absolute;top: 0;left: 41px;width: 80px;height: 80px;background-color: #E65A13;opacity: .1;border-radius: 50%;transition: all .4s ease-in-out;}
    section.our-objective-component-wrapper article:hover span::before{transform: scale(1.2);}
    section.our-objective-component-wrapper article div{width: calc(100% - 62px);text-align: left;}
    section.our-objective-component-wrapper article p{color: #5e5e5e;line-height: 1.4;}
    .inner-objective-points-content{display: flex;justify-content: center;gap: 30px;flex-wrap: wrap;}
    .inner-objective-points-content p{width: 46%;text-align: justify;line-height: 1.6;color: #949494;margin: 0;position: relative;border-bottom: 1px solid #efefef;padding-bottom: 20px;}
    .inner-objective-points-content p:nth-child(3){border-bottom: 0;}
    .inner-objective-points-content p:nth-child(4){border-bottom: 0;}
/* objectives */


/* contact us page */
    .contact-section-wrapper{display: flex;justify-content: center;padding: 0px 20px;}
    .contact-section-wrapper div.left-location-details, div.right-form-contact{width: 100%;max-width: 600px;padding: 20px;}
    .location-frame{height: 500px;margin-top: 20px;}
    .contact-section-wrapper .left-location-details ul{margin-bottom: 40px;}
    .contact-section-wrapper .left-location-details ul li{margin: 16px 0;}
    .contact-section-wrapper .left-location-details ul li:first-child{margin-top: 10px;}
    .contact-section-wrapper .left-location-details ul li a{display: flex;justify-content: flex-start;align-items: center;font-size: 20px;}
    .contact-section-wrapper .left-location-details ul li em{display: flex;justify-content: center;align-items: center;width: 60px;height: 60px;border-radius: 50%;background: #e65a13;color: #fff;margin-right: 20px;font-size: 22px;}
    .contact-section-wrapper .left-location-details ul li span {max-width: 400px;color: #5b5b5b;}
    .right-form-contact div.contact-input{background-color: #f7f7f7;margin: 20px 0;padding: 20px;}
    .right-form-contact div.contact-input input,.right-form-contact div.contact-input textarea{font-size: 18px;height: initial;font-family: 'Jost', sans-serif;}
    .right-form-contact em{display: block;margin: 20px 0;}
    .right-form-contact button {height: initial;width: 100%;background: #19d0f0;color: #fff;padding: 20px 0;font-size: 20px;text-transform: uppercase;cursor: pointer;transition: all .4s ease-in-out;border-radius: 8px;}
    .right-form-contact button:hover{transform: translateY(-3px);background: #02448f;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
    .g-recaptcha {display: flex;justify-content: center;align-items: center;width: 100%;margin: 10px 0; text-align: center;}
    .careers-form{width: 100%;max-width: initial !important;}
    .careers-flex-wapper{display: flex;justify-content: center;gap: 60px;}
    .careers-flex-wapper .contact-input{width: 50%;}
    .careers-flex-wapper .contact-input textarea{ height: 24px !important;}
    .career-btn{width: 100%;max-width: 350px;margin: auto;text-align: center;display: flex;justify-content: center;font-size: 30px !important;}

/* about us page */

/* product presentaion css cocde  */
    .product-cards-wapper{display: flex;justify-content: center; align-items: center;gap: 40px 20px;flex-wrap: wrap;}
    .product-card {width: 100%;max-width: 350px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;padding: 0px 0px;margin: 10px 20px;transition: all .4s ease-in-out;position: relative;}
    .product-card div.product-img {background: no-repeat center center/cover;width: 100%;height: 350px;margin: auto;}
    .product-card h6{font-size: 20px;background-color: #e65a13;color: #fff;margin: 0px auto;text-align: center;line-height: 1.6;padding: 14px 0;}
    .product-card:hover{transform: translateY(-3px);box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;}
    .product-card a{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: 100%;height: 100%;}
/* product presentaion css cocde  */

  .product-details-wapper{display: flex;justify-content: center;align-items: center;gap: 40px 0px;}
  .left-product-details{width: 100%;max-width: 650px;padding: 10px 20px; background: no-repeat center center/contain;height: 600px;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
  .right-product-details{width: 100%;max-width: 600px;padding: 10px 20px;}
  .inner-page-h6{margin: 0 20px;font-size: 18px;font-weight: 500;color: #404040;line-height: 1.6;}
  .right-product-details p{margin-top: 5px;}
  .other-product-details-wapper{padding: 60px 0;}
  .dosage-wapper{display: flex;justify-content: center;gap: 40px;}
  .dosage-inner{width: 50%}
  .dosage-modle-1{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; padding: 20px; margin: 30px auto;}
  .dosage-modle-1 span{display: block;}
  .dosage-modle-1 span img{width: 50px; margin: 0 20px; filter: invert(42%) sepia(52%) saturate(3735%) hue-rotate(357deg) brightness(95%) contrast(90%);}
  .dosage-modle-2{display: flex;justify-content: flex-start;align-items: center;gap: 20px 40px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 20px;margin: 35px auto;}  
  .dosage-modle-2 span{display: block;}
  .dosage-modle-2 span img{width: 110px;margin: 0 20px;filter: invert(42%) sepia(52%) saturate(3735%) hue-rotate(357deg) brightness(95%) contrast(90%);}
  .dosage-modle-3{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; padding: 20px; margin: 30px auto;text-align: center;}
  .dosage-modle-3 span{display: block;}
  .dosage-modle-3 span img{width: 50px; margin: 0 20px; filter: invert(42%) sepia(52%) saturate(3735%) hue-rotate(357deg) brightness(95%) contrast(90%);}


/*  sitemap */
  .site-wrapper{padding: 60px 20px;}
  .site-wrapper .sitemap-cont{display:flex;justify-content: space-around;flex-wrap: wrap;}
  .sitemap-cont .sitemap-component{width: 100%;max-width: 500px;margin: 20px;box-shadow: -5px -5px 10px rgb(255,255,255), 5px 5px 10px rgba(230, 225, 225, 0.96);transition: all 0.4s;}
  .sitemap-cont .sitemap-component:hover{transform: translateY(-10px);}
  .sitemap-component .site-icon{color: #cfb53c;font-size: 32px; margin-right: 32px;}
  .sitemap-component a {color: #01448f;padding: 20px 40px;text-transform: uppercase;display: flex;align-items: center;}
  .sitemap-component a i{margin: 0px 10px;}
  .sitemap-component a i img{filter: invert(61%) sepia(70%) saturate(5686%) hue-rotate(353deg) brightness(92%) contrast(96%);}
  .landing-pages{display: flex;justify-content: center;flex-wrap: wrap;}
  .landing-pages a{width: 100%;max-width: 350px;height: 250px;display: flex;justify-content: center;align-items: center;margin: 10px;box-shadow: -5px -5px 10px rgb(255,255,255), 5px 5px 10px rgba(230, 225, 225, 0.96);background-size: contain;background-position: center;background-repeat: no-repeat; transition: all .4s;position: relative;z-index: 0;color: #cfb53c;font-size: 20px;text-align: center;padding: 10px;}
  .landing-pages a:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;background: #000;opacity: .6;transition: all .4s;}
  .landing-pages a:hover:after{opacity: .4;}
/*  sitemap */




/* media queri css code  */
@media (max-width: 1330px){
    .about-card{max-width: 600px;}
}
@media (max-width: 1200px){
    .about-us-wapper{background-position: 30% 50%;}
    .about-card {max-width: 500px;}
    .contact-section-wrapper{flex-direction: column;}
    .contact-section-wrapper div{width: 100%;max-width: 100%;}
    .about-card {max-width: 100%;}
}
@media (max-width: 1060px){
    .objectives-cards-wapper{gap: 120px 40px;}
    .first-objective-card{margin-bottom: -100px !important;}
}
@media (max-width: 992px){
    .about-us-wapper{background-image: none;}
    .inner-content{flex-direction: column-reverse !important;}
    .inner-content .left-inner-about p{text-align: justify;margin: 20px 20px 0px 20px;}
    .vm-cards h3{width: 30%;}
    .inner-content .left-inner-about{padding: 0;}
    .inner-objective-points-content p{width: 100%;}
    .inner-objective-points-content p:nth-child(3){border-bottom: 1px solid #efefef;}
    .inner-objective-points-content p:nth-child(4){border-bottom: 1px solid #efefef;}
    .product-details-wapper{flex-wrap: wrap;}
    .resp-menu{display: block;}
    header .toggle {display: block !important;}
    header .bottom-header ul{display: none;}
    .inner-banner{height: 280px;}
    .main-slider{transform: translateY(173px);}
    .inner-banner{transform: translateY(142px);}
    .header-logo img{margin-left: 8px;}
    header .top-header ul{justify-content: center;}
}
@media (max-width: 776px){
    .dosage-wapper{flex-wrap: wrap;justify-content: flex-start;}
    .dosage-inner {width: 100%;}
    .inner-main-footer{flex-wrap: wrap;}
    .contact-us{max-width: initial;margin: 15px 0px;}
    .location-map{max-width: initial;margin: 35px 0px 10px;}
    .inner-banner{height: 260px;}
    .inner-banner h1{font-size: 32px;}
    .objectives-wapper{padding: 200px 0px 150px;}
    .objectives-cards-wapper{padding: 0 0 40px;gap: 130px 40px;}
    .contact-section-wrapper div.left-location-details, div.right-form-contact{padding: 0;}
}
@media (max-width: 720px){
    .obj-height{height: 0;}
}
@media (max-width: 636px){
    .contact-section-wrapper .left-location-details ul li em {margin: 0 0 10px !important;}
    .contact-section-wrapper .left-location-details ul li a {flex-direction: column;justify-content: center;align-items: center;text-align: center;}
    .custom-shape-divider-bottom-1646049197{display: none;}
}
@media (max-width: 576px){
    .inner-banner{height: 240px;}
    .inner-banner h1{font-size: 28px;}
    .contact-section-wrapper{padding: 0px 0px;}
    .contact-section-wrapper h4.inner-page-h4{text-align: center;}
    .promotion-card{left: 0;}
}
@media (max-width: 536px){
    .vm-cards h3{width: 50%;}
    .vm-cards{padding: 40px 10px;}
    h4.inner-page-h4{font-size: 20px;margin: 5px 20px;}
    h2.inner-page-h2{font-size: 25px;text-align: center;margin: 5px auto;}
    .image-gallery{width: 100%;}
    .dosage-modle-2{flex-direction: column;justify-content: center;align-items: center;}
    .dosage-modle-2 div{text-align: center;}
    .right-inner-about span img{width: 180px;}
    .about-card{padding: 30px 20px 30px;}
    .solutions-wapper{padding: 80px 20px 50px;}
    .promotion-card {background-color: #02448fc9;color: #fff;width: 100%;max-width: 550PX;padding: 20px;position: absolute;top: 0;bottom: 0;margin: auto;height: 100%;display: flex;justify-content: center;align-items: flex-start;flex-direction: column;}
    .products-wapper{padding: 60px 20px 40px;}
    .owl-dots{display: none;}
    .right-inner-about span img{display: none;}
    .about-img-icon-res{display: flex;justify-content: center;align-items: center;}
    .about-img-icon-res span img{width: 120px;}
    .promotion-wapper{background-image: url("../images/background-images/promotion-banner-res.jpg") !important;}
}
@media (max-width: 480px){
    .inner-banner{height: 200px;}
    .inner-banner h1{font-size: 25px;}
    .sitemap-component a{flex-direction: column;padding: 20px 10px;text-align: center;}
    .promotion-card{height: 100%;}
    .fluid-container{padding: 0;}
}
@media (max-width: 360px){
    .inner-banner{height: 180px;}
    .inner-banner h1{font-size: 22px;}
}