@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

/*Customized CSS*/

.fw-100{

	font-weight: 100 !important

}

.fw-200{

	font-weight: 200 !important

}

.fw-400{

	font-weight: 400 !important

}

.fw-600{

	font-weight: 600 !important

}

.fw-800{

	font-weight: 800 !important

}

.ls-1

{

	letter-spacing: 1px !important;

}

.ls-2

{

	letter-spacing: 2px !important;

}

.ls-3

{

	letter-spacing: 3px !important;

}

.ls-4

{

	letter-spacing: 4px !important;

}

.ls-5

{

	letter-spacing: 5px !important;

}

.ls-6

{

	letter-spacing: 6px !important;

}

.ls-7

{

	letter-spacing: 7px !important;

}

.ls-8

{

	letter-spacing: 8px !important;

}

.ls-20

{

	letter-spacing: 20px !important;

}

.fs-11{

	font-size: 11px !important;

	line-height: 21px;

}

.fs-12{

	font-size: 12px !important;

	line-height: 22px;

}

.fs-14{

	font-size: 14px !important;

	line-height: 24px;

}

.fs-16{

	font-size: 16px !important;

	line-height: 26px;

}

.fs-18{

	font-size: 18px !important;

	line-height: 28px;

}

.fs-20{

	font-size: 20px !important;

	line-height: 30px;

}

.fs-22{

	font-size: 22px !important;

	line-height: 32px;

}

.fs-24{

	font-size: 24px !important;

	line-height: 34px;

}

.fs-26{

	font-size: 26px !important;

	line-height: 36px;

}

.fs-28{

	font-size: 28px !important;

	line-height: 38px !important;

}

.fs-30{

	font-size: 30px !important;

	line-height: 40px;

}

.fs-32{

	font-size: 32px !important;

	line-height: 42px !important;

}

.fs-34{

	font-size: 34px !important;

	line-height: 44px !important;

}

.fs-36{

	font-size: 36px !important;

	line-height: 46px;

}

.fs-38{

	font-size: 38px !important;

	line-height: 48px;

}

.fs-40{

	font-size: 40px !important;

	line-height: 50px;

}

.fs-42{

	font-size: 42px !important;

	line-height: 52px;

}

.fs-44{

	font-size: 44px !important;

	line-height: 54px;

}

.fs-46{

	font-size: 46px !important;

	line-height: 56px;

}

.fs-48{

	font-size: 48px !important;

	line-height: 58px;

}

.fs-50{

	font-size: 50px !important;

	line-height: 60px;

}

.fs-55{

	font-size: 55px !important;

	line-height: 65px;

}

.fs-60{

	font-size: 60px !important;

	line-height: 70px;

}

.fs-65{

	font-size: 65px !important;

	line-height: 75px;

}

.code-title{

	width: 40%;

	font-size: 18px;

	font-weight: 600;

	padding-left: 10px;

	background: #000;

	color:#fff;

	border-left: 5px solid #90ba2b;

	letter-spacing: 1px;

}

.code-title-1{

	width: 43%;

	font-size: 18px;

	font-weight: 600;

	padding-left: 10px;

	background: #000;

	color:#fff;

	border-left: 5px solid #90ba2b;

	letter-spacing: 1px;

}

.code-title-2{

	width: 100%;

	font-size: 22px;

	line-height: 32px;

	text-align:center;

	font-weight: 600;

	padding-left: 10px;

	background: #000;

	color:#fff;

	border-left: 5px solid #90ba2b;

	border-right: 5px solid #90ba2b;

	letter-spacing: 1px;

}

.code-title-3{

	width: 100%;

	font-size: 22px;

	line-height: 32px;

	text-align:center;

	font-weight: 600;

	padding-left: 10px;

	background: #000;

	color:#fff;

	border-left: 5px solid #90ba2b;

	border-right: 5px solid #90ba2b;

	letter-spacing: 1px;

}

.text-justify{

	text-align: justify;

}

.text-center{

	text-align: center;

}

.sp-about{

	padding: 0px 200px;

}

.stroke {

    -webkit-text-stroke-width: 2px;

    -webkit-text-stroke-color: #D1AB4A;

	color:transparent;

	text-shadow: 5px 2px 0px

		rgba(29,13,8,0.1);

}

.text-italic{

	font-style: italic;

}

.about-why-title{

	font-size: 26px !important;

}

.about-why-desc{

	font-size: 16px !important;

	padding-top:10px;

}

.title-pr{

	font-size:50px !important;

	line-height:55px;

}

.underline{

	text-decoration: underline;

}

.text-white{

	color: #fff !important;

}

.text-gray{

	color: #999 !important;

}



.theme-color{

	color: #27376d !important;

}

.theme-color-2{

	color: #E31E24 !important;

}

.theme-bg-1{

	background-color: #27376D !important;

}

.theme-bg-2{

	background-color: #E31E24 !important;

}

.bg-grey{

	background:

    rgba(0, 0, 0, 0) url("../images/pattern-2.svg") no-repeat fixed center center / cover;

}

.pattern-1 {

    background:

    rgba(0, 0, 0, 0) url("../images/pattern.svg") no-repeat fixed center center / cover;

}

.text-shadow{

	text-shadow: 2px 1px 1px #C3BCBE;

}

.text-shadow-p{

	text-shadow: 1px 1px 1px #C3BCBE;

}

.contact-form-box {

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    position: relative;

}

.special-button{

	border: 2px solid #373737;

}

.border-radius{

	border-radius: 25px;

}

.border-radius-15{

	border-radius: 15px;

}

.box-shadow{

	-webkit-box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.2);

	-moz-box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.2);

	box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.2);

}

.shadowimage {

    box-shadow: 0 28px 16px -26px rgba(43,42,41,0.7) !important;

}

.strength-bs {

    -webkit-box-shadow: 17px 23px 35px -28px rgba(148,148,148,1);

    -moz-box-shadow: 17px 23px 35px -28px rgba(148,148,148,1);

    box-shadow: 17px 23px 35px -28px

    rgba(148,148,148,1);

}

.num-font{

	font-family: 'Anton', sans-serif !important;

	font-size:50px;

}

.poppins{

	font-family: 'Poppins', sans-serif !important;

}

.odometer-formatting-mark {

    display: none;

}

.vh{

	visibility: hidden !important;

}

.gray-scale {

    position: relative;

    display: block;

    width: 100%;

    height: auto;

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%);

}

.gray-scale:hover {

    -webkit-filter: grayscale(0%);

    filter: grayscale(0%);

    cursor: pointer;

}



.fact-font{

	font-family: 'Passion One', cursive;

	font-size: 50px !important;

}

.left-flot{

	float:left !important;

}

.right-flot{

	float:right !important;

}

.ta-right{

	text-align: right !important;

}

.lead {

    font-size: 1.0rem;

    font-weight: 400;

}

.mb-ms{

	margin-bottom: 0.1rem;

}

.ml-ms{

	margin-left:50px;

}

.sd{

	position: relative;

	top: -38px;

}

.pt-50-value {

    margin-top: 90px !important;

}

.ptb-20{

	padding-top:22px;

	padding-bottom:05px;

}

.ptb-50{

	padding-top:50px;

	padding-bottom:50px;

}

.mt-30{

	margin-top: 30px !important;

}

.mt-20{

	margin-top: 20px !important;

}

.mt-50{

	margin-top: 50px !important;

}

.mt-10{

	margin-top: 10px !important;

}

.mb-20{

	margin-bottom: 20px !important;

}

.mb-30{

	margin-bottom: 30px !important;

}

.mb-50{

	margin-bottom: 50px !important;

}

.mt-80 {
	margin-top: 80px !important;
}

.mtb-10{

	margin-top:10px;

	margin-bottom:10px;

}

.iqd-pr-60 {

    padding-right: 60px;

}

.pb-17{

	padding-bottom:17px;

}

.iqd-pl-60 {

    padding-left: 60px;

}

.selected {

    border-bottom: 2px solid #E31F25;

	color:#f2f2f2 !important;

}

.close {

    font-size: 2.5rem;

    font-weight: 700;

    line-height: 1;

    color: #000;

    text-shadow: 0 1px 0 #fff;

}

.modal-dialog {

    max-width: 500px;

    margin: 9.75rem auto;

}

.lc{

	color: #666666 !important;

}

.lc:hover{

	color: #90ba2b !important;

}

.img-w{

	width:40% !important;

}

.testi-w{

	width:100px !important;

}

.q-icon{

	width: 70px;

}

.divider-short {

    content: "";

    bottom: 0px;

    left: 0;

    width: 40px;

    height: 5px;

    background: #fff;

    display: inline-block;

}

.divider-red {

    content: "";

    bottom: 0px;

    left: 0;

    width: 50px;

    height: 5px;

    background: #e21e24;

    display: inline-block;

}

/*Table*/



table.parameter-product {

	width: 100%;

	margin-bottom: 20px;

	border-collapse: separate;

	font-family: 'Roboto', sans-serif;

}



table.parameter-product tr.active {

	color: #666!important;

	border-radius: 08px;

	text-align: center;

	font-size: 16px;

	font-weight: 800;

}



table.parameter-product tr td {

    padding: 06px 09px 06px 15px;

    border: solid 1px #fff;

    border-radius: 0px;

    text-align: center;

    font-size: 15px;

    line-height: 25px;

    font-weight: 400;

}



.background-special {

	color: #fff;

	font-weight: bold;

}



.special-color {

	background: #fecb28!important

}



table.parameter-product tr td strong {

	font-weight: 800;

}

.tbl-border {

    border-collapse: collapse !important;

	color:#000;

}

.table-title{

	font-weight: 100;

}

.table-title strong{

	font-weight: 700;



}	

.text-white{

	color: #fff !important;

}

.features-color{

    background: -webkit-linear-gradient(#2ea07e, #0963A2);

        background-clip: border-box;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

	font-size: 22px;

	line-height: 32px;

}

.table-title-2{

    background: -webkit-linear-gradient(#2ea07e, #0963A2);

        background-clip: border-box;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

	font-size: 40px;

	line-height: 50px;

	font-weight: 100;

}

.table-title-2 strong{

	font-weight: 800;

}

.bg-green-light{

	background: #e5fceb;

}

.bg-red-light{

	background: #f9dede;

}

.bg-blue-light{

	background: #dbe7f9;

}

.font-size-38{

	font-size: 38 !important;

}

.green-title{

	color: #006C47 !important;

}

.red-title{

	color: #BE2727 !important;

}

.blue-title{

	color: #1C4D9B !important;

}

.table-title-2{

    background: -webkit-linear-gradient(#2ea07e, #0963A2);

        background-clip: border-box;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

	font-size: 40px;

	line-height: 50px;

	font-weight: 100;

}

.table-title-2 strong{

	font-weight: 800;

}

.bg-green-light{

	background: #f2f2f2;

}

.bg-red-light{

	background: #f9dede;

}

.bg-blue-light{

	background: #dbe7f9;

}

.font-size-38{

	font-size: 38 !important;

}

.green-title{

	color: #006C47 !important;

}

.red-title{

	color: #BE2727 !important;

}

.blue-title{

	color: #1C4D9B !important;

}

.bg-green{

	background: #92d3ca !important;

}

.bg-blue{

	background: #1B4D9B !important;

}

.bg-red{

	background: #D02426 !important;

}

.bg-black{

	background: #27376D !important;

}

.color-green{

	color: #006C47 !important;

}

.color-blue{

	color: #1B4D9B !important;

}

.color-red{

	color: #D02426 !important;

}

.bg-light-grey{

	background:#fff !important;

 }

.col-off-set{

	padding-right: 20% !important;

}

.text-center{

	text-align: center !important;

}

.mt-10{

	margin-top: 10px;

}

.dark-black-color{

	color:#333;

}
.video-wrap video {
	height: 980px !important;
}




/*Customized CSS*/

.quality-head{

	font-size:46px !important;

	line-height:1;

}

.infra-title{

	font-size:20px;

	line-height:1.4;

	font-weight:400;

}

.milestone-number{

	font-size:18px;

	line-height:1;

	font-weight:800;

	color:#27376D !important;

}

.milestone-des{

	font-size:30px !important;

	line-height:1.4;

	font-weight:200;

	margin-bottom: 0px;

}

.product-title {

	padding: 50px 0 30px;

	font-weight: 700;
}

.ms-titel {
	padding: 20px 0 0;
	font-size: 25px;
	font-weight: 600;
	margin-bottom:0 !important;
}
.iq-mtb-20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
.certificae-img img {
	border: 20px solid #000;
}
.top-bar {
	background-color: #27376d;
	color: #fff;
}
.top-bar a {
	color: #fff;
}
.top-bar a:hover {
	color: #E31F25;
}


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

	.desktop-view {

				display: none !important;

			}

}

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

	.mobile-view {

				display: none !important;

			}

}

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

	.pt-50-value {

		display:none;

	}

}