.custom-icon-help:before {
    content: "";
    width: 46px;
    height: 46px;
    position: absolute;
    top: -3px;
    left: -3px;
    border: 1px solid #ea8a2d;
    border-radius: 50%;
}
.custom-icon-help .fa {
    color: #fff;
}
.custom-icon-help {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 20px;
    left: 30px;
    background: #ea8a2d;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    z-index: 99999;
}
#helpSupport .modal-dialog {
	max-width: 800px;
	width: 95%;
	position: relative;
}
#helpSupport .modal-dialog .modal-body {
    padding: 0;
    display: flex;
}
#helpSupport .modal-dialog .modal-body .ry-flex .ry-each:nth-child(2) {
    max-width: 60%;
	width: 100%;
}
#helpSupport .modal-dialog .modal-body .ry-flex .ry-each:nth-child(1) {
    max-width: 40%;
    width: 100%;
}
#helpSupport .modal-dialog .modal-body .ry-flex .ry-each:nth-child(1) .photo img, 
#helpSupport .modal-dialog .modal-body .ry-flex .ry-each:nth-child(1) .photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#helpSupport .modal-dialog .modal-body .ry-flex .ry-each:nth-child(2) {
    padding: 60px 30px;
}
#helpSupport .modal-dialog .modal-body .ry-flex .ry-each .ry-headline h3 {
    font-size: 36px;
    text-align: left;
    font-family: 'Bitter';
    margin-bottom: 10px;
}
#helpSupport .modal-dialog .modal-body .ry-flex .ry-each .ry-headline p {
    text-align: left;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 30px;
}
#helpSupport .modal-dialog .modal-body .ry-flex .ry-each .ry-headline .ry-btn {
    padding: 0 30px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: max-content;
}
#helpSupport .modal-dialog .modal-body .ry-flex .ry-each .ry-headline .ry-btn:after,
#helpSupport .modal-dialog .modal-footer {
	display: none;
}
#helpSupport .close span {
    color: #fff;
    font-weight: 300;
}
#helpSupport .close {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -15px;
    right: -15px;
    background: #ea8a2d;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
/** PLACE YOUR MOBILE AND UP CSS HERE **/

@media (max-width: 767px) {

	/** PLACE YOUR TABLET AND UP CSS HERE **/
	#helpSupport .close {
		top: -5px;
		right: -5px;
	}
	#helpSupport .modal-dialog .modal-body .ry-flex {
		flex-direction: column-reverse;
	}
	#helpSupport .modal-dialog .modal-body .ry-flex .ry-each:nth-child(2) {
		max-width: 100%;
		width: 100%;
	}
	#helpSupport .modal-dialog .modal-body .ry-flex .ry-each:nth-child(1) {
		max-width: 100%;
		width: 100%;
		min-height: 200px;
		height: 30vh;
	}
	#helpSupport .modal-dialog .modal-body .ry-flex .ry-each .ry-headline .ry-btn {
		margin-left: auto;
		margin-right: auto;
	}
	#helpSupport .modal-dialog .modal-body .ry-flex .ry-each .ry-headline h3, #helpSupport .modal-dialog .modal-body .ry-flex .ry-each .ry-headline p {
		text-align: center;
	}
	#helpSupport .modal-dialog .modal-body .ry-flex .ry-each .ry-headline h3 {
		font-size: 32px;
	}
}

@media (min-width: 992px) {

    /** PLACE YOUR LAPTOP AND UP CSS HERE **/
    
}

@media (min-width: 1200px) {

    /** PLACE YOUR DESKTOP AND UP CSS HERE **/
    
}