@font-face {
    font-family: 'Reey';
    src: url('../fonts/Reey-Regular.woff2') format('woff2'),
        url('../fonts/Reey-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
#section-1
{
	height: 813px;
	overflow: hidden;
	font-family: Roboto;
}
.uk-button-primary
{
	background-color: rgb(239, 76, 137);
	border-radius: 4px;
	margin-top: 10px;
}
.uk-modal-dialog
{
	width: 1200px;
}
.uk-modal-body
{
	padding:10px;
	border-radius: 10px;
	max-height: 80vh;
	overflow: hidden;
	overflow-y: scroll;
}
.uk-modal-body::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.uk-modal-body::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}
.uk-modal-body::-webkit-scrollbar-thumb
{
	background-color: #000000;
}
.uk-modal .uk-grid-small>.uk-grid-margin
{
	margin-top: 10px;
}
.uk-card-primary.uk-card-body .uk-radio
{
	background-color: rgba(255,255,255,.7);
    border-color: rgb(0, 0, 0,0.2);
}
.uk-card-primary.uk-card-body .uk-radio:checked, .uk-card-primary>:not([class*=uk-card-media]) .uk-radio:checked
{
	background-color: rgb(0, 47, 255);
    border-color: rgba(255,255,255,.7);
}
.el-meta
{
	font-family: 'Reey';
	color: rgb(239, 76, 137);
	font-size: 45px;
	line-height: 1.6;
}
body
{
	font-family: 'Roboto';
	color: rgb(146, 160, 165);
    font-size: 16px;
    line-height: 1.6;
}
#section-1 .uk-panel
{
    transform: translateY(-50px);
}
#section-1 .el-meta
{

	position: relative;
	left: 170px;
	top:40px;
}
.el-title
{
	font-family: Roboto;
	color: rgb(35, 70, 80);
}
#section-1 .el-title
{

    font-size: 72px;
    font-weight: bold;
    line-height: 1.2;
}
#section-1 .uk-button-primary,#section-5 .uk-button-primary,#section-6 .uk-button-primary,#section-8 .uk-button-primary 
{
	background-color: rgb(239, 76, 137);
	line-height: 69px;
	font-size: 18px;
	border-radius: 10px;
	font-weight: bold;
}
#section-1 .el-content
{
	color: rgb(146, 160, 165);
    font-size: 18px;
    line-height: 1.6;
}
.uk-input
{
	background-color: rgb(244, 245, 245);
    border-radius: 4px;
	height: 40px;
	font-size: 14px;
}
.uk-text-bold
{
	color: rgb(0, 0, 0);
    font-size: 14px;
    font-weight: bold;
    line-height: 2.6;
}
h3.uk-text-bold
{
	font-family: 'Roboto';
	color:#234650;
	font-size: 40px;
	line-height: 48px;
}
h3.uk-text-bold+p
{
	font-size: 16px;
	color: rgb(35 70 80 / 60%);

}
label,.uk-text-danger
{
	font-size: 14px;
	line-height: 1.6;
	line-height: 25px;
}
.uk-card-default
{
	
    border-radius: 4px;
	color:#000;
	
}
#section-4 .el-title
{
	font-size: 18px;
	font-weight: 700;
}
#section-4 .el-meta
{
	font-size: 14px;
	line-height: 22px;
	font-family: 'Roboto';
	color:#5d7791;
}
#section-4 .uk-width-auto 
{
	width: fit-content;
	margin: 0 auto;
	border-radius: 20px;
}
#section-4 .uk-width-auto  > img
{
	width: 61px;
	height: auto;
}
#section-4 .uk-card
{
	border-radius: 10px;
}
#section-5 .uk-h2
{
	font-size: 50px;
	font-weight: 700;
	margin-top: 0;
}
.tick
{
	position: relative;
	padding-left:  50px;
	color: rgb(0, 0, 0);
    font-size: 18px;
    line-height: 1.6;
}
.tick::before
{
	content:"";
	width: 35px;
	height: 35px;
	background-image: url('../img/tick.png');
	background-size: contain;
	position: absolute;
	left: 0;
}
.el-title.uk-h2
{
	font-size: 50px;
	font-weight: 700;
	
}
#section-6 .uk-container
{
	transform: translateX(115px);
}
#section-9 h3
{
	font-size: 18px;
	font-weight: 700;
	color:#234650;
	font-family: 'Roboto';
}
#section-footer
{
	background-color: rgb(80, 64, 117);
    border-radius: 0px;
	background-image: url('/img/mask_group_5-20220616073658.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 600px center;
}
#section-footer h3
{
	color: rgb(239, 76, 137);
    font-size: 18px;
    font-weight: bold;
    line-height: 1.6;
	font-family: 'Roboto';
}
#section-footer p
{
	color: rgb(255, 255, 255);
    font-size: 16px;
    text-align: center;
    line-height: 1.6;
}
.uk-navbar-nav>li>a
{
	color: rgb(104, 104, 104);
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0px;
    line-height: 1.6;
    -webkit-text-stroke: 0px rgb(0, 0, 0);
	text-transform: none;
	font-family: 'Roboto';
}
.uk-navbar-container:not(.uk-navbar-transparent)
{
	background:none;
}
.tm-header
{
	box-shadow: 0px 12px 19px -12px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0px 12px 19px -12px rgb(0 0 0 / 30%);
    background-color: rgb(255, 255, 255);
}
.contact
{
	background-color: rgb(18, 128, 163);
	color:#FFF !important;
	padding:0 40px !important;
	border-radius: 10px;
	min-height: 60px !important;
	height: 60px;
	transition: 0.3s all;
}
.contact:hover
{
	background-color: rgb(239, 76, 137);
	
}
.uk-navbar-nav > li > a:hover
{
	color:rgb(239, 76, 137);
}
.uk-navbar-nav > li > a:active
{
	
	transform: translateY(2px);
}
.contact:active
{
	transform: translateY(2px);
}
.uk-navbar-nav
{
	gap: 60px;
}
#success_form .uk-modal-dialog 
{
    width: 500;
    max-width: 100%;
}

@media only screen and (max-width:1024px)
{

    .tm-header .uk-container 
    {
        padding: 10px 30px;
        box-sizing: border-box;
        max-width: 100%;
    }
    .contact
    {
        line-height: 40px;
        height:40px;
        min-height:40px !important;
        padding:0 10px !important;
        transform: translateX(0%);
    }
}
@media only screen and (max-width:640px)
{
    .tm-header .uk-container 
    {
        padding: 10px 10px;
    }
   
    /* .uk-navbar-container .uk-navbar-left
    {
        margin: 0 auto;
        width: 100%;
        text-align: center;
        justify-content: center;
    } */
    #success_form .uk-modal-dialog
    {
        width: 500;
        padding: 0;
        overflow: hidden;
    }
    #success_form  .uk-modal-title
    {
        font-size: 20px;
        font-weight: bold;
        background: #3333;
        padding: 10px;
    }
    
    #section-1,#section-2
    {
        height:auto;
        text-align: center;
    }
    #section-1 .el-meta
    {
        left:0;
        font-size:28px;
    }
    #section-1 .el-title
    {
        font-size: 32px;
    }
    #section-1 .uk-position-bottom-right
    {
        bottom: -100px;
        left: 0;
        right: auto;
    }
    #section-1 .uk-grid-margin img
    {
        max-width:70%;
    }
    #section-2 h3.uk-text-bold
    {
        font-size: 32px;
        line-height: 1.1;
    }
    #section-2 .uk-flex-middle 
    {
        justify-content: center;
    }
    #section-3 .el-title
    {
        font-size:32px !important;
    }
    #section-3 .el-meta
    {
        font-size: 28px !important;
    }
    #section-5 
    {
        text-align: center;
    }
    #section-5 .el-meta
    {
        font-size: 28px;
        line-height: 1.1;
    }
    #section-5 .el-title
    {
        font-size: 32px;
    }
    #section-5  .tick
    {
        text-align: left;
    }

    #section-5 .uk-container > .uk-grid> *:last-child,#section-7 .uk-container > .uk-grid> *:last-child,#section-8 .uk-container > .uk-grid> *:last-child
    {
        order:0;
    }
    #section-5  .uk-container >.uk-grid> *:first-child,#section-7 .uk-container > .uk-grid> *:first-child,#section-8 .uk-container > .uk-grid> *:first-child
    {
        order:1;
    }
    #section-6 ,#section-8
    {
        height:auto !important;
    }
    #section-6 img
    {   
        position:relative !important;
        bottom: 20px !important;
        left: 0px !important;
    }
    #section-6 .uk-container
    {
        transform: translateX(0) !important;
        padding-bottom: 20px;
    }
    #section-6  .el-meta
    {
        font-size: 26px;
    }
    #section-6 .el-title
    {
        font-size:32px !important;
    }
    #section-6 .uk-panel
    {
         width: 100% !important;
    }
    #section-6  .uk-grid > div:last-child,#section-8  .uk-grid > div:last-child
    {
        margin-top: 0;
    }
    #section-6 .uk-button-primary,#section-8 .uk-button-primary
    {
        width: 100%;
    }
    #section-7 .el-meta,#section-8 .el-meta, #section-9 .el-meta
    {
        font-size: 26px !important;
    }
    #section-7 .el-title,#section-8 .el-title,#section-9 .el-title
    {
        font-size: 32px !important;
    }
    #section-8 img
    {
        position:relative !important;
        bottom: 60px !important;
    }
    #section-8 .uk-panel
    {
        width: 100% !important;
    }
    #section-8 .uk-container
    {
        padding-bottom: 40px;
        

    }
   
    #section-4 .uk-container .uk-grid 
    {
        flex-wrap: nowrap;
        /* white-space: nowrap; */
        overflow: hidden;
        overflow-x: scroll;
        display: -webkit-box;
           
        padding-bottom: 20px;
        padding-top: 20px;
       
    }
   
    #section-4 .uk-container .el-meta
    {
        white-space: unset;
    }
    #section-4 .uk-container .uk-grid  > div
    {
        width: 80%;
    }
    .tick::before
    {
        left: 10px;
    }
}