@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@700&display=swap');
body{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.navresponcive {
    position: absolute;
    z-index: 100;
    width: 100%;
    margin-top: 40px;
}
.navcontact{
	position: absolute;
	z-index: 10;
}
.slidertop{
	margin-top: -0px;position: relative;
	z-index: 0;
}
.navimg{
  position: absolute;
  z-index: 100;
  padding: 30px;
  margin-top: -0px;
  z-index: 111;
}

.class1{
	z-index: 10000;position: absolute;margin-top: 10px;
}

.class1
p
a{
	color: #fff;
}
.class2{
	float: left;text-align: right;
}
.class2 i{
	color: #0499dd;
	font-size: 20px;
}
.class3 p{
	text-align:center;
}
.class3 i{
	color: #0499dd;
	font-size: 20px;
}

.class4{
	text-align: center;
}
.class4
h1{
	font-size: 130px;
	font-weight: 700;
	color: #f5f3f2;
}
.class4 p{
	font-size: 50px;
	font-weight: 700;
	color: #5d5d5d;
	margin-top: -115px;
}
.class5{
	max-width: 1500px;
	margin: 0 auto;
	text-align: center;
	padding: 0 50px;
	margin-top: 30px;
}





.class6{
	text-align: center;
}
.class6 h1 {
    font-size: 70px;
    font-weight: 700;
    line-height: 60px;
    color: #f5f3f2;
}
.class6 h1 span{
    font-size:100px;
    font-weight: 700;
    color: #f5f3f2;
}
.class6 p{
	font-size: 40px;
	font-weight: 700;
	color: #5d5d5d;
	margin-top: -95px;
}

.class7{
	margin-top: 100px;
	text-align: center;
}
.class8
h1{
	font-size: 25px;
	text-align: center;
	color: #5d5d5d;
	font-weight: 700;
}

.class9{
	text-align: center;
}

.class10{
	position: absolute;
	z-index: 0;
}
.class11{
	z-index: 1;
	position: relative;
}
.class12{
	z-index: 1;
	position: relative;
	margin-top: -120px;
}

.class13{
	margin-top: 100px;
	text-align: center;
}
.class14
h1{
	font-size: 25px;
	text-align: center;
	color: #5d5d5d;
	font-weight: 700;
}

.class15{
	position: absolute;
	width: 100%;
	margin-top: -150px;
}


.class16{
	text-align: center;
	margin-top: -30px;
}
.class16
h1{
	font-size: 90px;
	font-weight: 700;
	color: #fff;
	z-index: 0;
	position: relative;
	opacity: 0.3;
}
.class16 p{
	font-size: 45px;
	font-weight: 700;
	color: #2a3187;
	z-index: 1;position: relative;
	margin-top: -90px;
}
.class17{
	text-align: center;
	margin-top: 50px;
}
.class18{
	text-align: center;
	margin-top: 50px;
}
.class19{
	text-align: center;
	margin-top: 20px;
}
.class20{
	text-align: center;
	margin-top: 50px;
}
.extratop{
	height: 110px;
}
.class21{
	background: #f4f2f1;
	text-align: center;
	height: 50px;
}
.class21 p{
	padding-top: 15px;
	font-family: 'Raleway';
	font-weight: 700;
}
.class22{
	padding: 50px 0;
}
.class22
table
td
i{
	color: #1f1993;
	font-size: 35px;
}
.class22
table
td p{
	font-size: 15px;
	font-weight: 600;
	line-height: 16px;
	margin-left: 5px;
	margin-top: 5px;
}
.class22
table
td p span{
	font-size: 20px;
	font-weight: 600;
}
.class22
table
td
p
span
a{
	color: #000;
}

.class23{
	padding: 50px 0;
}

.class23
table
td
i{
	color: #1f1993;
	font-size: 45px;
}
.class23
table
td p{
	font-size: 15px;
	font-weight: 600;
	line-height: 16px;
	margin-left: 5px;
	margin-top: 5px;
}
.class23
table
td p span{
	font-size: 20px;
	font-weight: 600;
}

.class23
table
td
p
span
a{
	color: #000;
}




.class24{
	padding: 50px 0;
}

.class24
table
td
i{
	color: #1f1993;
	font-size: 45px;
}
.class24
table
td p{
	font-size: 15px;
	font-weight: 600;
	line-height: 20px;
	margin-left: 5px;
	margin-top: 5px;
}
.class24
table
td p span{
	font-size: 20px;
	font-weight: 600;
}

.class25{
	background: #1c1698;
	height: 50px;
	text-align: center;
}
.class25 p{
	padding-top: 15px;
	font-weight: 600;
	color: #fff;
}
.class25 p span{
	color: #f2f435;
}
.class25 p span a{
	color: #f2f435;
}

.class26{
	text-align: center;
	padding-top: 150px;
}
.class26 h1{
	font-size: 50px;
	color: #fff;
	opacity: 1;position: relative;z-index: 0;
	text-shadow: 2px 2px rgb(0,0,0,0.9);
}
.class26 p{
	font-size: 20px;
	font-weight: 600;
	color: #000;
	margin-top: -10px;
	z-index: 1;
	text-decoration:underline;
}
.class26 p a{
	color: yellow;
}

.class27{
	padding-top: 30px;
}
.class27 h1{
	font-family: 'Raleway';
	font-weight: 700;
	font-size: 30px;
	padding-bottom: 20px;
}
.class28
h2{
	font-size: 22px;
	font-weight: 600;
	font-family: 'Raleway';
}
.class28 p{
	margin-top: -10px;
	font-size: 15px;
	color: #606060;
	font-weight: 600;
	font-family: 'Raleway';
}

.class29{
	padding-top: 60px;
}
.class29
input{
	border-radius: 0;
	border-bottom: 2px solid #1f1993;
}
.class29
input:hover{
	box-shadow: 0px 1px 1px 1px rgb(0,0,0,0.5);
	border:0;
}
.class29
textarea{
	border-radius: 0;
	border-bottom: 2px solid #1f1993;
}
.class29
textarea:hover{
	box-shadow: 0px 1px 1px 1px rgb(0,0,0,0.5);
	border-bottom: 2px solid #fff;
}
.class30{
	text-align: center;
	margin-top: -20px;
	margin-bottom: 50px;
}
.class30 button{
	background: #1c1698;
	color: #fff;
	font-weight: 600;
	border-radius: 0;
	border-bottom: 2px solid #000;
}
.class30 button:hover{
	background: #fcff2a;
	color: #000;
	box-shadow: 0px 1px 1px 1px rgb(0,0,0,0.5);
}
.class31{
	padding:50px 10px;
}
.class32{
	overflow: hidden;
	border:1px solid;
	border-radius: 15px;
}

.class33{
	margin-top: 50px;
}
.class34
h1{
	font-size: 30px;
	font-family: 'Raleway';
	font-weight: 600;
}
.class34 p{
	font-weight: 600;
	color: #606060;
	font-family: 'Raleway';
}

.class36
h1{
	font-size: 30px;
	margin-top: 50px;
	font-family: 'Raleway';
	font-weight: 600;
}
.class36 p{
	font-weight: 600;
	color: #606060;
	font-family: 'Raleway';
}
.class37{
	padding:50px 10px;
}
.class38{
	overflow: hidden;
	border:1px solid;
	border-radius: 15px;
}





.class39{
	padding:50px 10px;
}
.class40{
	overflow: hidden;
	border:1px solid;
	border-radius: 15px;
}

.class41{
	margin-top: 50px;
}
.class42
h1{
	font-size: 30px;
	font-family: 'Raleway';
	font-weight: 600;
}
.class42 p{
	font-weight: 600;
	color: #606060;
	font-family: 'Raleway';
}





/*********************/
.class52{
	text-align: center;
}
.class52 h1{
	font-size: 45px;
	font-weight: 700;
	color: #1c1698;
	font-family: 'Impact';
}
.class52 h2 {
    font-size: 25px;
    font-weight: 700;
    color: #5d5d5d;
    background: #fff;
    z-index: 1;
    position: relative;
    width: 100px;
    margin: 0 auto;
}
.class52 hr{
	margin-top: -20px;
    border: 2px solid #5d5d5d;
    border-style: dashed;
}
.class52 p{
	font-size: 15px;
	color: #5d5d5d;
	font-family: 'Raleway';
	font-weight: 600;
	padding: 40px;
}
.class53{
	background: #f4f2f1;
	width: 100%;
	text-align: center;
	border-radius: 25px;
}
.class53 p{
	padding: 10px;
	font-weight: 700;
}

.class54{
	padding: 20px 0;
	text-align: center;
}
.class55 h1{
	color: #5d5d5d;
	font-size: 25px;
	font-weight: 700;
	margin-top: -20px;
}

.extraproductmargin{
	height: 150px;
}




.class57{
	padding: 30px 20px;
}





/**********social icon****************/
/* fixed social*/
#fixed-social {
   position: fixed;
   top: 50%;z-index: 1000000;
}
#fixed-social i{
  padding-top: 10px;
}
#fixed-social a {
   color: #fff;
   display: block;
   height: 40px;
   position: relative;
   text-align: center;
    line-height: 40px;
   width: 40px;
   margin-bottom: 1px;
   z-index: 200000!important;
}
#fixed-social a:hover>span{
  visibility: visible;
  left: 41px;
  opacity: 1;
} 
#fixed-social a span {
  line-height: 40px;
    left: 60px;
    position: absolute;
    text-align: center;
    width: 120px;
    visibility: hidden;
    transition-duration: 0.5s;
    z-index: 10000;
    opacity: 0;
}
 .fixed-facebook{
  background-color: #4267B2;
 }
 .fixed-facebook span{
  background-color: #4267B2;
 }
 .fixed-twitter{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8a3ab9+0,e95950+50,fccc63+100 */
background: rgb(138,58,185); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(138,58,185,1) 0%, rgba(233,89,80,1) 50%, rgba(252,204,99,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(138,58,185,1) 0%,rgba(233,89,80,1) 50%,rgba(252,204,99,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(138,58,185,1) 0%,rgba(233,89,80,1) 50%,rgba(252,204,99,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a3ab9', endColorstr='#fccc63',GradientType=0 ); /* IE6-9 */


 }
 .fixed-twitter span{
 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8a3ab9+0,e95950+50,fccc63+100 */
background: rgb(138,58,185); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(138,58,185,1) 0%, rgba(233,89,80,1) 50%, rgba(252,204,99,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(138,58,185,1) 0%,rgba(233,89,80,1) 50%,rgba(252,204,99,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(138,58,185,1) 0%,rgba(233,89,80,1) 50%,rgba(252,204,99,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a3ab9', endColorstr='#fccc63',GradientType=0 ); /* IE6-9 */

 }
 .class47 img{
     border:2px solid;
 }
 .fixed-youtube{
  background-color: red;

 }

 .fixed-youtube span{
  background-color: red;
 }
 .fixed-whatsapp {
  background-color: green;

 }
 .fixed-whatsapp span{
  background-color: green;
 }
 
 
 .dbtn{

  width: 50px;
  height: 100px;
  background: #E84310;
  z-index: 1000000;
   position: fixed;
  bottom: -4px;
  right: 0px;
  top: 30%;
}
.dbtn i{
font-size: 35px;
padding-top: 5px;
color: #f3f3f3
}

.btn-mod1{
	background: #1f1993;
	color: #fff;
}
.btn-mod1:hover{
	background:yellow;color: #000;
}
.btn-mod2{
	background: #1f1993;color: #fff;
}
.btn-mod2:hover{
	background:yellow;color: #000;
}