@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');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap');
body{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.zoom-in {cursor: zoom-in;}
.class0{
	height: 30px;
	background: #35356b;
}
.class1 i,.class2,i{
	padding: 0 5px;
}
.class1,.class2, a,i{
	color: #fff;
	font-weight: 600;
}
.class1 a:hover, .class2 a:hover{
	color: #fff;
	font-weight: 600;
	text-decoration: none;
}

.class1{
	text-align: right;
}

.class3{
	background: #2a4894;
	text-align: center;
}
.class3 h2{
	font-size: 18px;
	color: #fff;
	font-family: 'Raleway';
	padding-top: 10px;
}
.class3 h1{
	font-family: 'Raleway';
	font-weight: 700;
	color: #ff7602;
	margin-top: -10px;
	font-size: 35px;
}
.class3 p{
	font-family: 'Raleway';
	font-size: 15px;
	padding: 0 50px;
	color: #fff;
	padding-bottom: 30px;
}
.cardtitle
h1{
	font-size: 18px;
	color: #2a4894;
	font-family: 'Raleway';
	font-weight: 700;
	padding: 5px;
}

.class5{
	padding: 0;
}
.class6{
	background: #ff7602;
	padding: 50px 60px;
}
.class7 p{
	font-size: 20px;
	text-align: center;
	color: #fff;
}
.class8{

}
.class8
ol
li{
	font-family: 'Raleway';
	font-weight: 700;
	font-size: 25px;
	color: #fff;
}

.class9{
	padding: 20px;
	text-align: center;
}
.class9 p{
	font-weight: 600;
		color: #000;
}
.class11{
	position: absolute;
}
.class12{
	margin-left: 60px;
}
.class12 p{
	font-weight: 600;
	color: #f57314;
	font-family: 'Raleway';
}
.class12 h2{
	margin-top: -15px;
	font-size: 22px;
	font-weight: 700;
	font-family: 'Raleway';
}
.class12
h2
a{
	color: #000;
}


.class14{
	position: absolute;
}
.class15{
	margin-left: 70px;
}
.class15 p{
	font-weight: 600;
	color: #f57314;
	font-family: 'Raleway';
}
.class15 h2{
	margin-top: -15px;    word-break: break-all;
	font-size: 22px;
	font-weight: 700;
	font-family: 'Raleway';
}
.class15
h2
a{
	color: #000;
}

.class17{
	position: absolute;
}
.class18{
	margin-left: 80px;
}
.class18 p{
	color: #f57314;
	font-weight: 600;
	font-family: 'Raleway';
}
.class18
figure{
	margin-top: -10px;
}
.class19{
	background: #2a4894;
	height: 50px;
	text-align: center;
}
.class19 p{
	padding-top: 15px;
	font-weight: 600;
	color: #fff;
	font-family: 'Raleway';
}
.class19 p span{
	color: #f57314;
}
.class19 p span a{
	color: #f57314;
}


.class21{
	background: transparent;
	padding: 100px 50px;
}
.class21 h1{
	color: #35356b;
	font-family: 'Raleway';
	font-weight: 700;
	font-size: 35px;
}
.class21 h1 span a{
	color:;
	font-size: 15px;
}

.class22{
	background:#fff;
	padding: 10px;
	margin: 10px 0;
	box-shadow: 2px 3px 5px 2px rgb(0,0,0,0.5);
}

.class23{
	padding: 50px 0;
}
.class24{
	padding: 50px 30px;
}
.class24
h1{
	color: #000;
	font-family: 'Raleway';
	font-weight: 700;
	font-size: 35px;
}
.class24
p{
	color: #606060;
	font-family: 'Raleway';
	font-weight:600;
	font-size: 15px;
}
.class24 span i{
	background: #ff7602;
	height: 40px;
	width: 40px;
	padding-top: 5px;
	font-size: 30px;
	border-radius: 50px;
}
.class25{
	background:#ff7602;
	padding: 10px;
	box-shadow: 2px 3px 5px 2px rgb(0,0,0,0.5);
	margin: 10px 0;
}


.class26 h1{
	color: #000;
	font-family: 'Raleway';
	font-weight: 700;
	font-size: 35px;	
}
.class26 p{
	color: #f3f3f3;
	font-family: 'Raleway';
	font-weight: 600;
	font-size: 15px;	
}


.class27 h1{
	color: #000;
	font-family: 'Raleway';
	font-weight: 700;
	font-size: 35px;	
}
.class27 p{
	color: #f3f3f3;
	font-family: 'Raleway';
	font-weight: 600;
	font-size: 15px;	
}


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

.input-group{
	padding: 10px;
}


.input-group
button{
		width: 50px;
		border-radius: 0px;
		background:  #ff7602;
}

.classbtn
button{
	background:  #ff7602;;
	width: 200px;
	border-radius: 0px;
	font-weight: 700;
	color: #fff;	
}



.input-group:hover button{
	background: #000;
	color: #000;
}


.class28{
	background:#fff;
	padding: 10px;
	box-shadow: 2px 3px 5px 2px rgb(0,0,0,0.5);
	margin: 10px 0;
}
.class29
h1{
	text-align: center;
	color: #000;
	font-family: 'Raleway';
	font-weight: 700;
}

.class30{
	padding: 30px ;
}
.class30 h1{
	color: #35356b;
	font-family: 'Raleway';
	font-weight: 700;
	font-size: 35px
}
.class30 p{
	color: #000;
	font-size: 15px;
	font-family: 'Raleway';
	font-weight: 600;
}
.class32, .class33{
	margin-top: 50px;
}
.class32 p a,.class33 p a{
	color: #000;
}

.class35{
	background:#fff;
	padding: 10px;
	box-shadow: 2px 3px 5px 2px rgb(0,0,0,0.5);
	margin: 50px 0;
}
.class36{
	padding: 0;
}

.class41{
	text-align: center;
	padding: 50px 0;
}
.class41 p{
	font-family: 'Raleway';
	font-weight: 600;
	font-size: 18px;
}
.class42{
	
}
.class42
table{
	border: 1px solid #f3f3f3;
}
.class42
table
thead{
	font-size: 25px;
	font-family: 'Raleway';
	font-weight: 600;
	color: #35356b;
	background: #ff7602;
}
.class42
table
tbody{
	background: #f3f3f3;
}
.class42
table
tbody tr:hover td{
	background: #35356b;
	padding-left: 25px;
	color: #fff;
}
.class42
table
tbody td:hover a{
	color: #fff;
}
.class42
table
tbody a{
	color: #000;
}
.class43{
	padding:0 50px;
}
.class44{
	border: 1px solid #f3f3f3;
	padding: 0px;
	background: #ff7602;
	box-shadow: 0px 1px 2px 2px rgb(205,205,205,5.75);
}
.class44:hover{
	background: #35356b;
	color: #fff;
}
.class44 h1{
	font-size: 18px;
	font-family: 'Raleway';
	font-weight: 600;
	padding: 10px;
	text-align: center;
}

.class44 img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.class44:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
.class45{
	overflow: hidden;
}
/* The Modal (background) */
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 5%;
    z-index: 10000;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.7);
}

/* Modal Content */

.modal-content {
    position: relative;
    padding: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 30%;
    top: 10%;
    margin: 0 auto;
    pointer-events: auto;

    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
}
/* The Close Button */

.close {
    /* float: left; */
    background: rgba(255, 0, 0, 0.7);
    height: 40px;
    width: 40px;
    border-radius: 0 0 25px 0;
    z-index: 10;
    padding: 5px 5px 5px 5px;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 12px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 2.5;
    /* top: 14%; */
    position: absolute;
    /* left: 25%; */
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}




.class48{
	background:#fff;
	padding: 10px;
	box-shadow: 2px 3px 5px 2px rgb(0,0,0,0.5);
	margin: 10px 0;
}
#class48 p{
	padding: 20px;
	font-size: 15px;
	font-family: 'Raleway';
	font-weight: 600;
	color: #606060;
}
.class49{
	padding: 10px;
}
.class50 h1{
	font-size: 22px;
}

.class50
i{
	color: #000;
}



/**********social icon****************/
/* fixed social*/
#fixed-social {
   position: fixed;
   top: 50%;z-index: 1000000;
}
#fixed-social i{
  padding-top: 10px;
  font-weight: 500;
}
#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;
 }