@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@400;500;600;700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');


body {
	font-family: 'Open Sans', sans-serif;
}

h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 63.349px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;

}


h2 {
	font-size: 35px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding-bottom: 10px;
	font-family: 'Open Sans', sans-serif;
}


h3,
h4,
h5,
h6 {
	font-family: 'Open Sans', sans-serif;
}

p {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 156.682%;
}

a {
	font-family: 'Open Sans', sans-serif;
}


/*svg bg*/
.svg-background{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='399' height='761' viewBox='0 0 399 761' fill='none'%3E%3Cpath d='M127.318 1.0421V1.63137C127.318 23.958 134.923 45.3701 148.46 61.1574C161.996 76.9447 180.356 85.8139 199.5 85.8139C218.644 85.8139 237.004 76.9447 250.54 61.1574C264.077 45.3701 271.682 23.958 271.682 1.63137L271.646 1H361.909C371.481 1 380.661 5.43461 387.429 13.3282C394.198 21.2219 398 31.9279 398 43.0912V717.935C398 729.098 394.198 739.804 387.429 747.698C380.661 755.591 371.481 760.026 361.909 760.026H271.682C271.682 737.699 264.077 716.287 250.54 700.5C237.004 684.713 218.644 675.844 199.5 675.844C180.356 675.844 161.996 684.713 148.46 700.5C134.923 716.287 127.318 737.699 127.318 760.026H37.0909C27.519 760.026 18.3391 755.591 11.5708 747.698C4.80243 739.804 1 729.098 1 717.935V43.0912C1 31.9279 4.80243 21.2219 11.5708 13.3282C18.3391 5.43461 27.519 1 37.0909 1L127.318 1.0421Z' fill='%23F9F5FF' stroke='%238C52FF' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: cover; 
    background-position: center;
    background-repeat: no-repeat;
    width: 397px;
    height: 759.026px;
    flex-shrink: 0;
}
.svg-background2{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='399' height='761' viewBox='0 0 399 761' fill='none'%3E%3Cpath d='M127.318 1.0421V1.63137C127.318 23.958 134.923 45.3701 148.46 61.1574C161.996 76.9447 180.356 85.8139 199.5 85.8139C218.644 85.8139 237.004 76.9447 250.54 61.1574C264.077 45.3701 271.682 23.958 271.682 1.63137L271.646 1H361.909C371.481 1 380.661 5.43461 387.429 13.3282C394.198 21.2219 398 31.9279 398 43.0912V717.935C398 729.098 394.198 739.804 387.429 747.698C380.661 755.591 371.481 760.026 361.909 760.026H271.682C271.682 737.699 264.077 716.287 250.54 700.5C237.004 684.713 218.644 675.844 199.5 675.844C180.356 675.844 161.996 684.713 148.46 700.5C134.923 716.287 127.318 737.699 127.318 760.026H37.0909C27.519 760.026 18.3391 755.591 11.5708 747.698C4.80243 739.804 1 729.098 1 717.935V43.0912C1 31.9279 4.80243 21.2219 11.5708 13.3282C18.3391 5.43461 27.519 1 37.0909 1L127.318 1.0421Z' fill='%23F9F5FF' stroke='%238C52FF' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: cover; 
    background-position: center;
    background-repeat: no-repeat;
    width: 449px;
    height: 1037.236px;
}

/* homepage video carousel*/
.carousel .inner-content.vid-inner-content {
    height: 500px;
    width: 900px;
	display: inline-block;
}

.carousel .carousel-indicators {
	bottom: 0px;
}

.carousel .carousel-indicators li {
	margin: 0 2px;
	width: 18px;
	height: 18px;
	background: transparent;
	border-color: #8C52FF;
	border-width: 1px;
}

.carousel .carousel-indicators li.active {
	background: #8C52FF;
}

.carousel#video-carousel {
	padding-bottom: 90px;
}

/*.carousel#video-carousel .carousel-inner {*/
/*	border: 2px solid #fff;*/
/*	background-color: #fff;*/
/*}*/

.carousel#video-carousel .carousel-inner .inner-content.vid-inner-content .youtube-video {
	position: inherit;
	left: 0;
	top: 0;
}

.carousel#video-carousel .carousel-control {
	color: rgba(234, 100, 43, 1);
	width: 5%;
	line-height: 400px;
	background: none;
}

.carousel#video-carousel .carousel-control:hover,
.carousel#video-carousel .carousel-control:focus,
.carousel#video-carousel .carousel-control:active {
	color: rgba(234, 100, 43, 1);
}

.carousel-control {
	width: 5%;
}

.carousel .carousel-control {
	background: transparent;
	text-shadow: none;
	color: rgba(234, 100, 43, 1);
	opacity: 1;
}

@media (max-width: 768px) {
	.carousel .inner-content.vid-inner-content {
		height: 293px;
		width: 520px;
		display: inline-block;
	}

	.carousel-control {
		width: 5%;
	}
}

@media (max-width: 414px) {
	.carousel .inner-content.vid-inner-content {
		height: 100%;
		width: 320px;
		display: inline-block;
	}

	.vid-carousel-control {
		display: none;
	}

	.carousel .carousel-indicators {
		bottom: 40px;
	}
}

@media (max-width: 360px) {
	.carousel .inner-content.vid-inner-content {
		height: 100%;
		width: 266px;
		display: inline-block;
	}

	.vid-carousel-control {
		display: none;
	}

	.carousel .carousel-indicators {
		bottom: 40px;
	}
}
/*** carousel ****/
.left.carousel-control{
    left:-55px;
}
.right.carousel-control{
    right:-55px;
}
.carousel-control.left, .carousel-control.right{
    background-image:none !important;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{
    font-size: 19px !important;
    color: #6A6F8A !important;
    text-shadow: none !important;
}
.carousel-content {
    color:black;
    display:flex;
    align-items:center;
    justify-content: center;
}

#text-carousel {
  width: 100%;
  height: auto;
  padding: 50px;
}

/****end of carousel ***/

/**hover***/

.content1 {
	position: relative;
	margin: auto;
	overflow: hidden;
	max-height: 360px;
}

.content1 .content-overlay {
	border: 6px solid var(--light-orange, #FDF5F1);
	background: linear-gradient(179deg, rgba(0, 0, 0, 0.00) -5.78%, rgba(0, 0, 0, 0.90) 19.91%, rgba(0, 0, 0, 0.90) 68.21%);
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}

.content1:hover .content-overlay {
	opacity: 1;
}

.content-image {
	width: 100%;
}

.content-details {
	position: absolute;
	text-align: center;
	padding: 80px 50px;
	width: 100%;
	top: 50%;
	left: 50%;
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.content1:hover .content-details {
	top: 50%;
	left: 50%;
	opacity: 1;
    background: linear-gradient(179deg, rgba(0, 0, 0, 0.00) -5.78%, rgba(0, 0, 0, 0.90) 19.91%, rgba(0, 0, 0, 0.90) 68.21%), lightgray 50% / cover no-repeat;
    height:98%;
}

.content-details p {
	color: #FDF5F1;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}

.fadeIn-bottom {
	top: 80%;
}

.fadeIn-right {
	left: 80%;
}

/***end***/
@media(min-width:1025px) and (max-width:1440px){
    .yellow{
        transform: translate(11%, -48%) !important;
    }
    .speaker{
        top: -260px !important;
    }
}

@media(min-width:769px) and (max-width:1024px){
    .yellow{
        background-position: -205px 70% !important;
        transform: translate(4%, -47%) !important;
    }
    .yellow>.all{
        margin-left: 186px !important;
        padding-top: 40px !important;
    }
    .speaker{
        top: -222px !important;
        left: 60px !important;
    }
    .orange1{
        background-size: cover !important;
        padding: 116px 30px 156px 30px !important;
    }
    .orange2{
        padding: 116px 60px 170px 60px !important;
        background-size: contain !important;
    }
}

@media(min-width:577px) and (max-width:768px){
    .yellow{
        transform: translate(21%, -30%) !important;
    }
    .speaker{
        left: -200px !important;
    }
    .orange2{
        background-size: cover !important;
        padding: 116px 20px 116px 20px !important;
    }
    .orange1{
        background-size: cover !important;
        padding: 116px 20px 115px 20px !important;
    }
}
@media(min-width:577px) {
	.border1>a {
		border-right: 2px solid rgba(140, 82, 255, 0.20);;
	}
	.panel-title{
	    font-size:20px !important;
	}
}

@media(max-width:576px) {
    .gen{
        font-size:30px !important;
    }
    .pur{
        padding:100px 40px 100px !important; 
    }
    .svg-background2, .svg-background{
        background-size:contain !important;
        width: 350px !important;
        height: 700px !important;
    }
    .orange2{
        background-size: cover !important;
        padding: 116px 20px 116px 20px !important;
    }
    .navbar-collapse{
        padding-left:37px !important;
    }
    .navbar-nav>li>a {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .orange1 >a {
        width:max-content !important;
    }
    .border1:after{
        display: block;
        content: "";
        position: absolute;
        width: 50px;
        height: 2px;
        bottom: 0;
        left: 25px;
        border-top: 2px solid #FFE0D0;
    }
    .top-mar{
        margin-top:40px !important;
    }
    .left-mar{
        margin-left:20px !important;
    }
    .left-mar2{
        margin-left:40px !important;
    }
    #app\ companyadmin\.webapp-page\.publish > div:nth-child(5) > div > div > div > div:nth-child(2) > div:nth-child(2){
        text-align:left !important;
    }
    .nav.navbar-nav.navbar-right{
        display:block !important;
    }
    #app\ companyadmin\.webapp-page\.publish > div:nth-child(2) > div.is-overlay > div{
        background-position:100% 0 !important;
    }
    .speaker{
        top: -86px !important;
        left: -145px !important;
        width: 22% !important;
    }
    .yellow{
    display: flex !important; 
    background-size: auto !important;
    background-repeat: no-repeat !important;
    background-position: 77px 29px !important;
    justify-content: flex-end !important;
    transform:none !important;
        
    }
    .yellow>.all{
        display:block!important;
        margin-left:0 !important;
        padding-top: 68px !important;
        padding-bottom: 100px !important;
    }
    .all>div>h2{
        margin:0 !important;
    }
    .all>div>h2:nth-child(1){
        font-size:30px !important;
    }
    .all>div>h2:nth-child(2){
        font-size:40px !important;
    }
    
	.border1>a {
		border-right: none !important;
	}

	.dis {
		display: none;
	}

	.move {
		text-align: left !important;
		margin-left: 30px;
	}

	.agenda {
		justify-content: flex-end !important;
	}

	.left {
		text-align: left !important;
	}

	.move2 {
		margin-left: 20px !important;
	}

	.mar {
		margin-left: 60px !important;
		margin-right: 40px !important;
	}

	.mar3 {
		margin-left: 20px !important;
		margin-right: 20px !important;
	}

	.fl {
		flex-direction: column;
	}

	.foo {
		margin: 10px 60px;
	}

	.foo>h2 {
		font-size: 24px !important;
	}

	.contact {
		padding: 61px 32px !important;
	}

	.mar4 {
		margin-left: 50px;
	}
	.panel-title{
	    font-size:13px !important;
	}
	.panel-title>a>i{
	    top:2px !important;
	}
	.panel-body>p{
	    font-size:13px !important;
	}
	.mobilewidth{
	    width:40% !important;
	}
}

/**orange**/
.grey:after {
	display: block;
	content: "";
	position: absolute;
	width: 1px;
	height: 86px;
	color: rgba(33, 32, 56, 0.60);
	top: 23px;
	border-left: 2px solid rgba(33, 32, 56, 0.60);
}

.orange:after {
	display: block;
	content: "";
	position: absolute;
	width: 1px;
	height: 86px;
	color: #01003B;
	top: 23px;
	border-left: 2px solid #01003B;
}

/****panel***/
.panel {
	border-radius: 10px !important;
	background-color: #fff !important;
	border: 0.1px solid var(--orange, #8C52FF) !important;
	margin-top: 32px !important;
}

.panel-heading {
	border-radius: 10px !important;
	background-color: #fff !important;
	border: 0.1px solid var(--orange, #D51C50);
	padding: 15px 25px;
}

.panel-body {
	border-top: 0 !important;
}
.panel-body>p{
    color: #212038;
    font-family: 'Open Sans';
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 156.682%;
}

.panel-title {
	color: var(--blue, #212038) !important;
	padding-bottom: 0 !important;
	font-family: Open Sans;
	font-style: normal;
	font-weight: 400 !important;
	line-height: normal;
}
.panel-title>a{
    text-decoration:none !important;
    color: #212038 !important;
}
.panel-title>a>i{
    float:right;
    color:#8C52FF !important;
    font-size:15px !important;
    font-weight:100 !important;
    position:relative !important;
    top:10px;
}

/***general***/
.is-btn-ghost1 {
	padding: 12px 20px !important;
	font-size: 14px !important;
	font-style: normal;
	font-weight: 700 !important;
	line-height: normal;
	text-transform: uppercase;
	letter-spacing: 0 !important;
	border-radius: 10px !important;
	letter-spacing: 0;
}

.is-btn-ghost2 {
	padding: 12px 20px !important;
	font-size: 14px !important;
	font-style: normal;
	font-weight: 700 !important;
	line-height: normal;
	text-transform: uppercase;
	letter-spacing: 0 !important;
	border-radius: 10px !important;

}
.rendered-form .form-group {
    margin-bottom: 25px !important;
}

.form-control {
	border-radius: 10px !important;
	border: 1px solid #CFCFCF !important;
	background: #FFF !important;
}

.rendered-form .form-group>label {
	color: var(--blue, #212038) !important;
	font-size: 16px !important;
	font-style: normal;
	font-weight: 400 !important;
	line-height: 156.682% !important;
}

.rendered-form .form-control:focus {
	border-radius: 10px !important;
	border: 2px solid #CFCFCF !important;
	background: #FFF !important;
}

.orange1>a {
	padding: 21px 25px !important;
	border-radius: 10px;
	background: #8C52FF;
	border: 1px solid #8C52FF !important;
	color: #FFF !important;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0 !important;
}

.send-btn {
	padding: 21px 25px !important;
	border-radius: 10px;
	background: #01003B;
	border: 1px solid #01003B !important;
	color: #FFF;
	text-align: center;
	font-size: 14px !important;
	font-style: normal;
	font-weight: 700 !important;
	line-height: normal;
	letter-spacing: 0 !important;
	width: -webkit-fill-available;
}

.send-btn:hover,
.orange1>a:hover {
	background: #D51C50 !important;
	border: 1px solid #D51C50 !important;
	color: #fff !important;
}

.navbar-nav>li>a {
	color: #01003B;
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}

.navbar-nav>li {
	padding: 0 6px !important;
}
.navbar{
    padding-bottom: 14px !important;
    padding-top: 14px !important;
}

.footer-text,
.footer-text>a {
	color: #F8F8FF;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}