/******************************/
/*     01. General Styles     */
/******************************/
body,
html {
    width: 100%;
	height: 100%;
}

body, p {
	color: #303030; 
	font: 500 0.95rem/1.375rem 'Open Sans', sans-serif;
}

.p-large {
	color: #303030;
	font: 500 1rem/1.5rem 'Roboto', sans-serif;
}

.p-small {
	color: #303030;
	font: 500 0.75rem/1.25rem 'Roboto', sans-serif;
}

.p-heading {
	margin-bottom: 3.75rem;
	text-align: center;
}


.li-space-lg li {
	margin-bottom: .575rem;
}

.indent {
	padding-left: 1.25rem;
}

h1 {
    font-size:45px;
    font-weight: 600;
    line-height:57px;
	color: #000229;
	font-family: "Montserrat", sans-serif;
}

h2 {
    font-size:40px;
    font-weight: 600;
    line-height:52px;
	color: #000229;
	font-family:  "Poppins", sans-serif;
}

h3 {
    font-size:34px;
    font-weight: 600;
    line-height:46px;
	color: #000229;
	font-family: "Montserrat", sans-serif;
}

h4 {
    font-size:22px;
    font-weight: 600;
    line-height:32px;
	color: #000229;
	font-family:  "Montserrat", sans-serif;
    
}

h5 {
    font-size:20px;
    font-weight: 600;
    line-height:30px;
	color: #000229;
	font-family:  "Montserrat", sans-serif;
}

h6 {
    font-size:16px;
    font-weight: 600;
    line-height:26px;
	color: #000229;
	font-family:  "Montserrat", sans-serif;
}

a {
	color: #000229;
	text-decoration: none;
}

a:hover {
	color: #000229;
	text-decoration: none;
}

a.turquoise {
	color: #000000;
}


a.white {
	color: #fff;
}




.btn-solid-reg {
	display: inline-block;
	padding: 1.1875rem 2.125rem 1.1875rem 2.125rem;
	border: 0.125rem solid #729d3f;
	border-radius: 2rem;
	background-color: #729d3f;
	color: rgb(27, 18, 18);
	font: 700 0.75rem/0 "Montserrat", sans-serif;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-solid-reg:hover {
	background-color: transparent;
	color: #729d3f;
	text-decoration: none;
}

.btn-solid-lg {
	display: inline-block;
	padding: 1.375rem 2.75rem 1.375rem 2.75rem;
	border: 0.125rem solid #729d3f;
	border-radius: 2rem;
	background-color: #729d3f;
	color: rgb(14, 10, 10);
	font: 700 1rem/0 "Montserrat", sans-serif;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-solid-lg:hover {
	background-color: transparent;
	color: #729d3f;
	text-decoration: none;
}

.btn-solid-lg .fab {
	margin-right: 0.5rem;
	font-size: 1.25rem;
	line-height: 0;
	vertical-align: top;
}

.btn-solid-lg .fab.fa-google-play {
	font-size: 1rem;
}


.btn-new{
	margin-top: 1.5rem;
	display: inline-block;
	padding: 1.1875rem 2.125rem 1.1875rem 2.125rem;
	border: 0.125rem solid #729d3f;
	border-radius: 2rem;
	background-color: #729d3f;
	color: rgb(27, 18, 18);
	font: 700 0.75rem/0 "Montserrat", sans-serif;
	text-decoration: none;
	transition: all 0.2s;
      
}
.btn-new:hover{
	background-color: transparent;
	color: #729d3f;
	text-decoration: none;
}

.btn-new a:hover{
    color: rgb(255, 4, 4);
}


.btn-outline-reg {
	display: inline-block;
	padding: 1.1875rem 2.125rem 1.1875rem 2.125rem;
	border: 0.125rem solid #729d3f;
	border-radius: 2rem;
	background-color: transparent;
	color: #729d3f;
	font: 700 0.75rem/0 "Montserrat", sans-serif;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-outline-reg:hover {
	background-color: #729d3f;
	color: rgb(2, 1, 1);
	text-decoration: none;
}

.btn-outline-lg {
	display: inline-block;
	padding: 1.375rem 2.625rem 1.375rem 2.625rem;
	border: 0.125rem solid #729d3f;
	border-radius: 2rem;
	background-color: transparent;
	color: #729d3f;
	font: 700 0.75rem/0 "Montserrat", sans-serif;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-outline-lg:hover {
	background-color: #729d3f;
	color: rgb(2, 1, 1);
	text-decoration: none;
}

.btn-outline-sm {
	display: inline-block;
	padding: 1rem 1.625rem 0.875rem 1.625rem;
	border: 0.125rem solid #729d3f;
	border-radius: 2rem;
	background-color: transparent;
	color: #729d3f;
	font: 700 0.625rem/0 "Montserrat", sans-serif;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-outline-sm:hover {
	background-color: #729d3f;
	color: #fff;
	text-decoration: none;
}

.form-group {
	text-align: center;
	align-items: center;
	align-content: center;
	position: relative;
	margin-bottom: 1.25rem;
}

.form-group.has-error.has-danger {
	margin-bottom: 0.625rem;
}

.form-group.has-error.has-danger .help-block.with-errors ul {
    color: red;
	margin-top: 0.375rem;
}

.label-control {
	position: absolute;
	top: 0.87rem;
	left: 1.375rem;
	color: #000000;
	opacity: 1;
	font: 400 0.875rem/1.375rem 'Roboto', sans-serif;
	cursor: text;
	transition: all 0.2s ease;
}
/* IE10+ hack to solve lower label text position compared to the rest of the browsers */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
	.label-control {
		top: 0.9375rem;
	}
}

.form-control-input:focus + .label-control,
.form-control-input.notEmpty + .label-control,
.form-control-textarea:focus + .label-control,
.form-control-textarea.notEmpty + .label-control {
	top: 0.125rem;
	opacity: 1;
	font-size: 0.75rem;
	font-weight: 700;
}

.form-control-input,
.form-control-select {
	display: block; /* needed for proper display of the label in Firefox, IE, Edge */
	width: 100%;
	padding-top: 1.0625rem;
	padding-bottom: 0.0625rem;
	padding-left: 1.3125rem;
	border: 1px solid #9791ae;
	border-radius: 0.25rem;
	background-color: #f3f3f3;
	color: #131313;
	font: 400 0.875rem/1.875rem "Open Sans", sans-serif;
	transition: all 0.2s;
	-webkit-appearance: none; /* removes inner shadow on form inputs on ios safari */
}

.form-control-select {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	height: 3rem;
}

/* IE10+ hack to solve lower label text position compared to the rest of the browsers */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
	.form-control-input {
		padding-top: 1.25rem;
		padding-bottom: 0.75rem;
		line-height: 1.75rem;
	}

	.form-control-select {
		padding-top: 0.875rem;
		padding-bottom: 0.75rem;
		height: 3.125rem;
		line-height: 2.125rem;
	}
}

select {
    /* you should keep these first rules in place to maintain cross-browser behavior */
    -webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url('../images/down-arrow.png');
    background-position: 96% 50%;
    background-repeat: no-repeat;
    outline: none;
}

select::-ms-expand {
    display: none; /* removes the ugly default down arrow on select form field in IE11 */
}

.form-control-textarea {
	display: block; /* used to eliminate a bottom gap difference between Chrome and IE/FF */
	width: 100%;
	height: 12rem; /* used instead of html rows to normalize height between Chrome and IE/FF */
	padding-top: 1.25rem;
	padding-left: 1.3125rem;
	border: 1px solid #9791ae;
	border-radius: 0.25rem;
	background-color: #f3f3f3;
	color: #000000;
	font: 500 0.875rem/1.75rem 'Roboto', sans-serif;
	transition: all 0.2s;
}

.form-control-textarea.h3{
	padding-bottom: 2rem;

}


.form-control-input:focus,
.form-control-select:focus,
.form-control-textarea:focus {
	border: 1px solid #000000;
	outline: none; /* Removes blue border on focus */
}

.form-control-input:hover,
.form-control-select:hover,
.form-control-textarea:hover {
	border: 1px solid #000000;
}

.checkbox {
	font: 400 0.95rem/1.25rem "Open Sans", sans-serif;
}

input[type='checkbox'] {
	vertical-align: 0%;
	margin-right: 0.575rem;
}

input[type=checkbox] { 
	cursor: pointer;
	
} 
/*
input[type=checkbox]:after { 
	font-family: FontAwesome;  
	content: "\f0c8";
	font-size: 18px;
	font-weight: bold;
	color:white;
	text-align: center;
	position: absolute; 
	display: inline-block; 
	visibility: visible; 
} 
input[type=checkbox]:checked:after { 
	content: "\f14a";	
	color: #ed1c24;
	font-size: 18px;
	font-weight: bold;
	text-align: center;		
}   */
 

/* IE10+ hack to raise checkbox field position compared to the rest of the browsers */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
	input[type='checkbox'] {
		vertical-align: -9%;
	}
}

.form-control-submit-button {
	display: inline-block;
	width: 50%;
	height: 3.125rem;
	border: 1px solid #729d3f;
	border-radius: 1.5rem;
	background-color: #729d3f;
	color: rgb(0, 0, 0);
	font: 700 0.75rem/1.75rem "Montserrat", sans-serif;
	cursor: pointer;
	transition: all 0.2s;
}

.form-control-submit-button:hover {
	background-color: transparent;
	color: #729d3f;
}

/* Form Success And Error Message Formatting */
#cmsgSubmit.h3.text-center.tada.animated,
#pmsgSubmit.h3.text-center.tada.animated,
#cmsgSubmit.h3.text-center,
#pmsgSubmit.h3.text-center {
	display: block;
	margin-bottom: 0;
	color: red;
	font: 400 1.125rem/1rem "Open Sans", sans-serif;
}

.help-block.with-errors .list-unstyled {
	color: #000000;
	font-size: 0.75rem;
	margin-top: 1rem;
	margin-bottom: 0rem;
	text-align: left;
}

.help-block.with-errors ul {
	margin-bottom: 0;
}
/* end of form success and error message formatting */

/* Form Success And Error Message Animation - Animate.css */
@-webkit-keyframes tada {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}
	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}
	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}
	to {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes tada {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}
	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}
	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}
	to {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
/* end of form success and error message animation - Animate.css */

/* Fade-move Animation For Lightbox - Magnific Popup */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	transition: all 0.2s ease-out;
	-webkit-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
	-ms-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
	transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective(37.5rem) rotateX(0); 
	-ms-transform: translateY(0) perspective(37.5rem) rotateX(0); 
	transform: translateY(0) perspective(37.5rem) rotateX(0); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;
	-webkit-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); 
	-ms-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); 
	transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); 
}

/* dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;
	transition: opacity 0.2s ease-out;
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}
/* end of fade-move animation for lightbox - magnific popup */

/* Fade Animation For Image Slider - Magnific Popup */
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.fadeIn {
	-webkit-animation: fadeIn 0.6s;
	animation: fadeIn 0.6s;
}

@-webkit-keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

@keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

.fadeOut {
	-webkit-animation: fadeOut 0.8s;
	animation: fadeOut 0.8s;
}
/* end of fade animation for image slider - magnific popup */




.rotating{
    animation: "";
    -webkit-animation: rotation 20s infinite linear;
}

@-webkit-keyframes rotation {
    from {
            -webkit-transform: rotate(0deg);
    }
    to {
            -webkit-transform: rotate(359deg);
    }
}
@keyframes rotation {
        from {
                -webkit-transform: rotate(0deg);
        }
        to {
                -webkit-transform: rotate(359deg);
        }
}




/*************************/
/*     02. Preloader     */
/*************************/

.spinner-wrapper {
    display: block;
	position: fixed;
	z-index: 99999999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #f2f2f2;
}
.spinner-wrapper .content-p{
    top:50%;
    position:relative;
    right:0;
    left:0;
    text-align:center;
    transform:translateY(-50%)
}
.spinner-wrapper .content-p h5{
    font-family: "sans-serif";
    font-size:20px;
    line-height:30px;
    color:#000229;
    font-weight:700
   
}
.loader{
    width: 100px;
    height: 100px;
    margin: 0;
    position: relative;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}
.loader .box-1,
.loader .box-2,
.loader .box-3{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 5px solid #000229;
    opacity: 0;
    position: absolute;
    top: -4px;
    left: -4px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    text-align: center;
}
.loader .box-1{
    -webkit-animation: loading-1 3000ms linear infinite;
    animation: loading-1 3000ms linear infinite;
}
.loader .box-2{
    -webkit-animation: loading-1 3000ms 2s linear infinite;
    animation: loading-1 3000ms 2s linear infinite;
}
.loader .box-3{
    -webkit-animation: loading-1 3000ms 1s linear infinite;
    animation: loading-1 3000ms 1s linear infinite;
}
@-webkit-keyframes loading-1{
    0%{
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }
    15%{
        opacity: 1;
        -webkit-transform: scale(0.25);
        transform: scale(0.25);
    }
    70%{
        opacity: 1;
    }
    90%{
        opacity: 0;
    }
    100%{
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes loading-1{
    0%{
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }
    15%{
        opacity: 1;
        -webkit-transform: scale(0.25);
        transform: scale(0.25);
    }
    70%{
        opacity: 1;
    }
    90%{
        opacity: 0;
    }
    100%{
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}




/**************************/
/*     03. Navigation     */
/**************************/

.fixed-up{
	
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1030;

}

.navbar
{
	-webkit-transition:1.5s cubic-bezier(0.1, 0.4, 0.75, 1.0);
    -o-transition:1.5s cubic-bezier(0.1, 0.4, 0.75, 1.0);
    transition:1.5s cubic-bezier(0.1, 0.4, 0.75, 1.0);
}

.navbar-custom {
	padding: 1rem 1.75rem 0rem 1.75rem;
	background-color: #fdfffe;
	box-shadow: none;
	font: 600 1.05rem/2rem "Montserrat", sans-serif;
	transition: all 0.2s;
}

.mtp-3{
    margin-left:auto;
    margin-right:auto;
    margin-top:-1.75rem;
    margin-bottom:0.25rem;
}
.navbar-custom.top-nav-collapse {
	background-color: rgb(255, 255, 255);
}

.navbar-custom .navbar-brand.logo-image img {
    width: 124px;
	height:42px;
	margin-bottom: 1px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.navbar-custom .navbar-brand.logo-text {
	font: 700 2.375rem/1.5rem "Montserrat", sans-serif;
	color: rgb(22, 22, 22);
	letter-spacing: -0.5px;
	text-decoration: none;
}


.navbar-custom .navbar-nav {
	margin-top: 0;
}

.navbar-custom .nav-item .nav-link {
	padding: 0.25rem 0.75rem 0.25rem 0.75rem;
	color: rgb(12, 12, 12);
	text-decoration: none;
	transition: all 0.2s ease;
}

/* .nav-link:active{
    color: rgb(255, 0, 25);
} */

.navbar-custom .nav-item .nav-link:hover,
.navbar-custom .nav-item .nav-link.active {
	color: #729D3F;
}

.navbar-custom.top-nav-collapse {
	padding: 0.75rem 2.5rem 0.75rem 2.5rem;
	box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1);
	background-color: #ffffff;
}

.navbar-custom.top-nav-collapse .navbar-brand.logo-text {
	color: rgb(255, 255, 255);
}

.navbar-custom.top-nav-collapse .nav-item .nav-link {
	color: #000229;
}

.navbar-custom.top-nav-collapse .nav-item .nav-link:hover,
.navbar-custom.top-nav-collapse .nav-item .nav-link.active {
	color: #729D3F;
}

/* Dropdown Menu */
.navbar-custom .dropdown:hover > .dropdown-menu {
	display: block; /* this makes the dropdown menu stay open while hovering it */
	min-width: auto;
	animation: fadeDropdown 0.2s; /* required for the fade animation */
}

@keyframes fadeDropdown {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.navbar-custom .dropdown-toggle:focus { /* removes dropdown outline on focus  */
	outline: 0;
}

.navbar-custom .dropdown-menu {
	margin-top: 0;
	border: none;
	border-radius: 0.05rem;
	background-color: #ffffff;
	box-shadow: 0 0.05rem 0.375rem 0 rgba(0, 0, 0, 0.03);
}

.navbar-custom .dropdown-item {
	padding-top: 0.05rem;
	padding-bottom: 0.05rem;
	color: #000229;
	text-decoration: none;
}

.navbar-custom .dropdown-item:hover {
	background-color: #ffffff;
}

.navbar-custom .dropdown-item .item-text {
	font: 600 0.95rem/1.5rem "Montserrat", sans-serif;
}

.navbar-custom .dropdown-item:hover .item-text {
	color: #729D3F;
}

.navbar-custom .dropdown-items-divide-hr {
	width: 100%;
	height: 1px;
	margin: 0.20rem auto 0.20rem auto;
	border: none;
	background-color: #b5bcc4;
	opacity: 0.2;
	
}
/* end of dropdown menu */




/*.navbar-custom .social-icons {*/
/*	display: none;*/
/*}*/

.navbar-custom .navbar-toggler {
    margin-left:auto;
    margin-right:0rem;
	border: none;
	color: #000229;
	font-size: 2rem;
}

.navbar-custom button[aria-expanded='false'] .navbar-toggler-awesome.fas.fa-times{
	display: none;
}

.navbar-custom button[aria-expanded='false'] .navbar-toggler-awesome.fas.fa-bars{
	display: inline-block;
}

.navbar-custom button[aria-expanded='true'] .navbar-toggler-awesome.fas.fa-bars{
	display: none;
}

.navbar-custom button[aria-expanded='true'] .navbar-toggler-awesome.fas.fa-times{
	display: inline-block;
	margin-right: 0.125rem;
}



.navbar-custom .social-icons {
    text-align:center;
      position: relative;
	display: block;
	margin-left: auto; 
    margin-right: 2rem;
}

.navbar-custom .fa-stack {
	margin-bottom: 0.1875rem;
	margin-left: 0.375rem;
	font-size: 1.25rem;
}

.navbar-custom .fa-stack-2x {
	color: rgb(239, 253, 239);
	transition: all 0.2s ease;
}

.navbar-custom .fa-stack-1x {
	
	transition: all 0.2s ease;
}

.navbar-custom .fa-stack .fa-facebook-f {
	vertical-align: 0%;
	color: #0035BB;
}
.navbar-custom .fa-stack .fa-twitter {
	vertical-align: 0px;
	color:#1DA1F2;
}
.navbar-custom .fa-telegram-plane {
	vertical-align: 0px;
	color: #35A9EB;
}

.navbar-custom .fa-stack .fa-whatsapp {
	vertical-align: 0%;
	color: rgb(0, 106, 9);
}
.navbar-custom .fa-stack .fa-phone-alt {
	vertical-align: 0%;
	color: navy;
}

.navbar-custom .fa-stack:hover .fa-stack-2x {
	color: #729d3f;
}

.navbar-custom .fa-stack:hover .fa-stack-1x {
	color: #fff;
}

.navbar-custom .fa-stack .fa-instagram {
	vertical-align: 0%;
	color: #C134A8;
}


/*********************/
/*    04. Header     */
/*********************/
.header {
	background:#000e3b;
    background:-moz-linear-gradient(left,#000e3b 0,#186e99 100%);
    background:-webkit-linear-gradient(left,#000e3b 0,#186e99 100%);
    background:linear-gradient(to right,#000e3b 0,#186e99 100%);
	background-size: cover;
}

.header .header-content {
	padding-top: 3rem;
	padding-bottom: 10rem;
	text-align: left;
}

.header .text-container {
	margin-top: 6.5rem;
	margin-bottom: 3rem;
	margin-left: 2.5rem;
}
.header .image-container {
	max-width: 80%;
	margin-top: 6rem;
	margin-left: 3rem;
}
.header h1 {
	margin-bottom: 1rem;
	color: #f2f2f2;
	font-size: 3.0rem;
    font-weight: bold;
}

.header #js-rotating {
	color: #729d3f;
}

.header .p-large {
	margin-right: 240px;
    font-size: 1.1rem;
    color: #fad24e;
    font-weight: 500;
    margin-top: 3rem;
	margin-bottom: 3rem;
}

.header .btn-solid-lg {
	margin-right: 0.5rem;
	margin-bottom: 1.25rem;
}





/****************************/
/*     05. Testimonials     */
/****************************/


.testimonial{
    position: relative;
    background-color: #fcfcfc;
}
.testimonial p{
    font-family: 'Roboto', sans-serif;
    font-size: 1.15rem;
}
.testimonial-text {
	font: 500 1rem/1.5rem 'Roboto', sans-serif;
}

.testimonial-author {
	font: 700 1rem/1.5rem "Montserrat", sans-serif;
}

.testimonial hr{
	width: 7.75rem;
		height: 0.125rem;
		margin-top: 0.125rem;
		margin-left: 0;
		border: 0;
		background-color: #729d3f;
		text-align: left;
	}

.slider-1 {
	padding-top: 6.875rem;
	padding-bottom: 6.375rem;
	background-color: #fcfcfc;
}
.slider-1 h2{
	text-align: left;
}

.slider-1 .slider-container {
	position: relative;
}

.slider-1 .swiper-container {
	position: static;
	width: 90%;
	text-align: center;
}

.slider-1 .swiper-button-prev:focus,
.slider-1 .swiper-button-next:focus {
	/* even if you can't see it chrome you can see it on mobile device */
	outline: none;
}
/* 
.slider-1 .swiper-button-prev {
	left: -0.5rem;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23f1f1f8'%2F%3E%3C%2Fsvg%3E");
	background-size: 1.125rem 1.75rem;
}

.slider-1 .swiper-button-next {
	right: -0.5rem;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f1f1f8'%2F%3E%3C%2Fsvg%3E");
	background-size: 1.125rem 1.75rem;
} */

.slider-1 .card {
	position: relative;
	border: none;
	background-color: transparent;
}

.slider-1 .card-image {
	width: 6rem;
	height: 6rem;
	margin-right: auto;
	margin-bottom: 0.25rem;
	margin-left: auto;
	border-radius: 50%;
}

.slider-1 .card-body {
	padding-bottom: 0;
}

.slider-1 .testimonial-author {
	margin-bottom: 0;
}






/**************************/
/*     18. Statistics     */
/**************************/
.counter {
	padding-top: 6rem;
	padding-bottom: 6rem;
	background-color: #f5f5f8;
	text-align: center;
}

.counter #counter .cell {
	width: 8rem;
	text-align: center;
	display: inline-block;
	margin-right: 2.5rem;
	margin-left: 2.5rem;
	margin-bottom: 1.25rem;
	vertical-align: middle;
}

.counter #counter .counter-value {
	margin-bottom: 1rem;
	color: #000229;
	font: 700 4.25rem/4.5rem "Montserrat", sans-serif;	
	vertical-align: middle;
}


.counter span {
	margin-bottom: 1rem;
	color: #000229;
	font: 700 3.5rem/4.25rem "Montserrat", sans-serif;	
	vertical-align: middle;
}

.counter #counter .counter-info {
	margin-right: -0.5rem;
	margin-left: -0.5rem;
	color: #313131;
	font: 600 0.95rem/1.25rem "Open Sans", sans-serif;
	vertical-align: middle;
}


.counter .spc {
	float: right;
	color: #000229;
	font: 700 3.5rem/4.25rem "Montserrat", sans-serif;	
}


/**********************/
/*     16. Footer     */
/**********************/
.footer {
	padding-left: .5rem;
	padding-top: 2rem;
	background-color: #fdfdfd;
}

.footer .footer-col {
	margin-top: 1.5rem;
	margin-bottom: 0.5rem;
    color: rgb(38, 38, 38);
	width: 90%;
}

.footer .footer-col.middle {
	margin-right: auto;
	margin-left: auto;
}

.footer .footer-col.last {
	margin-right: 0;
	margin-left: auto;
}

.footer .footer-col img {
	padding-left: .5rem;
	width: 198px;
	height: 55px;
	margin-left: -0.5rem;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.footer h4 {
    font-weight: bold;
	margin-bottom: 1rem;
}
.footer h4 a:hover{
    color: rgb(251, 252, 255);
}
.footer a {
	font-weight: bold;
    color: rgb(38, 38, 38);
}

.footer a:visited{
    color: blue;
}

.footer a:hover{
    color: red;
}
.footer p{
	font-family: 'Open Sans',sans-serif;
	font-size: 1.0rem;
	font-weight: 600;
	line-height: 1.50rem;
    /* text-align: justify; */
	margin-right: .5rem;
}
.footer .pi{
    padding-top: -20px;
    text-align: justify;
}


.footer .button{
	margin-left: 3.5rem;
	margin-top: 0.5rem;
	color:whitesmoke;
}
.footer .list-unstyled p{
    font-family: 'Open Sans',sans-serif;
    color: rgb(255, 0, 0);
    margin-bottom: 0.375rem;
}

.footer .list-unstyled .fas {
	color: #000000;
	font-size: 0.5rem;
	line-height: 1.375rem;
}

.footer .list-unstyled .media-body {
	margin-left: 0.625rem;
}

.footer .fa-stack {
	font-size: 1rem;
}
.footer .m-l{
    color: #0b0929;
    font-size: 1.1rem;
    margin-top: 0.925rem;
    /* margin-bottom: 00.125rem; */
}

.footer .fa-stack .fa-stack-1x {
	transition: all 0.2s ease;
}

.footer .fa-stack .fa-stack-2x {
	color: transparent;
	transition: all 0.2s ease;
}

.footer .fa-stack:hover .fa-stack-1x {
	color: #fdfdfd;
}

.footer .fa-stack:hover .fa-stack-2x {
    color: #729d3f;
}
.footer .fa-stack .fa-phone-alt {
	vertical-align: 0%;
	color:navy;
}
.footer .fa-stack .fa-envelope {
	vertical-align: 0%;
	color: #DC4A3F;
}
.footer .fa-stack .fa-map-marker-alt {
	vertical-align: 0%;
	color: red;
}

.footer .fa-stack .fa-telegram-plane {
	vertical-align: 0%;
	color: #35A9EB;
}
.footer .fa-stack .fa-instagram {
	vertical-align: 0%;
	color: #C134A8;
}

.footer .fa-stack .fa-youtube {
	vertical-align: 0%;
	color: #ed1c24;
	
}
.footer .fa-stack .fa-facebook-f {
	vertical-align: 0%;
	color: #0035BB;
}

.footer .fa-stack .fa-twitter {
	vertical-align: 0%;
	color: #1DA1F2;
}
.footer .fa-stack .fa-whatsapp{
	vertical-align: 0%;
	color: rgb(0, 114, 10);
}


/*************************/
/*     17. Copyright     */
/*************************/
.copyright {
	/* padding-top: 1rem; */
	padding-bottom: 0.5rem;
	background-color: transparent;
	text-align: center;
}

.copyright p{
	font-family: 'Roboto',sans-serif;
	text-align: center;
}

.copyright .p-small {
	color: #000000;
	opacity: 0.8;
	font-size: 1rem;
}


/**********************************/
/*     18. Back To Top Button     */
/**********************************/
a.back-to-top {
	position: fixed;
	z-index: 999;
	right: 0.75rem;
	bottom: 0.75rem;
	display: none;
	width: 2.625rem;
	height: 2.625rem;
	border-radius: 1.875rem;
	background: #729d3f url("../images/up-arrow.png") no-repeat center 47%;
	background-size: 1.125rem 1.125rem;
	text-indent: -9999px;
}

a:hover.back-to-top {
	background-color: rgb(0, 0, 0); 
}



/***********************/
/*     16. Contact     */
/***********************/
.form {

	padding-top: 3.25rem;
	padding-bottom: 3.625rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	background-color: #fcfcff;	
}

.dspace li{
	margin-top: -1.75rem;
}

.form .borders {
	text-align: center;
	padding-bottom: 10px;
	padding-top: 2rem;
	padding-left: 12rem;
	padding-right:12rem;
	margin-bottom: 2rem;
	
  }

.form h2 {
	margin-bottom: 1.125rem;
	text-align: center;
}

.form h3 {
	margin-bottom: -0.125rem;
}
.form h4 {
	margin-left: 0.2rem;
	margin-bottom: 0rem;
}
.form p{
	color: rgb(63, 63, 63);
    font-size: 1.1rem;
    font-weight: 500;
	margin-bottom: 3rem;
}

.form hr{
	width: 10.75rem;
	height: 0.125rem;
	margin-top: -1rem;
	margin-bottom: 1rem;
	border: 0;
	background-color: #729d3f;
	text-align: center;
}

.form .list-unstyled {
	margin-bottom: 0.75rem;
	font-size: 1rem;
	line-height: 2rem;
	text-align: left;
}


.form .list-unstyled li {
		
	margin-right: 0.5rem;
	margin-left: 0.5rem;
}

.form .list-unstyled .address {
	display: block;
}


.form .list-unstyled .fas,
.form .list-unstyled .fab {
	margin-right: 0.5rem;
	font-size: 1.275rem;
}


.form .list-unstyled .fa-whatsapp {
	vertical-align: 0%;
	color: rgb(0, 106, 9);
}
.form .list-unstyled .fa-phone-alt {
	vertical-align: 0%;
	color: navy;
}
.form .list-unstyled .fa-envelope {
	vertical-align: 0%;
	color: #DC4A3F;
}

.form .list-unstyled .fa-telegram-plane {
	vertical-align: 0%;
	color: #35A9EB;
}
.form .list-unstyled .fa-instagram {
	vertical-align: 0%;
	color: #C134A8;
}

.form .list-unstyled .fa-youtube {
	vertical-align: 0%;
	color: #ed1c24;
	
}
.form .list-unstyled .fa-facebook-f {
	vertical-align: 0%;
	color: #0035BB;
}

.form .list-unstyled .fa-twitter {
	vertical-align: 0%;
	color: #1DA1F2;
}
.form .list-unstyled .fa-map-marker-alt {
	vertical-align: -20%;
	margin-left: 0.3rem;
	margin-right: 0.75rem;
}


.form .margin-before {
	margin-left: 3.5rem;
}
.form .margin-after {
	margin-right: 3rem;
}

.form .margin-bottom{
	padding-bottom: 6rem;
}

.form .fa-stack {
	text-align: center;
	align-items: center;
	padding-top: 0.25rem;
	padding-bottom: 1.5rem;
	padding-left: 1rem;
	padding-right: 2rem;
}

.form .fa-stack .fa-stack-1x {
	margin-top: 0.125rem;
	font-size: 1.375rem;  
	transition: all 0.2s ease;
}

.form .fa-stack .fa-stack-2x {
	font-size: 2.75rem;
	color: #729d3f;
	transition: all 0.2s ease;
}

.form .fa-stack:hover .fa-stack-1x {
	margin-top: 0.125rem;
	font-size: 1.375rem;
	color: #f1f1f8;
}

.form .fa-stack:hover .fa-stack-2x {
	font-size: 2.75rem;
    color: #729d3f;
}

.card-p{
	margin-top: 4rem;
    margin-bottom: 2rem;
    background:#d1fdda;
    border-radius: 12px;
}
.card-p:hover{
    background: #9affae;

}
.card-e{
    margin-bottom: 2rem;
    background:#f8dcdc;
    border-radius: 12px;
}
.card-e:hover{
    background: #fdb3b3;
  
}
.card-s{
    margin-bottom: 2rem;
    background:#b4fff7;
    border-radius: 12px;
}
.card-s:hover{
   background:  #75fff1;
  
}
.card-p,
.card-p:hover,
.card-e,
.card-e:hover,
.card-s,
.card-s:hover{
    -webkit-transition:1.5s cubic-bezier(0.1, 0.4, 0.75, 1.0);
    -o-transition:1.5s cubic-bezier(0.1, 0.4, 0.75, 1.0);
    transition:1.5s cubic-bezier(0.1, 0.4, 0.75, 1.0);

}
.card-d{
    padding: 1.2rem 2.2rem 1.2rem 2.2rem;
}
.card-d span i{
    margin-right:10px
}
.card-d span{
    font-size:20px;
    font-weight:700
}
.card-d p{
    font-size:1.05rem;
    line-height:1.75rem;
	margin-bottom: 0rem;
}
.card-d a{
    font-size:18px;
    color:inherit;
    font-weight:600
}



/*********************/
/* Contact us start */
/********************/

.contact-us-now {
	text-align: center;
	background: rgb(243, 246, 255);
	padding-top: 6rem;
	padding-bottom: 6rem;
	overflow: hidden;
	position: relative;
}

.contact-us-now:before{
     content:'';
     position:absolute;
     height:150px;
     width:150px;
     z-index:-1;
     background:url(../images/shape/shape-1.svg) no-repeat;
    background-size:auto;
    left:-40px;
    top:-55px
}
.contact-us-now h2{
	margin-bottom: 1.5rem;
	text-align: center;	
}

.contact-us-now h5{
	font-family: "Poppins", sans-serif;
	text-align: center;
	margin-bottom: 1rem;
}

.contact-us-now a {
    color: rgb(46, 46, 46);
	font-weight: bold;
    font-size: 1.225rem;
}
.contact-us-now a:hover{
    color: whitesmoke;
}

.contact-us-now p{
	font-family: 'Roboto', sans-serif;
	text-align: center;
	margin-bottom: 1rem;
	font-size: 1.20em;
	line-height: 1.5rem;
	font-weight: bold;
}


/******************************/
/************Shapes***********/
/****************************/

.shape{
    position:absolute;
}
.shape-a1{
    height: 50px;
    width: 50px;
    bottom:10px;
    left:20px;
    opacity: 0.5;
}
.shape-a01{
    height: 50px;
    width: 50px;
    top:10px;
    right:20px;
    opacity: 0.5;
}
.shape-a2{
    height: 50px;
    width: 50px;
    bottom:30px;
    right:50px;
    opacity: 0.4;
}
.shape-a3{
    height: 50px;
    width: 50px;
    top:30px;
    left:50px;
    opacity: 0.4;
}
.shape-a4{
    height: 50px;
    width: 50px;
    top:10px;
    right:20px;
    opacity: 0.4;
}
.shape-a5{
    height: 50px;
    width: 50px;
    bottom:10px;
    left: 600px;
    opacity: 0.4;
}

.shape-a6{
    height: 50px;
    width: 50px;
    top:10px;
    left: 600px;
    opacity: 0.4;
}
.shape-a7{
    height: 120px;
    width: 120px;
    bottom:0px;
    left: 0px;
    transform: rotateY(0deg) rotate(270deg);
    opacity: 0.4;
}
.shape-a8{
    height: 120px;
    width: 120px;
    top:0px;
    right: 0px;
    transform: rotateY(0deg) rotate(90deg);
    opacity: 0.4;
}
.shape-a9{
    height: 50px;
    width: 50px;
    bottom:130px;
    left: 200px;
    opacity: 0.5;
}
.shape-a10{
    height: 50px;
    width: 50px;
    bottom:130px;
    right: 200px;
    opacity: 0.5;
}
.shape-a11{
    height: 50px;
    width: 50px;
    bottom:400px;
    right: 100px;
    opacity: 0.4;
}
.shape-a12{
    height: 200px;
    width: 200px;
    bottom:600px;
    right: 600px;
    opacity: 0.4;
}
.shape-a13{
    height: 30px;
    width: 30px;
    bottom:10px;
    left: 600px;
    opacity: 0.4;
}





/*************************/
/********Join Us*********/
/***********************/



.join {
	position: relative;
	overflow: hidden;
}

.join .header-content {
	padding-top: 6rem;
	padding-bottom: 6rem;
	text-align: left;
}

.join .text-container {
	margin-bottom: 0rem;
}

.join h2 {
	margin-bottom: 1rem;
	color: #000229;
	font-size: 2.5rem;
    font-weight: bold;
}
.join hr{
	width: 7.75rem;
	height: 0.125rem;
	margin-top: 0.125rem;
	margin-left: 0rem;
	margin-bottom: 1rem;
	border: 0;
	background-color: #729d3f;
	text-align: left;
}

.join p {
    font-size: 1.1rem;
	line-height: 1.75rem;
    color: #313131;
    font-weight: 600;
    margin-top: 2.75rem;
}

.join .p-large {
    font-size: 1.1rem;
    color: #fad24e;
    font-weight: 600;
    margin-top: 3rem;
}

/***************************/
/******offers*******/
/**************************/

.offer {
	text-align: center;
	background: rgb(243, 246, 255);
	padding-top: 6rem;
	padding-bottom: 6rem;
	overflow: hidden;
	position: relative;
}

.offer:before{
     content:'';
     position:absolute;
     height:150px;
     width:150px;
     z-index:-1;
     background:url(../images/shape/shape-1.svg) no-repeat;
    background-size:auto;
    left:-40px;
    top:-55px
}
.offer h1{
	margin-bottom: 1.5rem;
	text-align: center;	
}
.offer h2{
	margin-bottom: 1.25rem;
	text-align: center;	
}

.offer p{
	color: #313131;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	margin-bottom: 1rem;
	font-size: 1.20rem;
	line-height: 1.5rem;
	font-weight: 500;
}

/************************/
/****	Benifits	****/
/**********************/

.card-offer{
	margin-top: 2rem;
    margin-bottom: 2rem;
	text-align: center;
    background:#d1fdda;
	border: 1.125px;
	border-style: solid;
	border-color: #7a7a7a;
    border-radius: 10px;
	width: 100%;	
}
.card-offer:hover{
    background: #9affae;

}
.card-offer img{
	margin-top: 2rem;
	margin-bottom: 1.75rem;
	max-height: 60px;
}
.card-offer p{
	text-align: justify;
	min-height: 180px;
	margin: 0.75rem 1.5rem 1rem 1.5rem;
	font-size: 1.115rem;

}



/*************************/
/***our services main****/
/***********************/

.our-services-list{
	text-align: center;
	background: rgb(243, 246, 255);
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	overflow: hidden;
	position: relative;
}
/* 
.our-services-list:before{
	content: "";
    background:url(../images/shapes/wave_back.svg) center center no-repeat;
	background-size: contain;
    position:absolute;
    height: 100%;
    width: 100%;
    right:0;
    left:0;
    top:0;
    opacity: 0.07;  
    transform: rotateY(0deg) rotate(180deg);
} */

.our-services-list h1{
	margin-bottom: 1.5rem;
	text-align: left;
}
.our-services-list h2{
	font-size: 2.3rem;
	margin-bottom: 0.25rem;
	text-align: left
}
.our-services-list h4{
	text-align: center;
	font-family: 'Open Sans',sans-serif;
	font-size: 1.0rem;
	line-height: 22px;
	margin-bottom: 1rem;
	
}
.our-services-list h5{
	font-family: 'Open Sans',sans-serif;
	text-align: left
}

.our-services-card{
	margin: 0.5rem 1rem 0.5rem 1rem;
	text-align: center; 
}

.card1{
	background: #70e4e8;
}
.card2{
	background: #f5eb92;
}
.card3{
	background: #a3ffe2;
}
.card4{
	background: #ffcd9b;
}
.card5{
	background: #e3ff8e;
}
.card6{
	background: #ffa0c6;
}
.card7{
	background: #f3a6ff;
}
.card8{
	background: #ffefd4;
}
.card9{
	background: #6cfffa;
}
.card10{
	background: #77baff;
}
.card11{
	background: #cfbbff;
}
.card12{
	background: #7affdb;
}

.our-services-card-layout{
	display: block;
	padding-top: 28px;
	text-align: center;
    background:#a0cdff;
	border: 1.125px;
	border-style: solid;
	border-color: #7a7a7a;
    border-radius: 10px;
   max-height: 550px;
    min-height:550px;
}

.our-services-card img{
	margin-top: 1.5rem;
	margin-bottom: 0.75rem;
	height: 35px;
	text-align: center;
}
.icon-setting{
    width:25%;
    float:left;
    position:relative
}

.our-services-list .more{
	margin-top: 1.1rem;
	font-weight: 700;
	text-align: right;
	padding-right: 1.5rem;
	font-size: 1.15rem;
}

.our-services-list hr{
	width: 7.75rem;
	height: 0.125rem;
	margin-top: -0.125rem;
	margin-bottom: 1.125rem;
	margin-left: 0;
	border: 0;
	background-color: #729d3f;
	text-align: left;
}

/* Work Category start */

.work-domain{
    position:relative;
    overflow: hidden;
}


.icon-bg{
    display:block;
    margin:0 auto;
    text-align:center
}
.icon-set{
    width:33.33%;
    float:left;
    position:relative
}

.work-domain .more{
	margin-top: 1.1rem;
	font-weight: 700;
	text-align: right;
	padding-right: 2rem;
	font-size: 1.15rem;
}


/* Work category End */

/*********************/
/*********intro*******/
/*********************/


.intro {
	text-align: center;
	background: rgb(243, 246, 255);
	padding-top: 6rem;
	padding-bottom: 6rem;
	overflow: hidden;
	position: relative;
}

.intro:before{
     content:'';
     position:absolute;
     height:150px;
     width:150px;
     z-index:-1;
     background:url(../images/shape/shape-1.svg) no-repeat;
    background-size:auto;
    left:-40px;
    top:-55px
}
.intro h1{
	margin-bottom: 2rem;
	text-align: center;	
}
.intro p{
	font-family: 'Roboto', sans-serif;
	text-align: center;
	font-size: 1.075rem;
	line-height: 1.5rem;
}




/*********************/
/*****Our Services****/
/********************/

.our-services {
	text-align: center;
	background: rgb(243, 246, 255);
	padding-top: 6rem;
	padding-bottom: 6rem;
	overflow: hidden;
	position: relative;
}

.our-services:before{
     content:'';
     position:absolute;
     height:150px;
     width:150px;
     z-index:-1;
     background:url(../images/shape/shape-1.svg) no-repeat;
    background-size:auto;
    left:-40px;
    top:-55px
}
.our-services h1{
	margin-bottom: 1.5rem;
	text-align: center;	
}
.our-services h2{
	margin-bottom: 1.25rem;
	text-align: center;	
}

.our-services h5{
	margin-bottom: 1.5rem;
	text-align: center;	
	font-size: 1.20rem;
	line-height: 1.325rem;
	font-weight: 500;
}

.our-services p{
	color: #313131;
	font-family: 'Roboto', sans-serif;
	text-align: justify;
	font-size: 1.20rem;
	line-height: 1.5rem;
	font-weight: 500;
}
.our-services .more{
	text-align: right;
	margin-bottom: 1.2rem;
	margin-right: 1rem;
	font-size: 1.15rem;
	font-weight: bold;
}





/*********************/
/*****Portfolio****/
/********************/

.portfolio {
	text-align: center;
	background: rgb(243, 246, 255);
	padding-top: 6rem;
	padding-bottom: 6rem;
	overflow: hidden;
	position: relative;
}

.portfolio :before{
     content:'';
     position:absolute;
     height:150px;
     width:150px;
     z-index:-1;
     background:url(../images/shape/shape-1.svg) no-repeat;
    background-size:auto;
    left:-40px;
    top:-55px
}
.portfolio  h1{
	margin-bottom: 1rem;
	text-align: center;	
}
.portfolio h2{
	margin-bottom: 1.25rem;
	text-align: center;	
}

.portfolio h4{
	margin-top: 1rem;
	margin-bottom: 1.25rem;
	text-align: left;
	font-size: 1.25rem;
	font-weight: bold;	
}
.portfolio h5{
	font-family: 'Roboto', sans-serif;
	margin-bottom: 1.5rem;
	text-align: center;	
	font-size: 1.20rem;
	line-height: 1.325rem;
	font-weight: 500;
}

.portfolio p{
	color: #313131;
	font-family: 'Roboto', sans-serif;
	text-align: justify;
	font-size: 1.20rem;
	line-height: 1.5rem;
	font-weight: 500;
}
.portfolio .more{
	text-align: right;
	margin-right: 1.5rem;
	font-size: 1.15rem;
	font-weight: bold;
}

.card-portfolio{
	overflow: hidden;
	position: relative;
	display: block;
	width: 100%;
	margin-top: 3rem;
	border-radius: 10px;
   
	
}
.card-portfolio img{
	width: 100%;
}





/*************************/
/********About Us*********/
/***********************/


.about {
	position: relative;
	overflow: hidden;
}

.about .header-content {
	padding-top: 6rem;
	padding-bottom: 6rem;
	text-align: left;
}

.about h1 {
	margin-bottom: 0.125rem;
	color: #000229;
	font-size: 3.0rem;
    font-weight: bold;
}

.about p {
    font-size: 1.05rem;
	line-height: 1.50rem;
	text-align: justify;
    color: #313131;
    font-weight: 500;
    margin-top: 2rem;
}
.about hr{
	width: 10.75rem;
	height: 0.125rem;
	margin-top: 0rem;
	margin-left: 0;
	border: 0;
	background-color: #729d3f;
	text-align: left;
}

.our-spec {
	text-align: center;
	background: rgb(252, 252, 252);
	padding-top: 6rem;
	padding-bottom: 6rem;
	overflow: hidden;
	position: relative;
}

.our-spec:before{
     content:'';
     position:absolute;
     height:150px;
     width:150px;
     z-index:-1;
     background:url(../images/shape/shape-1.svg) no-repeat;
    background-size:auto;
    left:-40px;
    top:-55px
}
.our-spec h1{
	position: relative;
	margin-bottom: 1.5rem;
	text-align: center;	
}
.our-spec h2{
	position: relative;
	margin-bottom: 1.25rem;
	text-align: center;	
}
.our-spec h4{
	position: relative;
	margin-top: 2rem;
	text-align: left;	
}

.our-spec h5{
	position: relative;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 2rem;
	text-align: center;
	font-size: 1.15rem;
	line-height: 1.325rem;
	font-weight: 500;
}


.our-spec p{
	position: relative;
	color: #313131;
	font-family: 'Roboto', sans-serif;
	text-align: justify;
	font-size: 1.1rem;
	line-height: 1.5rem;
	font-weight: 500;
	margin-bottom: 1.5rem;
}

.our-spec .block{
	position: relative;
	display: block;
	margin:25px;
}


.our-spec .img-block{
	display: block;
	position: relative;

}

.our-spec img{
	float: left;
	display: block;
	position: relative;
	max-width: 40px;
	width: 100%;
}
.our-spec .image-text{
	display: block;
	position: relative;
	padding-left: 60px;
}






/******************/
/* Ceo-msg start */
/*****************/

.ceo-msg{
	background: rgb(251, 252, 255);
	padding-top: 6rem;
	padding-bottom: 6rem;
	overflow: hidden;
	position: relative;
}
.ceo-msg:before{
    content: "";
    background:url(../images/shapes/wave_back.svg) center center no-repeat;
    position:absolute;
    height: 100%;
    width: 100%;
    right:0;
    left:0;
    top:0;
    opacity: 0.1;
    background-size: contain
}
.ceo-msg h4{
	text-align: left;	
}

.ceo-msg h5{
	text-align: left;
	margin-bottom: 1rem;
}
.ceo-msg hr{
	width: 4.75rem;
	height: 0.125rem;
	margin-top: 0.125rem;
	margin-left: 0;
	border: 0;
	background-color: #729d3f;
	text-align: left;
}

.ceo-msg a {
	font-weight: bold

}
.ceo-msg p{
	font-family: 'Roboto',sans-serif;
	font-size: 1.10rem;
	line-height: 2rem;
	text-align: justify;
}

/* ceo-msg end */


/*************************/
/* mission vision start */
/************************/

.mv{
    background: rgb(251, 252, 255);
	padding-top: 6rem;
	padding-bottom: 6rem;
	overflow: hidden;
	position: relative;
}
.mv h4{
	margin-bottom: 0.325rem;
    font-size: 1.5rem;
	text-align: left;	
}

.mv hr{
	width: 4.75rem;
	height: 0.125rem;
	margin-top: 0.125rem;
	margin-left: 0rem;
	margin-bottom: 1rem;
	border: 0;
	background-color: #729d3f;
	text-align: left;
}

.mv a {
	font-weight: bold

}
.mv p{
	font-family: 'Roboto',sans-serif;
	font-size: 1.10rem;
	line-height: 1.60rem;
	text-align: justify;
    font-weight: 500;
}

.vision-back{
    padding: 25px;
    background:#e0fffc;
    border-radius: 12px;
}
.vision-back:hover{
    background: #bffff9;
  
}
.mission-back{
    padding: 25px;
    background:#ffeaea;
    border-radius: 12px;
}
.mission-back:hover{
    background: #fcc0c0;
  
}
.mission-back,
.mission-back:hover,
.vision-back,
.vision-back:hover
{
	-webkit-transition:1.5s cubic-bezier(0.1, 0.4, 0.75, 1.0);
    -o-transition:1.5s cubic-bezier(0.1, 0.4, 0.75, 1.0);
    transition:1.5s cubic-bezier(0.1, 0.4, 0.75, 1.0);

}

/* misssion vision end */

/************************************/

/**********************/
/*     Link Decoration     */
/**********************/

/* unvisited link */
.form a:link {
	color: rgb(0, 0, 0);
	text-decoration: none;
	font-weight: bold;
  }
  /* mouse over link */
.form a:hover {
	color: red;
  }
  
  /* selected link */
.form a:active {
	color: blue;
  }



a:link {
	color: rgb(0, 0, 0);
	
  }


/* a:visited{
    color: blue;
} */
  /* mouse over link */
a:hover {
	color: #729d3f;
  }
  
  /* selected link */
/* a:active {
	color: rgb(255, 0, 0);
  } */





/*********************/
/*    Services details   */
/*********************/

.m-back:before{
	content: "";
	background: url(../images/shapes/bg_b.png);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	opacity: 0.5;
}


.align-center{
	align-self: center;
	align-items: center;
}

.image-center img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 80%;
}

.services-d {
	padding-top: 6rem;
	padding-bottom: 6rem;
	position: relative;
	overflow: hidden;
}

.services-d .header-content {
	
	text-align: left;
}

.services-d .text-container {
	margin-bottom: 3rem;
}

.services-d h1 {
	margin-bottom: 1.5rem;
	color: #000229;
	font-size: 2.5rem;
    font-weight: bold;
}


.services-d h2 {
	margin-top: 0rem;
	margin-bottom: 1rem;
	font-size: 2.25rem;
	
}
.services-d h6 {
	margin-bottom: 0rem;	
}

.services-d hr{
	width: 7.75rem;
		height: 0.125rem;
		margin-top: -0.5rem;
		margin-bottom: 1.5rem;
		margin-left: 0;
		border: 0;
		background-color: #729d3f;
		text-align: left;
	}
.services-d p {
    font-size: 1.05rem;
	line-height: 1.5rem;
    color: #131313;
    font-weight: 500;
}

.services-d .p-large {
    font-size: 1.1rem;
    color: #fad24e;
    font-weight: 600;
    margin-top: 3rem;
	margin-bottom: 3rem;
}

.services-d.btn-solid-lg {
	margin-right: 0.5rem;
	margin-bottom: 1.25rem;
}







.graphic-more{
    position: relative;
    text-align: left;
}

.graphic-more h1{
    text-align: center;
    margin-bottom: 40px;
}
.graphic-more span{
    font-size: 18px;
    
}

ul.checkmark li {
  font-size: 16px; 
  list-style-type: none;
  margin-bottom: 1em; 
  padding: 0.25em 0 0 2.5em;
  position: relative;
}

ul.checkmark li:before {
  content: " ";
  display: block;
  border: solid 0.8em #144f01; 
  border-radius: .8em; 
  height: 0;
  width: 0;
  position: absolute; 
  left: 0.5em;
  top: 40%; 
  margin-top: -0.5em;
}


ul.checkmark li:after {
    content: " ";
    display: block;
    width: 0.4em;
    height: 0.8em;
    border: solid white;
    border-width: 0 0.2em 0.2em 0; 
    position: absolute;
    left: 1.1em;
    top: 40%;
    margin-top: -0.15em;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }



/**************************/
/* working process start */
/************************/


.work-method{
    text-align: center;
    background: rgb(251, 252, 255);
	padding-top: 6rem;
	padding-bottom: 4rem;
	overflow: hidden;
	position: relative;
}

.work-method h2{
    text-align: center;
    margin-bottom: 5rem;
}
.work-method h4{
    font-size: 1.1rem;
    text-transform: uppercase;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    line-height: 1.2rem;
    text-align: center;
}

.method-card{ 
    text-align: center;
    border: 2px solid #ffd0e5;
    border-radius: 50%;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    background: #fff2f9;
    background-size: cover;
    overflow: hidden;
    display:block;
    width:180px;
    height:180px;
    margin-bottom: 10px;
    margin-top: 10px;
    
}

.method-card img{
    margin: 25px;
}
.work-method .number-down {
    position: relative;
    color: #080149;
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #d6d6d6;
    font-size: 18px;
    font-weight: 700;
    line-height: 40px;
    text-align: center;
    border-radius: 50px;
    
}
.work-method .number-down:before {
    text-align: center;
    position: absolute;
    background-color: #000000;
    content: '';
    left: 50%;
    top: -45px;
    width: 1px;
    height: 45px;
    
}

.work-method .number-up {
    position: relative;
    color: #080149;
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #d6d6d6;
    font-size: 18px;
    font-weight: 700;
    line-height: 40px;
    text-align: center;
    border-radius: 50px;
    
}

.work-method .number-up:before {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -45px;
    width: 1px;
    height: 45px;
    background-color: #000000;
} 
.center-line{
    position: relative;
    text-align: center;
    align-items: center;
    align-content: center;
}

.center-it{
    margin: 100px auto;
    text-align: center;
    display: table;
    vertical-align: middle;
    margin: auto;
}
.glow-c {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background-color: #ccc;
    animation: glow 1.2s infinite alternate;
  }
  
  @keyframes glow {
    from {
      box-shadow: 0 0 15px -15px #ffe3f5;
    }
    to {
      box-shadow: 0 0 15px 15px #ffc6da;
    }
  }


/* working process end */



/******************/
/*      career    */
/******************/

.career {
	padding-top: 6rem;
	padding-bottom: 4rem;
	/* background:url(../images/shape/shape-9.svg) center left no-repeat #fff; */
    background-size:contain;
	background-color: #f8f8f8;
}

.career .heading{
	text-align: center;
}

.career h2{
	text-align: center;
	margin-bottom: 1rem;	
}

.career h4{
	text-align: center;
	margin-bottom: 1rem;
}

.career a {
	font-weight: bold

}
.career p{
	font-size: 1.0rem;
	text-align: center;
	font-family: 'Roboto', sans-serif;
}

.career .list-unstyled .fas {
	color: #000000;
	font-size: 0.5rem;
	line-height: 1.375rem;
}

.career .list-unstyled .media-body {
	margin-left: 0.625rem;
}

.career .fa-stack {
	margin-top: 2rem;
	text-align: center;
	align-items: center;
	margin-bottom: 1.25rem;
	font-size: 2.25rem;
}

.career .fa-stack .fa-stack-1x {
	transition: all 0.2s ease;
}

.career .fa-stack .fa-stack-2x {
	color: white;
	transition: all 0.2s ease;
}

.career .fa-stack:hover .fa-stack-1x {
	color: #fdfdfd;
}

.career .fa-stack:hover .fa-stack-2x {
    color: #729d3f;
}

.career .fa-stack .fa-phone-alt {
	vertical-align: 0%;
	color:navy;
}
.career .fa-stack .fa-cog {
	vertical-align: 0%;
	color: #DC4A3F;
}
.career .fa-stack .fa-user-friends {
	vertical-align: 0%;
	color: #ed1c24
}

.career .fa-stack .fa-envelope-open-text {
	vertical-align: 0%;
	color: #35A9EB;
}



/***********************/
/***Our Client*********/
/*********************/

.our-client{
    overflow: hidden;
    position:relative;
    padding-top: 6rem;
    padding-bottom: 6rem;
}
.our-client:before{
    content:"";
    background:url(../images/shapes/bg_a.png);
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    opacity: 0.25;
}

.our-client h2{
	text-align: center;
	margin-bottom: 2rem;
}

.our-client .imz img{
	text-align: center;
    margin-bottom: 2rem;
	margin-top: 1rem;
	width: 160px;
	height: 40px;
    padding: 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
  }

.our-client .imz img:hover{
    transform: scale(1.25);
  }

/***************************/
/*     19. Extra Pages     */
/***************************/

.ex-header {
    overflow: hidden;
	padding-top: 6rem;
	padding-bottom: 3.5rem;
	text-align: center;
    position: relative;
}
.ex-header h1 {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}

.ex-header::before{
    overflow: hidden;
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    left:0;
    z-index:0;
    /* opacity: 0.8; */
    background:-moz-linear-gradient(top,#4faefc 0,#ffffff 100%);
    background:-webkit-linear-gradient(top,#4faefc 0,#ffffff 100%);
    background:linear-gradient(to bottom,#4faefc 0,#ffffff 100%)
}

.ex-basic-1 {
	padding-top: 1.5rem;
	padding-bottom: 0.875rem;
	background-color: #2f2c3d;
}

.ex-basic-1 .breadcrumbs {
	margin-bottom: 0.625rem;
}

.ex-basic-1 .breadcrumbs .fa {
	margin-right: 0.5rem;
	margin-left: 0.625rem;
}

.ex-basic-2 {
	padding-top: 4.75rem;
	padding-bottom: 5rem;
	background-color: #ffffff;
}

.ex-basic-2 p{
    font-size: 1.20rem;
    line-height: 1.8rem;
    font-weight: 500;
}

.ex-basic-2 :link{
    font-weight: 700;
}
.ex-basic-2 h3 {
	margin-bottom: 1rem;
}

.ex-basic-2 .text-container {
    line-height: 1.6rem;
    font-size: 1.1rem;
    text-align: justify;
	margin-bottom: 3.625rem;
}


.ex-basic-2 .text-container.dark {
	padding: 2.5rem 3rem 2rem 3rem;
}

.ex-basic-2 .text-container.column {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
}

.ex-basic-2 .text-container.last {
	margin-bottom: 0;
}

.ex-basic-2 .list-unstyled .fas {
	color: #000000;
	font-size: 0.5rem;
	line-height: 1.375rem;
}

.ex-basic-2 .list-unstyled .media-body {
	margin-left: 0.625rem;
}

.ex-basic-2 .btn-outline-reg {
	margin-top: 1.75rem;
}

.ex-basic-2 .image-container-large {
	margin-bottom: 4rem;
}

.ex-basic-2 .image-container-large img {
	border-radius: 0.25rem;
}

.ex-basic-2 .image-container-small img {
	border-radius: 0.25rem;
}

.ex-basic-2 .text-container.dark-bg {
	padding: 1.625rem 1.5rem 0.75rem 2rem;
	background-color: #f9fafc;
}




/**********************************/
/*     . Details  Newly Made   */
/**********************************/


/*.details-1 {*/
/*	padding-top: 4.125rem;*/
/*	 padding-bottom: 3.5rem; */
/*	background-color: #ffffff;*/
/*}*/

.details-1 img {
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 580px;
	position: relative;
	z-index: 0; 
}

.details-1 .slider-container {
	overflow: hidden;
	position: relative;
}

.details-1 .swiper-container {
	margin: 0;
    padding: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
	text-align: center;
}

.swiper-pagination {
	margin-bottom: 2rem;
  }

.swiper-pagination-bullet-active {
	background: #26aa77;
  }

  
		
/*..........New round........ */

.menu-round{
	text-align: center;
	background: rgb(240, 233, 252);
	padding-top: 4rem;
	padding-bottom: 4rem;
	overflow: hidden;
	position: relative;
}

.menu-round h1{
	margin-bottom: 1.5rem;
	text-align: left;
}
.menu-round h2{
	font-size: 1.75rem;
	margin-bottom: 1.50rem;
	text-align: center;
}
.menu-round h4{
	text-align: center;
	font-family: 'Open Sans',sans-serif;
	font-size: 1.0rem;
	line-height: 22px;
	margin-top: 1.25rem;
	margin-bottom: 1rem;
	
}
.menu-round h5{
	font-family: 'Open Sans',sans-serif;
	text-align: left
}

.menu-round-card{
	margin: 0rem 0.5rem 0rem 0.5rem;
	text-align: center; 
}

.menu-round-card img{
	overflow: hidden;
	margin-top: 1.5rem;
	margin-bottom: 0.5rem;
	height: 250px;
	width: 250px;
	text-align: center;
	border-radius: 50%;
}


/*............square card*/



.menu-square{
	text-align: center;
	background: #ffffff;
	padding-top: 4rem;
	padding-bottom: 4rem;
	padding-left: 1rem;
	padding-right: 1rem;
	overflow: hidden;
	position: relative;
}

.menu-square h1{
	margin-bottom: 1.5rem;
	text-align: left;
}
.menu-square h2{
	font-size: 1.75rem;
	margin-bottom: 1.50rem;
	text-align: center;
}
.menu-square h4{
	text-align: center;
	font-family: 'Open Sans',sans-serif;
	font-size: 1.0rem;
	line-height: 22px;
	margin-top: 1.25rem;
	margin-bottom: 1rem;
	
}
.menu-square h5{
	font-family: 'Open Sans',sans-serif;
	text-align: left
}

.icon-setting-square{
    width:33.33%;
    float:left;
    position:relative
}

.icon-setting-square-double{
    width:50%;
    float:left;
    position:relative
}
.square img{
	height: 200px;

}

.square-lg img{
	height: 250px;

}

.square-double img{
	width: 100%;
	height: 400px;

}
.square-card{
	margin: 0.5rem 1rem 0.5rem 1rem;
	text-align: center;
}

.square-card-lg{
	margin: 0.5rem 1rem 0.5rem 1rem;
	text-align: center;
}

.square-card-double{
	margin: 1.5rem 1.5rem 1.5rem 1.5rem;
	text-align: center;
}




.container-fluid{
	padding-left: 0rem;
	padding-right: 0rem;
	overflow: hidden;
  }



/**********product card*********/



.product-menu{
	text-align: center;
	background: rgb(233, 252, 246);
	padding-top: 2.5rem;
	padding-bottom: 4rem;
	overflow: hidden;
	position: relative;
}

.product-menu span {
	margin-left: 1.3rem;
	float:left;
	
}
.product-menu h2{
	font-family: "Poppins", sans-serif;
	font-size: 1.75rem;
	margin-bottom: 1.50rem;
	text-align: center;
}
.product-menu h4{
	text-align: center;
	margin-left: 0.4rem;
	font-family: 'Open Sans',sans-serif;
	font-size: 1.0rem;
	line-height: 22px;
	
}
.product-menu h5{
	font-family: 'Open Sans',sans-serif;
	text-align: left
}

.product-menu .title{
	overflow: hidden;
	float: left;
	margin-left: 1.8rem;
	margin-right: 1.8rem;
	margin-bottom: 0.5rem;
	text-align: left;
	font-size:18px;
    font-weight: 600;
	color: #000229;
	font-family:  "Montserrat", sans-serif;
		overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
}

.product-menu .stock{
	overflow: hidden;
	float: left;
	margin-left: 1.8rem;
	margin-right: 1.8rem;
	margin-bottom: 0.5rem;
	text-align: left;
	font-size:15px;
    font-weight: 600;
	color: #02278b;
	font-family:  "Montserrat", sans-serif;
}


.product-menu .old-price{
	float: left;
	text-decoration: line-through;
	margin-bottom: 0.4rem;
    margin-left:0.2rem;
	text-align: left;
	font-size:16px;
    font-weight: 500;
	color: #777777;
	font-family:  "Montserrat", sans-serif;
}


.product-menu .mrps{
	float: left;
	margin-bottom: 0.4rem;
	margin-left:-0.5rem;
	text-align: left;
	font-size:16px;
    font-weight: 500;
	color: #777777;
	font-family:  "Montserrat", sans-serif;
}

.product-menu .price{
	float: left;
	margin-left: 0.5rem;
	margin-bottom: 0.4rem;
	text-align: left;
	font-size:22px;
    font-weight: 600;
	color: #729d3f;
	font-family:  "Montserrat", sans-serif;
}


.product-menu-card img{
	text-align: center;
	overflow: hidden;
	margin-top:1.5rem;
	margin-bottom:1.5rem;
	margin-left: 1rem;
	margin-right: 1rem;
	height: 200px;
	width: 88%;
}


.product-card{
	float:left;
	margin: 1rem;
    position:relative;
	text-align: center;
    background:#f8fdf9;
	border: 0.2px;
    border-radius: 2px;
	width: 22%;
	min-height:450px;
	max-height: 450px;
	-moz-box-shadow: 0 0 2px rgb(156, 156, 156);
	-webkit-box-shadow: 0 0 2px rgb(156, 156, 156);
	box-shadow: 0 0 2px rgb(156, 156, 156);
}

.product-small-card{
	
	min-height:340px;
	max-height: 450px;
}

.product-card:hover{
    background: #fbfffc;

}


.btn-buynow{
	margin-top: 1.50rem;
	margin-bottom: 1.50rem;
	display: inline-block;
	padding: 1.1875rem 2rem 1.1875rem 2rem;
	border: 0.125rem solid #619d1a;
	border-radius: 3px;
	background-color: #729d3f;
	color: #ffffff;
	font: 700 0.95rem/0 "Montserrat", sans-serif;
	text-decoration: none;
	transition: all 0.2s;
	
      
}

.btn-buynow .fab {
	margin-right: 0.3rem;
	font-size: 1.1rem;
	line-height: 0;
	align-items: center;
}

.product-menu .fa-whatsapp{
	vertical-align: 0%;
	color: rgb(255, 255, 255);
}


.p15{
	padding-left: 40px;
	padding-right: 40px;
	overflow: hidden;
}




/**********product details card*********/



.product-details{
	background: rgb(233, 252, 246);
	padding-top: 3rem;
	padding-bottom: 3rem;
	overflow: hidden;
	position: relative;
}



.product-details .breadcrumbs {
	text-align: left;
	margin-right: 0.5rem;
	margin-top: 0rem;
	margin-bottom: 2.5rem;
}


.product-details a{
	font-family: 'Open Sans',sans-serif;
	margin-bottom: 1.5rem;
	text-align: left;
	font-weight: 600;
	color: black;
}

.product-details p{
	font-family: 'Open Sans',sans-serif;
	margin-bottom: 1.5rem;
	text-align: left;
	font-weight: 600;
}

.product-details li{
	font-family: 'Open Sans',sans-serif;
	text-align: left;
	font-weight: 600;
}
 
/*.product-details span {*/
/*	margin-left: 1.3rem;*/
/*	float:left;*/
	
/*}*/
.product-details h3{
	font-family: 'Open Sans',sans-serif;
	font-size: 1.5rem;
	line-height: 1.75rem;
	margin-bottom: 0.15rem;
	text-align: left;
	font-weight: 600;
}
.product-details h4{
	text-align: left;
	margin-top: 1.4rem;
	font-family: 'Open Sans',sans-serif;
	font-size: 1.0rem;
	line-height: 22px;
	
}

.product-details h6{
	color: #02278b;
	text-align: left;
	font-family: 'Open Sans',sans-serif;
	font-size: 0.80rem;
	margin-bottom: 1rem;
	line-height: 22px;
	
}

.product-details .stock{
	overflow: hidden;
	margin-top: 0.5rem;
	margin-right: 1.8rem;
	margin-bottom: 0.5rem;
	text-align: left;
	font-size:17px;
    font-weight: 600;
	color: #02278b;
	font-family:  "Montserrat", sans-serif;
}


.product-details .old-price{
	text-decoration: line-through;
	margin-bottom: 0.4rem;
	text-align: left;
	font-size:18px;
    font-weight: 500;
	color: #777777;
	font-family:  "Montserrat", sans-serif;
}


.product-details  .mrps{
	margin-bottom: 0.4rem;
	text-align: left;
	font-size:18px;
    font-weight: 500;
	color: #777777;
	font-family:  "Montserrat", sans-serif;
}

.product-details .price{
	margin-right: 0.5rem;
	margin-bottom: 0.4rem;
	text-align: left;
	font-size:22px;
    font-weight: 600;
	color: #729d3f;
	font-family:  "Montserrat", sans-serif;
}


.product-details .btn-buynow{
	display: inline-block;
	text-align: center;
	margin-top: 1.25rem;
	margin-bottom: 1.5rem;
	padding: 1.1875rem 12.2rem 1.1875rem 12.2rem;
	border: 0.125rem solid #619d1a;
	border-radius: 3px;
	background-color: #729d3f;
	color: #ffffff;
	font: 700 0.85rem/0 "Montserrat", sans-serif;
	text-decoration: none;
	transition: all 0.2s;
      
}


.product-details-card:hover{
    background: #fbfffc;

}

.product-details img {
	float: left;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 550px;
	height: 450px;
	position: relative;
	z-index: 0; 
}

.product-details .slider-container {
	overflow: hidden;
	position: relative;
}

.product-details .swiper-container {
	margin: 0;
    padding: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.product-details .swiper-pagination {
	margin-bottom: 0rem;
  }

.product-details .swiper-pagination-bullet-active {
	background: #26aa77;
  }

  .product-details .swiper-button-prev,
  .product-details .swiper-button-next {
  width: 20px;
  height: 35px;
  background-size: 20px 35px;
}


.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2326aa77'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
  	right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2326aa77'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}


.credit-us{
	margin-top: -1rem;
}
.credit-us a{
	font-size: 0.7rem;
}



.mt-6{
	margin-top: 5.5rem;
}


.autocomplete {
  /*the container must be positioned relative:*/
  padding-left:9rem;
  position: relative;
  display: inline-block;
  width:750px;
}
input {
  border: 1px solid transparent;
  background-color: #f1f1f1;
  padding: 10px;
  font-size: 16px;
}
input[type=text] {
  background-color: #f1f1f1;
  width: 100%;
}
input[type=submit] {
	color: #04703a;
	display: inline-block;
	padding: 1.18rem 1.85rem 1.18rem 1.85rem;
	border: 0.05rem solid #619d1a;
	border-radius: 4px;
	background-color: #729d3f;
	color: #ffffff;
	font: 600 1rem/0 "Montserrat", sans-serif;
	text-decoration: none;
	transition: all 0.2s;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}


.form-control:focus {
	color: #161616;
	font-weight: 500;
	font-family:  "Poppins", sans-serif;
	background-color: #ffffff;
	border-color: #016e0b;
	outline: 0;
	box-shadow: 0 0 0 0.15rem #02b413;
  }

.align-c{
    float:none;
	position: absolute;
    left: 100%;
    top: 100%;
    transform: translate(-50%, -50%);
}












@media only screen and (max-width:1200px) and (min-width:992px){

.autocomplete {
  /*the container must be positioned relative:*/
  padding-left:5rem;
  position: relative;
  display: inline-block;
  width:550px;
}

	.navbar-custom {
		padding: 0.60rem 1.5rem 0.60rem 1.5rem;
		font: 600 0.8rem/2rem "Montserrat", sans-serif;
}
	.navbar-custom .nav-item .nav-link {
		color: #000000;
}

.header .image-container {
	max-width: 100%;
	margin-top: 10rem;
	margin-left: 0rem;
}
.our-client .imz img{
	margin-bottom: 0.5rem;
	margin-top: 1rem;
	width: 148px;
	height: 37px;
  }

.our-client .imz img:hover{
    transform: scale(1.15);
  }

}


  
@media only screen and (max-width:991px){
    
    
    .mtp-3{
    margin-top:0.25rem;
    margin-bottom:-0.25rem;
}

	.mt-6{
		margin-top: 1.5rem;
	}

	
	.autocomplete {
	  /*the container must be positioned relative:*/
	  padding-left:0rem;
	  position: relative;
	  display: inline-block;
	 width: 275px;
	}
	
	input {
	  border: 1px solid transparent;
	  background-color: #f1f1f1;
	  padding: 10px;
	  font-size: 10px;
	}
	input[type=text] {
	  background-color: #f1f1f1;
	  width: 100%;
	}

	input[type=submit] {
		align-items: center;
	color: #04703a;
	display: inline-block;
	padding: 1.18rem 1.25rem 1.18rem 1.25rem;
	border: 0.05rem solid #619d1a;
	border-radius: 4px;
	background-color: #729d3f;
	color: #ffffff;
	font: 600 1rem/0 "Montserrat", sans-serif;
	text-decoration: none;
	transition: all 0.2s;
	}
	
	.autocomplete-items {
	  position: absolute;
	  border: 1px solid #d4d4d4;
	  border-bottom: none;
	  border-top: none;
	  z-index: 99;
	  /*position the autocomplete items to be the same width as the container:*/
	  top: 100%;
	  left: 0;
	  right: 0;
	}
	.autocomplete-items div {
	  padding: 10px;
	  cursor: pointer;
	  background-color: #fff;
	  border-bottom: 1px solid #d4d4d4;
	}
	.autocomplete-items div:hover {
	  /*when hovering an item:*/
	  background-color: #e9e9e9;
	}
	.autocomplete-active {
	  /*when navigating through the items using the arrow keys:*/
	  background-color: #04703a !important;
	  color: #ffffff;
	}


	.our-services-list{
		padding-top: 1rem;
		padding-bottom: 2rem;
	}
	.our-services-list h4{
		font-size: 0.95rem;
		line-height: 20px;
		margin-bottom: 0.5rem;	
	}
	.our-services-card{
		margin: 0.5rem 0rem 0.5rem 0rem;
		text-align: center; 
	}


	.our-services-card img{
		margin-top: 0.25rem;
		margin-bottom: 0.25rem;
		height: 40px;
		text-align: center;
	}
	
.our-services-list h5{
	margin-bottom: 2rem;
}

.our-services-list hr{
	width: 5.75rem;
	height: 0.125rem;
	margin-top: 0.5rem;
}

.our-services-card-layout{
   max-height: 810px;
    min-height:810px;
}


	.menu-round{
		padding-top: 2.5rem;
		padding-bottom: 2.5rem;
	}
	.menu-round h2{
	    margin-bottom:0.75rem;
		font-size: 20px;
   }

	.menu-round h4{
		 font-size: 14px;
	}
	.menu-round-card img{
		overflow: hidden;
		margin-top: 1.25rem;
		margin-bottom: 0rem;
		height: 120px;
		width: 120px;
		text-align: center;
		border-radius: 50%;
	}

	.square img{
		height: 110px;
	
	}
	
	.square-lg img{
		  transform-origin: center;
          transform: scale(1.5);
	
	}
	
	.square-double img{
		width: 100%;
		height: 180px;
	
	}
	
	
.square-card{
	margin: 0.5rem 1rem 0.5rem 1rem;
	text-align: center;
}


.square-card-lg{
	margin: 2.5rem 0rem 1.5rem 0rem;
	text-align: center;
}

.square-card-lg h4{
    margin-top: 3rem;
	text-align: center;
}

.square-card-double{
	margin: 0.75rem 0.75rem 0.75rem 0.75rem;
	text-align: center;
}	
	
	
	.icon-setting{
    width:50%;
    float:left;
    position:relative
}

	.icon-setting-square{
		width:100%;
	}
	.icon-setting-square-double{
    width:100%;
 
}


.menu-square{
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
}

.menu-square h2{
	font-size: 20px;
	margin-bottom: 0.75rem;
	text-align: center;
}


	.product-menu{
	text-align: center;
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;

}

	.product-menu-card img{
	    margin-top:0.75rem;
	    margin-bottom:0.75rem;
		margin-left: 0.5rem;
		margin-right: 0.5rem;
		height: 120px;
		width: 88%;
	}
	
	.product-menu h2{
	font-family: "Poppins", sans-serif;
	font-size: 20px;
	margin-bottom: 0.75rem;
	text-align: center;
}
	
	.product-card{
	    margin:0.6rem;
	    min-height:220px;
	    max-height:300px;
		width: 44%;	
	}
	
	.product-small-card{
	
	    min-height:220px;
	    max-height:300px;
}

	

.product-menu span {
	margin-left: 0.3rem;
	float:left;
	
}


.product-menu .title{
    margin-left: 0.5rem;
	margin-right: 0.5rem;
	margin-bottom:0rem;
	line-height:1rem;
	font-size:12px;
	overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
}

.product-menu .stock{
    margin-left: 0.5rem;
	margin-right: 0rem;
	margin-bottom:0.1rem;
	font-size:10px;
 
}


.product-menu .old-price{
	font-size:12px;
}
.product-menu .mrps{
	font-size:12px;
}


.product-menu .price{
     margin-left: 0.3rem;
	 margin-bottom: 0.4rem;
	 font-size:15px;
	 margin-right:0.5rem;
}

.product-card:hover{
    background: #fbfffc;
}



.btn-buynow{
	margin-top: 1rem;
	margin-bottom: 1rem;
	padding: 1rem 1.3rem 1rem 1.3rem;
	font: 700 0.65rem/0 "Montserrat", sans-serif;
      
}

.btn-buynow .fab {
	margin-right: 0.25rem;
	font-size: 1rem;
}








.details-1 {
		padding-top: 3rem;
		margin-left: auto;
		margin-right: auto;
		background-color: #ffffff;
	}

.details-1 img {
		overflow: hidden;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		width: 100%;
		height: 200px;
		position: relative;
		z-index: 0; 
	}

.swiper-pagination {
	margin-bottom: 0.5rem;
  }
	.p15{
		padding-left: 10px;
		padding-right: 10px;
		overflow: hidden;
	}


	.product-details{
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	
	.product-details .breadcrumbs {
		margin-top: 0.75rem;
		margin-bottom: 1.5rem;
	}
	
	.product-details a{
		font-family: 'Open Sans',sans-serif;
		margin-bottom: 1.5rem;
		text-align: left;
		font-weight: 600;
	}
	
	.product-details p{
		font-family: 'Open Sans',sans-serif;
		margin-bottom: 1.5rem;
		text-align: justify;
		font-weight: 600;
	}
	
	.product-details li{
		font-family: 'Open Sans',sans-serif;
		text-align: left;
		font-weight: 600;
	}
	.product-details h3{
		font-size: 1.5rem;
		margin-top: 1.4rem;
	}

	.product-details .btn-buynow{
		padding: 1.1875rem 7.8rem 1.1875rem 7.8rem;
	
		  
	}

	.product-details img {
		float: left;
		overflow: hidden;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		width: 330px;
		height: 270px;
		position: relative;
		z-index: 0; 
	}


	.product-details .swiper-button-prev,
	.product-details .swiper-button-next {
	
	width: 15px;
	height: 25px;
	background-size: 15px 25px;
	
  }



.navbar-custom {
		padding: 0.60rem 1.125rem 0.60rem 1.125rem;
        background:#f7fcfb;
		box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1);
}
.navbar-custom .nav-item .nav-link {
		padding: 0 0.75rem 0 0.75rem;
		color: #000000;
		text-decoration: none;
		font-size: 0.9rem;
		transition: all 0.2s ease;
}

.navbar-custom.top-nav-collapse {
        padding: 0.60rem 1.125rem 0.60rem 1.125rem;
		box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1);
		background-color: rgb(255, 255, 255);
}

.navbar-custom .navbar-brand.logo-image img {
    width: 124px;
	height: 40px;
	margin-bottom: 1px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.footer .footer-col {

	width: 100%;
}

.footer .footer-col img {
	width: 156px;
	height: 45px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.header {
	background:#000e3b;
    background:-moz-linear-gradient(top,#000e3b 0,#186e99 100%);
    background:-webkit-linear-gradient(top,#000e3b 0,#186e99 100%);
    background:linear-gradient(to bottom,#000e3b 0,#186e99 100%);
	background-size: cover;
}
.header .header-content {
	padding-top: 0rem;
	padding-bottom: 6rem;
	text-align: center;
}
.header .text-container {
	margin-left: 0rem;
}
.header .image-container {
	max-width: 100%;
	margin-top: 1rem;
	margin-left: 0rem;
}

.header h1 {
	font-size: 2.65rem;
	line-height: 3rem;
}
.header .p-large {
	margin-right: 0px;
}

.card-offer{
	text-align: center;
	width: 80%;
		margin-right: auto;
		margin-left: auto;

}
.shape{
	height: 40px;
	width: 40px;
	position:absolute;
}
.shape-a5{
	height: 40px;
	width: 40px;
	bottom:10px;
	left: 150px;
	opacity: 0.4;
}
.shape-a6{
	height: 40px;
	width: 40px;
	top:10px;
	left: 150px;
	opacity: 0.4;
}
.shape-a7{
	height: 40px;
	width: 40px;
	bottom:0px;
	left: 0px;
	transform: rotateY(0deg) rotate(270deg);
	opacity: 0.4;
}
.shape-a8{
	height: 40px;
	width: 40px;
	top:0px;
	right: 0px;
	transform: rotateY(0deg) rotate(90deg);
	opacity: 0.4;
}
.shape-a9{
	height: 40px;
	width: 40px;
	bottom:130px;
	left: 200px;
	opacity: 0;
}
.shape-a10{
	height: 40px;
	width: 40px;
	bottom:130px;
	right: 200px;
	opacity: 0;
}


.method-card{   
	margin-bottom: 2rem;
	margin-top: 2rem;
	
}
.glow-c {
	margin-bottom: 2rem;
	margin-top: 2rem;
  }

  .slider-1 .card {
	margin-top: 2.5rem;
}

.testimonial hr{
	width: 5.75rem;
	height: 0.125rem;
	margin-top: 0.5rem;
}

.our-client .imz img{
	margin-bottom: 0.5rem;
	margin-top: 1rem;
	width: 148px;
	height: 37px;
  }

.our-client .imz img:hover{
    transform: scale(1.15);
  }

.about h1 {
	padding-top: 5rem;
}

.our-spec .block{
	margin:15px;
}

.our-spec img{
	max-width: 35px;

}
.our-spec .image-text{
	padding-left: 50px;
}

.vision-back{
	margin-bottom:1rem;
	margin-top: 1rem;
}
.mission-back{
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.ceo-msg p{
	line-height: 1.5rem;
}

.about hr{
	width: 6.75rem;
	margin-top: 1rem;
}

.form {
	padding-left: 1rem;
	padding-right: 1rem;

}

.form .borders {
	padding-top: 0rem;
	padding-left: 0rem;
	padding-right:0rem;
	margin-bottom: 0rem;
	
  }

.form h4 {
	margin-left: -0.4rem;
	margin-bottom: 0.5rem;
}
.form p{
    font-size: 0.95rem;
	line-height: 22px;
}
.form .list-unstyled .fas,
.form .list-unstyled .fab {
	margin-left: -0.75rem;

}
.form .margin-before {
	margin-left: 2.7rem;
}
.join h2 {
	margin-top: 3rem;
	margin-bottom: 1rem;
	font-size: 2rem;
}

.services-d h1 {
	font-size: 2.0rem;

}
.services-d h2 {
margin-top: 3rem;
}

}



@media only screen and (max-width:767px){
	.navbar-custom {
		padding: 0.60rem 1.125rem 0.60rem 1.125rem;
}
.navbar-custom .nav-item .nav-link {
		color: #000229;
		font-size: 0.9rem;

}
.square-lg img{
	height: 150px;

}


}





@media only screen and (max-width:520px){
    .square-lg img{
		height: 125px;
	
	}

	h1{
        font-size:32px;
        line-height:42px
    }
    h2{
        font-size:26px;
        line-height:36px
    }
    h3{
        font-size:24px;
        line-height:34px
    }
    h4{
        font-size:20px;
        line-height:30px
    }
    h5{
        font-size:18px;
        line-height:26px
    }
    h6{
        font-size:16px;
	}   

}

@media only screen and (max-width:350px){
    
    h2{
        font-size:24px;
        line-height:32px
    }
}