
/***** General CSS *****/
body {
  word-break: break-word;
  font: 15px/25px 'Poppins', sans-serif;
  color: #393939;
  overflow-x: hidden;
}
a {
  text-decoration: none;
  color: #488fb1;
  white-space: initial;
}
a:hover, a:focus {
  text-decoration: none;
  color: #393939;
}
a:hover {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
}
img {
  max-width: 100%;
}
input[type="text"]:focus, textarea:focus, input[type="password"]:focus, select:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="number"]:focus {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  outline: none;
}
select, input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="number"], textarea, input[type="tel"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
ul {
  margin: 0 0 20px;
  padding: 0;
  list-style-type: none;
}
p {
  font-weight: 400;
  font-size: 17px;
  line-height: 30px;
  color: #606061;
  font-family: roboto;
}
/***** Font Files *****/
@font-face {
  font-family: 'Fonts Awesome';
  src: url(../fonts/fontawesome-webfont.eot);
  src: url(../fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff) format("woff"), url(../fonts/fontawesome-webfont.ttf) format("truetype"), url(../fonts/fontawesome-webfont.svg#fontawesome-webfont) format("svg");
  font-weight: 400;
  font-style: normal
}
/***** Custom Classes *****/
.noPadding {
  padding: 0;
}
.noLeft {
  padding-left: 0;
}
.noRight {
  padding-right: 0;
}
.centerCol {
  float: none;
  margin: 0 auto;
}
.btn {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  padding: 15px 40px;
  color: #fff;
  margin: 20px 20px 20px 0;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  text-transform: capitalize;
  border: 2px solid;
  text-transform: uppercase;
}
.btnGreen {
  background-color: #28b16d;
  color: #fff;
  border-color: #28b16d;
}
.btnGreen:focus, .btnGreen:hover {
  background-color: #fff;
  color: #28b16d;
  border-color: #28b16d;
}
img.pull-left, .imgOverlay.pull-left {
  margin: 0 30px 20px 0;
}
img.pull-right {
  margin: 0 0 20px 30px;
}
.flexRow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.flexCol {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  align-items: center;
}
h1 {
  font-family: 'Poppins',Sans-Serif;
  font-size: 50px;
  line-height: 60px;
  color: #fff;
  font-weight: 700;
  margin: 0 0 17px;
}
h2 {
  font-family: 'Poppins',Sans-Serif;
  font-size: 40px;
  line-height: 45px;
  color: #488fb1;
  font-weight: 700;
  margin: 0 0 20px;
}
h3 {
  font-family: 'Poppins',Sans-Serif;
  font-size: 18px;
  line-height: 34px;
  color: #488fb1;
  font-weight: 600;
  margin: 30px 0 20px;
}
h4 {
  font-family: 'roboto',Sans-Serif;
  font-size: 18px;
  line-height: 29px;
  color: #393939;
  font-weight: 500;
  margin: 0 0 13px;
}
h5 {
  font-family: 'Poppins',Sans-Serif;
  font-size: 20px;
  line-height: 25px;
  color: #ffffff;
  font-weight: 400;
  margin: 0 0 20px;
}
h6 {
  font-family: 'Poppins',Sans-Serif;
  font-size: 18px;
  line-height: 23px;
  color: #393939;
  font-weight: 500;
  margin: 0 0 22px;
}
input[type="text"], input[type="password"], select, input[type="email"], input[type="url"], input[type="number"], textarea, input[type="tel"] {
  border: 1px solid #ececec;
  background-color: #fff;
  font-size: 14px;
  line-height: 20px;
  color: #575757;
  height: 40px;
  margin-bottom: 20px;
  width: 100%;
  padding: 0px 15px;
  border-radius: 0;
}
textarea {
  padding: 10px;
  height: 167px;
}
input[type="submit"] {
  color: #fff;
  background-color: #33458d;
  height: 55px;
  padding: 0px 65px;
  font-size: 12px;
  line-height: 20px;
  border: 2px solid #33458d;
  border-radius: 0;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-weight: 600;
}
input[type="submit"]:hover {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  background-color: #fff;
  color: #33458d;
  border-color: #33458d;
}
select {
  background: #fff url('../images/arrow.png') no-repeat right;
  padding: 0 40px 0 30px;
}
input[type="checkbox"], input[type="radio"] {
  margin: 0 10px 20px 0;
}
::-webkit-input-placeholder {
color:#575757;
}
::-moz-placeholder {
color:#575757;
opacity:1;
}
:-ms-input-placeholder {
color:#575757;
}
:-moz-placeholder {
color:#575757;
opacity:1;
}

/*side nav start*/
.sidenav {
height: 100%;
/* 100% Full-height */
position: fixed;
/* Stay in place */
z-index: 999;
/* Stay on top */
top: 0;
left: -500px;
background: #0578a0;
background-repeat: no-repeat;
background-size: cover;
overflow-x: hidden;
/* Disable horizontal scroll */
padding-top: 59px;
/* Place content 60px from the top */
transition: 0.2s;
/* 0.5 second transition effect to slide in the sidenav */
-webkit-transition: 0.2s;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
width: 250px;
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
animation: fadeInDown .8s;
}
/* The navigation menu links */

/* When you mouse over the navigation links, change their color */

.sidenav a:hover, .sidenav a:focus {
color: #fff;
text-decoration: none;
padding-left: 40px;
}
/* Position and style the close button (top right corner) */
.sidenav .closebtn {
position: absolute;
top: -9px;
right: 6px;
font-size: 36px;
margin-left: 0;
}
.sidenav a {
text-align: left;
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 12px;
color: #fff;
display: block;
transition: 0.3s;
text-transform: uppercase;
}
.mobilecontainer span {
color: #fff;
margin-right: 0;
margin-top: 0;
padding: 0;
font-size: 25px;
cursor: pointer;
}
.mobilecontainer img {
width: 50%;
margin: 10px 0;
}
.mobilecontainer {
background-color: #fff;
padding-left: 20px;
}
.navigation .caret {
position: relative;
left: 5px;
}
#mySidenav ul.dropdown-menu {
position: static;
float: none !important;
width: 100%;
display: none;
background: #4a291c;
}
#mySidenav ul.dropdown-menu li {
float: none;
display: block;
padding: 0 0px 4px;
}
#mySidenav .caret {
display: none;
}
#mySidenav #hassubmenu {
position: relative;
}
#mySidenav #hassubmenu i.fa.fa-angle-down {
position: absolute;
right: 20px;
background: black;
color: #fff;
height: 20px;
width: 20px;
text-align: center;
border-radius: 0;
padding-top: 2px;
top: 6px;
}
#mySidenav div {
border-top: 1px solid white;
}
#mySidenav div:last-child {
border-bottom: 1px solid white;
}
#mySidenav a.closebtn+div {
margin-top: 10px;
}
#mySidenav ul.submenu {
 /*  display: none; */
  padding: 0;
  background-color: #000;
  width: 100%;
  overflow: scroll;
  height: 150px;
}
#mySidenav .dropdown-menu>li>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #fff;
  white-space: nowrap;
}
.navigation ul li > .dropdown-menu li a i{
   float: right;
  right: 14px;
  font-weight: bold;
  margin-top: 1px;
  position: absolute;
  font-size: 17px;
}
.navigation ul .show-on-hover:hover>ul.submenu {
  left: 101% !important;
  top: -25% !important;
}

.navigation ul li > .dropdown-menu li i.fa.fa-angle-down{display: none;}
/* sidenav-css end */
/*header css start */
.menuSec {
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,0.2);
}
.menuSec img {
  filter: none;
}

.menuSec.sticky img {
    filter: invert(100%) sepia(90%) saturate(5400%) hue-rotate(210deg) brightness(110%) contrast(120%);
}

.menuSec ul {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
  text-transform: capitalize;
}
.menuSec ul li {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
}
.menuSec li ul {
  display: none;
}
.menuSec ul li a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: #ffffff;
  padding: 10px 18px;
  text-transform: uppercase;
  font-family: Rubik;
  font-size: 13px;
  font-weight: 500;
}
.menuSec ul li a:after {
  content: '';
  position: absolute;
  right: 0;
  height: 2px;
  width: 14px;
  background-color: #488fb1;
  left: 0;
  margin: auto;
  bottom: -10px;
  transform: scale(0);
  transition: 0.5s all;
}
.menuSec ul li:last-child a {
  padding-right: 0px;
}
.menuSec ul li:last-child a:after {
  display: none;
}
.menuSec ul li a:hover, .menuSec ul li a.active {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  color: #e2e2e2;
}
.menuSec li:hover > ul {
  display: block;
  position: absolute;
  z-index: 1000;
  background-color: #d31010;
  left: 0px;
  width: 230px;
  text-align: left;
  top: 98px;
}
.menuSec li > ul > li > a {
  border: none;
  padding: 13px 20px !important;
  color: #fff !important;
  overflow: hidden;
  font-size: 13px;
  line-height: 20px;
}
.menuSec li > ul > li, .menuSec li > ul > li > a {
  display: block;
  margin: 0;
}
.menuSec li > ul > li > a:before, .menuSec li > ul > li > a:after {
  display: none;
}
.menuSec li:hover li {
  float: none;
}
.menuSec li:hover a {
}
.menuSec li:hover li a:hover {
  background-color: #b21093;
}
.menuSec ul ul ul {
  left: 100%;
  top: 0;
}
.menuSec ul:before, .menuSec ul:after {
  content: " ";
  display: table;
}
.menuSec ul:after {
  clear: both;
}
.menuSec li > ul > li:hover > ul {
  left: 230px;
  top: 0px;
  width: 270px;
}
/*header css start */

/*banner css start */
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
  width: 100%;
}
.carousel-control.right, .carousel-control.left {
  background: none;
  opacity: 1;
  width: 50px;
  height: 50px;
  top: initial;
  top: 40%;
  background: rgba(255,255,255,0.1);
  text-shadow: none;
}
.carousel-control.right:hover, .carousel-control.left:hover {
  background: rgba(255,27,27,0.6);
  color: #fff;
}
.carousel-control.right .fa, .carousel-control.left .fa {
  position: relative;
  top: 12px;
  font-size: 20px;
  color: #fff;
  opacity: 0.5;
}
.carousel-control.right {
  right: 0px;
}
.carousel-control.left {
  left: 0px;
}
.carousel-indicators {
}
.carousel-caption {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  color: #fff;
  text-align: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  background: rgba(0,0,0,0.1);
}
.carousel-indicators li {
  border: none;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  background: #fff;
  width: 12px;
  height: 12px;
  margin: 0;
}
.carousel-indicators .active {
  margin: 0;
  background-color: #28b16d;
  width: 12px;
  height: 12px;
}
/*banner css end*/
.menuSec ul li:hover a:after ,.menuSec ul li.active a:after{
transform: scale(1.1);
} 
.menuSec .container {
  display: flex;
  align-items: center;
  flex-flow: wrap;
}
section.banner-home {
  background-image: url(../images/business-agency-2.webp);
  height: 705px;
  background-size: cover;
  display: flex;
  align-items: center;
  position: relative;
}

section.banner-home::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #00000099;
}

.menuSec {
  position: absolute;
  width: 100%;
  z-index: 99;
  transition: 0.2s all;
}
li.icon-head a i {
  font-size: 20px;
}

span.count {
  background: #566df4;
  position: absolute;
  height: 18px;
  width: 18px;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 50%;
  top: 2px;
  right: -11px;
}

li.icon-head a {
  position: relative;
}
section.banner-home p {
  color: #fff;
}

section.banner-home h5 {
  text-transform: uppercase;
}

.btn-1 {
  padding: 10px 35px;
  border-radius: 99px;
  color: #fff;
  background: #488fb1;
  transition: 0.5s all;
  font-family: 'RUBIK';
  display: inline-block;
  height: 45px;
  width: auto;
  margin-top: 10px;
  border: none;
}

section.banner-home .btn-1 {
  position: relative;
  top: 30px;
}
.btn-1:hover {
  color: #fff;
  background: #232937;
}
li.cart.icon-head a {
  padding-right: 0;
}
.p-100{padding: 100px 0;}
section.fold-1 {
  background: #f8f8f8;
}
.heading-sc {
  padding-bottom: 30px;
  position: relative;
}

.heading-sc:before {content: '';height: 1px;width: 50px;background: #3367d6;position: absolute;bottom: 0;right: 0;left: 0;margin: auto;}
.heading-sc.lft:before {margin: 0 0;width: 30px;bottom: 15px;height: 2px;}

.heading-sc.lft {
  padding-bottom: 28px;
}

.title-box {
  font-size: 19px;
  font-family: roboto;
}

.title-box span {
  color: #3367d6;
}
.box-wrap {
  padding: 26px;
  background: #fff;
  box-shadow: 0px 0px 20px #e8e6e6;
  position: relative;
}

span.icon-side-top {
  position: absolute;
  height: 140px;
  width: 150px;
  background: #fafafa;
  border-bottom-left-radius: 136px;
  top: 0;
  right: 0;
  text-align: center;
  padding: 13px 13px 13px 40px;
  transition: 0.5s all;
}

span.icon-side-top img {
  width: 80%;
  object-fit: cover;
}
.box-wrap:hover .icon-side-top {
  background: #3367d6;
}
.boxes-wrap-3 {
  margin-top: 50px;
}

.box-wrap:hover .icon-side-top img {
  filter: invert(99%) sepia(56%) saturate(0%) hue-rotate(277deg) brightness(310%) contrast(100%);
}
span.icon-side-top.fgh img {
  width: 55%;
}
.row.row-flex {
  display: flex;
  align-items: center;
  flex-flow: wrap;
}

.side-img img {
  padding-top: 20px;
}
.row.sfghj {
  margin-top: 40px;
}

h2.bar-right {
  position: relative;
}

h2.bar-right:after {content: '';height: 100%;width: 4px;position: absolute;right: -15px;background: #e6e6e6;border-radius: 99px;top: 0;}
.headmn {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.headmn img {
  width: 60px;
  margin-right: 10px;
  height: 60px;
  object-fit: cover;
  filter: invert(57%) sepia(18%) saturate(1179%) hue-rotate(155deg) brightness(87%) contrast(89%);
}

.headmn h4 {
  margin-bottom: 0;
}
.box-b {
  padding: 20px;
  border-radius: 5px;
}

.box-b p {
  padding-left: 8px;
}
.box-b:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: " ";
  background-color: #f4f4f4;
  border-radius: 5px;
  transform: skewX(
-6deg
);
  -webkit-transform: skewX(
-6deg
);
}
.box-b.one {
  background: #f4f4f4;
}

.box-b.one:before {
  width: 80%;
  margin-left: auto;
}

.box-b.two:before {
  width: 90%;
  margin: auto;
}

.box-b.two {padding-left: 23px;}

.box-b.three {
  background: #f4f4f4;
}

.box-b.three:before {
  width: 80%;
  margin-right: auto;
}
section.fold-3 {
  background-image: url(../images/nine-image.png);
  height: 674px;
  background-size: cover;
  display: flex;
  align-items: center;
}
.ser-box h3 {
  margin: 20px 0 10px;
}
section.fold-5 {
  background-image: url(../images/services-image.png);
  height: 465px;
  background-size: cover;
  background-position: center;
  background-position-y: -130px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
section.fold-5 h2 {
  color: #fff;
}

section.fold-5 h4 {
  color: #fff;
  font-size: 27px;
  font-weight: 600;
  margin: 20px 0;
  font-family: 'Poppins';
}
section.fold-6.p-100 h2 {
  font-size: 38px;
}
.bx-wrap h2 span {
  font-weight: 100;
  font-size: 30px;
  text-align: center;
}

.bx-wrap h2 {
  margin-bottom: 10px;
}

.bx-wrap {
  text-align: center;
  padding: 30px;
  border: 1px solid #f4f7fd;
}

.bx-wrap p {
  font-size: 15px;
  line-height: 1.5;
}
.p-0{padding: 0}
.bx-wrap.bg-clr {
  background: #f4f7fd;
}
.menuSec.sticky {
  position: fixed;
  background: #fff;
  padding: 0;
  box-shadow: 0 0 10px 1px #00000017;
}

.menuSec.sticky a {
  color: #488fb1;
}

img.footerLogo {
  width: 70%;
  position: relative;
  left: -10px;
  top: -24px;
}

.footerSec {
  background: #161616;
  padding: 100px 0 0;
}
.footerSec p {
  color: #fff;
}
ul.linkList a {
  color: #fff;
  line-height: 31px;
}
.footerForm input[type="email"] {
  height: 55px;
  margin-top: 20px;
  border-radius: 90px 0 0 120px;
  width: 90%;
}

.footerForm input[type="submit"] {
  background: #488fb1;
  border-color: #488fb1;
  border-radius: 0 90px 50px 0;
  padding: 0 20px;
  height: 55px;
  margin-top: 20px;
  position: relative;
  left: -30px;
  font-size: 16px;
}
.spaces {
  height: 50px;
}
.footerSec a {
  color: #fff;
}
.spaces ~ hr {
  border: 1px solid #242234;
}
section.banner-about {
  height: 316px;
  background-image: url(../images/about-simple.jpg);
  display: flex;
  align-items: center;
  justify-content: center;
}

section.banner-about h2 {
  color: #fff;
  margin: 50px 0 0;
}
.side-con h3 {
  margin-top: 0;
  font-size: 15px;
  margin-bottom: 10px;
}

.side-con h2 {
  font-size: 30px;
}
.bx-flx {
  display: flex;
}
.box-title {
  color: #488fb1;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 5px;
}

.bx-flx img {
  width: 120px;
  height: 80px;
  object-fit: cover;
  filter: invert(57%) sepia(18%) saturate(1179%) hue-rotate(155deg) brightness(87%) contrast(89%);
}

.in-con {
  padding-left: 10px;
}
section.about-fold-2 {
  height: 700px;
  background: #f6f8f9;
  position: relative;
  overflow: hidden;
  padding-top: 100px;
}
img.sec-bg-sd {
  position: absolute;
  right: -15%;
}
.title-pop {
  font-size: 17px;
  color: #488fb1;
  font-weight: 600;
  margin-bottom: 10px;
}

.title-pop span {
  color: #488fb1;
  margin-right: 10px;
}
section.banner-about.service {
  background-image: url(../images/service-baner.jpg);
}
.side-con.new h2 {
  font-size: 40px;
}
.side-con.new .bx-flx img {
  width: 90px;
  height: 60px;
  filter: invert(57%) sepia(18%) saturate(1179%) hue-rotate(155deg) brightness(87%) contrast(89%);
}

.side-con.new .bx-flx .box-title {
  font-weight: 700;
}
section.service-fold-2 {
  height: 388px;
  background-image: url(../images/service-modern-image02.jpg);
}
section.service-fold-2 h3,section.service-fold-2 h2 {
  color: #fff;
  margin-top: 0;
}
.box-big {
  background: #fff;
  position: relative;
  padding: 50px;
}

.box-big h2 {
  color: #488fb1 !important;
}
section.seprater-bx {
  padding: 300px 0 50px;
}
ul#counter li {
  width: 25%;
  display: flex;
  align-items: flex-start;
}

ul#counter li img {width: 17%;margin-right: 10px;filter: invert(57%) sepia(18%) saturate(1179%) hue-rotate(155deg) brightness(87%) contrast(89%);}

span.counts.percent {
  font-size: 50px;
  font-weight: 500;
  line-height: 50px;
  color: #6a7c92;
}
ul#counter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 50px;
}
section.service-fold-3.p-100 {
  background: #edeff5;
}
section.cta {
  height: 171px;
  background: #488fb1;
  display: flex;
  padding-top: 22px;
  align-items: center;
}

.line-cont {
  font-size: 32px;
  font-family: roboto;
  color: #fff;
}

a.btn-2 {
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  font-family: 'Rubik';
  border: 2px solid #fff;
  border-radius: 99px;
  position: relative;
  top: -12px;
  display: flex;
  height: 50px;
  width: 130px;
  align-items: center;
  justify-content: center;
  transition: 0.5s all;
}

a.btn-2 i {
  opacity: 0;
  transition: 0.5s all;
  transform: translateX(-10px);
}

a.btn-2:hover i {
  opacity: 1;
  transform: translateX(10px);
}

a.btn-2:hover {width: 150px;} 
section.banner-about.testimon {
  background-image: url(../images/about-classic.jpg);
}
.testi-slider {padding-bottom: 200px;overflow-x: hidden;margin-top: 70px;}

.author {
  position: absolute;
  display: flex;
  align-items: center;
  bottom: -160px;
  opacity: 0;
  left: -10px;
}

.testi-item {
  padding: 45px 25px 45px 25px;
  position: relative;
  margin: 0 15px;
}

section.test-sec.p-100 {
  background: #f6f7f8;
  padding-bottom: 50px;
}

.testi-item>p {
  color: #cecece;
  z-index: 1;
  position: relative;
}
.author img {
  height: 85px;
  width: 85px;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 10px;
  display: none;
}
.author-det span {
  color: #488fb1;
  font-size: 15px;
  font-family: roboto;
  font-weight: 500;
}

.author-det p {
  font-size: 14px;
  color: #6a7c92 !important;
}
.testi-item:before {content: '';clip-path: polygon(0 0, 0% 100%, 100% 0);background: #488fb1;position: absolute;height: 50px;width: 30px;bottom: 0;z-index: 0;left: 30px;}

.testi-item:after {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  background: #fff;
  top: 0;
  z-index: 0;
  left: 0;
}
.testi-slider > div {
  overflow: visible;
}
.testi-item.slick-slide.slick-current.slick-active + .testi-item.slick-slide.slick-active:after {background: #488fb1;transition: 0.5s all;}
.testi-item.slick-slide.slick-current.slick-active + .testi-item.slick-slide.slick-active:before{transform: translateY(30px);transition: 1s all}
.testi-item.slick-slide.slick-current.slick-active + .testi-item.slick-slide.slick-active p{color: #fff;}
.testi-item.slick-slide.slick-current.slick-active + .testi-item.slick-slide.slick-active .author{transform: translateY(-50px);opacity: 1;transition: 1s all}
section.banner-about.contact {
  background-image: url(../images/contactus-multilocation.jpg);
}
.form-wrap h2 {
  font-size: 35px;
  margin-bottom: 0px;
}

.form-wrap p {
  margin-bottom: 40px;
}
.form-wrap input {
  height: 50px;
  border: 1px solid #dedede;
  border-radius: 99px;
  background: transparent;
}

.form-wrap {
  background: #fbfbfb;
  padding: 30px;
  border: 1px solid #dedede;
}

.form-wrap textarea {
  border: 1px solid #dedede;
  background: transparent;
  border-radius: 20px;
  resize: none;
  height: 150px;
  padding: 15px;
}
.contact-info {
  padding: 20px;
}

.contact-info h4 {
  color: #488fb1;
  font-size: 22px;
  font-weight: 700;
  font-family: 'Poppins';
}

.det-ivfo {
  font-size: 16px;
  color: #488fb1;
  margin: 10px 0;
}
img.footerLogo {
  width: 25%;
}
.mt-50 {
  margin-top: 40px;
}
ul.linkList {
  display: flex;
}
ul.linkList li {
  margin: 0 20px 0 0;
}