@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
html, body {
  font-family: "Roboto", sans-serif;
  overflow-x: hidden;
  position: relative;color:#000000; font-size:18px;
}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  color:#2F2F2F;
}

a {transition: ease-in-out all 0.25s;  -webkit-transition: ease-in-out all 0.25s;  -ms-transition: ease-in-out all 0.25s;  -o-transition: ease-in-out all 0.25s;  text-decoration: none;  color: #000;  cursor: pointer;}

a:active, a:hover {outline: 0;  text-decoration: none;}
img {max-width: 100%;}
button:focus, a:focus {outline: none;}
a:hover {text-decoration: none;}
.form-control:focus, .btn.focus, .btn:focus {box-shadow: none;}
:root {
  --bs-gutter-x: 1.25rem;
  --bs-gutter-y: 1.25rem;
  --bs-card-spacer-y: 1.5rem;
  --bs-card-spacer-x: 1.5rem;
  --bs-gutter-xx: 0;
  --bs-white:#ffffff; 
  --bs-black:#000000;
  --bs-base-color:#00b1f0;
  --bs-body-font-size:16px;
  --bs-body-font-weight:300;
  --bs-body-line-height: 1.5; 
  --bs-body-font-family: "Roboto", sans-serif;
}
body {
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  overflow-x: hidden; background:#fff; color:#2F2F2F;
  
}
.card-product-details {--bs-card-spacer-y: 2.5rem;--bs-card-spacer-x: 2.5rem;}
.card-p {--bs-card-spacer-y: 1rem;--bs-card-spacer-x: 1rem;}
.card-body {flex: 1 1 auto;padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);color: var(--bs-white);}
.card {
  --bs-card-spacer-y: 1.25rem;
  --bs-card-spacer-x: 1.25rem;
  --bs-card-title-spacer-y: 0;
  --bs-card-border-width: 0;
  --bs-card-border-radius: 0;
  --bs-card-inner-border-radius: 0;
  --bs-card-cap-padding-y: 1.25rem;
  --bs-card-cap-padding-x: 1.25rem;
  background: transparent;
}
.gx-10 {--bs-gutter-x: 10px;}
.gx-20, .g-20 {--bs-gutter-x: 1.5rem;}
.gx-30, .g-30 {--bs-gutter-x: 3rem;}
.gx-40 {--bs-gutter-x: 4rem;}
.gx-60 {--bs-gutter-x: 6rem;}
.gy-10 {--bs-gutter-y: 10px;}
.gy-20, .g-20 {--bs-gutter-y: 1.5rem;}
.gy-30, .g-30 {--bs-gutter-y: 3rem;}
.gy-40 {--bs-gutter-y:4rem;}
.gy-60 {--bs-gutter-y:6rem;}
.gyn {--bs-gutter-y: 0;}
.gxn {--bs-gutter-x: 0;}
.g-20.h-100 {  height: calc(100% + 1.25rem) !important;}
.row>* {
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}
.row {
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}
 
.text-right{text-align: right;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.wid-full{width:100%;}
.wid-full .row{width: 100%; padding:0;}
.por-abslut{position: absolute; bottom:30px; width:1400px; left:auto; right:auto;}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {font-family: var(--bs-body-font-family);  line-height: 1.1;  font-weight:700;  margin-bottom: 1rem; }
h1, .h1 {font-size: 40px;font-weight:300;}
h2, .h2 {font-size: 35px;font-weight:300;}
h3, .h3 {font-size: 30px;font-weight:300;}
h4, .h4 {font-size: 28px;font-weight:300;}
h5, .h5 {font-size: 25px;font-weight:500;}
h6, .h6 {font-size: 22px;font-weight:500;}
p {margin-bottom: 25px;line-height:25px;}
.pt-20{padding-top:60px!important;}
/*------------------- preloader style--------------- */
.preloader {background-color: #fff;  position: fixed;  top: 0;  bottom: 0;  left: 0;  right: 0;  z-index: 999999;}
.loading {width:169px;  height:65px;  position: absolute;  left: 0;  right: 0;  margin: auto;  top: 0;  bottom: 0;  animation: fadeanimation linear 2s;  -webkit-animation: fadeanimation linear 2s;  -moz-animation: fadeanimation linear 2s;  -o-animation: fadeanimation linear 2s;  -ms-animation: fadeanimation linear 2s;  animation-iteration-count: infinite;  -webkit-animation-iteration-count: infinite;  -moz-animation-iteration-count: infinite;  -o-animation-iteration-count: infinite;  -ms-animation-iteration-count: infinite;}
.img-responsive {display: block;  max-width: 100%;  height: auto;}
.nav-toggle:before { content: "";  position: absolute;  width:37px;  height:26px;  background:url(../img/menu.png)right top no-repeat;  background-color:transparent;  border-radius:0;  box-shadow:none;  -webkit-border-radius:0;  -moz-border-radius:0;  -ms-border-radius:0;  -o-border-radius:0;}
.nav-menus-wrapper-close-button {  width:40px;  height: 40px;  margin:20px 7px 0 7px;  display: none;  float: right;  color: transparent;  font-size: 26px;  background: url(../img/menu-close.png) top right no-repeat;  cursor: pointer;position:absolute;}

.container {max-width:1288px;}

.sticky {border-top:none; position: fixed;  top: 0;  width: 100%;  background: var(--bs-base-dark-blue);  transition: height 0.5s ease-in;  z-index: 99999999;  box-shadow: 0px 6px 21px #00000047;  -webkit-transition: 0.8s;  -moz-transition: 0.8s;  -ms-transition: 0.8s;  -webkit-animation-name: fadeInDown;  animation-name: fadeInDown;  -o-transition: 0.8s;  transition: all ease-in-out 0.5s;}
.header-top {background: var(--bs-white); transition: height 0.5s ease-in;  z-index: 99;  -webkit-transition: 0.8s;  -moz-transition: 0.8s;  -ms-transition: 0.8s;  -webkit-animation-name: fadeInDown;  animation-name: fadeInDown;  -o-transition: 0.8s;  transition: all ease-in-out 0.5s; padding:6px 0;border-bottom:solid 1px #dedede;}
.langauge{display: flex;}
.langauge .form-select{border:none;  font-size:14px; color:#2C2C2C;}
.nav-brand {line-height:unset;} 

.nav-menu li:last-child a {background: transparent;}
.navigation {background: transparent;}
.submenu-indicator-chevron {border-color:#000;}
.submenu-indicator {margin-left: 6px;  margin-top: 8px;}
.head-flex {display: flex; gap:0px; align-items: center;    justify-content: space-between;}
.nav-header {float: none;  padding: 0px 0px;  background: transparent;}
.nav-menu>li>a {padding:20px 0; font-size:18px; font-weight:300;margin-left:0px; text-transform: capitalize; color:#000;}
.nav-menu>li {position: relative;margin-left:60px;}
.nav-menu>li:after{position: absolute;left:-30px; top:20px;background:#d3d3d3; height: 20px; width: 1px; content:'';}
.nav-menu>li:last-child:after, .nav-menu>li:first-child:after{background:transparent;}
.nav-menu>li.active {position: relative;  transition: 0.5s;}
.nav-menu>li:last-child{margin-left:30px;}
.nav-menu>li:last-child a{border: solid 1px var(--bs-base-color);padding:14px 50px 14px 24px; border-radius:30px; background: url(../img/arrow-active.png) 90% 10px no-repeat;}
.nav-menu>li:last-child a:hover{ color:#fff; background:#00aeef url(../img/arrow-gray-next.png) 90% 10px no-repeat;}
.nav-menu>li.active:after {content: '';  position: absolute;  width: 60%;  height: 5px;  left: 50%;  bottom: 0px;  background: var(--bs-base-color);  transform: translateX(-50%);  border-radius: 5px 5px;  transition: 0.5s;}
.nav-menu>li:hover>a,
.nav-menu>li.active>a,
.nav-menu>li.focus>a {color:var(--bs-base-color);}
.nav-menu li:last-child a {height: unset;}
.nav-dropdown{background:#fff;6px 0 0 0;}
.nav-dropdown>li>a {width: 100%;  padding: 10px 20px;font-weight:300;  display: inline-block;  text-decoration: none;  float: left;  font-size: 16px;  color: #000 !important;  background:#fff!important;}
.megamenu-panel {background: var(--bs-base-color);}
.nav-dropdown>li>a:hover,
.nav-dropdown>li>a:focus {color: var(--bs-white);  text-decoration: underline;}
.megamenu-list>li>a:hover {background-color: transparent;  color: var(--bs-white);  text-decoration: underline;}
.navigation-portrait .nav-menus-wrapper {background-color:var(--bs-white);}
.nav-menu>li:hover>a .submenu-indicator-chevron,
.nav-menu>.active>a .submenu-indicator-chevron,
.nav-menu>.focus>a .submenu-indicator-chevron {border-color: var(--bs-base-color) var(--bs-base-color) var(--bs-base-color) var(--bs-base-color);}
@media screen and (min-width:1200px) {
  .nav-brand {line-height: unset;}
}
@media screen and (max-width:1200px) {
  .nav-menu>li:after {display: none;}
}
.navigation-portrait .nav-brand {line-height: 0px;}
.navigation .nav-brand img{margin-bottom:-7px;}
/* .nav-dropdown {top: 80px;} */
.nav-menus-wrapper {width: auto;  display: flex;}
.nav-menu{width:100%;}
.nav-menu > li{float: none; text-align: right;}
.snip1217 { text-align: left;font-weight: 500;}
.snip1217 * {-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease;transition: all 0.35s ease;}
 
.snip1217 a:after{
  height:1px;
  position: absolute;
  content: '';
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  background-color:var(--bs-base-color);
  width: 0;
}
.snip1217 a:after{bottom:0px;left: 0;}
.snip1217 a:hover,
.snip1217 .current a {color:var(--bs-base-color);}
.snip1217 a:hover:before,
.snip1217 .current a:before,
.snip1217 a:hover:after,
.snip1217 .current a:after, .current-menu-item a:after{width: 100%;}
.current-menu-item a{color: #000;}
.snip1217 .current ul li a:after {height:0px;position: absolute; content: ''; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; background-color: #fff; width: 0;}
.snip1217 li:last-child a:hover::after{width:0px;} 
.nav-link.active{color:var(--bs-base-color)!important;}

.hero-section {position: relative;z-index:10; margin-bottom: 50px;}  
.slier-content{position: absolute; width: 100%; height: 100%; z-index: 9;left:0; top: 0; background:url(../img/banner-shadow.png) left top repeat-y; }
.banner-text{position: relative; top: 50%;transform: translateY(-50%);padding-left:0px;width:50%;}
.vertical-text{position: relative; top: 50%;transform: translateY(-50%);padding-left:50px;width:50%;}
.slier-content .container{height: 100%;}
.banner-img{position:relative; bottom:0%; right:0; width:100%;padding-top:10px;} 
.slider-cont { display: flex; align-items:left; position: absolute; width: 100%; left: 50%; top:50%; transform: translate(-50%, -50%);z-index:10;}
.hero-tittle {text-align:left;}
.banner-text span{font-size:60px; font-weight:200;color:#fff;line-height:60px;}
.hero-section .owl-prev {
  position: absolute;
  left: 30px;
  top:30vh;
  width: 60px;
  height: 60px;
  line-height:20px;
  text-align: 60px;
  border: solid 1px #899596 !important;
  border-radius: 100%;
}
.hero-section .owl-prev span {
  background: url(../img/arrow-gray-prev.png) left top no-repeat;
  width: 32px;
  font-size: 0;
  height: 32px;
  display: block;
  margin-top: 0px;
  margin-left: 10px;
}
.hero-section .owl-carousel .owl-nav button.owl-prev:hover {background:#fff!important}
.hero-section .owl-carousel .owl-nav button.owl-prev:hover span {
  background: url(../img/arrow-active-back.png) left top no-repeat;}
.hero-section .owl-next {
  position: absolute;
  right: 30px;
  top:30vh;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: 60px;
  border: solid 1px #899596 !important;
  border-radius: 100%;
}
.hero-section .owl-next span {
  background: url(../img/arrow-gray-next.png) left top no-repeat;
  width: 32px;
  height: 32px;
  display: block;
  margin-top: 0px;font-size: 0;
  margin-left: 10px;
}
.hero-section .owl-carousel .owl-nav button.owl-next:hover {background:#fff!important}
.hero-section .owl-carousel .owl-nav button.owl-next:hover span {background: url(../img/arrow-active.png) left top no-repeat;}
.owl-carousel .owl-nav.disabled {display: flex;width: 100%;right: 0; top: 0; }


/* get to know us */
.get-toknow{width: 100%; display:block; padding-top:0px;padding-bottom:30px;}
.sub-title{position: relative; color:var(--bs-black);padding-left:20px;margin-bottom: 30px;
  display: block; text-transform: uppercase;font-size:16px; font-weight:600;}
.sub-title:before{background:var(--bs-base-color);width:12px; height:12px; border-radius:100%; position: absolute; 
left: 0; top:6px; content:'';}
.wid-full{width:100%;}
.aboutnotes p{font-weight:300;line-height: 30px;}

.whatcan{width: 100%; display:block; padding-top:60px;border-top:solid 1px #d1d1d1;margin-top: 20px;}
.nav.nav-tabs.nav-tabs-vertical {border: none; display: block;}
.nav-tabs .nav-link{border-radius:0;border:none!important}
.nav-tabs .nav-link{border-bottom:solid 1px #cccccc!important;font-weight:600;padding:0 0 30px 0; color:#242424;margin-bottom:30px;}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{border:none; border-bottom:solid 1px var(--bs-black)!important;
background: url(../img/arrow-black.png) right 1px no-repeat;}
.por-reletive{position: relative;}
.text-center{text-align: center;}
.colo-white{color:#fff; padding:30px;}
.tab-img img{position: relative; overflow: hidden;}
.tab-img:before{ position: absolute; width: 100%; height:98%; z-index: 1; background: rgba(0, 0, 0, 0.5); left: 0; top: 0; content: '';}
.whatcan-tabimg{position: absolute;width: 100%; height: 100%; left: 0; top: 0; z-index: 9;}
.whatcan-tabimg h3{font-weight: 600;}
.whatcan .order-sm-2{padding-left:50px;}
.shot-cont{padding:0px 200px 30px 200px;border-bottom:solid 1px #d1d1d1;margin-bottom:50px;}

.discover{padding:60px 0; display: block;width: 100%;}
.help-cont .whatcan-tabimg{height:45%; top:auto; bottom: 0;}
.help-cont .vertical-text {
  position: relative;
  top: auto;
  transform: translateY(0%);
  padding-left:30px;
  width:100%;
  bottom: 0;}
.tab-img.help-cont::before {height:99%;}
.tab-img.help-cont .whatcan-tabimg h3 {font-weight:300;}
.list-testimonial{background:#d2effb url(../img/test-icon.png) 90% 90% no-repeat;width: 100%; min-height:440px;padding:50px;}
.list-testimonial h6{margin-bottom: 0;}
.list-testimonial p{font-weight:300; font-size:24px; line-height: 30px;} 
 
.review-slider .owl-prev {
  position: absolute;
  right:100px;
  top:-100px;
  width: 60px;
  height: 60px;
  line-height:20px;
  text-align: 60px; 
  border-radius: 100%;box-shadow: 1px 1px 56px -6px rgba(87,87,87,0.22);
-webkit-box-shadow: 1px 1px 56px -6px rgba(87,87,87,0.22);
-moz-box-shadow: 1px 1px 56px -6px rgba(87,87,87,0.22);
}
.review-slider .owl-prev span {
  background: url(../img/arrow-active-back.png) left top no-repeat;
  width: 32px;
  font-size: 0;
  height: 32px;
  display: block;
  margin-top: 0px;
  margin-left: 10px;
}
.review-slider .owl-carousel .owl-nav button.owl-prev:hover {opacity:1;}
 
.review-slider .owl-next {
  position: absolute;
  right:10px;
  top:-100px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: 60px; 
  border-radius: 100%;box-shadow: 1px 1px 56px -6px rgba(87,87,87,0.22);
-webkit-box-shadow: 1px 1px 56px -6px rgba(87,87,87,0.22);
-moz-box-shadow: 1px 1px 56px -6px rgba(87,87,87,0.22);
}
.review-slider .owl-next span {
  background: url(../img/arrow-active.png) left top no-repeat;
  width: 32px;
  height: 32px;
  display: block;
  margin-top: 0px;font-size: 0;
  margin-left: 10px;
}
.review-slider .owl-carousel .owl-nav button.owl-next:hover {opacity:1;}
.team-cont{padding-top:20px;}
.team-cont h5{font-weight:300;margin-bottom:0;}
.paral-cont{position: absolute; left: 0; top: 0; width: 100%; padding:60px 0;}
.paral-cont .sub-title {
  position: relative;
  color: var(--bs-white);
  padding-left: 20px;
  margin-bottom: 30px;
  display: block;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
}
.paral-cont .sub-title::before {
  background: var(--bs-white);
  width: 12px;
  height: 12px;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top:5px;
  content: '';
}
.paral-cont h2{color:#fff; padding: 200px 150px 0 0;}
.list-arrow ul{margin-bottom:25px;}
.list-arrow{list-style: none;}
.list-arrow li{background: url(../img/list-arrow.png) left 6px no-repeat;list-style: none; padding-left:20px; margin-bottom:6px;}
.approach-section{border-bottom:solid 1px #dbdbdb; display: block; width:100%; border-top: solid 1px #dbdbdb; padding:50px 0; margin:10px 0 0 0;}
.releted-services{width:100%; display: block;}
.releted-services a{background:#f9f9f9;border:solid 1px var(--bs-base-color); border-radius:30px; padding:10px; display: block;text-align: center; font-size:24px; font-weight:300; width:100%;}
.border-box{border:solid 1px #d7d7d7; position: relative; width:92%; padding:80px 20px 20px 20px; margin-top: 60px;margin-bottom: 50px;min-height:310px;}
.step{position: absolute; left: 50%; width: 110px; border-radius:100%; background: var(--bs-base-color); height:110px; text-align: center; line-height:110px; text-transform: uppercase; font-weight:600; color:#fff; margin-left:-55px; top:0; margin-top:-55px;}
.approach-section .col{position: relative;}
.approach-section .col:nth-child(2):after {position:absolute; background:url(../img/big-arrow.png) left top no-repeat;
content:''; left:-42px; top:50%; width: 50px; height: 50px;}
.approach-section .col:nth-child(3):after {position:absolute; background:url(../img/big-arrow.png) left top no-repeat;
content:''; left:-42px; top:50%; width: 50px; height: 50px;}
.approach-section .col:nth-child(6):after {position:absolute; background:url(../img/big-down-arrow.png) left top no-repeat;
content:''; right:48%; top:-54px; width: 50px; height: 50px;} 

.approach-section .col:nth-child(5):after {position:absolute; background:url(../img/big-arrow-back.png) left top no-repeat;
content:''; right:-10px; top:50%; width: 50px; height: 50px;}
.approach-section .col:nth-child(4):after {position:absolute; background:url(../img/big-arrow-back.png) left top no-repeat;
content:''; right:-10px; top:50%; width: 50px; height: 50px;}
.pad-30{padding:0 30px;}
.releted-services a:hover{background:#fff;}
.list-arrow a{font-weight:500; text-decoration: underline;}

/* btn css */
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}
.mt-50{margin-top:50px;}
.mt-60{margin-top:60px;}
.mb-10{margin-bottom:10px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-50{margin-bottom:50px;}
.mb-60{margin-bottom:60px;}

.btn-blue-border a{letter-spacing: 1px;  font-size: 14px;border: solid 1px var(--bs-base-color);padding:16px 60px 16px 24px; border-radius:30px; background: url(../img/arrow-active.png) 90% 10px no-repeat;color:#fff;text-transform: uppercase;font-weight:500;}
.btn-blue-border a:hover{ color:#fff; background:#00aeef url(../img/arrow-gray-next.png) 90% 10px no-repeat;}
.btn-blue-border2 a{letter-spacing: 1px;font-size: 14px;border: solid 1px var(--bs-base-color);padding:16px 60px 16px 24px; border-radius:30px; background: url(../img/arrow-active.png) 90% 10px no-repeat;color:#000;text-transform: uppercase;font-weight:500;}
.btn-blue-border2 a:hover{ color:#fff; background:#00aeef url(../img/arrow-gray-next.png) 90% 10px no-repeat;}
.btn-contact{border: solid 1px var(--bs-base-color);padding:16px 60px 16px 24px; border-radius:30px;font-size:14px; background: url(../img/arrow-active.png) 90% 10px no-repeat;color:#000;text-transform: uppercase;font-weight:500;}
.btn-contact:hover{ color:#fff; background:#00aeef url(../img/arrow-gray-next.png) 90% 10px no-repeat;}


.top-fotoer{text-align: center; width:100%; padding:60px 0; display: block; position: relative;}
.page-news .nav-tabs .nav-link { border-bottom: solid 1px #cccccc !important;font-weight: 300;
  padding: 0 0 10px 0;color: #242424; margin-bottom: 10px; font-size: 26px; background: transparent !important;
}
.page-news .nav-tabs{padding-left:20px;}
.new-img{position: relative; overflow: hidden; margin-bottom:20px;}
.shotby{font-size:12px; border-radius:30px;background:#f5f5f5;padding:6px 12px; position: absolute; left:10px; bottom:20px;}
.shotby2{font-size:12px; border-radius:30px;background:#f5f5f5;padding:6px 12px;}
.date-news{font-size:14px; border-radius:1px;background:#00b1f0;padding:6px 12px;color:#fff; position: absolute; right:10px; bottom:20px; font-weight:bold; width: 65px; text-align: center;}
.readmore{color:#000; text-transform:uppercase; font-size:14px; background:url(../img/arrow-active.png) right -6px no-repeat; padding-right:40px;font-weight:600; letter-spacing:1px;}
.new-cont{margin-bottom: 40px;}
.page-news{border-bottom:solid 1px #dedede;}

.more-list { display:none;}
.loadmore a { padding:10px 0;margin-bottom: 40px; color: #000; text-transform: uppercase; font-weight:600; font-size:14px; letter-spacing:1px; border-bottom:solid 5px #00b1f0;}
.loadmore a:hover { color: #00b1f0; border-bottom:solid 5px #000;}
.news-details ul{ position: relative;padding:0px;}
/*.news-details ul li::marker { color: #00b1f0;font-weight: 800;}*/
.news-details ul li{padding-bottom:10px;}
.news-details a{text-decoration:underline; font-weight:600;}
.news-details a:hover{text-decoration: none;}
.loadmore { margin-bottom: 40px;}
 
/* footer css */
footer{background:#f9f9f9; padding:30px 0; width:100%;font-weight:300;}
footer .mt-40{margin-top:20px;}
footer p, footer a{color:#000;}
.add-tt strong{font-weight:500;}
.foot-logo{padding-bottom:20px; display: block;}
footer ul{list-style: none;}
footer ul li{padding-bottom:10px;}
footer h6{color:#000;font-size:24px; font-weight: 400;}
.add-tt p{padding:0; margin:0;}
footer ul li a{ display: inline-block; padding-top:5px; margin-right:10px;opacity:0.8;} 
.social ul li a{font-size:14px;}
.social ul li img{margin-right: 10px;}
footer span a:hover{opacity:0.7;}
.copyright{ width:100%; padding:10px 0; color:#000; opacity:0.8; text-align: center;}
.br-1{border-right:solid 1px #b4b4b4;}
.pl-50{padding-left:50px;}
.social ul li{padding-bottom:15px;}
.copyright p{margin-bottom:4px;}

.blue-bg{background:var(--bs-base-color);margin-top: 40px; padding:60px 0 80px 0; margin-bottom:0;}
.blue-bg h2, .blue-bg p{color:#fff;}
.blue-bg .btn-blue-border2 a{border:solid 1px #fff; color:#000;background:#fff url(../img/arrow-active.png) 90% 10px no-repeat;}
.nav-menu > li:last-child.current a::after {width:0;}
 footer ul li a:hover{opacity:1;}
 footer a:hover{text-decoration: underline;}
 .next-prev-section,  .next-prev-section ul {display: flex; list-style: none;width:100%; gap: 30px; padding-left:6px;}
 .next-prev-section ul li::marker {color: #fff;}
 .next-prev-section ul li a{text-decoration: none;opacity:0.5;font-weight:300; font-size: 14px;} 
 .next-prev-section ul li a:hover{opacity:1;}
 .form-group {display: block; margin-bottom: 15px;}
 .op-3{opacity: 0.4;}
 .cont-form textarea{resize:none;}
 label{font-weight:300;padding-bottom:10px;}
 .form-group2{display: block; margin:0;}
.form-control {
  display: block;
  width: 100%;
  padding: 10px 12px;
  font-size: 1rem;
  font-weight:300;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fafafa;
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: 0px;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control3 {
  display: block;
  width: 100%;
  padding:10px 12px;
  font-size: 1rem;
  font-weight:300;
  line-height: 1.5; 
  background-color: #fafafa;
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: 0px; 
}
.red{color:#ff0000;}
.form-group2{margin-bottom:10px;}
.form-group2 input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.form-group2 label { position: relative;cursor: pointer;font-weight: 300;}
.form-group2 label:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-border-color);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 8px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right:10px;
}

.form-group2 input:checked + label:after,.form-group2 input:checked + .wpcf7-list-item-label:after{
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  left:6px;
  width: 6px;
  height: 14px;
   border:solid 1px var(--bs-base-color);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.form-group2 a{font-weight:600;text-decoration: underline!important;}
.form-group2 a:hover{text-decoration: none!important;}
.row.gy-20.gx-20.row-cols-xl-3.row-cols-lg-3.row-cols-md-3.row-cols-sm-2.row-cols-2.mrt-1.justify-content-center {
  padding-left: 20px;
}
.nav-menu > li.current-menu-item:last-child a::after { width:0px;}
.my-2 img{object-fit:cover; width:100%;}


.nav-dropdown{transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;background: #fff;margin-top:0px;padding: 10px 0;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.10);transform: translateY(15px);}
.nav-menu > li:hover > ul.nav-dropdown{
    visibility: visible;display:block;
    opacity: 1;transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
    transform: translateY(0px);
  }
/*effect */
.get-left-img, .tab-img, .team-img{
  overflow: hidden;
}
 .get-left-img, .get-left-img img, .tab-img, .tab-img img, .tab-img.help-cont, .whatcan-tabimg, .team-list, .team-img, .team-img img, .team-cont,
 footer ul li, .nav-tabs .nav-link, .new-img, .new-img img, .more-list, .new-cont 
 {transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;}

 footer ul li:hover, .nav-tabs li:hover a
{transform: translateX(1em);
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;}

.team-list:hover .team-cont
{transform: translateY(-0.5em);
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;}
 
.tab-img.help-cont:hover .whatcan-tabimg, .more-list:hover .new-cont
{transform: translateY(1em);
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;}


.get-left-img:hover img, .tab-img:hover img, .team-list:hover img, .more-list:hover .new-img img{
  transform: scale(1.1);
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
}
.tab-img.help-cont:hover img {
 transform: scale(1);
}

/*animation element*/
.animation-element {
  opacity: 0;
}

/*animation element sliding left*/
.animation-element.slide-left {
  opacity: 0;
  transition: all 500ms linear;
  transform: translate3d(-100px, 0px, 0px);
}

/*animation element sliding left*/
.animation-element.slide-left2 {
  opacity: 0;
  transition: all 1000ms linear;
  transform: translate3d(-100px, 0px, 0px);
}

/*animation element sliding left*/
.animation-element.slide-left3 {
  opacity: 0;
  transition: all 1500ms linear;
  transform: translate3d(-100px, 0px, 0px);
}

/*animation element sliding left*/
.animation-element.slide-left4 {
  opacity: 0;
  transition: all 2000ms linear;
  transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-left.in-view, .animation-element.slide-left2.in-view, .animation-element.slide-left3.in-view, .animation-element.slide-left4.in-view {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.slide-right {
  opacity: 0;
  transition: all 500ms linear;
  transform: translate3d(100px, 0, 0);
}

.animation-element.slide-right.in-view {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.slide-up {
  opacity: 0;
  transition: all 1000ms linear;
  transform: translate3d(0, 100px, 0);
}
.animation-element.slide-up2 {
  opacity: 0;
  transition: all 1000ms linear;
  transform: translate3d(0, 100px, 0);
}
.animation-element.slide-up3 {
  opacity: 0;
  transition: all 1500ms linear;
  transform: translate3d(0, 100px, 0);
}
.animation-element.slide-up4 {
  opacity: 0;
  transition: all 2000ms linear;
  transform: translate3d(0, 100px, 0);
}

.animation-element.slide-up.in-view, .animation-element.slide-up2.in-view, .animation-element.slide-up3.in-view, .animation-element.slide-up4.in-view {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}

 

.animation-element.slide-left.testimonial, .animation-element.slide-right.testimonial, .animation-element.slide-up.testimonial {
  margin: 0% 1.5% 3% 1.5%;
  background: #F5F5F5;
  padding: 15px;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  border: solid 1px #EAEAEA;
}
.animation-element.slide-left.testimonial:hover,
.animation-element.slide-left.testimonial:active{
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
}


.animation-element.slide-left.testimonial .header{
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.animation-element.slide-left.testimonial .left{
  float: left;
  margin-right: 15px;
}
.animation-element.slide-left.testimonial .right{
  float: left;
}

.animation-element.slide-left.testimonial img {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  box-shadow: 0px 1px 3px rgba(51, 51, 51, 0.5);
}

.animation-element.slide-left.testimonial h3 {
  margin: 0px 0px 5px 0px;
}

.animation-element.slide-left.testimonial h4 {
  margin: 0px 0px 5px 0px;
}

.animation-element.slide-left.testimonial .content {
  float: left;
  width:100%;
  margin-bottom: 10px;
}

.animation-element.slide-left.testimonial .rating{}

.animation-element.slide-left.testimonial i {
  color: #aaa;
  margin-right: 5px;
}
.wpcf7-list-item.form-group2 label {
    padding-bottom: 0;
}
.next-prev-section ul li {padding-bottom: 10px;background: none;padding-left: 0;}
    /*------- cms page style-------- */=
.page-cms a {color: #000;font-weight: 600;}
.page-cms a:hover {color: var(--bs-base-color);}
.page-cms ul, .page-cms ol {padding-left:15px;margin: 15px 0;padding-bottom: 0;}
.page-cms table {text-align: center;margin-bottom: 25px; border: 1px solid #000;}
.page-cms table tr th {padding: 5px 10px; border: 1px solid #000;}
.page-cms table tr td {padding: 5px 10px; border: 1px solid #000;}
.header-top .nav-dropdown>li>a:hover, .nav-dropdown>li>a:focus {
    text-decoration: none;
}