/*==============================================TABLE OF CONTENT==============================================1. General2. Align Holders3. Modals4. Margins, Paddings5. Overflow6. Clearfix7. Visibility==============================================[END] TABLE OF CONTENT==============================================*//*-----------------------------------------1. General-------------------------------------------*/html, body{font-family: 'Fira Sans', sans-serif; color: #d21e2b; height: 100%; margin: 0; padding: 0;}h1,h2,h3,h4,h5,h6{font-family: 'Fira Sans', sans-serif; color: #111; line-height: 1.3; margin: 0px;}h1,h2,h3,h4{font-weight: 700;}h5,h6{font-weight: 600;}p{font-size: 14px; color: #999; line-height: 1.7; margin-bottom: 0px;}img{max-width: 100%;height: auto;-webkit-transition-duration: .3s;transition-duration: .3s;}a{color: #fff8f8;-webkit-transition-duration: .3s;transition-duration: .3s;}a:active, a:hover, a:focus{color: #111; outline: 0 none; text-decoration: none;}button{background: none; outline: 0 none; border: none; -webkit-transition-duration: .3s; transition-duration: .3s;}iframe{border: 0px;}input, textarea{outline: none; max-width: 100%;}ul{padding-left: 0px; margin-bottom: 0px;}li{list-style-type: none;}::-moz-selection{background: #111; color: #fff; text-shadow: none;}::selection{background: #111; color: #fff; text-shadow: none;}/*-----------------------------------------2. Align Holders-------------------------------------------*/.left-holder{text-align: left !important;}.right-holder{text-align: right !important;}.center-holder{text-align: center !important;}.right-holder-md{text-align: right;}@media (max-width: 767px){.right-holder-md{text-align: center;}}/*----------------------------------------- 3. Modals-------------------------------------------*/.modal{text-align: center; padding: 0!important; border-radius: 10px; z-index: 999999;}.modal:before{content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; border-radius: 10px; z-index: 999999;}.modal-dialog{display: inline-block; text-align: left; vertical-align: middle; z-index: 999999;}/*----------------------------------------- 4. Margins, Paddings-------------------------------------------*//*------------------ Margin Left--------------------*/.ml-15{margin-left: 15px;}/*------------------ Margin top--------------------*/.mt-0{margin-top: 0 !important}.mt-5{margin-top: 5px !important;}.mt-10{margin-top: 10px}.mt-15{margin-top: 15px}.mt-20{margin-top: 20px}.mt-25{margin-top: 25px}.mt-30{margin-top: 30px}.mt-35{margin-top: 35px}.mt-40{margin-top: 40px}.mt-45{margin-top: 45px}.mt-50{margin-top: 50px}.mt-55{margin-top: 55px}.mt-60{margin-top: 60px}.mt-65{margin-top: 65px}.mt-70{margin-top: 70px}.mt-75{margin-top: 75px}.mt-80{margin-top: 80px}.mt-85{margin-top: 85px}.mt-90{margin-top: 90px}.mt-95{margin-top: 95px}.mt-100{margin-top: 100px}.mt-105{margin-top: 105px}.mt-110{margin-top: 110px}.mt-115{margin-top: 115px}.mt-120{margin-top: 120px}.mt-125{margin-top: 125px}.mt-130{margin-top: 130px}.mt-135{margin-top: 135px}.mt-140{margin-top: 140px}.mt-145{margin-top: 145px}.mt-150{margin-top: 150px}.mt-15-xs{margin-top: 0px;}@media screen and (max-width:767px){.mt-15-xs{margin-top: 15px;}}/*------------------ Margin bottom--------------------*/.mb-0{margin-bottom: 0}.mb-10{margin-bottom: 10px}.mb-15{margin-bottom: 15px}.mb-20{margin-bottom: 20px}.mb-25{margin-bottom: 25px}.mb-30{margin-bottom: 30px}.mb-35{margin-bottom: 35px}.mb-40{margin-bottom: 40px}.mb-45{margin-bottom: 45px}.mb-50{margin-bottom: 50px}.mb-55{margin-bottom: 55px}.mb-60{margin-bottom: 60px}.mb-65{margin-bottom: 65px}.mb-70{margin-bottom: 70px}.mb-75{margin-bottom: 75px}.mb-80{margin-bottom: 80px}.mb-85{margin-bottom: 85px}.mb-90{margin-bottom: 90px}.mb-95{margin-bottom: 95px}.mb-100{margin-bottom: 100px}.mb-105{margin-bottom: 105px}.mb-110{margin-bottom: 110px}.mb-115{margin-bottom: 115px}.mb-120{margin-bottom: 120px}.mb-125{margin-bottom: 125px}.mb-130{margin-bottom: 130px}.mb-135{margin-bottom: 135px}.mb-140{margin-bottom: 140px}.mb-145{margin-bottom: 145px}.mb-150{margin-bottom: 150px}.mb-15-xs{margin-bottom: 0px;}@media screen and (max-width:767px){.mb-15-xs{margin-bottom: 15px;}}@media screen and (max-width:767px){.mb-0-xs{margin-bottom: 0px;}}@media screen and (max-width:767px){.mt-0-xs{margin-top: 0px;}}/*------------------ Margin right--------------------*/.mr-20-md{margin-right: 20px;}@media screen and (max-width:767px){.mr-30-md{margin-right: 0px;}}/*------------------ Paddings--------------------*/.no-padding{padding: 0px !important;}.pb-0{padding-bottom: 0px !important;}.pt-0{padding-top: 0px !important;}.pl-0{padding-left: 0px;}.pl-0-md{padding-left: 0px;}@media screen and (max-width:991px){.pl-0-md{padding-left: 15px;}}.pr-0{padding-right: 0px;}.pr-0-md{padding-right: 0px;}@media screen and (max-width:991px){.pr-0-md{padding-right: 15px;}}.pl-15-md{padding-left: 15px;}@media screen and (max-width:991px){.pl-15-md{padding-left: 0px;}}.pl-30-md{padding-left: 30px;}@media screen and (max-width:991px){.pl-30-md{padding-left: 0px;}}.pr-15-md{padding-right: 15px;}@media screen and (max-width:991px){.pr-15-md{padding-right: 0px;}}.pr-30-md{padding-right: 30px;}@media screen and (max-width:991px){.pr-30-md{padding-right: 0px;}}.pl-45-md{padding-left: 45px;}@media screen and (max-width:991px){.pl-45-md{padding-left: 0px;}}.pl-30-md{padding-left: 30px;}@media screen and (max-width:991px){.pl-30-md{padding-left: 0px;}}.padding-10-perc{padding: 10%;}@media screen and (max-width:776px){.padding-10-perc{padding: 70px 15px;}}/*----------------------------------------- 5. Overflow-------------------------------------------*/.overflow-hidden{overflow: hidden;}.display-b{display: block;}/*----------------------------------------- 6. Clearfix-------------------------------------------*/.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}.clearfix{display: inline-block;}/* start commented backslash hack \*/* html .clearfix{height: 1%;}.clearfix{display: block;}/* close commented backslash hack *//*----------------------------------------- 7. Visibility-------------------------------------------*/.invisible{visibility: hidden !important;}.hidden-xs-up{display: none !important;}@media (max-width: 575px){.hidden-xs-down{display: none !important;}}@media (min-width: 576px){.hidden-sm-up{display: none !important;}}@media (max-width: 767px){.hidden-sm-down{display: none !important;}}@media (min-width: 768px){.hidden-md-up{display: none !important;}}@media (max-width: 991px){.hidden-md-down{display: none !important;}}@media (min-width: 992px){.hidden-lg-up{display: none !important;}}@media (max-width: 1199px){.hidden-lg-down{display: none !important;}}@media (min-width: 1200px){.hidden-xl-up{display: none !important;}}.hidden-xl-down{display: none !important;}@media (max-width: 767px){.reverse-xs{flex-direction: column-reverse;}}
		* {
			scroll-behavior: smooth;
		}

		.flex-row {
			display: flex;
			flex-wrap: wrap;
		}

		.flex-container {
			display: flex;
			flex-direction: row;
			/* justify-content: center; */
		}

		.side-inq-box {
			width: 100%;
			display: block;
			position: sticky;
			top: 150px;dropdown-toggle
			justify-content: center;
			align-self: flex-start;
			padding: 10px 15px;
			overflow: auto;
		}

		.flex-left {
			width: 25%;
			position: sticky;
			top: 150px;
			justify-content: center;
			align-self: flex-start;
			padding: 10px 12px;
			height: 74vh;
			overflow: auto;
		}

		.flex-right {
			width: 75%;
			padding: 10px 15px;
		}

		.nav {
			display: block;
			/* margin: 24% 0% 0 0; */
		}

		.nav-heading {
			font-weight: bold;
			padding: 10px 20px;
			text-transform: uppercase;
		}

		.nav ul {
			list-style-type: none;
		}

		.nav li a {
			display: block;
			color: #000;
			padding: 10px 20px;
			text-decoration: none;
			line-height: 25px;
		}

		.nav li a.active-link {
			border-left: 5px solid #c17e63;
			box-shadow: 0 0 7px 0 #a39393;
			background: #fff;
		}

		/* Change the link color on hover */
		.nav li a:hover {
			border-left: 5px solid #829ca6;
			box-shadow: 0 0 7px 0 #a39393;
			background: #fff;
		}

		.text-area.show {
			transform: translateY(0);
			opacity: 1;
		}

		.text-area {
			position: relative;
			display: flex;
			justify-content: space-around;
			align-items: center;
			flex-wrap: wrap;
			flex-direction: row;
			width: 100%;
			transform: translateY(100px);
			opacity: 0;
			transition: 350ms;
		}

		/* text -formating */
		.text-area {
			padding-top: 80px;
		}

		.text-area:first-child {
			padding-top: 20px;
		}

		.text-part {
			width: 100%;
			padding-left: 20px;
		}

		.text-part h4 {
			color: #111;
			font-size: 24px;
			font-weight: 600;
			margin-bottom: 15px;
		}

		.text-part h4:after {
			content: " ";
			display: block;
			background: #d21e2b;
			width: 70px;
			height: 2px;
			margin-top: 8px;
		}

		.text-part h5 {
			font-size: 20px;
			margin-bottom: 5px;
		}

		.text-part p {
			margin-bottom: 10px;
			color: rgb(37, 37, 37);
			text-align: justify;
		}

		.text-part p strong {
			margin-bottom: 15px;
			color: #000;
			font-size: 16px;
		}

		.text-part ul {
			margin-bottom: 5px;
			padding-left: 10px;
			list-style: disc;
		}

		.text-part ul li {
			margin-bottom: 10px;
			color: #111;
			padding-left: 5px;
			list-style: disc;
			margin-left: 10px;
		}

		.side-inq-box {
			padding-top: 20px;
			box-shadow: 0 0 15px 0 #00000038;
		}

		.side-inq-box .row {
			padding-left: 5px;
			padding-right: 5px;
		}

		.table tr td {
			color: rgb(26, 26, 26);
		}

		.contact-form .submit-btn {
			background: #456874;
			color: white !important;
		}

		.contact-form .submit-btn:hover {
			background-color: #d11e2b;
		}

		.bs-example {
			margin: 20px;
		}

		.rotate {
			-webkit-transform: rotate(-180deg);
			/* Chrome, Safari, Opera */
			-moz-transform: rotate(-180deg);
			/* Firefox */
			-ms-transform: rotate(-180deg);
			/* IE 9 */
			transform: rotate(-180deg);
			/* Standard syntax */
		}

		@media only screen and (max-width: 600px) {
			.flex-row {
				display: inline-block;
				width: 100%;
			}

			.flex-container {
				flex-wrap: wrap;
				width: 100%;
			}

			.flex-left {
				position: relative;
				top: 0;
				width: 100%;
				height: auto;
			}

			.flex-right {
				width: 100%;
			}

			.text-area {
				padding-top: 30px;
			}
		}