h1, h2, h3, h4, h5, h6 , p, a, span, div , br  {
    font-family: "Circular Std" !important;
    
}
/*Main Css */
::selection {
	background: #0047ab;
	color: #fff;
	text-shadow: none;
}
::-webkit-scrollbar {
	width: 10px;
	background-color: #f5f5f5;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
	display: none;
}
::-webkit-scrollbar-track-piece {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #dedede;
}
::-webkit-scrollbar-thumb:vertical {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #0047ab;
}
html {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

body {
	max-width: 100%;
    overflow-x: hidden;
	font-family: "Poppins";
	overflow-x: hidden;
	font-size: 16px;
	line-height: 1;
	color: #000000;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	display: block;
	font-weight: normal;
	font-family: "Circular Std";
}
*:hover,
*:focus,
* {
	outline: none !important;

}
img {
	max-width: 100%;
	height: auto;
}
a,
input[type="submit"] {
	-webkit-transition: all 0.4s ease-In-out;
	-moz-transition: all 0.4s ease-In-out;
	-o-transition: all 0.4s ease-In-out;
	transition: all 0.4s ease-In-out;
	display: inline-block;
	cursor: pointer;
}

.active-menu > a{
	color: #0047ab !important;
}

html body div .active-menu{
	color: #0047ab !important;
}

html body header .active-menu{
	color: #0047ab !important;
}
a:hover {
	color: #0047ab;
	text-decoration: none;
}
p,
a {
    	font-family: "Circular Std" !important;
	font-size: 16px;
	font-weight: normal;
	color: #000000;
}
p {
	line-height: 26px;
	display: block;
}
span {
	display: inline-block;
}

textarea,
select,
input[type],
textarea,
select,
button {
	background: transparent;
	border: none;
	border-radius: 0px;
	font-family: "Circular Std";
	font-weight: 400;
}
::-webkit-input-placeholder {
	color: #afafb5;
	font-weight: 400;
}
::-moz-placeholder {
	color: #afafb5;
	font-weight: 400;
}
:-ms-input-placeholder {
	color: #afafb5;
	font-weight: 400;
}
:-moz-placeholder {
	color: #afafb5;
	font-weight: 400;
}

/* Tabbing CSS */
[class^="box-"] {
	display: none;
}
[class^="box-"].showfirst {
	display: block;
}

/* Accordion CSS */
.myaccordion li .faq-opt {
	display: none;
}
.myaccordion li.active .faq-opt {
	display: block;
}
.myaccordion li.active .faq-ang h4:before {
	content: "\f077";
}

/* Custom Slick Css */
.slick-list {
	margin: 0 -15px;
}
.slick-slide {
	margin: 0 15px;
}
ul.slick-dots {
	padding: 50px 0 0;
	text-align: center;
}
ul.slick-dots li {
	margin: 0 20px 0 0px;
	width: auto;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	padding: 0px;
	border: none;
}
.slick-dots li button:before,
.slick-dots li button:before {
	color: #fff;
	opacity: 1;
	font-size: 20px;
}
.slick-dots li button {
	height: 8px;
	width: 8px;
	border-radius: 50%;
	padding: 0px;
	background: #d6d6d6;
	border: none;
	cursor: pointer;
	font-size: 0px;
	padding: 0px;
	-webkit-transition: all 0.4s ease-In-out;
	-moz-transition: all 0.4s ease-In-out;
	-o-transition: all 0.4s ease-In-out;
	transition: all 0.4s ease-In-out;
	box-sizing: border-box;
}
.slick-dots li.slick-active button {
	background: #f3c919;
	width: 11px;
	height: 11px;
}
span.arrows {
	width: 40px;
	height: 40px;
	border: none;
	position: absolute;
	top: 0px;
	bottom: 0px;
	margin: auto;
	z-index: 2;
	cursor: pointer;
	line-height: 39px;
	font-size: 12px;
	text-align: center;
	font-weight: 300;
	top: 0;
	border-radius: 0;
	background: #f7f7f7;
	color: #696969;
}
span.arrows.next {
	right: 1%;
}

/* Global Css */
.sprite-icn:before {
	content: "";
	background-image: url(../images/sprite.html);
	background-repeat: no-repeat;
	display: inline-block;
}
.ovr-hiddn {
	overflow: hidden;
}

.overlay:after {
	content: "";
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.6);
	z-index: 1;
}
.overlay {
	display: none;
}
.overlay.active {
	display: block;
}

.mn-btn a {
	width: 197px;
	height: 55px;
	line-height: 55px;
	border-radius: 27px;
	text-align: center;
	border: 1px solid transparent;
	box-shadow: 0 10px 25px 0 rgba(123, 147, 171, 0.15);
	background-color: #0047ab;
	font-size: 16px;
	font-weight: 400;
	color: #ffffff;
}
.mn-btn a:hover {
	border-color: #0047ab;
	color: #0047ab;
	background-color: transparent;
}

/* Padding Classes */
.pad-sec {
}
.pad-zero {

}
.pad-l-zero {
	padding-left: 0px;
}
.pad-r-zero {
	padding-right: 0px;
}

/* Heading Classes */
.mn-hd h1 {
}
.mn-hd h2 {
}
.mn-hd h3 {
}
.mn-hd h4 {
}
.mn-hd h5 {
}
.mn-hd h6 {
}
.mn-hd p {
}

/* header CSS */
header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: auto;
	z-index: 15;
	-webkit-transition: all 0.4s ease-In-out;
	-moz-transition: all 0.4s ease-In-out;
	-o-transition: all 0.4s ease-In-out;
	transition: all 0.4s ease-In-out;
}
.main-header {
	width: 100%;
	height: auto;
	padding: 28px 0;
	box-shadow: 0 10px 30px 0 rgb(15 15 16 / 28%);
	background-color: rgba(255, 255, 255, 0.8);
	position: absolute;
	top: 0;
	left: 0;
}
.logo {
	display: inline-block;
}
.logo img {
	display: block;
	width: 170px;
}

/* Menu Css */
.menu {
	font-size: 0px;
	display: inline-block;
	vertical-align: middle;
}
.menu li {
	display: inline-block;
	vertical-align: middle;
	margin-right: 29px;
}
.menu li.last {
	margin-right: 0px;
}
.menu li a {
	display: block;
	font-size: 18px;
	font-weight: 400;
	line-height: normal;
	color: #222a41;
}
.menu li:hover a,
.menu li.active a {
	color: #0047ab;
}
/*.menu li.last a{width:195px;height:55px;line-height:55px;text-align:center;border-radius:3px;border:1px solid transparent;box-shadow:0 10px 25px 0 rgba(123,147,171,0.15);background-color: #36454f !important;font-size:18px;font-weight:400;color:#ffffff;}
*/
.menu li.last a span {
	padding: 0 0 0 5px;
}
.menu li.last a:hover {
	border-color: #0047ab;
	color: #0047ab !important;
	background-color: transparent !important;
}

/* Dropdown CSS*/
@keyframes btotreverse {
	0% {
		top: 75px;
		opacity: 1;
	}
	100% {
		top: 115px;
		opacity: 0;
	}
}
@keyframes btot {
	0% {
		top: 115px;
		opacity: 0;
	}
	100% {
		top: 40px;
		opacity: 1;
	}
}
.dropdown-nav {
	position: relative;
	overflow: hidden;
	vertical-align: middle;
}
.dropdown-nav:hover {
	overflow: visible;
}
ul.dropdown {
	position: absolute;
	width: 100%;
	left: -0px;
	margin: auto;
	background: #fff;
	padding: 20px;
	text-align: left;
	border-radius: 2px;
	box-shadow: 0 0 10px 3px #00000014;
	opacity: 0;
	animation: btotreverse 0.5s forwards;
}
ul.dropdown li {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
}
ul.dropdown li a {
	padding: 0;
	font-size: 14px;
	color: #000 !important;
	display: block;
	width: 100%;
	margin: 0px 0 15px;
	text-align: center;
	font-weight: 600;
	background: transparent !important;
}
ul.dropdown li.last a {
	margin-bottom: 0px;
}
ul.dropdown li a:hover {
	color: #000 !important;
}
.dropdown-nav:hover ul.dropdown {
	animation: btot 0.5s forwards;
	z-index: 9;
}

/* Write your CSS styling from here */

.header-btn {
	width: 195px;
	height: 55px;
	line-height: 55px !important;
	text-align: center;
	border-radius: 3px;
	border: 1px solid transparent;
	box-shadow: 0 10px 25px 0 rgb(123 147 171 / 15%);

	background-color: #36454f;
	font-size: 18px;
	font-weight: 400;
	color: #ffffff !important;
}
/*.mainBanner-section{position: absolute;top: 0;left: 0;width: 100%;height: auto;}*/
.mainBanner:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / 20%);
	top: 0;
	left: 0;
	z-index: -1;
}
.mainBanner {
	z-index: 0;
	background-size: cover;
	background-position: center;
	height: 100vh;
	background-repeat: no-repeat;
	display: flex;
	padding-top: 110px;
	align-items: center;
	position: relative;
}
.mb-left h4 {
	font-family: "Rio Glamour personal use" !important;
	font-size: 55px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.5px;
	color: #ffffff;
	padding-bottom: 25px;
	text-transform: capitalize;
	text-shadow: 2px 8px 6px rgb(0 0 0 / 20%),
		0px -5px 35px rgb(255 255 255 / 30%);
}
.mb-left p {
	font-size: 18px;
	font-weight: 400;
	line-height: 32px;
	letter-spacing: normal;
	color: #ffffff;
	padding-bottom: 35px;
}
.mbl-feild {
	position: relative;
}
.mbl-feild input {
	width: 100%;
	height: 73px;
	padding: 6px 15px 6px 25px;
	border-radius: 8px;
	box-shadow: 0 10px 30px 0 rgba(196, 221, 255, 0.38);
	background-color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	line-height: normal;
}
.mbl-feild button {
	width: 197px;
	height: 54px;
	border-radius: 27px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
	background-color: #0047ab;
	border: 1px solid transparent;
	color: #fff;
	font-size: 16px;
	position: absolute;
	top: 10px;
	bottom: 0;
	right: 15px;
	transition: all 0.4s ease-In-out;
}
.mbl-feild button:hover {
	color: #0047ab;
	border-color: #0047ab;
	background-color: transparent;
}
.mb-right {
	width: 100%;
	min-height: 680px;
	padding: 60px 40px 20px 40px;
	box-shadow: 0 2px 25px 0 rgba(0, 33, 91, 0.18);
	background-color: rgba(255, 255, 255, 0.7);
	position: absolute;
	right: -60px;
	bottom: 0;
	top: 0;
	margin: auto;
}
.mb-right:after {
	content: "";
	width: 100%;
	height: 8px;
	background-color: transparent ; /* opacity: 0.4; */
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
}
.mb-right h4 {
    font-size: 34px;
    text-align: center;
    font-weight: 700;
    line-height: 1.12;
    color: #333333;
    padding-bottom: 30px;
}

.mb-right ul li {
	display: flex;
	align-items: center;
	margin-bottom: 45px;
}
.mb-right ul li.last {
	margin-bottom: 0;
}
.mbr-img {
	padding-right: 40px;
	flex-shrink: 0;
}
.mbr-cont h6,
.mbr-cont h6 a {
	font-size: 22px;
	font-weight: 700;
	line-height: normal;
	    color: #0047ab;
	text-transform: capitalize;
}
.mbr-cont p {
	font-size: 17px;
	font-weight: 400;
	line-height: 1.65;
	color: #41444b;
}
.index-slider .slick-slide {
	padding-bottom: 70px !important;
}
.mbl-feild {
	display: none;
}

.ban-logo {
	display: flex;
	align-items: flex-start;
}

.ban-logo span {
	flex-shrink: 0;
	padding: 0px 10px 0 0;
}

.ban-logo p {
	padding: 20px;
	font-family: "Rio Glamour personal use";
	font-weight: 700;
	color: #222a41;
	background-color: rgba(255, 255, 255, 0.7);
	border-radius: 15px;
	box-shadow: 0 5px 25px 1px rgb(0 0 0 / 33%);
}

.ban-logo p span {
	color: #0047ab;
	font-weight: 900;
	letter-spacing: -0.2px;
	font-size: 22px;
	padding: 0;
}

/*HOME SECTION 1*/
.homesec1 {
	width: 100%;
	height: auto;
	padding: 0px 0 50px;
}
.hsec1-left {
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	flex-shrink: 0;
}
.hsec1left-cont {
	width: 302px;
	min-height: 529px;
	padding: 20px 10px 20px 20px;
	background-color: #36454f;
}
.hsec1left-cont h5 {
	font-size: 28px;
	font-weight: 700;
	line-height: 1.25;
	color: #ffffff;
	text-transform: capitalize;
	padding-bottom: 25px;
}
.hsec1left-cont h6 {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.94;
	text-transform: capitalize;
	color: #ffffff;
	padding-bottom: 15px;
}
.hsec1left-cont p {
	font-size: 16px;
	font-weight: 400;
	line-height: 2;
	color: #ffffff;
}
.hsec1-right h6 {
	font-size: 32px;
	font-weight: 700;
	line-height: 1.25;
	color: #000000;
	text-transform: none;
	padding-bottom: 30px;
}
.hsec1-right p {
	font-size: 16px;
	font-weight: 400;
	line-height: 2;
	color: #888888;
	padding-bottom: 60px;
}
/*HOME SECTION 1*/

/*HOME SECTION 2*/
.homesec2 {
	width: 100%;
	height: auto;
	padding: 0 0 60px;
	background-color: #f8f8f8;
}
.homesec2-main {
	width: 100%;
	height: auto;
	position: relative;
	margin-top: 0px;
	background: rgb(235 240 243);
}
.homesec2-img {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.homesec2-img img {
	width: 100%;
	height: auto;
	transform: scale(1);
	transition: all 0.4s ease-In-out;
	background: rgb(0 0 0 / 78%);
}
.homesec2-main:hover .homesec2-img img {
	transform: scale(1.2);
	transition: all 0.4s ease-In-out;
}
.homesec2-cont {
	height: 100%;
	width: 100%;
	background: rgb(0 0 0 / 10%);
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	align-items: flex-end;
	padding: 0 0 80px 40px;
}
.homesec2-cont h6 {
	font-size: 32px;
	font-weight: 700;
	line-height: normal;
	color: #fff;
}
.homesec2-cont1 {
	text-align: center;
	padding-top: 55px;
}
.homesec2-cont1 h4 {
	font-size: 52px;
	font-weight: 700;
	line-height: 1.21;
	text-align: center;
	color: #222a41;
	padding-bottom: 45px;
}
.homesec2-cont1 a {
	display: block;
	margin: auto;
}
/*HOME SECTION 2*/

/*HOME SECTION 3*/
.homesec3 {
	width: 100%;
	height: auto;
	padding: 50px 0 0;
}
.homesec3-top {
	text-align: center;
	padding-bottom: 30px;
}
.homesec3-top h4 {
	font-size: 52px;
	font-weight: 700;
	line-height: 1.21;
	text-align: center;
	color: #222a41;
	padding-bottom: 30px;
}
.homesec3-top ul {
	text-align: center;
}
.homesec3-top ul li {
	margin-right: 15px;
	display: inline-block;
}
.homesec3-top ul li.last {
	margin-right: 0;
}
.homesec3-top ul li a {
	font-size: 24px;
	font-weight: 700;
	line-height: 2.63;
	text-align: center;
	color: #222a41;
	border: 1px solid transparent;
	border-radius: 27px;
	padding: 0 20px;
}
.homesec3-top ul li a:hover,
.homesec3-top ul li.current a {
	border: solid 1px #0047ab;
	color: #0047ab;
}
.homesec3-main {
	width: 100%;
	height: auto;
	position: relative;
}
.homesec3-img {
	width: 100%;
	height: 515px;
	z-index: 0;
	font-size: 0;
	overflow: hidden;
}
.homesec3-img img {
	width: 100%;
	height: auto;
	transform: scale(1);
	transition: all 0.4s ease-In-out;
}
.homesec3-main:hover .homesec3-img img {
	transform: scale(1.2);
	transition: all 0.4s ease-In-out;
}
.homesec3-cont {
	width: 100%;
	height: 100%;
	background-color: rgba(54, 69, 79, 0.7);
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	z-index: 1;
	display: flex;
	align-items: center;
	padding: 0 50px;
	opacity: 0;
	transition: all 0.4s ease-In-out;
}
.homesec3-cont h6 {
	font-size: 28px;
	font-weight: 700;
	line-height: 1.25;
	color: #ffffff;
	padding-bottom: 30px;
}
.homesec3-cont p {
	font-size: 16px;
	font-weight: 400;
	line-height: 2;
	color: #ffffff;
	padding-bottom: 40px;
}
.homesec3-cont a:hover {
	border-color: #fff;
	color: #fff;
}
.homesec3-main:hover .homesec3-cont {
	opacity: 1;
	transition: all 0.4s ease-In-out;
}
.homesec3-cont1 {
	padding: 0 20px;
}
.homesec3-cont1 h6 {
	padding-bottom: 10px;
}
.homesec3-cont1 p {
	padding-bottom: 20px;
}
.homesec3-bottom {
	width: 100%;
	height: auto;
	padding: 60px 0 40px;
	background-color: #36454f;
}
.hs3b-cont h6 {
	font-size: 40px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	color: #ffffff;
	padding-bottom: 20px;
}
.hs3b-cont p {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
	color: #ffffff;
}
/*HOME SECTION 3*/
.btn-cont-123
{
	background-color: #0047ab;
	color: #fff;
}
/*HOME SECTION 4*/
.homesec4 {
	width: 100%;
	height: auto;
	padding: 55px 0;
}
.hs4-hd {
	text-align: center;
}
.hs4-hd h4 {
	font-size: 40px;
	font-weight: 700;
	line-height: 1.2;
	color: #000000;
	padding-bottom: 35px;
}
.hs4-main {
}
.hs4-img {
	width: 100%;
	height: auto;
	padding-bottom: 15px;
	border-radius: 50%;
}
.hs4-img img {
	width: 100px;
	height: 100px;
	margin: auto;
	border-radius: 50%;
}
.hs4-testcont {
	text-align: center;
	display: none;
}
li.slick-current .hs4-testcont {
	display: block;
}
li.slick-current .hs4-img img {
	width: 100%;
	height: auto;
}
.testimonial-nav .slick-track {
	display: flex;
	align-items: flex-end;
}
.hs4-testcont h6 {
	font-family: "Open Sans";
	font-size: 20px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	color: #000000;
	padding-bottom: 5px;
}
.hs4-testcont h5 {
	font-family: Open Sans;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	text-align: center;
	color: #aaaaaa;
	padding-bottom: 8px;
}
.hs4-testcont span {
	color: #fdc350;
	font-size: 12px;
}
.hs4-testcont span i {
	margin: 5px;
}
.hs4-cont {
	position: relative;
}
.hs4-cont p {
	font-family: "Circular Std";
	font-size: 16px;
	font-weight: 300;
	line-height: 2.5;
	letter-spacing: 0.5px;
	text-align: center;
	color: rgba(100, 100, 100, 0.7);
	padding: 60px 210px 0px;
}
.hs4-cont p:after,
.hs4-cont p:before {
	font-size: 48px;
	color: #dddddd;
	position: absolute;
	font-family: "Font Awesome 5";
}
.hs4-cont p:after {
	content: "\f10d";
	top: 5px;
	left: 145px;
}
.hs4-cont p:before {
	content: "\f10e";
	bottom: 20px;
	right: 145px;
}
/*HOME SECTION 4*/

/*HOME SECTION 5*/
.homesec5 {
	width: 100%;
	height: auto;
	padding: 50px 0 120px;
	background-color: #f8f8f8;
}
.news-main {
	width: 950px;
	opacity: 0.5;
}
.news-slider li.slick-current .news-main {
	opacity: 1;
}
.news-slider .slick-list.draggable {
	overflow: inherit;
}
.news-slider-prev,
.news-slider-next {
	width: 73px;
	height: 73px;
	line-height: 73px;
	text-align: center;
	box-shadow: 0 0 23px 0 rgba(0, 0, 0, 0.13);
	background-color: #ffffff;
	font-size: 23px;
	color: #111111;
	border-radius: 50%;
	position: absolute;
	bottom: -70px;
	right: 0;
	left: 0;
	margin: auto;
	transition: all 0.4s ease-In-out;
	z-index: 1;
}
.news-slider-prev {
	left: -100px;
}
.news-slider-next {
	right: -100px;
}
.news-slider-prev:hover,
.news-slider-next:hover {
	background-color: #0047ab;
	color: #fff;
	transition: all 0.4s ease-In-out;
}
.homesec3-hd h4 {
	font-size: 52px;
	font-weight: 700;
	line-height: 1.21;
	text-align: center;
	color: #222a41;
	padding-bottom: 40px;
}
.homesec5-cont {
	padding: 0 20px 0;
}
.homesec5-cont h6 {
	font-size: 30px;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -0.94px;
	color: #212121;
	padding-bottom: 20px;
	padding-top: 30px;
}
.homesec5-cont p {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.78;
	color: #3e3e3e;
	padding-bottom: 20px;
}
.homesec5-cont a {
	display: block;
	margin: auto;
	margin-right: 0;
}
/*HOME SECTION 5*/

/* DROPDOWN CSS */
.dropdown-list {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 29px;
	left: 0;
	width: 187px;
	background-color: #fbede6;
	border-radius: 6px;
	text-align: left;
	right: 0;
	margin: auto;
	transition: visibility 0s linear 0.1s, opacity 0.3s linear;
	z-index: 2;
}
.dropdown-list > li {
	margin-left: 0;
	width: 100%;
	position: relative;
	padding: 5px 0px;
	border-bottom: 1px solid #e3d5cf;
}
.dropdown-list > li > a {
	color: #373737 !important;
	font-size: 13px;
	font-weight: 600;
	padding: 15px 20px;
}
ul.menu li.dropdown:hover .dropdown-list {
	visibility: visible;
	opacity: 1;
	transition-delay: 0s;
	margin: 0px;
}
.dropdown-list > li {
	margin-left: 0;
	width: 100%;
	position: relative;
	border-bottom: 1px solid #e3d5cf;
}
.dropdown-list > li.last {
	border-bottom: none;
}
.dropdown-list > li > a {
	color: #373737 !important;
	font-size: 13px;
	font-weight: 600;
	padding: 15px 15px;
}
.dropdown-list > li:hover a {
	color: #0047ab !important;
}
.dropdown-list > li:hover {
	/* background-color: rgba(35, 118, 120, 0.8); */
}
.dropdown-list > li::before {
	content: "";
	width: 120%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
}

/*FOOTER SECTION*/
footer {
	width: 100%;
	height: auto;
	padding: 50px 0 10px;
	color: #fff;
	background-color: #2d2d2e;
}
.widget1 .footer-logo {
	padding-bottom: 20px;
}
.widget1 .footer-address a,
.widget1 .footer-address p {
	display: block;
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	color: rgba(255, 255, 255, 0.8);
	padding-bottom: 25px;
}
.widget1 a:hover,
.widget ul li a:hover,
.copyright ul li a:hover {
	color: #0047ab;
}
.widget1 .footer-social ul li {
	display: inline-block;
	margin-right: 15px;
}
.widget1 .footer-social ul li.last {
	margin-right: 0;
}
.widget1 .footer-social ul li a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border: solid 1px #dbdbdb;
	color: #dbdbdb;
	text-align: center;
	font-size: 14px;
	border-radius: 50%;
	background-color: transparent;
	box-shadow: 0 0 0 0 rgb(255, 255, 255, 0);
	animation: pulse1 2s infinite;
}
.widget1 .footer-social ul li a:hover {
	background-color: #fff;
	border-color: transparent;
	color: #0047ab;
}
@keyframes pulse1 {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
	}
	70% {
		box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}
.widget h6 {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	color: #ffffff;
	padding-bottom: 30px;
}
.widget ul li a {
	font-size: 14px;
	font-weight: 400;
	line-height: 2.71;
	color: rgba(255, 255, 255, 0.8);
}
.copyright {
	border-top: 1px solid #ededed;
	padding-top: 30px;
	margin-top: 30px;
}
.copyright ul {
	text-align: right;
}
.copyright ul li {
	display: inline-block;
	margin-right: 20px;
}
.copyright ul li.last {
	margin-right: 0;
}
.copyright ul li a {
	font-size: 17px;
	font-weight: 400;
	line-height: 2.71;
	color: rgba(255, 255, 255, 0.7);
}
/*FOOTER SECTION*/

/*Inner Pages*/
.innerBanner-section {
	width: 100%;
	height: auto;
	padding: auto;
}
.innerBanner {
	z-index: 0;
	background-size: cover;
	background-position: center;
	height: 620px;
	background-repeat: no-repeat;
	display: flex;
	padding-top: 110px;
	padding-bottom: 50px;
	align-items: center;
	justify-content: center;
	position: relative;
}
.innerBanner ul li {
	display: inline-block;
}
.innerBanner ul li a {
	position: relative;
	padding-right: 20px;
	margin-right: 15px;
}
.innerBanner ul li a:after {
	content: "-";
	font-size: 28px;
	color: #ffffff;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -10px;
	margin: auto;
}
.innerBanner ul li a,
.innerBanner ul li p {
	font-size: 42px;
	color: #ffffff;
	line-height: 1;
}
.innerBanner ul li a:hover {
	color: #fff;
}

/*About Us Page*/
.aboutSection-one {
	width: 100%;
	height: auto;
	padding: 115px 0 0 0;
}
.hsec1-right1 {
	padding-top: 50px;
}
.aboutSection-two {
	width: 100%;
	height: auto;
	padding: 110px 0;
}
.absec2-img {
	padding-bottom: 50px;
}
.absec2-img img {
	border-radius: 2px;
	box-shadow: 0px 45px 150px 0px rgba(30, 34, 40, 0.2);
}
.absec2-cont h6 {
	font-size: 24px;
	font-family: "Circular Std";
	color: rgb(30, 34, 40);
	font-weight: bold;
	line-height: 1.583;
	padding-bottom: 35px;
}
.absec2-cont p {
	font-size: 16px;
	font-family: "Poppins";
	color: rgb(0, 0, 0);
	line-height: 2.125;
	padding-right: 50px;
	font-weight: 400;
}
.absec2-cont a {
	font-size: 16px;

	font-weight: bold;
background-color: #0047ab;
	border: 1px solid transparent;
	color: #fff;
	border-radius: 50px;
	padding:15px;
	
}
.absec2-cont a:hover {
	background-color: transparent;
	border-color: #0047ab;
	color: #0047ab;
}


.aboutsec2-bottom {
	padding-top: 100px;
}
.absec2-cont span {
	font-size: 14px;
	font-family: "Poppins";
	color: #0047ab;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.357;
	padding-bottom: 35px;
}
/*About Us Page*/

/*Contact Us Page*/
.contact-section {
	width: 100%;
	height: auto;
	padding: 80px 0% 10px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.contsec-top {
	padding-bottom: 85px;
}
.contsec-top h4 {
	font-size: 52px;
	color: rgb(0, 0, 0);
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	padding-bottom: 100px;
}
.contsec-main {
	display: flex;
	align-items: center;
}
.contsec-icon {
	margin-right: 20px;
}
.contsec-icon span {
	border-radius: 50%;
	background-color: #ffffff;
	box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.17);
	width: 87px;
	height: 87px;
	line-height: 87px;
	text-align: center;
	font-size: 34px;
	color: #4075c0;
}
.contsec-cont h6 {
	font-size: 24px;
	font-family: "Circular Std";
	color: rgb(0, 0, 0);
	font-weight: bold;
	line-height: 2;
}
button{
    	font-family: "Circular Std" !important;
}
.contsec-cont a,
.contsec-cont p {
	font-size: 15px;
	font-family: "Poppins";
	color: rgb(0, 0, 0);
	line-height: 1.733;
	font-weight: 400;
}
.contsec-form {
	width: 100%;
	height: auto;
	padding: 150px 0;
	background-color: #fff;
	box-shadow: 0px 45px 150px 0px rgba(30, 34, 40, 0.1);
	border-radius: 2px;
}
.contsecf-cont h5 {
	font-size: 14px;
	font-family: "Montserrat";
	color: rgb(54, 69, 79);
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.357;
	letter-spacing: 1.2;
	padding-bottom: 35px;
}
.contsecf-cont h4 {
	font-size: 36px;
	font-family: "Circular Std";
	color: rgb(30, 34, 40);
	font-weight: bold;
	line-height: 1.2;
	padding-bottom: 35px;
}
.contsecf-cont h5, .contsecf-cont h3, .contsecf-cont h2, .contsecf-cont h1 {
    font-family: "Circular Std";
	}
	
.contsecf-cont p {
	font-size: 18px;
    font-family: "Circular Std" !important;
	color: rgb(126, 130, 136);
	line-height: 1.889;
	padding-bottom: 50px;
}
.contsecf-cont h6 {
	font-size: 16px;
    font-family: "Circular Std" !important;
	color: rgb(30, 34, 40);
	font-weight: bold;
	line-height: 1.2;
}
.scf-feild {
    padding-block: 6px;
}
.scf-feild input,
.scf-feild textarea {
border: 1px solid rgb(168, 170, 173);
    border-radius: 5px;
    width: 100%;
    height: 64px;
    resize: none;
    padding: 20px;
}
.scf-feild textarea {
	height: 104px;
}
.scf-feild button {
    background-color: #0047ab;
    border: 1px solid transparent;
    /* width: 30%; */
    /* height: 53px; */
padding: 16px 32px;
    font-family: "Montserrat";
    color: #ffffff;
    font-weight: bold;
    line-height: 0.2;
    border-radius: 50px;
    transition: all 0.4s ease-in-out;
}
.scf-feild button:hover {
	background-color: transparent;
	border-color: #0047ab;
	color: #0047ab;
	transition: all 0.4s ease-in-out;
}
.scf-feild :is(input[type="email"],input[type="text"],textarea):hover
{
    border:1px solid #0047AB;
}
.scf-feild :is(input[type="email"],input[type="text"],textarea):focus-within
{
    border:1px solid #0047AB;
}
.scf-feild :is(input[type="email"],input[type="text"],textarea):focus
{
    border:1px solid #0047AB;
}
/*Contact Us Page*/

/*Contrator Page*/
.ContractorSection-one {
	width: 100%;
	height: auto;
	padding-top: 80px;
}
.ctorsec1-cont h6 {
	padding-bottom: 25px;
	color: #36454f;
}
.ctorsec1-cont a {
	background-color: #0047ab;
	border: 1px solid transparent;
	color: #fff;
	width: 220px;
	height: 55px;
	border-radius: 50px;
	line-height: 55px;
	text-align: center;
	font-size: 16px;
	font-family: "Poppins";
	font-weight: bold;
}
.ctorsec1-cont a:hover {
	background-color: transparent;
	border-color: #0047ab;
	color: #0047ab;
}
.ctorsec1-img {
	position: relative;
	font-size: 0;
}
.ctorsec1-img:after {
	content: "";
	border-radius: 2px;
	background-color: rgb(54, 69, 79);
	box-shadow: 0px 45px 150px 0px rgba(30, 34, 40, 0.2);
	width: 570px;
	height: 600px;
	position: absolute;
	right: 0;
	left: 0;
	top: 75px;
	margin: auto;
	z-index: -1;
}
.ContractorSection-two {
	width: 100%;
	height: auto;
	border-radius: 2px;
	background-color: rgb(248, 248, 248);
	box-shadow: 0px 45px 150px 0px rgba(30, 34, 40, 0.2);
}
.ctorsec2-cont {
	width: 100%;
	height: auto;
	padding: 0 15% 0 32%;
}
.ctorsec2-img {
	position: relative;
	border-radius: 2px;
	box-shadow: 0px 45px 150px 0px rgba(30, 34, 40, 0.2);
	font-size: 0;
}
.ctorsec2-img img {
	border-radius: 2px;
	object-fit: contain;
}
.playbtn {
	width: 120px;
	height: 120px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 38%;
	margin: auto;
}
.playbtn a {
	border-radius: 50%;
	background-color: rgb(54, 69, 79);
	border: 1px solid transparent;
	width: 120px;
	height: 120px;
	line-height: 120px;
	text-align: center;
	padding-left: 19px;
	font-size: 35px;
	color: #fff;
	box-shadow: 0 0 0 0 rgba(54, 69, 79, 0);
	animation: pulsef1 2s infinite;
}
@keyframes pulsef1 {
	0% {
		box-shadow: 0 0 0 0 rgba(54, 69, 79, 0.9);
	}
	70% {
		box-shadow: 0 0 0 30px rgba(54, 69, 79, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(54, 69, 79, 0);
	}
}
.playbtn a:hover {
	background-color: #0047ab;
	border-color: #0047ab;
	box-shadow: 0 0 0 0 rgba(0, 71, 171, 0);
	animation: pulsef2 2s infinite;
}
@keyframes pulsef2 {
	0% {
		box-shadow: 0 0 0 0 rgba(0, 71, 171, 0.9);
	}
	70% {
		box-shadow: 0 0 0 30px rgba(0, 71, 171, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(0, 71, 171, 0);
	}
}
/*Contrator Page*/

/*Service Page*/
.service-section {
	width: 100%;
	height: auto;
	padding: 80px 0 140px;
	background-color: #f8f8f8;
}
.sersec-top {
	padding: 0 250px;
	text-align: center;
}
.sersec-top h4 {
	font-size: 52px;
	font-family: "Circular Std";
	color: rgb(0, 0, 0);
	font-weight: bold;
	line-height: 1.2;
	padding-bottom: 45px;
}
.sersec-top p {
	font-size: 18px;
	font-family: "Montserrat";
	color: rgb(126, 130, 136);
	line-height: 1.889;
	text-align: center;
	padding-bottom: 90px;
}
.sersec-main {
	border-radius: 2px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 45px 150px 0px rgba(30, 34, 40, 0.1);
	width: 100%;
	min-height: 470px;
	padding: 65px;
	margin-bottom: 60px;
	transition: all 0.4s ease-in-out;
}
.ssmt {
	display: flex;
	align-items: center;
	padding-bottom: 40px;
}
.ssm-icon {
	margin-right: 55px;
}
.ssm-icon img {
	filter: invert(0);
	transition: all 0.4s ease-in-out;
}
.ssmt h5 {
	font-size: 24px;
	font-family: "Circular Std";
	color: rgb(30, 34, 40);
	font-weight: bold;
	line-height: 1.583;
	transition: all 0.4s ease-in-out;
}
.sersec-main p {
	font-size: 18px;
	font-family: "Montserrat";
	color: rgb(126, 130, 136);
	line-height: 1.889;
	padding-bottom: 65px;
	transition: all 0.4s ease-in-out;
}
.sersec-main a {
	background-color: #0047ab;
	border: 1px solid transparent;
	color: #fff;
	width: 220px;
	height: 55px;
	border-radius: 50px;
	line-height: 55px;
	text-align: center;
	font-size: 16px;
	font-family: "Poppins";
	font-weight: bold;
}
.sersec-main:hover {
	background-color: #36454f;
	transition: all 0.4s ease-in-out;
}
.sersec-main:hover .ssm-icon img {
	filter: invert(1);
	transition: all 0.4s ease-in-out;
}
.sersec-main:hover .ssmt h5,
.sersec-main:hover p {
	color: #fff;
	transition: all 0.4s ease-in-out;
}
.sersec-main:hover a {
	background-color: #fff;
	color: #0047ab;
}
.sersec-main a:hover {
	background-color: transparent;
	border-color: #fff;
	color: #fff;
}
/*Service Page*/

/*Service Detial Page*/
.secvicedetailSection {
	width: 100%;
	height: auto;
	padding: 75px 0 85px;
	background-color: #f8f8f8;
	position: relative;
}

.sds-hd h4 {
	font-size: 52px;
	font-family: "Circular Std";
	color: rgb(0, 0, 0);
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	padding-bottom: 60px;
}

.sds-gallery {
	padding-bottom: 30px;
}

.sdsg-img {
	margin-bottom: 30px;
}

.sdsl-cont h5 {
	font-size: 36px;
	font-family: "Circular Std";
	color: rgb(30, 34, 40);
	font-weight: bold;
	line-height: 1.556;
	padding-bottom: 50px;
}

.sdsl-cont p {
	font-size: 18px;
	font-family: "Poppins";
	color: rgb(126, 130, 136);
	line-height: 1.889;
	font-weight: 400;
	padding-bottom: 50px;
}

.sdsl-cont ul li {
	position: relative;
	font-size: 18px;
	font-family: "Poppins";
	color: rgb(126, 130, 136);
	line-height: 1.889;
	font-weight: 400;
	padding: 0 0 30px 35px;
}

.sdsl-cont ul li:after {
	content: "\f00c";
	font-family: "Font Awesome 5";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.sdsl-cont a {
	background-color: #0047ab;
	border: 1px solid transparent;
	color: #fff;
	width: 220px;
	height: 55px;
	border-radius: 50px;
	line-height: 55px;
	text-align: center;
	font-size: 16px;
	font-family: "Poppins";
	font-weight: bold;
	margin-top: 30px;
}
.sdsl-cont a:hover {
	background-color: transparent;
	border-color: #0047ab;
	color: #0047ab;
}

.sdsr-cont h6 {
	font-size: 18px;
	font-family: "Circular Std";
	color: rgb(30, 34, 40);
	font-weight: bold;
	line-height: 1.556;
	padding-bottom: 25px;
}

.sdsr-cont a {
	position: relative;
	border: 1px solid rgb(220, 220, 220);
	background-color: transparent;
	color: rgb(126, 130, 136);
	border-radius: 2px;
	width: 100%;
	padding: 25px 50px 25px 25px;
	display: block;
	margin-bottom: 25px;
	font-size: 15px;
	font-family: "Poppins";

	line-height: 1.2;
}

.sdsr-cont a:hover {
	border-color: transparent;
	background-color: #0047ab;
	color: #fff;
}

.sdsr-cont a:after {
	width: 20px;
	height: 20px;
	font-size: 20px;
	font-weight: 800;
	display: block;
	content: "\f019";
	font-family: "Font Awesome 5";
	position: absolute;
	top: -5px;
	bottom: 0;
	right: 25px;
	margin: auto;
}

/*Service Detial Page*/

/*Inner Pages*/

/* POP UP Start */

.popupquiz {
	position: fixed;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	/* width: 886px;
    height: 550px; */
	background: #fafafa;
	margin: auto;
	z-index: 10;
	/* display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; */
	display: none;
}
.popupquiz-body {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.popupquiz-progress-bar {
	position: absolute;
	top: 7%;
	left: 7%;
	right: 7%;

	width: auto;
	/* margin:0 7%; */
	height: 4px;
	background-color: #d8d8d8;
	/* position: relative; */
}
.popupquiz-progress-bar span {
	background-color: #36454f;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.3s ease-in-out;
}
.popquiz-heading {
	color: #36454f;
	text-align: center;
	font-size: 40px;
	line-height: normal;
	margin-bottom: 55px;
}

.popquiz-btn {
	color: #0047ab;
	font-size: 18px;
	text-transform: capitalize;
	border-radius: 8px;
	border: 1px solid #0047ab;
	height: 70px;
	line-height: 70px;
	width: 300px;
	text-align: center;
	margin: 0 15px;
}

.popquiz-btn:hover {
	color: #fff;
	background-color: #0047ab;
}

.popquiz-radio-btn input {
	display: none;
}

.popquiz-radio-btn label {
	color: #fff;
	font-size: 18px;
	text-transform: capitalize;
	border-radius: 70px;
	border: 1px solid #0047ab;
	height: 70px;
	line-height: 70px;
	width: 300px;
	text-align: center;
	margin: 0 15px 30px;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
	background-color: #0047ab;
}
.popquiz-radio-btn label:hover {
	color: #fff;
	background-color: #36454f;
}

.popquiz-radio-btn input:checked ~ label {
	color: #fff;
	background-color: #0047ab;
}

.popquiz-btn-holder {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.popup-page-count {
	color: #d4d4d4;
	font-size: 18px;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 40px;
}

.box-quiz-seven h3 {
	font-size: 36px;
}

.popquiz-info-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.popquiz-info-wrap input:not([type="submit"]) {
	width: 370px;
	height: 70px;
	border-radius: 8px;
	border: 1px solid #7c7c7c;
	padding: 0 25px;
	margin: 0 15px;
	color: #7c7c7c;
	font-size: 18px;
	transition: all 0.3s ease-in-out;
}

.popquiz-info-wrap input:not([type="submit"]):focus {
	border-color: #7c7c7c;
}
.popquiz-info-wrap input:not([type="submit"])::placeholder {
	color: #7c7c7c;
	font-size: 18px;
}

.popquiz-info-wrap input[type="submit"] {
	width: 190px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	text-transform: capitalize;
	border-radius: 8px;
	background-color: #0047ab;
}

.popquiz-info-wrap input[type="submit"]:hover {
	background-color: #36454f;
}

.close-popup-quiz {
	font-size: 40px;
	color: #cdcdcd;
	position: absolute;
	top: 10%;
	right: 4%;
	cursor: pointer;
}
.inner-pop h2
    {
        font-size:25px;
    }
.openPopupquiz {
	width: 197px;
	height: 55px;
	line-height: 55px;
	border-radius: 35px;
	text-align: center;
	border: 1px solid transparent;
	box-shadow: 0 10px 25px 0 rgba(123, 147, 171, 0.15);
	background-color: #0047ab;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	margin-top: 35px;
}

.openPopupquiz:hover {
	background-color: #fff;
	color: #0047ab;
}

.popquiz-back {
	position: absolute;
	padding: 5px 0;
	cursor: pointer;
	top: 10%;
	left: 7%;
	color: #31373d;
	font-size: 14pt;
}
.popquiz-back span {
	margin-right: 10px;
	color: #36454f;
}

/* End Styling */

/* Hamburger Menu */
.menu-Bar {
	width: 30px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 0px;
	margin: auto;
	z-index: 22;
	display: none;
}
.menu-Bar span {
	display: block;
	height: 4px;
	width: 100%;
	background: #0047ab;
	position: absolute;
	transition: 0.6s all;
	border-radius: 100px;
}
.menu-Bar span:nth-child(1) {
	top: 0;
}
.menu-Bar span:nth-child(2) {
	top: 8px;
	transform-origin: left;
}
.menu-Bar span:nth-child(3) {
	top: 16px;
}
.menu-Bar.open span {
	background: #b70404;
}
.menu-Bar.open span:nth-child(1) {
	transform: rotate(45deg);
	top: 12px;
	transform-origin: right-center;
}
.menu-Bar.open span:nth-child(2) {
	width: 0;
	opacity: 0;
}
.menu-Bar.open span:nth-child(3) {
	transform: rotate(-45deg);
	top: 12px;
	transform-origin: right-center;
}
/* Responsive Media Queries */

.header-btn {
	border-radius: 55px;
	line-height: normal !important;
	padding: 13px 35px;
	height: auto;
	width: auto;
}

.hs4-testcont span {
	display: none;
}

.aboutSection-one1 .hsec1-right p {
	padding-bottom: 20px;
}

.popUp {
	position: fixed;
	top: 15%;
	width: 70%;
	height: 70%;
	background: #ffff;
	box-shadow: 0px 0px 14px 0px #3c3c3c;
	z-index: 9999;
	left: 0;
	right: 0;
	margin: auto;
	padding: 50px;
	display: none;
}

.popUp span.popClose {
	position: absolute;
	right: -20px;
	top: -20px;
	background: #0047ab;
	color: #fff;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	font-size: 18px;
	cursor: pointer;
}

.inner-pop {
}

.inner-pop h4 {
	font-size: 24px;
	line-height: 34px;
	margin-bottom: 20px;
}

.inner-pop {
	height: 100%;
	overflow-y: scroll;
}

.inner-pop p {
	font-size: 16px;
	line-height: 25px;
}
.absec2-cont a 
{
	margin: 20px 0px 20px 0px ;
}
.aboutSection-one 
{
	padding: 30px 0px ;
}
@media (max-width: 1660px) {
}
@media (max-width: 1600px) {
}
@media (max-width: 1440px) {
.mb-left h4 {
    font-size: 60px;
    font-family: 'Rio Glamour personal use' !important;
    padding-bottom: 20px;
}
	.mainBanner {
		height: 1000px;
	}
	.menu li a {
		font-size: 18px;
	}
	.mb-right {
		bottom: 0;
		right: -20px;
	}
	.homesec3-cont h6 {
		font-size: 22px;
		padding-bottom: 15px;
	}
	.homesec3-cont p {
		font-size: 15px;
		line-height: 25px;
		padding-bottom: 30px;
	}
	.homesec3-cont1 h6 {
		padding-bottom: 10px;
		font-size: 17px;
	}
	.homesec3-cont1 p {
		padding-bottom: 20px;
		font-size: 12px;
		line-height: 18px;
	}
	.homesec3-cont1 a {
		height: 40px;
		line-height: 40px;
		width: 80%;
		font-size: 14px;
		margin: auto;
		display: block;
	}
	.news-main {
		width: 800px;
	}
	.homesec5-cont h6 br {
		display: none;
	}
	.ctorsec2-cont {
		padding: 0 15% 0 7%;
	}
}
/* @media (max-width: 1200px) {
    .dropdown-list > li:hover a{
        color:#fff !important;
    }
	img {
		max-width: 100%;
		height: auto;
	}
	.menu-Bar {
		display: block;
		top: 0px;
	}
	.menuWrap.open {
		display: flex;
		left: 0px;
	}
	.menuWrap {
		position: fixed;
		left: -210%;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		background: #0047ab;
		height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-flow: column;
		transition: all 0.4s ease;
		z-index: 3;
		width: 100vw;
	}
	ul.menu li {
		display: block;
	}
	ul.menu li a {
		margin-bottom: 10px;
		padding: 0;
		display: block;
		text-align: center;
		margin-bottom: 15px;
		padding-right: 0px;
		margin-right: 0px;
		color: #fff;
		font-size: 15px;
		text-transform: capitalize;
	}
	.logo img {
		max-width: 50%;
	}
	.container {
		position: relative;
	}
	header .header-top {
		display: none;
	}
	header .main-header ul.menu > li {
		display: block;
		padding: 0px;
	}
	header .main-header ul.menu > li a {
		color: #fff;
		padding: 0px;
	}
	header .main-header ul.menu > li a:before {
		display: none;
	}
	.dropdown-list {
		visibility: visible;
		opacity: 1;
		position: static;
		background: none;
	}
	.dropdown-list > li {
		border-bottom: none;
		padding: 0;
	}
	.dropdown-list > li > a {
		color: #ffff !important;
	}
} */
@media (max-width: 1024px) {
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
}
@media (max-width: 767px) {
	.height_1
	{
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		height: 100vh
	}
	.mb-left
	{
	display: flex;
    height: 100%;
    align-content: center;
    flex-direction: column;
    align-items: center;
    justify-content: center
	}
    /*.resposive-mode_1*/
    /*{*/
    /*    margin-right:37px;*/
    /*}*/
    .resposive-mode
    {
        display:flex;
        justify-content:center;
    }
    header .main-header ul.menu > li a {
    color: #fff;
    padding: 0px;
    font-weight: 500;
}
    .bread-crum
    {
        text-align:center;
    }
    body{
          overflow-x: hidden !important;
    }
	.mainBanner {
		height: auto;
	}
	.mb-right {
		width: 100%;
		min-height: 610px;
		padding: 60px 40px 20px 40px;
		box-shadow: 0 2px 25px 0 rgb(0 33 91 / 18%);
		background-color: #ffffff;
		position: relative;
	}
	.mb-right ul li {
		display: block;
		margin-bottom: 40px;
	}
	.mb-right ul {
		text-align: center;
	}
	.mb-right .slick-slide img {
		display: block;
	}
	.mb-left h4 {
		font-size: 26px;
		padding-bottom: 15px;
	}
	.mb-left p {
font-size: 20px;
    font-weight: 300;
    line-height: 26px;
	}
	.mbl-feild button {
		width: 100%;
		height: 54px;
		top: 0;
		right: 0;
		bottom: 0;
		position: relative;
		margin: 15px 0px;
	}
	.mb-right h4 {
		font-size: 18px;
		line-height: 26px;
		padding-bottom: 25px;
	}
	.mbr-cont h6 {
		font-size: 16px;
		font-weight: 700;
		line-height: 26px;
		padding: 10px 0px;
		color: #0047ab;
	}
	.mbr-cont p {
		font-size: 14px;
		line-height: 24px;
	}
	.mb-right {
		bottom: 0;
		right: 0;
	}
	.slick-slide img {
		display: inline-block;
	}
	.hsec1-left {
		display: block;
	}
	.hsec1left-cont h5 br {
		display: none;
	}
	.hsec1left-cont {
		width: 100%;
		min-height: auto;
		padding: 25px 4px 1px 20px;
		background-color: #36454f;
	}
	.hsec1left-cont h5 {
		font-size: 18px;
		line-height: 1.25;
		padding-bottom: 10px;
	}
	.hsec1left-cont p {
		font-size: 14px;
		font-weight: 400;
		line-height: 26px;
		color: #ffffff;
		padding-bottom: 10px;
	}
	.hsec1left-cont h6 {
		font-size: 16px;
		padding-bottom: 0px;
	}
	.hsec1-right h6 br {
		display: none;
	}
	.hsec1-right h6 {
		font-size: 15px;
		padding: 20px 0px 10px;
	}
	.hsec1-right p {
		font-size: 14px;
		line-height: 26px;
		padding-bottom: 15px;
	}
	.homesec1 {
		padding: 50px 0px;
	}
	.homesec2-main {
		margin-top: 0;
	}
	.homesec2-cont {
    width: 100%;
    left: 0px;
    bottom: 0px;
}
	.homesec2-cont h6 {
		    font-size: 37px;
    color: #fff;
    margin-block: 50%;
	}
	.homesec2-cont1 {
		padding-top: 30px;
	}
	.homesec2-cont1 h4 {
		font-size: 20px;
		padding-bottom: 20px;
	}
	.homesec2 {
		padding: 0 0 25px;
	}
	.homesec3 {
		padding: 20px 0 0;
	}
	.homesec3-top h4 {
		font-size: 35px;
		padding-bottom: 15px;
	}
	.homesec3-top ul li {
		margin-right: 0;
	}
	.homesec3-top ul li a {
		font-size: 18px;
	}
	.hs3b-cont h6 {
		font-size: 20px;
		padding: 20px 0px;
	}
	.hs3b-cont p {
		font-size: 14px;
	}
	.homesec3-bottom {
		padding: 10px 0px 15px;
	}
	.homesec4 {
		padding: 20px 0px;
	}
	.hs4-hd h4 {
		font-size: 20px;
		padding-bottom: 20px;
	}
	.hs4-cont p {
		font-size: 14px;
		line-height: 24px;
		padding: 20px 0 0 0;
	}
	.hs4-cont p:before,
	.hs4-cont p:after {
		display: none;
	}
	.homesec5 {
		padding: 30px 0px;
	}
	.homesec3-hd h4 {
		font-size: 20px;
		padding-bottom: 20px;
	}
	.news-main {
		width: 100%;
	}
	.homesec5-cont h6 br {
		display: none;
	}
	.homesec5-cont h6 {
		font-size: 16px;
		line-height: 26px;
		padding-bottom: 10px;
		padding-top: 20px;
	}
	.homesec5-cont p {
		font-size: 14px;
		line-height: 26px;
		padding-bottom: 15px;
	}
	.news-slider-prev,
	.news-slider-next {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 13px;
		bottom: -70px;
	}
	footer {
		width: 100%;
		padding: 70px 0 0px;
	}
	.copyright {
		padding-top: 0px;
		margin-top: 14px;
	}
	.copyright ul li a {
		font-size: 14px;
	}
	.widget1 .footer-address a,
	.widget1 .footer-address p {
		font-size: 14px;
		padding-bottom: 15px;
	}
	.footer-social {
		padding: 10px 0 20px 0;
	}
	.widget1 {
		text-align: center;
	}
	.widget {
		text-align: center;
	}
	.widget h6 {
		font-size: 16px;
		padding: 20px 0px 10px;
	}
	.index-slider .slick-slide {
		padding-bottom: 0px !important;
	}
	.ban-logo p {
		padding: 10px 0 15px 0px;
	}
	.mainBanner {
		padding-top: 20px;
	}
	.ban-logo {
		display: block;
		align-items: flex-start;
	}
	.dropdown-list {
		visibility: visible;
		opacity: 1;
		position: static;
		background: none;
	}
	.dropdown-list > li {
		border-bottom: none;
		padding: 0;
	}
	.dropdown-list > li > a {
		color: #ffff !important;
	}
}

@media (max-width: 768px) {
	.card-responsive h2 
	{
		font-size: 36px;
    color: black;
	}
	.card-responsive_1
	{
		width: 100%;
	}
	.card-responsive_1 a  img
	{
		height: 250px ;
		width: 100%;
	}
	.card-responsive_1 a
	{
		width: 100%;
	}
	.card-responsive a 
	{
		width: 152px;
    height: 45px;
    line-height: 42px;
	border-radius: 27px;
    text-align: center;
    border: 1px solid transparent;
    box-shadow: 0 10px 25px 0 rgb(123 147 171 / 15%);
    background-color: #0047ab;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
	}
}

/* my css */
@media (max-width: 767px) {
	.contact-section
	{
		padding: 80px 0% 16px
	}
	.contsec-form
	{
		padding:30px;
	}
	.ctorsec2-cont
	{
		padding: 30px 0px 30px 0px;	
	}
	.ctorsec1-cont
	{
		padding: 30px 0px 30px 0px;
	} 
	.ContractorSection-one
	{
		padding-top: 30px;
	}
	.aboutsec2-bottom
	{
		padding-top: 30px;
	}
	.aboutSection-two
	{
		padding: 30px 0px;
	}
	.absec2-cont a 
	{
		margin: 30px 0px 30px 0px;
	}
	#homesec2-responsive
	{
		display: block;
	}
	
 	
.contact-123 li a
{
    color:#fff;
    background-color:#000 !important;
    padding:6px 5px ;
    
}
.contact-123 li a:hover
{
     color:#fff;
    background-color:#000 !important;
    padding:6px 5px ;
    
}
  .dropdown-list > li:hover a{
        color:#fff !important;
    }
    .header-btn
    {
        background-color: #000;
    }
    .header-btn:hover
    {
        background-color: #000;
        color:#fff !important;
    }
    .contsec-cont h6
    {
        font-size:15px;
    }
    .contsec-cont a, .contsec-cont p {
    font-size: 14px;}
    .contsec-icon span {
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: 0px 5px 40px 0px rgb(0 0 0 / 17%);
    width: 70px;
    height: 70px;
    line-height: 70px;}
    .contsec-top {
    padding-bottom: 30px;
}
    .menu
    {
            display: flex;
   
    vertical-align: middle;
    flex-direction: column;
    }
    .menu li
    {
        margin:0px !important;
    }
    .inner-pop p
    {
        font-size:13px;
    }
    .inner-pop h2
    {
        font-size:18px;
    }
    .mbr-img
    {
        padding-right:0px;
    }
    .ban-logo p
    {
         border-radius: 0px;
             border-radius: 15px;
    }
   
	.scf-feild :is(input[type="email"],input[type="text"])
	{
		height: 30px;
	}
	.contsecf-cont h4 
	{
		font-size: 24px;
	}
	.contsecf-cont p 
	{
		font-size: 16px;
	}
	.sdsl-cont a
	{
		margin-block: 30px;
	}
 	.scf-feild button {
	background-color: #0047ab;
    border: 1px solid transparent;
   
    font-size: 16px;
    font-family: "Montserrat";
    color: #ffffff;
    font-weight: bold;

    border-radius: 17px;
    transition: all 0.4s ease-in-out;
	}
	.popUp
	{
		padding: 20px;
	}
	.slick-slider {
		top: 59px;
	}
	.mb-left h4 {
		text-align: center;
		font-size: 42px;
	}
	.mb-left p {
	      padding: 20px 6px 20px 11px;
    text-align: left;
	}
	.mb-right {
		padding: 50px;
	}
	.mb-right h4 {
		text-align: center;
	}
	.mbr-cont h6,
	.mbr-cont h6 a {
		font-size: 18px;
	}
	.mbr-cont p {
		font-size: 18px;
	}
	.homesec1 {
		position: relative;
		top: 50px;
		margin: 10px 0px;
	}
	.hsec1left-cont {
		padding: 20px 10px 20px 20px;
	}
	.homesec2-cont {
		display: block;
	}
	.pad-zero {
		margin-block: 10px;
	}
	.homesec3-img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.homesec5 {
	min-height: 800px;
    position: relative;
    top: 81px;
    width: auto;
    margin: auto;
    overflow-x: hidden;
	}
.mn-btn a
{
    width:152px;
    height:45px;
    line-height:42px;
}
	footer {
		position: relative;
	}
	.popquiz-radio-btn label {
		color: #fff;
		font-size: 9px;
		text-transform: capitalize;
		border-radius: 70px;
		border: 1px solid #0047ab;
		height: 40px;
		line-height: 38px;
		width: 115px;
		text-align: center;
		margin: 0 15px 30px;
		transition: all 0.3s ease-in-out;
		cursor: pointer;
		background-color: #0047ab;
	}
	.popquiz-back {
		position: absolute;
		padding: 5px 0;
		cursor: pointer;
		top: -10%;
		left: 7%;
		color: #31373d;
		font-size: 14pt;
	}
	.popquiz-heading {
		font-size: 32px;
	}
	.headeing-123 {
		font-size: 20px !important;
	}
	.popquiz-info-wrap input[type="submit"] {
		width: 150px;
		margin-block: 10px;
		height: 50px;
		line-height: 54px;
		text-align: center;
		color: #fff;
		font-size: 21px;
		text-transform: capitalize;
		border-radius: 8px;
		background-color: #0047ab;
	}
	.popquiz-info-wrap input:not([type="submit"]) {
		width: 348px;
		height: 51px;
		border-radius: 8px;
		border: 1px solid #7c7c7c;
		padding: 0 25px;
		margin: 5px 15px;
		color: #7c7c7c;
		font-size: 18px;
		transition: all 0.3s ease-in-out;
	}
}
@media (min-width: 767px) and (max-width: 800px) {
	.ctorsec1-cont a
	{
		margin: 10px 0px 10px 0px ;
	}
	.ctorsec2-cont
	{
		padding: 20px 0px 20px 0px;
	}
	.mb-right {
		padding: 18px 40px 20px 40px !important;
	}
	.mb-left h4 {
		font-size: 45px;
	}
	.homesec2-cont h6 {
		font-size: 26px;
	}
	.homesec2-cont1 h4 {
		font-size: 36px;
	}
	.homesec3-top h4 {
		font-size: 36px;
	}
	.homesec3-top ul li a {
		font-size: 15px;
	}
}
.homesec3-img img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
}

@media (min-width: 768px) and (max-width: 823px) {
	.news-slider li.slick-current {
		opacity: 1 !important;
	}
	.news-main {
		width: 100%;
	}
	.hs4-img {
		width: 32%;
		margin: 0px auto;
	}
}
@media (min-width: 768px) and (max-width: 964px) {
	.homesec3-cont {
		padding: 0px 10px;
	}
	.homesec3-cont h6 {
		font-size: 15px;
	}

	.homesec3-cont p {
		font-size: 12px;
	}
	.mn-btn a {
		width: 106px;
		font-size: 14px;
	}
}
@media (min-width: 767px) and (max-width: 1200px) {
	.box-quiz-seven h3 {
		font-size: 25px;
	}
	.popquiz-info-wrap input:not([type="submit"]) {
		width: 100%;
		height: 70px;
		margin: 10px 15px;
	}
}
@media (min-width: 992px) and (max-width: 1200px) {
	.col-lg-7 {
		-ms-flex: 0 0 41.666667% !important;
		flex: 0 0 41.666667% !important;
		max-width: 41.666667% !important;
	}
	.col-lg-5 {
		-ms-flex: 0 0 58.333333% !important;
		flex: 0 0 58.333333% !important;
		max-width: 58.333333% !important;
	}
}
@media (min-width: 1200px) and (max-width: 1250px) {
	.col-lg-7 {
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}

	.col-lg-5 {
		flex: 0 0 41.666667% !important;
		max-width: 41.666667% !important;
	}
}
/*desktop query start*/
@media (min-width:1200px){
    #reposive-section_2{
            padding-top:0px;
    }
    .mainBanner {
      min-height: 875px;
}
}
/*desktop query end */

/*tablet query start*/
@media (max-width:767px){
    .tablet-heading{
         display:none;
    }
}
@media (min-width:1024px){
    .tablet-heading{
         display:none;
    }
}
@media (min-width:768px) and (max-width:1024px){
   .mb-left h4 {
    font-size: 39px;
    padding-bottom: 20px;
    }
.mb-right {
    width: 100%;
    min-height: 600px;
    padding: 25px 41px 3px 20px;
    box-shadow: 0 2px 25px 0 rgba(0, 33, 91, 0.18);
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    right: -60px;
    bottom: 0;
    top: 121px;
    margin: auto;
}


.mb-right ul li {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.tablet-heading{
       font-size: 61px;
    padding-bottom: 20px;
    color: white;
    display: block;
    font-family: 'Rio Glamour personal use' !important;
    font-weight: 700;
    }
    
    .tablet-hide{
 display:none;   
}

}
/*tablet query end */

/*quwet*/
@media (min-width:768px) and (max-width:910px){
    .mb-right {
    width: 100%;
    min-height: 605px;
    padding: 28px 69px 3px 20px;
    box-shadow: 0 2px 25px 0 rgb(0 33 91 / 18%);
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    right: -28px;
    bottom: 0;
    top: 143px;
    margin: auto;
}
}
@media (min-width:910px) and (max-width:991px){
    .mb-right {
 width: 100%;
    min-height: 458px;
    padding: 25px 41px 3px 20px;
    box-shadow: 0 2px 25px 0 rgb(0 33 91 / 18%);
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    right: -60px;
    bottom: 0;
    top: 121px;
    margin: auto;
}
}
@media (min-width:992px) and (max-width:1024px){
    .mb-right {
    width: 100%;
    min-height: 486px;
    padding: 25px 41px 3px 20px;
    box-shadow: 0 2px 25px 0 rgb(0 33 91 / 18%);
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    right: -60px;
    bottom: 0;
    top: 256px;
    margin: auto;
}
}
/*quwet*/
@media (max-width:1200px)
{
    #contatc-123
    {
        display:block !important;
        
       
        color:#fff !important;
    }
    .header-btn
    {
         background-color:#0047ab !important;
         padding:6px 5px !important;
    }
    .menu li.last a:hover {
    border-color: none;
    color: #fff !important;
    background-color: #000 !important;
}
}
@media (min-width:768px){
	#reposive-section_1
	{
		display: none !important;
	}
	#reposive-section_2
	{
		display: block !important;
	}
	#header-resposive
	{
		display:none;
	}
	#homesec2-responsive
	{
		display: none !important;
	}
}

@media (min-width:0px) and  (max-width:767px)
{ 
	.mainBanner:after
	{
		background-color: #fff;
	}
	#reposive-section_1
	{
		display: block !important;
	}
	#reposive-section_2
	{
		display: none !important;
	}
	#homesec2-responsive
	{
		display: block;
		padding-top: 30px;
		padding-bottom: 20px;
	}
	.homesec-top
	{
		display: none;
	}
	#header-desktop
	{
		display: none;
	}
	#header-resposive
	{
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 20;
	}
	.logo {
		position: absolute;
		bottom: 30px;
		right: 30px;
		display: block;
		z-index: 100;
		transition: all 250ms linear;
	}
	.logo img {
		height: 26px;
		width: auto;
		display: block;
		filter: brightness(100%);
		transition: all 250ms linear;
	}
	body.dark .logo img {
	  filter: brightness(100%);
	}
}
@media (min-width:0px) and  (max-width:767px)
{
	.secvicedetailSection
	{
		padding: 75px 0px 0px;
	}
	.sdsl-cont p
	{
		padding-bottom: 0px;
	}

	/* .dropdown-menu
	{
		background: none !important;
	 
		background-color: #0047AB !important;
    	border: 2px solid #000;
	}
	.dropdown-item
	{
		padding: 8px 5px !important;
	}
	.dropdown-item
	{
		color: #fff !important;
	} 
	
	.header-items
	{
		padding-left: 10px;
		padding-top: 20px;
	}
	.nav-item  a 
	{
		font-size: 18px;
		
	}
	.navbar-light .navbar-nav .nav-link {
		color: rgb(0 0 0);
	}
	.nav-item a:hover
	{
		color: #0047ab !important;
	} 
	.navbar-toggler:hover{
		border: none  ;
	} */
	.logo img {
		max-width: 65%;
	}
}
/* extra  */
.start-header {
	opacity: 1;
	transform: translateY(0);
	padding: 20px 0;
	box-shadow: 0 10px 30px 0 rgba(138, 155, 165, 0.15);
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.start-header.scroll-on {
	box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
	padding: 10px 0;
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.start-header.scroll-on .navbar-brand img{
	height: 24px;
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.navigation-wrap{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.navbar{
	padding: 0;
}
.navbar-brand img{
	height: 28px;
	width: auto;
	display: block;
  filter: brightness(100%);
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.navbar-toggler {
	float: right;
	border: none;
	padding-right: 0;
}
.navbar-toggler:active,
.navbar-toggler:focus {
	outline: none;
}
.navbar-light .navbar-toggler-icon {
	width: 24px;
	height: 17px;
	background-image: none;
	position: relative;
	border-bottom: 1px solid #000;
    transition: all 300ms linear;
}
.navbar-light .navbar-toggler-icon:after, 
.navbar-light .navbar-toggler-icon:before{
	width: 24px;
	position: absolute;
	height: 1px;
	background-color: #000;
	top: 0;
	left: 0;
	content: '';
	z-index: 2;
    transition: all 300ms linear;
}
.navbar-light .navbar-toggler-icon:after{
	top: 8px;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
	transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
	transform: translateY(8px) rotate(-45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
	border-color: transparent;
}
.nav-link{
	color: #212121 !important;
	font-weight: 500;
    transition: all 200ms linear;
}
.nav-item:hover .nav-link{
	color: #0047ab !important;
}
.nav-item.active .nav-link{
	color: #777 !important;
}
.nav-link {
    font-size:20px;
	position: relative;
	padding: 7px 0 !important;
	display: inline-block;
}
.nav-item:after{
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 2px;
	content: '';
	background-color: #8167a9;
	opacity: 0;
    transition: all 200ms linear;
}
.nav-item:hover:after{
	bottom: 0;
	opacity: 1;
}
.nav-item.active:hover:after{
	opacity: 0;
}
.nav-item{
	position: relative;
    transition: all 200ms linear;
}

/* #Primary style
================================================== */

.bg-light {
	background-color: #fff !important;
    transition: all 200ms linear;
}
.section {
    position: relative;
	width: 100%;
	display: block;
}
.full-height {
    height: 100vh;
}
.over-hide {
    overflow: hidden;
}
.absolute-center {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
  margin-top: 40px;
	transform: translateY(-50%);
	z-index: 20;
}
/* h1{
	font-size: 48px;
	line-height: 1.2;
	font-weight: 700;
	color: #212112;
	text-align: center;
}
p{
	text-align: center;
	margin: 0;
	padding-top: 10px;
	opacity: 1;
	transform: translate(0);
    transition: all 300ms linear;
    transition-delay: 1700ms;
}
body.hero-anime p{
	opacity: 0;
	transform: translateY(40px);
    transition-delay: 1700ms;
}
h1 span{
	display: inline-block;
    transition: all 300ms linear;
	opacity: 1;
	transform: translate(0);
}
body.hero-anime h1 span:nth-child(1){
	opacity: 0;
	transform: translateY(-20px);
}
body.hero-anime h1 span:nth-child(2){
	opacity: 0;
	transform: translateY(-30px);
}
body.hero-anime h1 span:nth-child(3){
	opacity: 0;
	transform: translateY(-50px);
}
body.hero-anime h1 span:nth-child(4){
	opacity: 0;
	transform: translateY(-10px);
}
body.hero-anime h1 span:nth-child(5){
	opacity: 0;
	transform: translateY(-50px);
}
body.hero-anime h1 span:nth-child(6){
	opacity: 0;
	transform: translateY(-20px);
}
body.hero-anime h1 span:nth-child(7){
	opacity: 0;
	transform: translateY(-40px);
}
body.hero-anime h1 span:nth-child(8){
	opacity: 0;
	transform: translateY(-10px);
}
body.hero-anime h1 span:nth-child(9){
	opacity: 0;
	transform: translateY(-30px);
}
body.hero-anime h1 span:nth-child(10){
	opacity: 0;
	transform: translateY(-20px);
}
h1 span:nth-child(1){
    transition-delay: 1000ms;
}
h1 span:nth-child(2){
    transition-delay: 700ms;
}
h1 span:nth-child(3){
    transition-delay: 900ms;
}
h1 span:nth-child(4){
    transition-delay: 800ms;
}
h1 span:nth-child(5){
    transition-delay: 1000ms;
}
h1 span:nth-child(6){
    transition-delay: 700ms;
}
h1 span:nth-child(7){
    transition-delay: 900ms;
}
h1 span:nth-child(8){
    transition-delay: 800ms;
}
h1 span:nth-child(9){
    transition-delay: 600ms;
}
h1 span:nth-child(10){
    transition-delay: 700ms;
}
body.hero-anime h1 span:nth-child(11){
	opacity: 0;
	transform: translateY(30px);
}
body.hero-anime h1 span:nth-child(12){
	opacity: 0;
	transform: translateY(50px);
}
body.hero-anime h1 span:nth-child(13){
	opacity: 0;
	transform: translateY(20px);
}
body.hero-anime h1 span:nth-child(14){
	opacity: 0;
	transform: translateY(30px);
}
body.hero-anime h1 span:nth-child(15){
	opacity: 0;
	transform: translateY(50px);
}
h1 span:nth-child(11){
    transition-delay: 1300ms;
}
h1 span:nth-child(12){
    transition-delay: 1500ms;
}
h1 span:nth-child(13){
    transition-delay: 1400ms;
}
h1 span:nth-child(14){
    transition-delay: 1200ms;
}
h1 span:nth-child(15){
    transition-delay: 1450ms;
} */
#switch,
#circle {
	cursor: pointer;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear; 
} 
#switch {
	width: 60px;
	height: 8px;
	border: 2px solid #8167a9;
	border-radius: 27px;
	background: #000;
	position: relative;
	display: block;
	margin: 0 auto;
	text-align: center;
	opacity: 1;
	transform: translate(0);
    transition: all 300ms linear;
    transition-delay: 1900ms;
}
body.hero-anime #switch{
	opacity: 0;
	transform: translateY(40px);
    transition-delay: 1900ms;
}
#circle {
	position: absolute;
	top: -11px;
	left: -13px;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #000;
}
.switched {
	border-color: #000 !important;
	background: #8167a9 !important;
}
.switched #circle {
	left: 43px;
	box-shadow: 0 4px 4px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);
	background: #fff;
}
.nav-item .dropdown-menu {
    transform: translate3d(0, 10px, 0);
    visibility: hidden;
    opacity: 0;
	max-height: 0;
    display: block;
	padding: 0;
	margin: 0;
    transition: all 200ms linear;
}
.nav-item.show .dropdown-menu {
    opacity: 1;
    visibility: visible;
	max-height: 999px;
    transform: translate3d(0, 0px, 0);
}
.dropdown-menu {
	padding: 10px!important;
	margin: 0;
	font-size: 13px;
	letter-spacing: 1px;
	color: #212121;
	background-color: #fcfaff;
	border: none;
	border-radius: 3px;
	box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
    transition: all 200ms linear;
}
.dropdown-toggle::after {
	display: none;
}

.dropdown-item {
	font-size: 14px;
    padding: 3px 12px;
	color: #000;
	border-radius: 2px;
    transition: all 200ms linear;
	line-height: 23px;
}
.dropdown-item:hover, 
.dropdown-item:focus {
	color: #fff;
	background-color: #0056b3;
}

body.dark{
	color: #fff;
	background-color: #1f2029;
}
body.dark .navbar-brand img{
  filter: brightness(100%);
}
body.dark h1{
	color: #fff;
}
body.dark h1 span{
    transition-delay: 0ms !important;
}
body.dark p{
	color: #fff;
    transition-delay: 0ms !important;
}
body.dark .bg-light {
	background-color: #14151a !important;
}
body.dark .start-header {
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15);
}
body.dark .start-header.scroll-on {
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
}
body.dark .nav-link{
	color: #fff !important;
}
body.dark .nav-item.active .nav-link{
	color: #999 !important;
}
body.dark .dropdown-menu {
	color: #fff;
	background-color: #1f2029;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);
}
body.dark .dropdown-item {
	color: #fff;
}
body.dark .navbar-light .navbar-toggler-icon {
	border-bottom: 1px solid #fff;
}
body.dark .navbar-light .navbar-toggler-icon:after, 
body.dark .navbar-light .navbar-toggler-icon:before{
	background-color: #fff;
}
body.dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
	border-color: transparent;
}



/* #Media
================================================== */

@media (max-width: 767px) {
    .dropdown-item:active
    {
        color:#fff !important;
    }
    .active
    {
        color: #0047AB !important;
    }
    .innerBanner 
    {
        background-position: 29%;
    }
    .ctorsec1-img:after 
    {
        width:100% !important;
    }
	h1{
		font-size: 38px;
	}
	.nav-item:after{
		display: none;
	}
	.nav-item::before {
		position: absolute;
		display: block;
		top: 15px;
		left: 0;
		width: 11px;
		height: 1px;
		content: "";
		border: none;
		background-color: #000;
		vertical-align: 0;
	}
	.dropdown-toggle::after {
		position: absolute;
		display: block;
		top: 10px;
		left: -24px;
		width: 1px;
		height: 11px;
		content: "";
		border: none;
		background-color: #000;
		vertical-align: 0;
		transition: all 200ms linear;
	}
	.dropdown-toggle[aria-expanded="true"]::after{
		transform: rotate(90deg);
		opacity: 0;
	}
	.dropdown-menu {
		padding: 0 !important;
		background-color: transparent;
		box-shadow: none;
		transition: all 200ms linear;
	}
	.dropdown-toggle[aria-expanded="true"] + .dropdown-menu {
		margin-top: 10px !important;
		margin-bottom: 20px !important;
	}
	body.dark .nav-item::before {
		background-color: #fff;
	}
	body.dark .dropdown-toggle::after {
		background-color: #fff;
	}
	body.dark .dropdown-menu {
		background-color: transparent;
		box-shadow: none;
	}
}

/* #Link to page
================================================== */


/* end */
@media (min-width:768px) and (max-width:992px)
{
	.menu li a {
		font-size: 14px !important;
	}
	.menu li
	{
		margin-right: 16px !important;
	}
}

@media (min-width:425px) and (max-width:767px)
{
	.hse1left-img img {
		object-fit: cover !important;
		width: 100% !important;
		height: auto !important;
	}
	
}

@media (min-width: 760px) and (max-width: 1200px){
.header-btn {
    background-color: #36454f !important;
    padding: 6px 17px !important;
}
}