@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');


h1,h2,h3,h4,h5,h6{font-size: 35px; margin: 0px; padding: 0px; font-weight: 600; font-family: 'Poppins', sans-serif; }

ul{padding: 0px; margin: 0px; list-style-type: none;}

li{padding: 0px; margin: 0px; font-size: 15px;}

a{font-size: 14px; font-family: 'Poppins', sans-serif;}

a:hover{text-decoration: none;}

p{font-size: 14px; padding: 0px; margin: 0px; font-family: 'Poppins', sans-serif;}

body{padding: 0px; margin: 0px; box-sizing: content-box;}

span{padding: 0px; margin: 0px; font-family: 'Poppins', sans-serif;}

/*Css*/

.top-header{background: #2c2c2c; position: relative;}

.right-side-orange{position: relative;}

.right-side-orange::after {    position: absolute;    width: 37%;    height: 40px;    background: #2c286d;    content: '';    left: 0px;   top: -8px;}

.welcome_side li{border-right: 1px solid #2a65c7;}
section.sites.py-5 {
    margin-top: 50px;
}
ul.site_links.mb-3 {
    column-count: 3;
    background: #d3d3d338;
}
ul.site_links li {
    line-height: 35px;
    border-bottom: 1px solid #f5f3f3;
    padding-top: 10px;
}
ul.site_links li a {
    color: slateblue;
}
.web-head ul li a {
    font-size: 14px;
    color: #333;
}
ul.site_links li a {
    color: blue;
    margin-left: 40px;
}
p.websites.text-center {
    font-size: 26px;
    font-weight: 600;
    font-family: 'Playfair Display SC', serif;
    margin-bottom: 20px;
}
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.list {
    overflow-y: scroll;
    height: 250px;
}

.cust-img {
    height: 338px;
    object-fit: none;
}
div#profile-description ul {
    margin-top: 10px;
}
div#profile-description li {
    list-style: disc;
    line-height: 28px;
}
.get-qouate li:first-child {
    background: #2c286d;
    padding: 8px 30px;
    color: #fff;
}
.get-qouate a {
    background: #f8ce42;
    padding: 12px 30px;
    border:1px solid #f8ce42;
}

.heading-detail h2{
    font-size:25px;
    font-weight:500; 
    margin-bottom: 14px;
}
.heading-detail p {
    font-size: 14px;
    line-height: 23px;
} 
.product-loop {
    padding: 16px;
    border: 1px solid #dee2e6;
    border-radius: 10px;
    margin-bottom:20px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
.product-loop img {
    width: 100%;
    height: 380px;
    margin-bottom: 14px;
}
.heading-detail {
    text-align: center;
}

.get-qouate .list-inline-item:not(:last-child) {
    margin-right: 64px;
}

.fennec-mobile-nav .navbar-nav {  overflow-y: auto;  height: 428px;}

.fennec-nav .navbar .navbar-nav .nav-item {  position: relative;  padding: 0;}

.fennec-nav .navbar .navbar-nav .nav-item a {    color: #333;    text-transform: uppercase;    padding: 28px 14px;    position: relative;    z-index: 1;    margin: 0;    font-size: 14px;    font-weight: 700; transition: 0.5s;}

.fennec-nav .navbar .navbar-nav .nav-item a:hover {color: #2c286d;}

.fennec-nav .navbar .navbar-nav .nav-item a:hover::before, .fennec-nav .navbar .navbar-nav .nav-item a:focus::before, .fennec-nav .navbar .navbar-nav .nav-item a.active::before {  opacity: 1;  visibility: visible;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu {  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);          box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);   background: #2c286d;  position: absolute;  border: none;  top: 80px;  left: 0;  width: 280px;  z-index: 99;  display: block;  opacity: 0;  visibility: hidden;  border-radius: 0;  -webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out; }

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li{background-position: 0% 50%;  padding-left: 12px;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {  text-transform: capitalize;  padding: 5px 0px;  display: block;  color: #fff;  margin-top: 6px;  font-size: 15px;  font-weight: 600;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::before {  display: none;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {  color: #fff; }

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active::after {  opacity: 1;  visibility: visible;  -webkit-transform: scale(1);          transform: scale(1);}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::first-child {  margin-top: 0;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {  left: 280px;  top: 0;  opacity: 0;  visibility: hidden;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {  left: 220px;  top: 0;  opacity: 0;  visibility: hidden;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: -15px;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: -15px;}

.fennec-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: 100%;  margin-top: 0;}

.features-area h5 {    margin-bottom: 15px;    color: #2c286d;    font-size: 18px;}

.features-area ul{    margin-top: 30px;    color: #fff;}

.features-area li{    display: flex;    margin-bottom: 15px;}

.features-area li .icon {    margin-right:20px;    color: #84DAA9;}

.features-area .btn.ss-btn{    background: #010f2e;}

.features-area h2, .features-area h4, .features-area p {    color: #fff;}

.cta-title h2 {    padding-bottom: 0;    font-weight: 900;    font-size: 48px;}

.features-area .btn.ss-btn {    background: #010f2e;}

.pb-80 {    padding-bottom: 80px;}

.pt-80 {    padding-top: 80px;}

/*Whatsapp-popup*/

#whatsapp .wtsapp:focus{border:none;outline:none;}

#whatsapp .wtsapp{position: fixed; transition: all .5s ease;background: #25d366;display: block;text-align: center;box-shadow: 0 0 20px rgba(0,0,0,0.15);/* margin: 0; */border-radius: 50px;border-right: none;color: #fff;font-weight: 700;font-size: 18px;bottom: 180px;left: 20px;border: 0;z-index: 999;width: 50px;height: 50px;line-height:48px;}

#whatsapp .wtsapp:before {  content: "";    position: absolute; z-index: -1;    left: 50%;  top: 50%;   transform: translateX(-50%) translateY(-50%);   display: block; width: 60px;    height: 60px;   background: #25d366;    border-radius: 50%; -webkit-animation: pulse-border 1500ms ease-out infinite;   animation: pulse-border 1500ms ease-out infinite;}

@keyframes pulse-border {

0% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1;}

100% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0;}

}

/*Call Me*/

.phone_lefts-side{position:relative;}

.phone_lefts-side a{ position: fixed;    bottom: 95px;    color:white;    background-color:#03a84e;   animation: topBottom 4s infinite;    z-index: 999;    left: 20px;    background-color: #ff8042;    color: white;    padding: 9px 16px;    border-radius: 50%;    font-size: 20px;    animation: bounce 4s infinite alternate;}    

.glow {  font-size: 80px;  color: #fff;  text-align: center;  -webkit-animation: glow 1s ease-in-out infinite alternate;  -moz-animation: glow 1s ease-in-out infinite alternate;  animation: glow 1s ease-in-out infinite alternate;}

@-webkit-keyframes glow {

from {text-shadow: 0 0 10px #f3fffd , 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #f3fffd , 0 0 60px #f3fffd , 0 0 70px #f3fffd ;}

to {text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #016098 , 0 0 60px #f3fffd , 0 0 70px #f3fffd , 0 0 80px #f3fffd ;}

}

.bounce{animation: bounce 965 1.6s ease infinite;transform-origin:50% 50%;}

@keyframes bounce{0%{transform:translateY(0)}

12.5%{transform:translateY(0)}

25%{transform:translateY(0)}

50%{transform:translateY(-15px)}

62.5%{transform:translateY(0)}

75%{transform:translateY(-15px)}

100%{transform:translateY(0)}

}

/* Working Process section */

.animation-text p {    background: url(img/smoke.jpg);    font-family: "Montserrat", sans-serif;    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    animation-iteration-count: infinite;    font-weight: 900;    font-size: 68px;    line-height: 50px;    text-transform: uppercase;    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    -webkit-animation-name: masked-animation;    animation-name: masked-animation;    -webkit-animation-duration: 10s;    animation-duration: 10s;    -webkit-animation-iteration-count: infinite;    animation-iteration-count: infinite;    -webkit-animation-timing-function: linear;    animation-timing-function: linear;    -webkit-box-reflect: below 1px linear-gradient(transparent, transparent, #000);}

@keyframes masked-animation {

0% { background-position: 50% 35%;}

50% {background-position: 50% 65%;}

100% {background-position: 50% 35%;}

}


.logo_side a img{
    display: block;
    height: 54px;
}


.section-title .top-title {    position: relative;    font-weight: 600;    font-size: 16px;    color: #2c286d;    padding-left: 70px;    margin-bottom: 15px;    display: inline-block;}

.section-title .top-title::before {    content: "";    position: absolute;    top: 11px;    left: 0;    width: 60px;    height: 2px;    background-color: #2c286d;}

.section-title h2 {    font-size: 42px;    margin-bottom: 15px;}

.section-title p {    max-width: 600px;    margin: auto;}

.section-title {    max-width: 700px;    margin: -8px auto 25px;    text-align: center;    position: relative;}

.single-choose-us h3 {    font-size: 20px;    margin-bottom: 11px;}

.single-choose-us {    border-bottom: 1px solid #e5e5e5;    margin-bottom: 30px;    padding-bottom: 26px;    position: relative;    overflow: hidden;}

.single-choose-us::after {    content: "";    position: absolute;    bottom: 0;    left: 0;    width: 0;    height: 2px;    background-color: #0c599f;    z-index: -1;    -webkit-transition:0.5s;    transition: 0.5s;}

.single-choose-us:hover::after{        width: 100%;    left: auto;    right: 0;    -webkit-animation: fadeInLeft 1s linear;    animation: fadeInLeft 1s linear;}

.single-choose-us img {    margin-bottom: 15px;}

.about__right {    margin-right: 60px;}

.about__info {    border-bottom: 1px solid #e9e9e9;}


.about__info h1{
    font-size:28px;
    margin-bottom:8px;
}

.about__list-item {    display: flex;    align-items: center;}

.about__list-item i {    font-size: 70px;    color: red;    margin-right: 20px;}

.about__list-item-title {    font-size: 18px;    line-height: 28px;    margin-bottom: 0;}

.pb-150 {    padding-bottom: 150px;}

.pt-120 {    padding-top: 120px;}

.about__image-small img {    width: 300px;    height: 300px;    border: 10px solid #fff;    border-radius: 6px;    box-shadow: 0px 16px 32px 0px rgb(0 0 0 / 6%);}

.about__image-small {    position: absolute;    right: 0;    bottom: 14%;}

.about__image-shape span {    width: 50px;    height: 50px;    background: red;    display: inline-block;    border-radius: 6px;}

.about__info p {  font-weight: 500;    color: #555;    margin-bottom: 15px;    line-height: 25px;}

p.about__info-quote {    font-size: 18px; color: #a1a1a1;   line-height: 26px; font-weight: 500;}

.about__button a{background-image: -moz-linear-gradient( 0deg, rgb(225,125,66) 0%, rgb(251,109,40) 100%);    background-image: -webkit-linear-gradient( 0deg, rgb(225,125,66) 0%, rgb(251,109,40) 100%);    background-image: -ms-linear-gradient( 0deg, rgb(118,194,27) 0%, rgb(167,218,66) 100%);    box-shadow: 2.5px 4.33px 15px 0px rgb(0 0 0 / 15%);    border-radius: 30px;    color: #FFF;    padding: 12px 45px;    text-transform: uppercase;}

.slider-item .slick-next {right: 2%; top: 50%;  border: 1px solid #ccc; width: 75px; height: 75px;    border-radius: 50px;  border: 1px solid rgba(255, 255, 255, 0.2);}

.slider-item .slick-prev {left: 2%;  z-index: 9; top: 50%;    border: 1px solid #ccc;  width: 75px; height: 75px;   border-radius: 50px;   border: 1px solid rgba(255, 255, 255, 0.2);}



.slider-item .slick-next:hover{background-image: -webkit-linear-gradient( 0deg, rgb(191 32 38) 0%, rgb(191 32 38) 100%);}

.slider-item .slick-prev:hover{background-image: -webkit-linear-gradient( 0deg, rgb(191 32 38) 0%, rgb(191 32 38) 100%);}



.slider {width: 100%;}

.slick-slide img {width: 100%;}

.slick-prev:before,

.slick-next:before {color: #fff;     z-index: 999; position: relative;}

.slick-slide {transition: all ease-in-out .3s;opacity: 10;}

.slick-active {opacity: 10;}

.slick-current {opacity:10;}



.video-overlap {    margin-top: 35px;    position: relative;}

video::-internal-media-controls-download-button {    display:none;}

video::-webkit-media-controls-enclosure {  display: none !important;   overflow:hidden;}

video::-webkit-media-controls-panel { display: none !important;    width: calc(100% + 30px);}

video::-webkit-media-controls-panel {display: none !important; opacity: 1 !important;}

video {  object-fit: cover !important;}

.video-overlap video{width: 100%; height: 558px;}

.overlay-side{position: relative;}

.overlay-side::after{position: absolute; content: ''; width: 100%; height: 100vh; background: #000; opacity: 0.4;} 



a.orange_btn{background-image: -moz-linear-gradient( 0deg, #2c286d 0%, #2c286d 100%);    background-image: -webkit-linear-gradient( 0deg, #2c286d 0%, #2c286d 100%);    background-image: -ms-linear-gradient( 0deg, #2c286d 0%, #2c286d 100%);     padding: 12px 45px; border-radius: 30px;     box-shadow: 2.5px 4.33px 15px 0px rgb(0 0 0 / 15%);}

a.green-btn{background-image: -moz-linear-gradient( 0deg, #2c286d 0%, #2c286d 100%);    background-image: -webkit-linear-gradient( 0deg, #2c286d 0%, #2c286d 100%);    background-image: -ms-linear-gradient( 0deg, #2c286d 0%, #2c286d 100%);   padding: 12px 45px; border-radius: 30px;     box-shadow: 2.5px 4.33px 15px 0px rgb(0 0 0 / 15%);}

color {    color: #0c599f;}

.hero-slider-1{background: url(img/slider-1.jpg); height: 600px; background-attachment: fixed; background-size: cover;}

.hero-slider-2{background: url(img/slider-2.jpg); height: 600px; background-attachment: fixed; background-size: cover;}

.hero-slider-3{background: url(img/slider-3.jpg); height: 600px; background-attachment: fixed; background-size: cover;}



.slider-caption span{ font-family: "Roboto", sans-serif;    font-size: 14px;    line-height: 1;    font-weight: 700;    color: #ffffff;    margin-bottom: 13px;     font-family: 'Oswald', sans-serif;}

.slider-caption h1{font-size: 30px; font-family: 'Oswald', sans-serif;   line-height: 1.1; margin-bottom: 35px;    font-weight: 900;}

.slider-caption p{  font-family: "Roboto", sans-serif;   font-size: 17px;    line-height: 1.5;    font-weight: 700;    color: #ffffff;   margin-bottom: 34px;    }

.slider-caption {    margin: 0px auto; top: 25%;}

color.orange{color: #ff8042;}

color.green{color: #82c85c;}

/*Project*/

.project-section-two{	position: relative;	background-color: #f2f3f5;	padding: 120px 0 0;overflow:hidden;}

.project-section-two.style-two:before {    position: absolute;    left: 0;    top: 0;    height: 100%;    width: 100%;    background-color: #000000;    content: "";    opacity: .60;}

.project-section-two .projects-outer{	position: relative;	background-repeat: no-repeat;	background-position: center;	background-size: cover;}

.project-section-two .projects-outer:before{	position: absolute;	left: 0;	top: 0;	height: 100%;	width: 100%;	background-color: #1a1f26;	content: '';	opacity: .40;}

.project-block-four{	position: relative;}

.project-block-four .inner-box{	position: relative;	padding: 0 50px;	padding-top: 530px;	padding-bottom: 60px;}

.project-block-four .inner-box:before{	content:'';	position:absolute;	right:0;	bottom:0;	height:1500px;	border-right: 1px solid rgba(225,227,226,.30);}

.project-block-four:last-child .inner-box:before{	display:none;}

.project-block-four .count{	position: relative;	display: block;	font-size: 70px;	line-height: 1em;	font-weight: 400;	color: #ffffff;    opacity: .30;	margin-bottom: 45px;}

.project-block-four h5{	position: relative;	display: block;	font-size: 24px;	line-height: 1.2em;	color: #ffffff;	font-weight: 600;	padding-bottom: 15px;	margin-bottom: 25px;}

.project-block-four h5:before{	position: absolute;	left: 0;	bottom: 0;	height: 2px;	width: 50px;	background-color: rgba(255,255,255,.50);	content: '';}

.project-block-four h5 a{	color: #ffffff;	display: inline-block;	transition: all 300ms ease; font-size: 24px;}

.project-block-four .text{	position: relative;	display: block;	font-size: 16px;	line-height: 24px;	color: #fefefe;	font-family: 'Poppins', sans-serif;	margin-bottom: 20px;}

.project-block-four .btn-box{	position: relative;}

.project-block-four .btn-box a{	position: relative;	display: inline-block;	font-size: 17px;	line-height: 26px;	color: #ffffff;	font-weight: 500;	padding: 10px 28px;	border: 2px solid rgba(255,255,255,.50);	-webkit-transition: all 300ms ease;	-moz-transition: all 300ms ease;	-ms-transition: all 300ms ease;	-o-transition: all 300ms ease;	transition: all 300ms ease;}

.project-block-four .btn-box a:hover{	color: #333;	background-color: #ffffff;}

.project-block-four .overlay-box{	position: absolute;	left: 0;	top: 0;	height: 100%;	width: 100%;	opacity: 0;	background-color: #fda700;	-webkit-transition: all 400ms ease;	-moz-transition: all 400ms ease;	-ms-transition: all 400ms ease;	-o-transition: all 400ms ease;	transition: all 400ms ease;}

.project-block-four .overlay-box .inner{	position: absolute;	left: 0;	bottom: 20%;	padding: 60px 55px;	-webkit-transition: all 700ms ease;	-moz-transition: all 700ms ease;	-ms-transition: all 700ms ease;	-o-transition: all 700ms ease;	transition: all 700ms ease;}

.project-block-four .inner-box:hover .overlay-box,

.project-block-four.active .inner-box .overlay-box {	opacity: 1;}

.project-block-four .inner-box:hover .overlay-box .inner,

.project-block-four.active .inner-box .overlay-box .inner{	bottom: 0;}

.project-section-two.style-two .project-block-four .inner-box {    background-color: rgba(255,255,255,.20);    padding-top: 70px;    padding-bottom: 30px;}

.project-section-two.style-two {    background-repeat: no-repeat;    background-position: center;    background-size: cover;    padding-top: 300px;}

.project-section-two.style-two .project-block-four .overlay-box .inner {    background-color: #fda700;}



.blue-color {    background: #0c599f !important;}

.orange-color {    background: #ff8042 !important;}

.green-color {    background: #82c85c !important;}

/*imag hover 12*/

.imghvr1{	position:relative;	display:inline-block;	margin:0;	max-width:100%;	background-color:rgba(230,230,230,.7);	color:#666;	overflow:hidden;	-moz-osx-font-smoothing:grayscale;	-webkit-backface-visibility:hidden;	backface-visibility:hidden;	-webkit-transform:translateZ(0);	transform:translateZ(0)}

.imghvr1 img {vertical-align: top;max-width: 100%}

.imghvr1 figcaption {background-color: rgba(255,255,255,.9);	padding: 20px;	position: absolute;	top: 15px;	bottom: 15px;	left: 15px;	right: 15px;	border: 1px solid rgba(0,0,0,.1);	-webkit-transform: translateY(120%);	transform: translateY(120%);	display: flex;	justify-content: center;	align-items: center;}

.imghvr1,.imghvr1 *{	-webkit-box-sizing:border-box;	box-sizing:border-box;	-webkit-transition:all .35s ease;	transition:all .35s ease}

.imghvr1:hover figcaption{	-webkit-transform: translate(0, 0);	transform: translate(0, 0)}

.imghvr1:hover img {	-webkit-transform: translateY(-100%);	transform: translateY(-100%)}

.imghvr1-content h4 a {    font-size: 25px;   color: #0c599f; display: block;    margin-bottom: 10px;}

a.site-button-link {background-image: -moz-linear-gradient( 0deg, rgb(118,194,27) 0%, rgb(167,218,66) 100%);    background-image: -webkit-linear-gradient( 0deg, rgb(118,194,27) 0%, rgb(167,218,66) 100%);    background-image: -ms-linear-gradient( 0deg, rgb(118,194,27) 0%, rgb(167,218,66) 100%);  padding: 10px 30px;     border-radius: 30px;}

marquee{background-color: #0c599f;}

marquee span {    font-size: 25px;}

.map-wrapper iframe{width: 100%; height: 400px;}

.contact-form-section.style-three:before {    position: absolute;    content: '';    top: 0;    left: 0;    bottom: 0;    width: 100%;    background-image: url(img/shape-14.png);    background-repeat: no-repeat;    background-position: left top;}

.contact-form-section.style-three .bg-one {    position: absolute;    top: 0;    right: 0;    bottom: 0;    width: 42%;    background-repeat: no-repeat;    background-position: right center;    background-size: cover;}

.contact-form-section.style-three .contact-info .icon-box {    position: relative;    padding: 22px 0 21px;    padding-left: 88px;    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);    background: #fff;    margin-bottom: 25px;}

.contact-form-section.style-three .contact-info .icon-box .icon {    position: absolute;    top: 5px;    left: 30px;    font-size: 43px;}

.contact-form-section.style-three .contact-info .icon-box h4 { font-size: 20px; font-weight: 600; display: block; margin-bottom: 8px;}

.contact-form-section.style-three .contact-info .icon-box .text {    margin-bottom: 0;}

.contact-form-section.style-three .contact-info .icon-box .text a {    color: #4b4b4b;}

.contact-form-section.style-three .contact-form textarea {    height: 93px;    resize: none;}

.contact-form-section.style-three .contact-form .form-group {background: #fff;margin-bottom: 20px;padding: 13.5px 20px;box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);}

.contact-form-section.style-three .wrapper-box {    padding: 0;    background: transparent;    box-shadow: none;}

.contact-form-section.style-three .contact-form .bootstrap-select .dropdown-toggle .filter-option:after {    top: 0;}

.contact-form-section.style-three .contact-form .theme-btn {     background-image: -moz-linear-gradient( 0deg, rgb(12,89,159) 0%, rgb(12,89,159) 100%);  background-image: -webkit-linear-gradient( 0deg, rgb(12,89,159) 0%, rgb(12,89,159) 100%);  padding: 15px 35px;  border-radius: 50px;  outline: none;  border: none;     box-shadow: 2.5px 4.33px 15px 0px rgb(0 0 0 / 15%); cursor: pointer;}

.contact-form-section {    position: relative;    padding: 50px 0 90px;    background-color: #f8f8f8;}

.contact-form-section .wrapper-box {    position: relative;    padding: 60px;    padding-bottom: 30px;    box-shadow: 0 0 20px rgb(0 0 0 / 0.05);    background-color: #fff;    margin-bottom: 30px;}

.contact-form {    position: relative;}

.contact-form .form-group {    position: relative;    background: #f8f8f8;    padding: 13px 20px;    margin-bottom: 30px;}

.contact-form label {  font-family: 'Poppins', sans-serif;  position: relative;    display: block;    font-size: 14px;    font-weight: 500;    margin-bottom: 0;    text-transform: uppercase;}

.contact-form input { outline: none; font-family: 'Poppins', sans-serif; border:0px;  position: relative;    background: transparent;    width: 100%;    color: #8b8b8b;}

.contact-form textarea { outline: none; font-family: 'Poppins', sans-serif; border:0px;  position: relative;    background: transparent;    width: 100%;    color: #8b8b8b;    height: 159px;}

.contact-form .bootstrap-select>.dropdown-toggle {    width: 100% !important;    display: block;    padding: 0;    color: #8b8b8b;    font-size: 17px;}

.contact-form .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {    width: 100%;}

.contact-form .bootstrap-select .dropdown-toggle .filter-option:after {    font-size: 11px;    color: #212121;    top: -16px;}

.contact-form .bootstrap-select>.dropdown-toggle:focus {    outline: none !important;    border: none;    box-shadow: none;}

.contact-form .bootstrap-select>.dropdown-toggle,

.contact-form .bootstrap-select>.dropdown-toggle:hover {    background: transparent;    border: 0;}

.contact-form .form-group .form-btn {    position: absolute;    right: 20px;    bottom: 20px;}

.brand__area-2 {    background-position: center;  background-color:#f3f3f3;  background-size: cover;    background-repeat: no-repeat;}

.brand__image-item:hover .brand__image-item-ab img {    top: 50%;    transform: translateY(-50%);}

.brand__image-item-ab img {    position: relative;    z-index: 1;    top: 80%;    transform: translateY(-80%);    transition: 0.3s;}

.brand__image-item-bb{    border-bottom: 1px solid #e5e5e5;}

.brand__image-item-br {    border-right: 1px solid #e5e5e5;}

.brand__image-item {
    padding: 15px 14px;
    text-align: center;
    position: relative;
}
 



footer{background: url(img/shape-13.png)no-repeat; position: relative; }

.logo-side_footer a{color: #5dab46;}

.information_side-widget ul li img {    width: 25px;}

.information_side-widget ul li a {    font-size: 16px; color: #2c286d;}

.quick_links ul li {    line-height: 33px;}

.copy-right{background: #000;}



/* Send Enquire */

.enquiry{position: fixed;z-index: 1000;bottom: 25px;left: 20px;height: 50px;color: #fff;font-size: 18px;text-align: center;text-decoration: none;cursor: pointer;}

.enquiry i{ float: left;z-index: 999;position: absolute;left: 0;width: 50px;height: 50px;border-radius: 50%;  color: #fff;font-size: 24px;line-height: 50px;text-align: center;text-decoration: none;cursor: pointer;background: #000;transition: 0.5s; box-shadow: 0px 2px 6px rgba(0,0,0,0.4);}

.enquiry strong{ background-color: #2c286d; line-height:28px;color: #fff;padding: 10px 20px;border-radius: 0 30px 30px 0;height: 45px;float: left;font-size: 15px;margin-top: 3px;margin-left: 35px; box-shadow: 2px 2px 6px rgba(0,0,0,0.4);}

.enquiry i:hover{ color:#fff; background: #23574a;}

.enquiry strong:hover{ color:#000; background: #eee;}

div#exampleModal .modal-dialog{width: 100% !important;}

/* Modal Form*/

.modal-content{border-radius: 0;}

.close{float: right;font-size: 23px;font-weight: 600;line-height: 2;color: #fff;text-shadow: 0 1px 0 #fff;    opacity: .7;}

.close:hover, .close:focus {color: #fff;text-decoration: none;cursor: pointer;opacity: .9;}

.send_p {    font-size: 17px !important;    line-height: 22px;    text-align: center;    margin-bottom: 20px;}

.modal-body input[type="text"], .modal-body select,

.modal-body input[type="number"]{width:100%; padding:5px 12px; border-radius:0px;}

.modal-body textarea{width:100%; height:120px; padding:5px 12px; border-radius:0px;}

.modal-body select{ width: 100%;}

.modal-header {    padding: 0 15px !important;    color: #fff;   background-color: #0c599f;    height: 46px;}

.pac-container { z-index: 100000; }

.g-recaptcha{transform:scale(0.80);transform-origin:0 0;-webkit-transform-origin:0 0}

.modal_btn{width:auto; background:#000; padding: 8px 25px; border:none; color:#fff; font-size:14px; border-radius:4px; cursor: pointer; transition: 0.5s;}

.modal_btn:hover,.modal_btn:focus{background: #5dab46; color: #fff;}

.form-group textarea {height: 100px !important;}

span.modal-title {  display: block;    text-align: center;    width: 100%;    font-size: 20px;    margin-top: 10px;}

#toTop {    position: fixed;    bottom: 40px;    right: 5px;    cursor: pointer;    transition: 0.5s;    z-index: 99;}

.testimonial{background: url(img/client.png)no-repeat; padding: 80px 0px; background-attachment: fixed; background-size: cover;}

.testimonial-slider .item img{width: 7%; border-radius: 50px; background-color: #fff;     margin: 0px auto;}

.client-repeat{margin: 0px auto;}

.testimonial-slider .slick-dots{bottom: -32px !important;}

.testimonial-slider .slick-next{    right: 2%;    top: 20%;    border: 1px solid #ccc;    width: 75px;    height: 75px;    border-radius: 50px;    border: 1px solid rgba(255, 255, 255, 0.2);}

.testimonial-slider .slick-prev{    left: 2%;    top: 20%;    border: 1px solid #ccc;    width: 75px;    height: 75px;    border-radius: 50px;    border: 1px solid rgba(255, 255, 255, 0.2); z-index: 9;}

.testimonial-slider .slick-next:hover{background-image: -webkit-linear-gradient( 0deg, rgb(225,125,66) 0%, rgb(251,109,40) 100%);}

.testimonial-slider .slick-prev:hover{background-image: -webkit-linear-gradient( 0deg, rgb(225,125,66) 0%, rgb(251,109,40) 100%);}

img.set-as { position: absolute;  right: 0;    top: 37px; width: 15%;    bottom: 0;}

.sticky.fixed{   position: fixed;    top: 0;    box-shadow: 5px 0px 5px #ccc;    background-color: #fff;    transition all: 200s;    z-index: 99;    width: 100%;    transition: 0.5s;}

ul.dropdown-menu li:hover {    background: #f58634;}

.cmt-row {    padding: 50px 0;}

.contact-box {    padding: 30px 30px 30px;    border: 1px solid #ebeef0;    -webkit-box-shadow: 0 0 1px 0 rgb(34 34 34 / 7%);    -moz-box-shadow: 0 0 1px 0 rgba(34, 34, 34, .07);    box-shadow: 0 0 1px 0 rgb(34 34 34 / 7%);}

.contact-detail-box{background-color: #f8f9fa;}

.contact-box h5 {    font-size: 21px;    line-height: 28px;    margin-bottom: 0;}

.contact-box span, .contact-box span a {    color: #777;    display: inline-block;}

.contact-detail-box {    margin-top: 15px;    padding: 20px 15px 15px;}

.featured-icon{	-webkit-transition: all .5s ease-in-out 0s;    -moz-transition: all .5s ease-in-out 0s;    -ms-transition: all .5s ease-in-out 0s;    -o-transition: all .5s ease-in-out 0s;    transition: all .5s ease-in-out 0s;}

.cmt-icon.cmt-icon_element-size-md i {    font-size: 30px;}

.contact-detail-box .featured-icon .cmt-icon {    margin-bottom: 10px;       margin: 0px auto;}

.cmt-icon.cmt-icon_element-size-md {    height: 58px;    width: 58px;    line-height: 58px;}

.contact-box h6 a:hover{color: #081528;}

.contact-box h6 a{color: #fe982f;}

.contact-box h6 a{    font-size: 15px;    line-height: 20px;    padding-top: 30px;    font-weight: 600;    text-transform: capitalize;}

.cmt-page-title-row {    display: block;    padding-top: 95px;    padding-bottom: 90px;    z-index: 2;    text-align: center;}

.cmt-page-title-row {    position: relative;    background-image: url(img/common-banner.jpg);   background-repeat: no-repeat;   }

.form-group input[type=text], .form-group select, .form-group textarea {    border: 1px solid #f1f1f1;    background-color: #f8f9fa;    font-size: 15px;    border-radius: 0;    height: auto;    padding: 12px 15px;}
.form-group input[type=email]{  border: 1px solid #f1f1f1;    background-color: #f8f9fa;    font-size: 15px;    border-radius: 0;    height: auto;    padding: 12px 15px;}

.cmt-quote-form button {    margin-top: 10px;    cursor: pointer;    height: 40px;    font-family: 'Poppins', sans-serif;    background-color: #2c286d;    line-height: 20px; outline: none;}

.form-control input:focus{border-color: #fe982f; border: 1px solid #fda02b;    -webkit-box-shadow: none;    -moz-box-shadow: none;    box-shadow: none;}

.form-control textarea:focus{border-color: #fe982f; border: 1px solid #fda02b;    -webkit-box-shadow: none;    -moz-box-shadow: none;    box-shadow: none;}

.breadcrumb-wrapper {
    margin-top: 8px;
}



.color-site {background-color: #2c286d;}

.sitema-links-item h2 {    font-size: 25px;}

.sitema-links-item h3{ font-size: 25px;}

.sitema-links-item h4{ font-size: 25px;}

.black-color {background: #000;}

.skin-color {background: #2957a4;}



.inputBox input {       font-family: 'Poppins', sans-serif; font-size: 15px; position: relative; height: 40px; outline: none;}

.inputBox textarea {     font-family: 'Poppins', sans-serif;   font-size: 15px; position: relative; height: 80px; padding-top: 8px; outline: none;}

.inputBox button { cursor: pointer;    background: #2c2c2c;    color: #fff;  height: 45px; outline: none;     font-family: 'Poppins', sans-serif;}

.white-wrap .form {  background: #2c286d;   padding: 20px 20px 25px 20px; position: relative;}

.white-wrap .form i {    font-size: 12px;    position: absolute;    right: 35px;    margin-top: 15px;}

.form h2 {    font-size: 30px;}

.white-wrap{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}

ul.coloring li a {    background: #f56b27;    padding: 15px;    color: #fff;    font-size: 18px;}

/*.hvr-radial-out {  display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  position: relative;  overflow: hidden;   background-image: linear-gradient(to right, #fbd35b , #df8826); -webkit-transition-property: color;  transition-property: color;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;}

.hvr-radial-out:before {  content: "";  position: absolute;  z-index: -1;  top: 0;  left: 0;  right: 0;  bottom: 0;   background-image: linear-gradient(to right, #df8826 , #fbd35b); border-radius: 100%;  -webkit-transform: scale(0);  transform: scale(0);  -webkit-transition-property: transform;  transition-property: transform;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;}

.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {  color: white;}

.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {  -webkit-transform: scale(2);  transform: scale(2);}*/

ul.coloring {    text-align: center;}

.inner-left-side-product h3 {    padding-bottom: 20px;    font-size: 35px;}

.full-width-type h3 {    color: #fff;    margin: 0px;    padding-top: 10px;    padding-bottom: 10px;}

.full-width-type {    background-color: #222222;    margin-top: 20px;    width: 100%;    margin-left: 0;   margin-bottom: 20px;}

.inner-states {    text-align: center;    background: #2957a4;    padding: 10px 0px;}

.inner-states a {    color: #fff;}

.mission-img-text {    position: absolute;    left: 30px;    bottom: 0px;    background: #2957a4d6;    padding: 40px 50px;    width: 330px;}

.mission-img-text a {    font-size: 12px;    color: #ff4040;    text-transform: uppercase;    font-weight: 700;    letter-spacing: 2px;}

.mission-img-text h4 {    font-size: 20px;    line-height: 30px;    color: #242629;    font-weight: 700;    font-family: "Roboto", sans-serif;    text-transform: uppercase;}

.mission-area .section-subtitle {    font-size: 14px;    color: #f58634;    position: relative;    z-index: 1;    text-transform: uppercase;    display: inline-block;    letter-spacing: 2px;}

.mission-area .section-subtitle:before {    position: absolute;    content: "";    height: 6px;    width: 100%;    left: 0px;    bottom: 1px;    background-color: #e9ebed;    z-index: -1;}

.mission-area .section-title {    font-size: 50px;    color: #242629;    text-transform: uppercase;    font-weight: 900;    letter-spacing: 0.5px;}

.kintro-text .section-title-wrapper p {    font-size: 18px;    font-weight: 700;    font-style: italic;    color: #2957a4;    line-height: 1.9;}

.kintro-text p {    font-weight: 400;    font-size: 17px;    line-height: 1.9;}

.section-full-width p {    font-size: 16px;}

.grid {	position: relative;	clear: both;	margin: 0 auto;padding: 1em 0 4em;	max-width: 1000px;	list-style: none;text-align: center;}

.grid figure {position: relative;    float: left;    overflow: hidden;    margin: 0;    min-width: 100%;    max-width: 100%;    max-height: 100%;    width: 100%;    height: auto;        background-image: linear-gradient(to right, #fbd35b , #df8927);    text-align: center;    cursor: pointer;}

.grid figure img {position: relative;    display: block;    min-height: 100%;    max-width: 100%; }

.grid figure figcaption {	padding: 1em;	color: #fff;	text-transform: uppercase;	font-size: 1.25em;	-webkit-backface-visibility: hidden;	backface-visibility: hidden;}

.grid figure figcaption::before,.grid figure figcaption::after {	pointer-events: none;}

.grid figure figcaption,.grid figure figcaption > a {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}

.grid figure figcaption > a {	z-index: 1000;	text-indent: 200%;	white-space: nowrap;font-size: 0;	opacity: 0;}

.grid figure h2 {	word-spacing: -0.15em;	font-weight: 300;}

.grid figure h2 span {	font-weight: 800;}

.grid figure h2,.grid figure p {	margin: 0;}

.grid figure p {letter-spacing: 1px; font-size: 16px; margin-top: 10px;}

.box{background: #2957a4;    overflow: hidden;    position: relative;    transition: all 0.3s;}

.box:hover{    box-shadow: 0 0 20px -5px rgba(247,126,56,0.5);    border-radius: 10px;}

.box:before{    content: "";    background:rgba(255,255,255,0.5);    width: 100%;    height: 100%;     transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);    position: absolute;    top: 0;    left: 0;    z-index: 1;    transition:all 0.5s;}

.box:hover:before{ transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); }

.box img{    width: 100%;    height: auto;    opacity: 0.95;    transition: all 0.5s;}

.box:hover img{    opacity: 0.6;    transform: rotate(10deg) scale(1.5);}

.box .box-content{    color: #fff;    background: linear-gradient(to right,transparent,rgba(0,0,0,0.2),rgba(0,0,0,0.2));    text-align: right;    border-right: 3px solid #fff;    padding: 5px 10px;    opacity: 0;    transform: scaleX(0);    transform-origin: right center;    position: absolute;    bottom: 10px;    right: 15px;    transition: all 0.4s cubic-bezier(0.6, -0.1, 0.735, 0.045);}

.box:hover .box-content{    opacity: 1;    transform: scaleX(1);}

.box .title{    font-size: 22px;    font-weight: 700;    text-transform: uppercase;    text-shadow: 2px 2px 3px rgba(0, 0, 0, .6);    margin: 0;}

.box .post{    font-size: 20px;    font-style: italic;    text-transform: capitalize;    letter-spacing: 1px;    text-shadow: 2px 2px 3px rgba(0, 0, 0, .6);    color: #fff;}

.box .icon{    padding: 0;    margin: 0;   list-style: none;    opacity: 0;    transform: scale(0);    position: absolute;    top: 15px;    left: 15px;    transition: all 0.4s cubic-bezier(0.6, -0.1, 0.735, 0.045);}

.box:hover .icon{    opacity: 1;    transform: scale(1);}

.box .icon li{ margin: 0 0 10px; }

.box .icon li a{color: #fff;    font-size: 18px;    text-align: center;    line-height: 33px;    height: 35px;    width: 35px;    border: 2px solid #fff;    border-radius: 50px;    box-shadow: 2px 2px 3px rgba(0, 0, 0, .6);    display: block;    transition: all 0.3s;    position: absolute; }

.box .icon li a:hover{    background: #f77e38;   border-radius: 0;}

@media only screen and (max-width:990px){

.box { margin: 0 0 30px; }

}



figure.effect-jazz {background: -webkit-linear-gradient(-45deg, #2957a4 0%,#2957a4 100%);	background: linear-gradient(-45deg, #2957a4 0%,#2957a4 100%);}

figure.effect-jazz img {	opacity: 1;}

figure.effect-jazz figcaption::after,figure.effect-jazz img,figure.effect-jazz p {	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;}

figure.effect-jazz figcaption::after {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	border-top: 1px solid #fff;	border-bottom: 1px solid #fff;	content: '';	opacity: 0;	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);	transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);	-webkit-transform-origin: 50% 50%;	transform-origin: 50% 50%;}

figure.effect-jazz h2,figure.effect-jazz p {	opacity: 1;	-webkit-transform: scale3d(0.8,0.8,1);	transform: scale3d(0.8,0.8,1);}

figure.effect-jazz h2 {	padding-top: 26%;	-webkit-transition: -webkit-transform 0.35s;	transition: transform 0.35s;}

figure.effect-jazz p {	text-transform: none;	font-size: 0.85em;	opacity: 0;}

figure.effect-jazz:hover img {	opacity: 0.1;	-webkit-transform: scale3d(1.05,1.05,1);	transform: scale3d(1.05,1.05,1);}

figure.effect-jazz:hover figcaption::after {	opacity: 1;	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);}

figure.effect-jazz:hover h2,figure.effect-jazz:hover p {	opacity: 1;	-webkit-transform: scale3d(1,1,1);	transform: scale3d(1,1,1);}

.full-text p {    line-height: 28px;    font-size: 17px;}

.final-products p {line-height: 25px;}

.cover-product {padding-left: 0px;  min-height: 250px;  width: 385px;  float: left; margin-right: 20px;}

.cover-product-this p {line-height: 24px; margin-bottom: 16px;}

.only-product h2 {font-size: 32px;}

.zoom-effect img {width: 100%;}

.cover-product-this p {  line-height: 28px; color: #777;}

.products-fill { border-right: 1px solid #ccc;}

.zoom-effect img {border: 1px solid #ccc;}

.final-list-product h4{font-size: 25px;}

.final-list-product ul li {    background: url(images/tick.html)no-repeat;    padding-left: 25px;    background-position: 0% 50%;     line-height: 32px;}

.full-width-content {    margin: 0px auto;}

p.related-heading{    background: #2957a4;    width: 100%;    display: block;    padding: 10px 15px;   font-size: 22px;    font-weight: 700;}

.related-products .section-heading {    text-align: center;}

.related-products .container {    padding: 0;}

.related-products .container {    padding-top: 20px;}

.read-btn a {    background: #f58634;    padding: 7px 15px;    color: #fff; transition: 0.5s;}

.read-btn a:hover {    background: #2957a4;    padding: 7px 15px;    color: #fff;}

span.text-theme-colored {    font-size: 30px;}

.related_img img {    height: 160px;    margin: 10px 0px;}

.related_img img {    width: 100%;    object-fit: contain;    border: 1px solid #cccc;}

.related_content {    margin-top: 10px; padding: 10px!important;}

.related_content p {    margin-bottom: 15px; line-height: 28px;    color: #777;}

/* faq */

.qa {    text-align: start;    padding-bottom: 10px;}

.qa h3 {    font-size: 21px;  }

.qa p {    color: #804F9F;}

.pink-head {    background-color: #2957a4;}

.btn-link {    color: black;    text-decoration: none !important;}

.card-header {    color: black; cursor: pointer;}

.accordion .card-header:after {    font-family: 'FontAwesome';    content: "\f068";    background: #f58634;    padding: 5px;    border-radius: 50%;    color: white;    width: 35px;    text-align: center;    float: right;   position: absolute;    right: 15px;    margin-top: -30px;}

.accordion .card-header.collapsed:after {    /* symbol for "collapsed" panels */    content: "\f067";    background: #f58634;    color: white;    padding: 5px;    border-radius: 50%;    width: 35px;    text-align: center;     position: absolute;    right: 15px;    margin-top: -30px;}

.card-title {    color: black;}

span.faq_question {    font-size: 20px;}

.enquire-button button {    background: #f58634;    padding: 8px 25px;   cursor: pointer;}

.enquire-button button a {    font-size: 18px;}

nav.mobile-menu {    display: none;}

.details-product ul li {    list-style: disc;    margin-left: 20px !important;    font-size: 14px;   line-height: 28px;
    color: #777;    color:#77;    padding: 0px;    margin: 0px;    font-family: 'Poppins', sans-serif;}

.cover-product-this h2 {
    margin-bottom: 10px;
}


.fitness-services-boxed .single-fitness-service {
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-right: 1px solid #F3F3F3;
    position: relative;
    text-align: center;
    background: #fff !important;
}
.fitness-services-boxed {
    margin-top: -35px;
    /* position: relative; */
    padding-bottom: 25px;
    z-index: 9;
    z-index: 999999999;
    background: #fff !important;
}



.states {    margin-bottom: 10px;}

.full-width-type a {    font-size: 32px;    color: #fff;}

.contact_list li {    font-size: 16px; color: #777;}
.contact_list a {    font-size: 16px; color: #777;}
.expandedContent ul { margin-top: 10px; margin-bottom: 10px;   column-count: 2; padding-left: 15px;}
.expandedContent ul li {  font-size: 14px;  list-style-type: disc;  padding: 0px;    margin: 0px;    font-family: 'Poppins', sans-serif; }


.mobile-three-item li {display: inline-block;  margin-right: 0;  padding: 10px 30px;  width: 33%;}
.mobile-three-item { text-align: center;}
.mobile-three-item li:first-child{background-color: black;}
.mobile-three-item li:nth-child(2){background-color: #64b161;}
.mobile-three-item li:last-child{background-color: #ed1c24;}
.mobile-three-item li a{color: #fff;}
.mobile-three-item { text-align: center;    position: fixed;   z-index: 999;  bottom: 0;    left:8%;}

.mobile-three-item{display: none;}



@media (min-width: 1200px){
.container {
    max-width: 1250px;
}

}

.our-products {
    padding: 50px 0px;
     
}
 
.our-products .single-item {
	border: 1px solid #f7f7f7;
 transition: all .3s ease;
	background: #ffffff;
	margin:20px 0px;
}
.our-products .single-item:hover {
	border-color: transparent;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
.our-products .single-item .img-holder {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	text-align: center;
	padding: 10px;
}

.our-products .single-item .img-holder a img{
    width: 100%;
    height: 245px;
}

.read-more {
    background: #2c286d;
    font-size: 17px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    padding: 4px 25px 4px 25px;
    margin-top: 35px;
    display: inline-block;
    border-radius: 6px;
}
.read-more :hover{
    background-color:#f8ce42;
}

.our-products .single-item .img-holder img {
    width: 300px;
   /* height: 300px;*/
}
.our-products .single-item .content {
	padding-left: 20px;
	padding-right: 20px;
}
.our-products .single-item .content .top {
	overflow: hidden;
}
.our-products .single-item .content .top .icon-holder {
	background: #4299e4 none repeat scroll 0 0;
	height: 56px;
	width: 56px;
	margin-top: 30px;
	margin-bottom: 10px;
	text-align: center;
}
.our-products .single-item .content .top .icon-holder i {
	color: #ffffff;
	font-size: 34px;
	line-height: 56px;
	text-align: center;
}
/*.our-products .single-item .content .top .content-heading {
	padding-left: 10px;
}*/
.our-products .single-item .content .top .content-heading h3 {
	color: #272727;
	margin: 25px 0 7px;
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
}
.our-products .single-item .content .top .content-heading h3 span {
	color: #4299e4;
}
.our-products .single-item .content .top .content-heading .product-title {
	color: #272727;
	margin: 7px 0 7px;
	font-size: 14px;
	font-family: 'Poppins', sans-serif;
	line-height: 30px;
	font-weight: 500;
	display: flex;
    justify-content: center;
}

.our-products .single-item .content .top .content-heading .product-title a{
    font-size: 18px; 
    line-height: 22px;
    color:#272727;
}

.border-testing {
    border: 1px dashed #26397d;
    min-height: 270px;
}
.border-testing h3 {
    font-size: 20px;
    font-weight: 600;
}
.border-testing p {
    text-align: justify;
}
.border-testing p {
    line-height: 25px;
}

.our-products .single-item .content .top .content-heading .product-title span {
	color: #4299e4;
}
.our-products .single-item .content .top .content-heading ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.our-products .single-item .content .top .content-heading ul li {
	color: #9e9e9e;
	float: left;
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	font-style: italic;
	margin-right: 15px;
}
.our-products .single-item .content .top .content-heading ul li i {
	color: #4299e4;
	font-size: 10px;
	margin-right: 5px;
}
.our-products .single-item .content .package-list {
	padding-bottom: 20px;
}
.our-products .single-item .content .package-list h4 {
	color: #272727;
	font-size: 18px;
	font-weight: 700;
	margin: 6px 0 13px;
}
.our-products .single-item .content .package-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.our-products .single-item .content .package-list ul li {
	line-height: 30px;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	color: #9e9e9e;
}
.our-products .single-item .content .package-list ul li i {
	color: #2c286d;
	margin-right: 10px;
}
.our-products .single-item .button {
    border: 1px solid #f7f7f7;
    margin: 0;
    overflow: hidden;
    padding-bottom: 10px;
    padding-top: 8px;
    padding-left: 20px;
    padding-right: 20px;
    transition: background .3s ease;
    text-align: center;
    display: flex;
    justify-content: center;
}
.our-products .single-item .button a {
    background: #2c286d none repeat scroll 0 0;
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    height: 40px;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    width: 150px;
    transition: background .3s ease;
}
.our-products .single-item .button a:hover {
	background: #2c286d;
}
.our-products .single-item .button a.black {
	background: #2c286d;
}
.our-products .single-item .button a.black:hover {
	background: #2c286d;
}
.our-products .single-item .img-holder.offer {
	position: relative;
}
.our-products .single-item .img-holder.offer .offer-text {
	position: relative;
	left: 10px;
	position: absolute;
	top: 10px;
}
.our-products .single-item .img-holder.offer .offer-text:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../img/resources/texture/dots.png) repeat center center;
	background-color: #4299e4;
	content: '';
	transform: skewx(-15deg);
}
.our-products .single-item .img-holder.offer .offer-text h1 {
	color: #ffffff;
	font-size: 30px;
	font-style: italic;
	margin: 0;
	padding: 7px 13px;
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
	z-index: 9;
}
.our-products .single-item .content .top .content-heading h3 span del {
	font-size: 18px;
	color: #9e9e9e;
	padding-right: 10px;
}
.health-care-pack-carousel {
	position: relative;
}
.health-care-pack-carousel .owl-nav {
	background: #FEFEFE;
	position: absolute;
	top: -97px;
	right: 0;
	margin: 0;
	padding-left: 30px;
}


.about-text p{
    line-height:28px;
}


.blog {
    padding-top: 30px;
    padding-bottom: 115px;
}
.fl-wrap {
    float: left;
    width: 100%;
    position: relative;
}
.bold_gpi, .gpi_light {
    margin-bottom: 30px;
}
.grid-post-media {
    overflow: hidden;
    position: relative;
    border-radius: 4px 4px 0 0;
    height: 220px;
}
.grid-post-media a.gpm_link {
    float: left;
    width: 100%;
    height: 100%;
}

.grid-post-media a img{
 width:100%;
}


.post-widget-item-media a, .grid-post-media a {
    position: relative;
    display: block;
}
.grid-post-media a {
    transition: 1s ease;
}
.grid-post-item .post-category-marker {
    position: absolute;
    left: 8px;
    top: 184px;
    z-index: 10;
}
.post-category-marker {
    padding: 6px 13px;
    border-radius: 2px;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    background: #2c286db5;
}
.bold_gpi .grid-post-content {
    border: 1px solid #eee;
    padding: 15px 15px 15px 15px;
     background: #fff;
}
 
.grid-post-content h4 {
    text-align: left;
    font-weight: 600;
    font-size: 17px;
    overflow: hidden;
}
.grid-post-content h4 a {
    color: #064c89;
}
.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex !important;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
}
.blog-jtt {
    font-size: 14px;
    line-height: 24px;
    color: #494949;
}

.blog-jtt h2 {
    font-size: 20px;
}

.blog-jtt h3 {
    font-size: 17px;
}

.blog-jtt h4 {
    font-size: 15px;
}

.blog-jtt ul {
    margin: 10px 0px 10px 10px;
}

.blog-jtt ul li {
    font-size: 14px;
    line-height: 24px;
    color: #494949;
    text-align: justify;
    list-style-type: disc;
}
.bgfa{
    padding:60px 0px;
}
.blog-meta li {
    display: inline-block;
    margin-right: 12px;
    font-size: 13px;
    color: #000;
}

.tour-ri-com {
    position: relative;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e2e2e2;
    /* padding: 15px; */
    margin-bottom: 30px;
}
.tour_right h3 {
    background: #2c286d;
    padding-left: 40px;
    color: #ffffff;
    font-size: 14px;
    background-size: 22px;
    margin-top: 0px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 15px;
    margin-bottom: 0px;
}
.popular-package-box {
    border-bottom: 0.5px dashed #8f8f8f;
    padding: 10px;
}
.popular-package-item {
    display: flex;
    flex-direction: unset;
}
.popular-package-item img {
    width: 80px;
    height: 80px;
    border-radius: 3px;
    margin-right: 8px;
    flex: 1 0 0%;
    vertical-align: top;
    border: 1px solid #e5e5e5;
}
.popular-package-item-info {
    flex: 2 0 0%;
    margin: auto 0;
}
.popularCat {
    -webkit-line-clamp: 3;
    font-weight: 400;
    color: #000;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 0;
    margin-top: 3px;
}

.bold_gpi .grid-post-footer {
    background: #fff;
    border: 1px solid #eee;
    border-top: none;
    border-radius: 0 0 4px 4px;
    overflow: hidden;
    padding: 18px 20px;
    text-align: center;
}
.bold_gpi .grid-post-footer .author-link a {
    background-color: #2c286d;
    color: #fff;
    padding: 6px 16px;
    border-radius: 4px;
    border: 1px solid #2c286d;
    font-size: 14px;
}

 

@media (max-width: 576px){
.col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.slider-item .slick-next { 
    width: 40px; 
}
.slider-item .slick-prev{
   width: 40px;  
}

.hero-slider-1 { 
    height: 400px; 
    background-size: cover !important;
}
.slider-caption { 
    top: 12%;
}
 

}
.ma5menu__toggle { 
    background-color: #2c286d; 
}

.welcome_side li:last-child{
   border:none;
}

.footer {
    background: #121212;
    padding: 65px 0px;
    float: left;
    width: 100%;
    border-top: 1px solid #282828;
}
.footer .title h4 {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 14px;
}
.footer .content {
    color: #cccccc;
    width: 100%;
    float: left;
}

.footer .content p{
    font-size: 16px;
    line-height: 1.7;
    color: #fff;
}
.footer .content p i{
    margin-right:3px;
}

.footer .content p span a{
    color:#f8ce42;
}
 
.foolink {
    padding-left: 0px;
}
.foolink li {
    list-style-type: none;
    margin-bottom: 10px;
}
.foolink li a {
    color: #fff;
    padding-left: 10px;
}
.copyright {
    width: 100%;
    float: left;
    background: #090909;
    padding: 20px 0px 10px;
    text-align: left;
    color: #fff;
}

.copyright p {
    font-size: 14px;
}

.copyright p a {
    color: #2c276c;
}

.copyright p a:hover {
    color: #fff;
}




.feature {
    padding-top: 50px;
    padding-bottom: 40px;
    overflow: hidden;
    background-color: #f3f3f3;
}

.feature .heading {
	text-align: center;
	margin-bottom: 30px;
}

.feature .heading h2 {
    font-size: 36px;
    font-weight: 600;
    color: #333;
    margin-top: 0;
    margin-bottom: 6px;
}

.feature .heading h3 {
	font-size: 20px;
	font-weight: 500;
	color: #928f8f;
}

.feature .feature-item {
    background: #2c276c;
    padding: 30px 12px;
    color: #fff;
    text-align: center;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    margin-bottom: 25px;
}

.feature .feature-item .icon {
    font-size: 40px;
    margin-bottom: 20px;
    text-align: center;
    position: relative;
    top: 0px;
    left: 0px;
    transform: none;
}

.feature .feature-item .icon img {
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	border-radius: 50%;
	background: #fff;
	color: #f58739;
	display: inline-block;
	padding: 10px;
}

.feature .feature-item h4 {
	font-size: 22px;
	margin-bottom: 15px;
	color: #fff;
}

.feature .feature-item p {
	font-size: 15px;
}

.feature .feature-item:hover {
	background: #333;
}


.home-rooms {
    float: left;
    width: 100%;
    margin: 0;
    padding: 50px 0;
    background: #f9f9f9;
}
.room-image1 {
    margin-bottom: 20px;
}
.room-image1 {
    position: relative;
    width: 100%;
    max-width: 400px;
    overflow: hidden;
}
.room-image1 img {
    height: 260px;
    overflow: hidden;
    width: 100%;
}
.image {
    display: block;
    width: 100%;
    height: auto;
}
.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .3s ease;
    background-color: #00000080;
}
.icon {
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}
.hover-interior span {
    opacity: 0;
    transition: .3s ease-in-out;
    text-align: center;
    display: block;
    font-size: 21px;
    margin-top: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    color: #fff;
    font-weight: 600;
    background: #0000007a;
    width: 100%;
    bottom: 0px;
    padding: 18px 3px;
}

.footerlink{
    margin:0px;
}
.footerlink a{
    color:#f8ce42;
    margin-left: 3px;
}

.market-list li {
    list-style: none;
    display: inline-block;
    border: 2px solid;
    padding: 6px 24px;
    margin: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
    text-transform: capitalize;
    width: 299px;
}
.market-list li:hover {
    background-color: #2c286d;
    transition: 0.5s;
    border: 2px solid #2c286d;
}

.market-list li a {
    color: #000;
    transition: 0.5s;
    font-size: 16px;
}

.market-list li:hover a {
    color: #fff;
}


.category-content{
    margin:0px 0px 30px 0px;
}
.category-content .main-head1{
    font-size:25px;
    font-weight:500;
    margin-bottom:14px
}