/*****First Section Start******/
h1{
	font-size: 51px!important;
    font-weight: 800!important;
	margin:0px;
	color:#fff!important;
	line-height: 58px!important;
}

h2{
	font-weight: 800!important;
    font-size: 38px!important;
    line-height: 52px!important;
    color: #31216B!important;
	margin:0px 0px 10px;
}

.button-purple{
   background-color: #31216B!important;
 }

.button-purple:hover {
    background-color: #3e2a89!important;
}


.button-purple a{
	color:#fff;
	text-decoration:none;
}

.button-purple:hover a{
	color:#fff;
}


.form_right button.button-purple{
	    padding: 6px 24px;
}

@media screen and (max-width: 480px) {
	h1{
		font-size:42px!important;
		line-height:48px!important;
	}	
	h2{
		font-size:36px!important;
		line-height:42px!important;
	}	
}

.first_section_content_below_title p{
    color: #ffffff;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    max-width: 650px;
    margin: 30px auto 30px;
}

.diploma-holder{
	line-height:0px;
	position:relative;
}

.diploma-holder:before{
    content: '';
    position: absolute;
    bottom: -150px;
    left: 0px;
    right: 0px;
    border: 1px dashed #1EBBF0;
    height: 150px;
    width: 0px;
    margin: 0 auto;
}

.diploma-holder img{
	max-width:385px;
	width:100%;
}

.page-template-aihr-expense-course .first_section_with_background_container{
	padding: 145px 50px 50px;
}

.page-template-aihr-expense-course .first_section_with_background_image{
      margin-bottom:100px;
	  background-position: bottom center;
}

/*****End******/
/*****Second Section Start******/

.main_section .container{
	max-width:1130px;
	margin:0 auto;
}

.section_below_hero{
	background: #E9FAFF;
    border-radius: 20px;
	padding:50px 60px;
	margin-bottom:90px;
	position:relative;
}

.section_below_hero:before{
   content:'1';	
   font-weight: 700;
   font-size: 22px;
   line-height: 22px;
	width:39px;
	height:39px;
	color:#fff;
	border-radius:100%;
	position:absolute;
	top:-20px;
	left:0px;
	right:0px;
	margin:0px auto;
	background: #1EBBF0;
    display:flex;
	align-items:center;
	justify-content:center;
}

.section_below_hero:after,
.section_email:after{
	content: '';
    position: absolute;
    bottom: -90px;
    left: 0px;
    right: 0px;
    border: 1px dashed #1EBBF0;
    height: 90px;
    width: 0px;
    margin: 0 auto;
}

.section_below_hero p{
	font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #50585F;
	margin:0px;
}

.subsection-image{
	position:relative;
	max-width:800px;
	display: flex;
    justify-content: flex-end;
	padding-top:80px;
	padding-bottom:40px;
}

.image-chat{
	max-width:485px;
	width:100%;
}

.chat-left{
	background: #FFFFFF;
    box-shadow: 0px 4px 24px rgb(15 8 50 / 8%);
    background-color: #fff;
    position: absolute;
    top: 50px;
    left: 5px;
    max-width: 360px;
    width: 100%;
    padding: 16px 16px;
    border-radius: 8px;
    box-sizing: border-box;
}

.chat-left:before {
    content: "";
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 20px solid #fff;
    position: absolute;
    right: -20px;
    bottom: 20px;
}

.chat-left p{
	margin:0px;
	font-weight: 600;
    font-size: 16px;
    line-height: 32px;
    color: #31216B;
}

.chat-left span{
	color:#1ebbf0;
}

.chat-right{
	background: #FFFFFF;
    box-shadow: 0px 4px 24px rgba(15, 8, 50, 0.08);
	background-color:#fff;
	position:absolute;
	top:30px;
	right:60px;
	max-width:200px;
	width:100%;
	padding:16px;
	border-radius: 8px;
    box-sizing: border-box;
}

.chat-right p{
	margin:0px;
	font-weight: 600;
    font-size: 16px;
    line-height: 32px;
    color: #31216B;
}

.chat-right:before{
   content: "";
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 20px solid #fff;
    position: absolute;
    left: 20px;
    bottom: -20px;
}

.form_copy{
margin-top:30px;	
	display:flex;
}

.form_left{
	max-width:800px;
	width:100%;
    background: #F8F9FA;
	padding:15px 25px;
    box-shadow: 0px 4px 24px rgba(15, 8, 50, 0.08);
    border-radius: 5px;
	box-sizing:border-box;
}

.column_one{
		display:flex;
    align-items: flex-start;
	margin-bottom:20px;
}
.column_two{
	display:flex;
    align-items: flex-start;
	justify-content: flex-end;
}


.column_one .holder-right{
	max-width:575px;
	width:100%;
	margin-left:16px;
	display: flex;
    flex-direction: column;
}

.column_one .chat{
	font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #31216B;
	padding:16px;
	border-radius:5px;
	background-color: #fff;
}

.column_one .seen{
	font-weight: 600;
    font-size: 12px;
    line-height: 24px;
    color: rgba(46, 60, 71, 0.46);
}

.column_one{
	opacity:0.5;
}

.column_two .holder-left{
	max-width:575px;
	width:100%;
	margin-right:16px;
	display: flex;
    flex-direction: column;
}

.column_two .chat{
	font-weight: 400;
    font-size: 16px;
    line-height: 24px;
	padding:16px;
	border-radius:5px;
	background: #31216B;
	color:#fff;
}

.column_two .chat span{
	color:#1ebbf0;
}

.column_two .seen{
	font-weight: 600;
    font-size: 12px;
    line-height: 24px;
    color: rgba(46, 60, 71, 0.46);
}

.holder-left .seen{
	text-align:right;
}

.form_right{
	margin-left:20px;
	flex:1;
	display: flex;
    flex-direction: column;
}

.form_right button{
	border:none;
	min-width: inherit;
	cursor:pointer;
	width:inherit;
}


.form_right button i{
	padding-right:10px;
	font-size:20px;
}

.form_right button span{
    font-size: 16px;
   line-height: 32px;
   text-transform: uppercase;
   color: #FFFFFF;
}

#button_four,
#button_three,
#button_two,
#button_one{
	position:relative;
	width:inherit!important;
}

.tooltip:before{
    content: 'Copied to Clipboard!';
    font-size: 14px;
    position: absolute;
    top: -34px;
    left: 0px;
    right: 0px;
    background-color: #fff;
    border-radius: 6px;
    padding: 6px;
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 30%);
    font-weight: 400;
    color: #31216B;
	text-transform:none;
}

.tooltip:after{
    content: "";
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    position: absolute;
    top: -6px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
}

@media screen and (max-width: 1230px) {
	
    .main_section .container{
	    padding: 0px 50px;
         box-sizing: border-box;
		max-width:100%;
	}
	
	.form_right{
		    margin-left: 20px;
           flex: none;
	}
	
}

@media screen and (max-width: 1040px) {
	.page-template-aihr-expense-course .first_section_with_background_container {
        padding: 105px 50px 50px;
     }
}


@media screen and (max-width: 980px) {
	.chat-left {
       max-width: 260px;
	}
}

@media screen and (max-width: 900px) {
	
	.form_copy{
	    flex-direction:column;	
		margin-top:20px;
	}
	
	.form_right{
	   margin-bottom:20px;
		margin-left:auto;
		order:1;
	}
	
	.form_left{
		order:2;
	}
	
	.section_below_hero{
	  padding:50px;	
	}
	
	
	.chat-right:before {
      content: "";
      width: 0px;
      height: 0px;
          border-top: 15px solid transparent;
       border-bottom: 15px solid transparent;
       border-right: 20px solid #fff;
       position: absolute;
      left: -25px;
      bottom: 20px;
    }
	
    .subsection-image {
       justify-content: flex-start;
       padding-top: 150px;
	   max-width: 100%;
    }
	
	.chat-left{
		max-width:100%;
		top:20px;
	}
	
	.chat-left:before {
      content: "";
       width: 0px;
      height: 0px;
       border-left: 15px solid transparent;
       border-right: 15px solid transparent;
      border-top: 20px solid #fff;
      position: absolute;
        left: 50px;
       bottom: -25px;
    }
	
	.chat-right {
       bottom: 200px;
       right: 0px;
		top:inherit;
     }
}

@media screen and (max-width: 800px) {
	
	.page-template-aihr-expense-course .first_section_with_background_image {
       margin-bottom: 80px;
    }
		
	.subsection-image {
       padding-bottom: 100px;
    }
	
	.chat-right {
      bottom: 20px;
	}
	.chat-right:before{
	    border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
		left: 25px;
        top: -25px;
	}
	
}

@media screen and (max-width: 600px) {
	
	.chat-left p,
	.chat-right p{
		font-size:14px;
		line-height:28px;
	}
	
	.section_below_hero {
       padding: 30px;
    }
}

@media screen and (max-width: 480px) {
	
	.section_below_hero{
		margin-bottom:60px;
	}
	
	.section_below_hero p {
      font-size: 14px;
      line-height: 28px;
	}
	.chat-left,
	.chat-right{
	  padding:5px 10px;	
	}
	
	.chat-left p, .chat-right p {
      font-size: 13px;
    }
	.page-template-aihr-expense-course .first_section_with_background_container {
      padding: 105px 30px 50px;
    }
	
	.page-template-aihr-expense-course .first_section_with_background_image {
       margin-bottom: 60px;
    }
	
    .main_section .container{
	    padding: 0px 30px;
	}
	
	.column_one{
	  margin-bottom:10px;	
	}
	
	.column_one,
	.column_two{
		flex-direction:column;
	}
	
	.column_two{
		align-items:flex-end;
	}
	
	.column_one .holder-right {
         margin-left: 0px;
		margin-top: 10px;
	}
	
	.column_two img{
		order:1;
	}
	
	.column_two .holder-left{
	    margin-right: 0px;
		margin-top: 10px;
		order:2;
	}
	
}


/*****End******/

/****Section Three Start
*****************/

.section_email{
	background: #E9FAFF;
    border-radius: 20px;
	padding:50px 60px;
	margin-bottom:90px;
	position:relative;
}

.section_three,
.section_four{
	position:relative;
}

.section_three:before{
   content:'2';	
   font-weight: 700;
   font-size: 22px;
   line-height: 22px;
	width:39px;
	height:39px;
	color:#fff;
	border-radius:100%;
	position:absolute;
	top:-20px;
	left:0px;
	right:0px;
	margin:0px auto;
	background: #1EBBF0;
    display:flex;
	align-items:center;
	justify-content:center;
}

.section_four:before{
   content:'3';	
   font-weight: 700;
   font-size: 22px;
   line-height: 22px;
	width:39px;
	height:39px;
	color:#fff;
	border-radius:100%;
	position:absolute;
	top:-20px;
	left:0px;
	right:0px;
	margin:0px auto;
	background: #1EBBF0;
    display:flex;
	align-items:center;
	justify-content:center;
}

.section_email p{
	font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #50585F;
	margin:0px;
}

.email-title{
	font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #50585F;
	padding-bottom:12px;
    border-bottom: 1px solid #F8F8F8;
}

.email-title span{
  padding-left:5px;
}

.email-subject{
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #50585F;
	padding:12px 0px;
	border-bottom: 1px solid #F8F8F8;
}

.email-subject span{
	 color: #50585F;
	 font-weight: 600;
     padding-left: 5px;
}

.email-body,
.email-body-four
{
	padding-top:12px;
}

.email-body p,
.email-body-four p
{
   font-weight: 400;
   font-size: 14px;
   line-height: 24px;
   color: #50585F;
	padding-bottom:15px;
}

.email-body p:last-child,
.email-body-four p:last-child
{
	padding-bottom:0px;
}

.email-body-four p span,
.email-body p span{
	color:#1ebbf0;
}

#button_three,
#button_five{
	margin-top:10px;
}
.form_right .button-orange-ghost {
	border: solid 1px #fb9f00!important;
	background-color:#fff!important;
}
.form_right .button-orange-ghost:hover{
	    background-color: #fb9f002e!important;
}

.form_right .button-orange-ghost a{
		text-decoration:none!important;
}


.form_right .button-orange-ghost span{
	color:#fb9f00!important;
}

.form_right .button-orange-ghost a i{
	color:#fb9f00!important;
}

.section_email .form_left{
	background: #FFFFFF;
    box-shadow: 0px 4px 24px rgba(15, 8, 50, 0.08);
    border-radius: 5px;
	padding:0px;
}

.email-frame-header{
	display:flex;
	background: #F8F9FA;
    border-radius: 5px 5px 0px 0px;
	padding:12px 14px;
}

.email-frame-content{
	padding:12px 26px 26px;
}

.circle-red{
	width: 8px;
    height: 8px;
     border-radius:100%;
    background: #FB0000;
	margin-right:6px;
}

.circle-orange{
		width: 8px;
    height: 8px;
     border-radius:100%;
    background:  #FB9F00;
	margin-right:5px;
}

.circle-green{
		width: 8px;
    height: 8px;
     border-radius:100%;
    background: #18D931;
}

.below-email{
	max-width:800px;
	margin-top:40px!important;
	margin-bottom:20px!important;
}

.faq_column_title {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.faq_column_title i {
    margin-right: 15px;
    background-color: #1ebbf0;
    color: #fff;
    width: 36px;
    border-radius: 100%;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}


.faq_column_title h3 {
    margin: 0px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    flex: 1;
    color: #2e3c47;
}

.faq_column_title {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.faq_column_text {
    padding: 20px 0px 0px 0px;
}

.faq_column_text p {
    margin: 0px 0px 10px;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   color: #50585F;
}

.faq_column_text p:last-child {
    margin: 0px;
}

.faq_column_text {
    display: none;
}
.faq_column{
	padding:20px 0px;
	border-bottom: 1px solid rgba(30, 187, 240, 0.5);
}

.below-accordion{
    padding: 40px 0px 10px!important;
    display: block;
}

.form_right button.button-orange{
	padding:6px 25px;
}

.form_right button.button-orange-ghost{
	padding:5px 24px;
}

@media screen and (max-width: 900px) {
	
	#button_three,
	#button_five
	{
        margin-left: 12px;
		margin-top:0px;
    }
	
	.section_email .form_right{
       display:flex;
		align-items:center;
		margin-left:0px;
		justify-content:flex-end;
		flex-direction:row;
    }
		
	.section_email{
	  padding:50px;	
	}
	
}


@media screen and (max-width: 600px) {
	
	.section_email
	{
       padding: 30px;
    }
}


@media screen and (max-width: 540px) {
	.section_email .form_right {
        justify-content: flex-end;
        flex-direction: column;
		align-items:flex-end;
   }
	
	#button_three,
	#button_five
	{
		margin-top:12px;
      margin-left: 0px;
		margin-right:0px!important;
	}
	
}

@media screen and (max-width: 480px) {
	
	#button_four{
		margin-right:0px!important;
	}
	
	.section_email{
       margin-bottom:60px;
	 }
	
	.below-accordion {
      padding: 20px 0px 0px!important;
	}
	
	.below-email {
       margin-top: 20px!important;
       margin-bottom: 0px!important;
    }
	
	#button_two,
	#button_three
	#button_four,
	#button_five{
	  width:inherit!important;	
      margin-right: 0px!important;
	}
	
    .section_email p {
      font-size: 14px;
      line-height: 28px;
	  margin-bottom: 10px;
	}

}

/********Section Above Footer*****
************Start*****************
**********************************/

#compare{
	display:block;
	position:relative;
	top:-150px;
	visibility:hidden;
}

body.page-template-aihr-expense-course .below_footer_section:before,
body.page-template-aihr-expense-course .below_footer_section:after{
	display:none;
}

body.page-template-aihr-expense-course .below_footer_section .below_footer_section_overlay{
   display:none;
}


body.page-template-aihr-expense-course .below_footer_section{
	padding:50px 60px 80px;
	background-position: center center;
}

.congrats-image{
	max-width:416px;
	margin:0 auto;
	line-height:0;
}

.congrats-image img{
	width:100%;
}

.footer-subsection{
	text-align:center;
}

.footer-subsection h2{
	color:#fff!important;
	margin-bottom:20px!important;
}

.footer-subsection p.below_titlte_footer{
	font-weight: 600;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    color: #FFF;
    max-width: 700px;
    margin: 0 auto;
}

.footer-subsection p.below_titlte_footer a{
	color:#fb9f00;
}

.button-footer{
	    display: flex;
    justify-content: center;
	margin-top:30px;
}

.congrats-image{
	position:relative;
}

.congrats-image:before{
	content: '';
    position: absolute;
    top: -50px;
    left: 0px;
    right: 0px;
    border: 1px dashed #1EBBF0;
    height: 100px;
    width: 0px;
    margin: 0 auto;
}

@media (max-width: 480px){

	body.page-template-aihr-expense-course .below_footer_section {
		padding: 50px 30px 50px;
	}
	

	body.page-template-aihr-expense-course.b_version_pricing .below_footer_section h2{
		font-size:32px;
		line-height:42px;
	}

}



/********Section Above Footer*****
************End*****************
**********************************/