g120/*Fonts*/
@font-face {
    font-family: 'EuclidCircularA-BoldItalic';
    src: url('./fonts/EuclidCircularA-BoldItalic.eot');
    src: url('./fonts/EuclidCircularA-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/EuclidCircularA-BoldItalic.woff2') format('woff2'),
        url('./fonts/EuclidCircularA-BoldItalic.woff') format('woff'),
        url('./fonts/EuclidCircularA-BoldItalic.ttf') format('truetype'),
        url('./fonts/EuclidCircularA-BoldItalic.svg#EuclidCircularA-BoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'EuclidCircularA-Bold';
    src: url('./fonts/EuclidCircularA-Bold.eot');
    src: url('./fonts/EuclidCircularA-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/EuclidCircularA-Bold.woff2') format('woff2'),
        url('./fonts/EuclidCircularA-Bold.woff') format('woff'),
        url('./fonts/EuclidCircularA-Bold.ttf') format('truetype'),
        url('./fonts/EuclidCircularA-Bold.svg#EuclidCircularA-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'EuclidCircularA-LightItalic';
    src: url('./fonts/EuclidCircularA-LightItalic.eot');
    src: url('./fonts/EuclidCircularA-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/EuclidCircularA-LightItalic.woff2') format('woff2'),
        url('./fonts/EuclidCircularA-LightItalic.woff') format('woff'),
        url('./fonts/EuclidCircularA-LightItalic.ttf') format('truetype'),
        url('./fonts/EuclidCircularA-LightItalic.svg#EuclidCircularA-LightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'EuclidCircularA-Light';
    src: url('./fonts/EuclidCircularA-Light.eot');
    src: url('./fonts/EuclidCircularA-Light.eot?#iefix') format('embedded-opentype'),
        url('./fonts/EuclidCircularA-Light.woff2') format('woff2'),
        url('./fonts/EuclidCircularA-Light.woff') format('woff'),
        url('./fonts/EuclidCircularA-Light.ttf') format('truetype'),
        url('./fonts/EuclidCircularA-Light.svg#EuclidCircularA-Light') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'EuclidCircularA-Medium';
    src: url('./fonts/EuclidCircularA-Medium.eot');
    src: url('./fonts/EuclidCircularA-Medium.eot?#iefix') format('embedded-opentype'),
        url('./fonts/EuclidCircularA-Medium.woff2') format('woff2'),
        url('./fonts/EuclidCircularA-Medium.woff') format('woff'),
        url('./fonts/EuclidCircularA-Medium.ttf') format('truetype'),
        url('./fonts/EuclidCircularA-Medium.svg#EuclidCircularA-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'EuclidCircularA-Regular';
    src: url('./fonts/EuclidCircularA-Regular.eot');
    src: url('./fonts/EuclidCircularA-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/EuclidCircularA-Regular.woff2') format('woff2'),
        url('./fonts/EuclidCircularA-Regular.woff') format('woff'),
        url('./fonts/EuclidCircularA-Regular.ttf') format('truetype'),
        url('./fonts/EuclidCircularA-Regular.svg#EuclidCircularA-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'EuclidCircularA-SemiBoldItalic';
    src: url('./fonts/EuclidCircularA-SemiBoldItalic.eot');
    src: url('./fonts/EuclidCircularA-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/EuclidCircularA-SemiBoldItalic.woff2') format('woff2'),
        url('./fonts/EuclidCircularA-SemiBoldItalic.woff') format('woff'),
        url('./fonts/EuclidCircularA-SemiBoldItalic.ttf') format('truetype'),
        url('./fonts/EuclidCircularA-SemiBoldItalic.svg#EuclidCircularA-SemiBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'EuclidCircularA-MediumItalic';
    src: url('./fonts/EuclidCircularA-MediumItalic.eot');
    src: url('./fonts/EuclidCircularA-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/EuclidCircularA-MediumItalic.woff2') format('woff2'),
        url('./fonts/EuclidCircularA-MediumItalic.woff') format('woff'),
        url('./fonts/EuclidCircularA-MediumItalic.ttf') format('truetype'),
        url('./fonts/EuclidCircularA-MediumItalic.svg#EuclidCircularA-MediumItalic') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'EuclidCircularA-Italic';
    src: url('./fonts/EuclidCircularA-Italic.eot');
    src: url('./fonts/EuclidCircularA-Italic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/EuclidCircularA-Italic.woff2') format('woff2'),
        url('./fonts/EuclidCircularA-Italic.woff') format('woff'),
        url('./fonts/EuclidCircularA-Italic.ttf') format('truetype'),
        url('./fonts/EuclidCircularA-Italic.svg#EuclidCircularA-Italic') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'EuclidCircularA-SemiBold';
    src: url('./fonts/EuclidCircularA-SemiBold.eot');
    src: url('./fonts/EuclidCircularA-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/EuclidCircularA-SemiBold.woff2') format('woff2'),
        url('./fonts/EuclidCircularA-SemiBold.woff') format('woff'),
        url('./fonts/EuclidCircularA-SemiBold.ttf') format('truetype'),
        url('./fonts/EuclidCircularA-SemiBold.svg#EuclidCircularA-SemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* GLOBAL STYLES */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0 }
body { font-size: 20px; line-height: 30px; color: #000; margin: 0; padding: 0; font-family: 'EuclidCircularA-Regular'; font-weight: 400; }
a { color: #17293e; text-decoration: none; transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; -webkit-transition: all 300ms linear; }
a:focus { outline: none; text-decoration: none; color: #3c97ac; }
a:hover,
a:active { outline: 0; text-decoration: none; color: #963392; }
h1,
h2,
h3,
h4,
h5,
h6 { color: #464646; font-family: 'EuclidCircularA-Regular'; line-height: 1.2; margin: 0; font-weight: 300; }
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { color: inherit; }
h1 { font-size: 33px; line-height: 1.15; letter-spacing: 1.37px; color: #fff; }
h2 { font-size: 28px; line-height: 1.15; color: #1c4384; letter-spacing: 1.65px; }
h3 { font-size: 22px; line-height: 1.25; color: #939598; letter-spacing: 1.5px; }
h4 { font-size: 27px; line-height: 35px; }
h5 { font-size: 20px; line-height: 28px; }
h6 { font-size: 18px; line-height: 25px; }
img { max-width: 100%; border: 0; }
input:not([type="radio"]):not([type="checkbox"]) { -webkit-appearance: none; -webkit-border-radius: 0px; }
input,
textarea,
select { padding: 10px 15px 10px 30px; box-shadow: 1px 1px 25px 2px rgba(70, 75, 161, 0.13); border: none; border-radius: 29px !important; background-color: #ffffff; width: 100%; height: 59px; font-size: 20px; font-weight: 400; letter-spacing: 1.8px; color: #939598; }
input[type=submit],
button { cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all  0.2s ease-in-out; }
select { background-image: url('./images/down-arrow.png'); background-position: right 30px center; background-repeat: no-repeat; }
input:focus,
button:focus,
textarea:focus,
select:focus { outline: none; }
input::placeholder,
textarea::placeholder,
select::placeholder { font-size: 20px; font-weight: 400; letter-spacing: 1.5px; color: #939598; }
p { font-family: 'EuclidCircularA-Regular'; font-size: 17px; letter-spacing: 1px; }
p+p { margin-top: 20px; }
ol,
ul { margin: 0; padding: 0; list-style: none; }
table { border-collapse: collapse; border-spacing: 0 }
hr { background-color: rgba(0, 0, 0, 0.1); border: 0; height: 1px; margin-bottom: 23px; }
.note { text-align: left; font-size: 13px; color: #939598; letter-spacing: 1.23px; font-family: 'EuclidCircularA-Regular'; }
.required { text-align: left; display: inline-block; width: 100%; font-size: 16px; letter-spacing: 1.5px; color: #939598; font-family: 'EuclidCircularA-Regular'; }
sup { font-size: 14px; font-weight: 700; }
::-webkit-selection { background-color: #47d5ff; color: #fff; text-shadow: none; }
::-moz-selection { background-color: #47d5ff; color: #fff; text-shadow: none; }
::selection { background-color: #47d5ff; color: #fff; text-shadow: none; }
::-webkit-input-placeholder { color: #858585; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
::-moz-placeholder { color: #858585; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
:-ms-input-placeholder { color: #858585; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }


input[type=text], input[type=button], input[type=submit] {
  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Common Css Start Here */
.pullLeft { float: left; }
.pullRight { float: right; }
.hide { display: none; }
.show { display: block; }
.txtL { text-align: left; }
.txtR { text-align: right; }
.txtC { text-align: center; }
.clear { clear: both; }
.alignleft { float: left; margin-right: 15px; margin-top: 5px; margin-bottom: 10px !important; }
.alignright { float: right; margin-left: 15px; margin-top: 5px; margin-bottom: 10px !important; }
.gris{color: #939598;}
.mb25{margin-bottom: 25px;}


.white-popup {position: relative;background: #FFF;padding: 20px;width: auto;max-width: 900px;margin: 20px auto; font-size: 11px;line-height: 13px;}
.white-popup p{font-size: 11px;line-height: 13px; letter-spacing: 1px;}
.white-popup p sup{font-size: 10px; font-weight: 400;}
.white-popup h2{font-weight: bold; font-size: 16px; margin-bottom: 20px; color:  #1c4384 !important;}
.white-popup h3{font-weight: bold; font-size: 15px; margin-bottom: 20px; margin-top: 30px; color: #1c4384;}
.white-popup strong{font-family: 'EuclidCircularA-Bold'; font-weight: normal;}
/* Buttons */
.btn_style1,
a.btn_style1 {   -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; display: inline-block; max-width: 100%; width: 401px; color: #963392; font-family: 'EuclidCircularA-Bold'; font-size: 25px; font-weight: 700; letter-spacing: 1.8px; background-color: #fff; box-shadow: 1px 1px 25px 2px rgba(70, 75, 161, 0.13); border-radius: 39px; padding: 20px 50px; text-transform: uppercase; transition: none; border: none; text-align: center; }
.btn_style2,
a.btn_style2 { display: inline-block; max-width: 100%; width: 401px; color: #fff; font-family: 'EuclidCircularA-Bold'; font-size: 25px; font-weight: 700; letter-spacing: 1.8px; background-color: #963392; box-shadow: 1px 1px 25px 2px rgba(70, 75, 161, 0.13); border-radius: 39px; padding: 20px 50px; text-transform: uppercase; transition: all .2s ease-in-out; border: none; text-align: center; }
.btn_style3,
a.btn_style3 { display: inline-block; min-width: 401px; color: #1c4384; font-family: 'EuclidCircularA-Bold'; font-size: 25px; font-weight: 700; letter-spacing: 1.8px; background-color: #fff; box-shadow: 1px 1px 25px 2px rgba(70, 75, 161, 0.13); border-radius: 39px; padding: 20px 50px; text-transform: uppercase; transition: all .2s ease-in-out; border: none; text-align: center; }
.disable { background-color: rgba(150, 51, 146, .5) !important; color: #fff !important; }
.btn_style1:hover,
a.btn_style1:hover { background-color: #963392; color: #fff; }
.btn_style2:hover,
a.btn_style2:hover { background-color: #fff; color: #963392; }
.btn_style3:hover,
a.btn_style3:hover { background-color: #963392; color: #fff; }

lottie-player{margin: 0 auto;}
/* container */
.container { width: 1170px; max-width: 100%; margin: 0 auto; padding: 0 15px; }
.privous { padding-left: 120px; }
.privous a { color: #fff; }
.privous a i { margin-right: 10px; }
.privous a:hover { color: #963392; }
.screen_bottom { box-shadow: 1px 1px 25px 2px rgba(70, 75, 161, 0.13); border-radius: 66px 66px 0 0; background-color: #ffffff; text-align: center; padding: 30px 50px 10px; margin-top: 100px; }
.screen_bottom .footer_note { padding-top: 40px; color: #939598;}
.screen_bottom .footer_note p{font-size: 15px;}
.screen_bottom .footer_note a{color: #939598; }
.screen_bottom .footer_note.white, .screen_bottom .footer_note.white a{color: #FFF;}
.section_top { box-shadow: 1px 1px 25px 2px rgba(70, 75, 161, 0.13); border-radius: 66px 66px 0 0; background-color: #ffffff; position: relative; margin-bottom: -50px; padding: 50px 20px 100px; display: flex; align-items: center; justify-content: center; }
.section_middle { box-shadow: 1px 1px 25px 2px rgba(70, 75, 161, 0.13); border-radius: 66px 66px 0 0; background-color: #1c4384; padding: 50px; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; overflow: hidden; position: relative; }
.section_middle .middle_left { width: 50%; padding: 50px; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; }
.section_middle .middle_left .counter { width: 50px; height: 50px; text-align: center; background-color: #5bc5cf; display: flex; align-items: center; justify-content: center; border-radius: 100%; color: #fff; font-weight: 400; font-size: 37px; }
.section_middle .middle_left .content { color: #ffffff; font-family: 'EuclidCircularA-Regular'; font-size: 26px; font-weight: 400; padding: 20px 80px 50px; }
.section_middle .middle_left ul li+li { margin-top: 20px; }
.section_middle .middle_right { width: 50%; padding-left: 25px; }
.section_top .inner .avtar_img span.plus { background-color: #1c4384; }
.section_top .inner .avtar_img span.minus { background-color: #963392; }
.section_top .time { color: #963392; font-family: 'EuclidCircularA-Bold'; font-size: 29px; font-weight: 700; padding-top: 5px; }
.section_top .inner { text-align: center; display: flex; justify-content: center; align-items: center; }
.section_top .inner .avtar_img { padding-right: 15px; position: relative; }
.section_top .inner .avtar_img span { opacity: 0;position: absolute; top: 17PX; left: -30px; display: flex; width: 50px; height: 50px; border: 1px solid #ffffff; background-color: #1c4384; border-radius: 100%; justify-content: center; align-items: center; color: #fff; font-size: 28px; font-family: 'EuclidCircularA-Regular'; }
.section_top .points {text-align: left; color: #939598; font-size: 29px; font-family: 'EuclidCircularA-Regular'; font-weight: 400; padding-left: 15px; }
.section_top .points p{ opacity: 0;}
.container_full { max-width: 1690px; width: 100%; margin: 0 auto; }

#show-passwords{font-size: 13px;padding-right: 27px; color:  #939598;}

.screen_bottom .btn_style2{}
/*-----Common Css End Here-------*/

/* Home Screen */
.home_secreen { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 50px 0 15px; text-align: center; min-height: 100vh; }
.home_secreen .homescreen_main { width: 100%; }
.home_secreen .home_btn a+a { margin-top: 25px; }
.home_secreen .home_btn { padding: 30px 0; max-width: 650px; margin: 0 auto; }
.screen_bottom .subtitle { max-width: 650px; margin: 0 auto; }
.screen_bottom { display: inline-block; width: 100%; margin-top: 40px; background: none; }
.home_secreen .screen_bottom .footer_note { font-size: 18px; color: #fff; letter-spacing: 1.5px; padding-top: 10px; }
.section_wrap { max-width: 1090px; margin: 0 auto; background-color: #fff; border-radius: 50px 50px 0 0; box-shadow: 1px 1px 25px 2px rgba(70, 75, 161, 0.13); }
.logo_desk { display: inline-block; width: auto; max-width: 160px; }
.logo_desk a { display: inline-block; width: 100%; margin: auto; }
.home_secreen .homescreen_main .section_title { margin-bottom: 40px; }
.home_secreen .screen_bottom { background: transparent; box-shadow: none !important; margin-top: 0; }

/* Screen Two */
.secreen_two { padding: 80px 0 0; position: relative; }
.secreen_two .login-consent{color:#939598; text-align: left; margin-left: 30px;margin-top: 20px;}
.secreen_two .login-consent a{color:#939598; text-decoration: underline;}
.secreen_two #consent{width: 15px; height: 15px;}
.secreen_two .homescreen_main { padding: 50px; text-align: center; }
.secreen_two h1 { color: #1c4384; text-align: center; }
.secreen_two h1 span { display: block; color: #963392; font-family: 'EuclidCircularA-Bold'; }
.secreen_two .avatar { display: flex; align-items: center; justify-content: center; padding: 40px 0; }
.secreen_two .avatar .avatar_img+.avatar_img { margin-left: 20px; }
.secreen_two .avatar .avatar_img { width: 132px; height: 132px; display: flex; align-items: center; justify-content: center; border-radius: 100%; overflow: hidden; position: relative; }
.secreen_two .avatar .avatar_img img { max-height: 132px; width: 100%; height: 100%; border: 3px solid transparent; border-radius: 100%; cursor: pointer; }
.secreen_two .form { padding: 0 25px; }
.secreen_two .form form { display: inline-block; width: 100%; }
.secreen_two .form form .col-2 input { margin-bottom: 15px; width: calc(50% - 50px); }
.secreen_two .form form input{margin-bottom: 15px;} 
.secreen_two .form form input:nth-child(odd) { margin-right: 25px; }
.secreen_two .form form input:nth-child(even) { margin-left: 25px; }
.secreen_two .form .col-1 { padding: 0 25px; }
.secreen_two .form form input[type="email"] { width: 100%; }
.secreen_two .form form button.btn_style1 { margin-top: 20px; }
.secreen_two .form .note,
.secreen_two .form .required { padding: 0 25px; }
.secreen_two  .screen_bottom { padding-bottom: 15px; }
.secreen_two .screen_bottom .subtitle h3{font-size: 18px;}
.secreen_two .screen_bottom .subtitle h3 a { display: block; text-decoration: underline; font-size: 18px; }
.secreen_two .screen_bottom .subtitle h3 span { display: inline-block; }
.secreen_two .screen_bottom .footer_note { padding-top: 60px; color: #939598; text-align: center; }
.secreen_two .avatar .avatar_img input { opacity: 0; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; }
.secreen_two .avatar .avatar_img input:checked + img { border-color: #963392; }

/* Screen Three */
.secreen_three img.logo_mobile { display: none; }
.secreen_three .logo_desk { max-width: 160px; margin: 0 auto; display: block; text-align: center; }
.secreen_three { padding: 50px 0 0 0; }
.secreen_three h1 { }
.secreen_three .section_wrap { text-align: center; padding: 50px 25px 15px; margin-top: 40px; }
.secreen_three .section_wrap .form { max-width: 390px; margin: 0 auto; padding: 50px 0 0; }
.secreen_three .section_wrap .form .col.col-1 { margin-bottom: 15px; }
.secreen_three .section_wrap .form .btn_style1 { margin-top: 25px; height: 70px; }
.secreen_three .screen_bottom .subtitle { margin-top: 30px; }
.secreen_three .screen_bottom .subtitle h3{font-size: 18px;}
.secreen_three .screen_bottom .subtitle h3 a { display: block; text-decoration: underline; font-size: 18px; }
.secreen_three .screen_bottom .subtitle h3 span { display: inline-block; }
.secreen_three .footer_note { color: #939598; }

/* Screen Four */
.secreen_four { align-items: center; justify-content: center; min-height: 100vh; text-align: center; display: flex; }
.secreen_four .thankyou_msg { position: relative; display: inline-block; padding: 210px 0 268px; }
.secreen_four .thankyou_msg:before { position: absolute; content: ""; top: 10px; left: 0; right: 0; margin: 0 auto; background: url(./images/white-dots-top.png)no-repeat center/cover; width: 281px; height: 191px; }
.secreen_four .thankyou_msg:after { position: absolute; content: ""; bottom: 50px; left: 0; right: 0; margin: 0 auto; background: url(./images/white-dots.png)no-repeat center/cover; width: 281px; height: 191px; transform: rotate(180deg); }
.secreen_four .thankyou_msg h2 { color: #fff; font-size: 47px; font-weight: 700; font-family: 'EuclidCircularA-Bold'; letter-spacing: 1.8px; text-transform: uppercase; }
.secreen_four .thankyou_msg .submsg { font-size: 30px; line-height: 1.25; color: #fff; font-weight: 700; font-family: 'EuclidCircularA-Regular'; max-width: 320px; letter-spacing: 1.5px; padding-top: 10px; margin: 0 auto; }
.secreen_four .footer_note { color: #939598; }
.secreen_four .screen_bottom { box-shadow: none; }

/* Screen Five */
.screen_five { padding-top: 50px; }
.screen_five .logout{font-size:  13px;}
.screen_five .left { padding-left: calc((100% - 1280px)/2); width: 50%; text-align: center; padding-right: 50px; }
.screen_five .screenfive_main { display: flex; align-items: center; }
.screen_five .left .section_logo h2 { font-weight: 700; font-family: 'EuclidCircularA-Bold'; }
.screen_five .left .section_logo h2 span { text-transform: uppercase; font-family: 'EuclidCircularA-Bold'; letter-spacing: 1.65px; }
.screen_five .left .section_logo h3 { color: #1c4384; font-family: 'EuclidCircularA-Regular'; font-size: 30px; font-weight: 400; padding: 15px 0; }
.screen_five .left .section_logo h3 span { width: 30px; height: 30px; border: 1px solid; border-radius: 100%; display: inline-block; line-height: 30px; text-align: center; font-size: 20px; }
.screen_five .left .section_logo h3 sup { font-size: 20px; }
.screen_five .left_center { display: flex; justify-content: space-between; padding: 70px 0 50px; }
.screen_five .left_center .center_inner img { width: 136px; line-height: 136px; display: inline-block; text-align: center; max-width: inherit; }
.screen_five .left_center .center_inner h4 { color: #1c4384; font-family: 'EuclidCircularA-Regular'; font-size: 20px; font-weight: 400; letter-spacing: 1.5px; max-width: 150px; margin: 0 auto; line-height: 25px; }
.screen_five .left_center .center_inner ul { list-style: none; margin: 0; padding: 20px; display: flex; align-items: center; justify-content: space-between; }
.screen_five .left_center .center_inner ul li { color: #2c5697; font-family: 'EuclidCircularA-Bold'; font-size: 76px; font-weight: 700; line-height: 1.15; }
.screen_five .left_center .center_inner ul li+li { margin-left: 60px; padding-left: 60px; position: relative; }
.screen_five .left_center .center_inner ul li+li:before { position: absolute; content: ""; top: 50%; left: -30px; background: url(./images/dashed.png)no-repeat center/cover; width: 57px; height: 10px; transform: translateY(-50%); }
.screen_five .screenfive_main .left_bottom .bottom_iiner { position: relative; box-shadow: 1px 1px 25px 2px rgba(70, 75, 161, 0.13); border-radius: 37px; background-color: #ffffff; padding: 25px; margin-bottom: 40px; }
.screen_five .screenfive_main .left_bottom .bottom_iiner i { position: absolute; left: 0; right: 0; margin: auto; bottom: 10px; }
.screen_five .screenfive_main .left_bottom .content { display: none; padding: 50px 0; color: #1c4384; font-family: 'EuclidCircularA-Regular'; font-size: 26px; font-weight: 400; letter-spacing: 1.32px; }
.screen_five .screenfive_main .left_bottom .content span { width: 30px; height: 30px; border: 1px solid; border-radius: 100%; display: inline-block; line-height: 30px; text-align: center; font-size: 20px; }
.screen_five .screenfive_main .left_bottom .content sup { font-size: 20px; }
.screen_five .screenfive_main .left_bottom .bottom_iiner a { display: block; position: relative; z-index: 1; color: #2c5697; font-family: 'EuclidCircularA-Bold'; font-size: 26px; font-weight: 700; letter-spacing: 1.8px; }
.screen_five .screenfive_main .right { width: calc(50% - 150px); height: 985px; border-radius: 50px 0 0px 50px; margin-left: 150px; position: relative; padding: 30px; }
.screen_five .screenfive_main .right ul li{position: relative;}
.screen_five .screenfive_main .right ul li.done::after{content: "\f00c"; font: normal normal normal 16px/1 FontAwesome; width: 30px; height: 30px; position: absolute; right: 0; top: 0; display: block; background: #FFF; border-radius: 100%; color: #83d21c; text-align: center; line-height: 30px; border: 2px solid #963392;}

.screen_five .screenfive_main .right ul li a { width: 99px; height: 99px; border: 7px solid #fff; background-color: #2c5697; display: flex; align-items: center; justify-content: center; text-align: center; line-height: 99px; border-radius: 100%; color: #5983bc; font-family: 'EuclidCircularA-Regular'; font-size: 47px; font-weight: 400; }
.screen_five .screenfive_main .right ul li { position: absolute; top: 30px; left: 31%; }
.screen_five .screenfive_main .right ul li.number.number_2 { top: 14%; left: auto; right: 24%; }
.screen_five .screenfive_main .right ul li.number.number_3 { top: 28%; right: 34%; left: auto; }
.screen_five .screenfive_main .right ul li.number.number_4 { top: 34%; left: 30%; }
.screen_five .screenfive_main .right ul li.number.number_5 { top: 40%; left: 12%; }
.screen_five .screenfive_main .right ul li.number.number_6 { top: 53%; left: 23%; }
.screen_five .screenfive_main .right ul li.number.number_7 { top: 68%; left: 40%; }
.screen_five .screenfive_main .right ul li.number.number_8 { top: 75%; left: 63%; }
.screen_five .screenfive_main .right ul li.number.number_9 { top: auto; bottom: 2%; left: 52%; }
.screen_five .screenfive_main .right ul li a:hover,
.screen_five .screenfive_main .right ul li.active a { border: 7px solid #2c5697; background-color: #ffffff; color: #963392; }
.screen_five .footer_note { padding: 0 0 15px 0; color: #939598; }

/* Screen Six */
.screen_six { display: flex; width: 100%; text-align: center; min-height: 100vh; align-items: center; justify-content: center; flex-wrap: wrap; position: relative; }
.screen_six .privous { text-align: left; display: inline-block; width: 100%; position: absolute; left: 0; top: 25px; }
.screen_six .container { width: 1690px; }
.screen_six .section_logo { height: 260px; display: flex; align-items: center; justify-content: center; }
.screen_six .section_logo h2 { display: inline-block; padding: 20px 60px; background-color: #963392; font-size: 35px; color: #fff; text-transform: uppercase; font-family: 'EuclidCircularA-Bold'; font-weight: 700; letter-spacing: 1.5px; line-height: 1.15; }
.screen_six .section_main { display: flex; flex-wrap: wrap; justify-content: center; box-shadow: 1px 1px 25px 2px rgba(70, 75, 161, 0.13); border-radius: 66px 66px 0 0; background-color: #1c4384; position: relative; z-index: 1; margin-top: -70px; padding: 50px 80px; max-width: 1200px; margin-left: auto; margin-right: auto;}
.screen_six .section_main h2 { color: #ffffff; font-family: 'EuclidCircularA-Bold'; font-size: 35px; font-weight: 700; max-width: 100%; margin: 0px auto; }
.screen_six .section_main .date_time ul { display: flex; align-items: center; justify-content: center; border-radius: 27px; border: 3px solid #963392; background-color: #ffffff; padding: 10px; }
.screen_six .section_main .date_time ul li+li { margin-left: 100px; }
.screen_six .section_main .date_time ul li { color: #963392; font-family: 'EuclidCircularA-Bold'; font-size: 24px; font-weight: 700; letter-spacing: 1.8px; }
.screen_six .section_main .date_time { padding: 20px 0 30px; display: inline-block; width: 100%; }
.screen_six .section_main .point_left { width: calc(50% - 25px); padding: 35px 45px; box-shadow: 1px 1px 25px 2px rgba(70, 75, 161, 0.13); border-radius: 40px; background-color: #ffffff; margin-right: 25px; display: flex; align-items: center;}
.screen_six .section_main .point_count { display: flex; justify-content: center; }
.screen_six .section_main .point_right { width: 50%; text-align: left; padding-left: 25px; border-left: 1px solid #fff; }
.screen_six .section_main .point_left h3 { font-size: 25px; font-weight: 700; font-style: normal; letter-spacing: 2.25px; color: #1c4384; font-family: 'EuclidCircularA-Bold'; }
.screen_six .section_main .point_left h3 span { font-size: 23px; font-weight: 400; display: block; letter-spacing: 1.65px; font-family: 'EuclidCircularA-Regular'; padding: 0 85px; }
.screen_six .section_main .point_right .point_title { color: #6bcaba; font-family: 'EuclidCircularA-Bold'; font-size: 32px; font-weight: 700; }
.screen_six .section_main .point_right .point_title.etape{font-family: 'EuclidCircularA-Regular'; font-size: 28px; margin-top: 10px;}
.screen_six .section_main .point_right ul { margin-top: 20px; }
.screen_six .section_main .point_right ul li { padding-left: 50px; position: relative; z-index: 1; font-size: 21px; line-height: 32px; font-weight: 400; color: #fff; font-family: 'EuclidCircularA-Regular'; }
.screen_six .section_main .point_right ul li span { position: absolute; left: 0; top: 0; width: 35px; height: 35px; line-height: 35px; text-align: center; display: inline-block; background-color: #6bcaba; border-radius: 100%; font-size: 20px; color: #1c4384; }
.screen_six .section_main .point_right ul li+li { margin-top: 15px; }
.screen_six .section_main .point_right ul li img { position: absolute; left: 0; top: 0; }
.screen_six .screen_bottom { background-color: #fff !important; padding: 50px 50px 10px; margin: 0; border-radius: 50px 50px 0 0; }
.screen_six .footer_note { color: #939598; padding-top: 45px; }

/* Screen Seven */
.screen_seven { display: flex; align-items: start; justify-content: center; flex-wrap: wrap; min-height: 100vh; text-align: center; }
.screen_seven .section_top { box-shadow: none; background: transparent; padding:20px; }
.screen_seven .section_top .inner { display: flex; align-items: center; justify-content: center; }
.screen_seven .section_top .inner .avtar_img { position: relative; width: 135px; height: 135px; border-radius: 100%; display: flex; align-items: center; justify-content: center; margin-right: 25px; }
.screen_seven .section_top .inner .avtar_img span.pointsquestion {opacity: 0;position: absolute; top: 20px; left: -30px; width: 48px; height: 48px; line-height: 48px; border-radius: 100%; text-align: center; display: inline-block; border: 1px solid #ffffff; background-color: #1c4384; font-size: 28px; font-weight: 400; color: #fff; font-family: 'EuclidCircularA-Regular'; transition: all 0.2s ease-in-out; }
.screen_seven .section_top .inner .points p { opacity: 0; font-family: 'EuclidCircularA-Regular'; font-size: 29px; font-weight: 400; color: #939598; }
.screen_seven .container { width: 1685px; }
.screen_seven .video_section { box-shadow: 1px 1px 25px 2px rgba(70, 75, 161, 0.13); border-radius: 66px 66px 0 0; background-color: #ffffff; padding: 30px 30px 60px; margin-top: 50px; }
.screen_seven .video_section .title { padding-bottom: 30px; }
.screen_seven .screen_bottom { box-shadow: 1px 1px 25px 2px rgba(70, 75, 161, 0.13); border-radius: 66px 66px 0 0; background-color: #ffffff; margin-top: 0; padding: 50px 50px 10px; }
.screen_seven .screen_bottom .footer_note { padding: 50px 0 0 0; color: #939598; }
.screen_seven .video_section .video_div{max-width: 700px; margin: 0 auto;}
.screen_seven .video_section .video_div a { position: relative; z-index: 1; display: inline-block; }
.screen_seven .video_section .video_div a:before { position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(./images/play-video.png)no-repeat center/cover; width: 140px; height: 140px; }
.screen_seven .video_section .title h3 { color: #1c4384; font-family: 'EuclidCircularA-Regular'; font-size: 26px; font-weight: 400; }

/* Screen Eight */
.screen_eight.screen_seven .section_top .inner .avtar_img span.wrong { background-color: #963392; width: 48px; height: 48px; line-height: 48px; font-size: 28px; left: -30px; top: 20px; }
.screen_eight .time { color: #963392; font-family: 'EuclidCircularA-Bold'; font-size: 29px; font-weight: 700; padding-top: 10px; }
.screen_eight .points { text-align: left; }
.screen_eight .section_top { background-color: #fff; box-shadow: 1px 1px 25px 2px rgba(70, 75, 161, 0.13); border-radius: 66px 66px 0 0; padding: 50px 15px 100px; position: relative; margin-bottom: -50px; }
.screen_eight .section_middle { box-shadow: 1px 1px 25px 2px rgba(70, 75, 161, 0.13); border-radius: 66px 66px 0 0; background-color: #1c4384; padding: 50px; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; overflow: hidden; position: relative; z-index: 1; }
.screen_eight .section_middle .middle_left{ width: 50%; padding: 50px; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; }
.screen_eight .question{display: none; flex-direction: column; align-items: center;}
.screen_eight .question:first-child{display: flex;}
.screen_eight .section_middle .middle_left .counter { width: 50px; height: 50px; text-align: center; background-color: #5bc5cf; display: flex; align-items: center; justify-content: center; border-radius: 100%; color: #fff; font-weight: 400; font-size: 37px; }
.screen_eight .section_middle .middle_left .content { color: #ffffff; font-family: 'EuclidCircularA-Regular'; font-size: 26px; font-weight: 400; padding: 20px 110px 50px; }
.screen_eight .section_middle .middle_left ul li+li { margin-top: 20px; }
.screen_eight .section_middle .middle_left ul li a.btn_style1.active { background-color: #963392; color: #fff; }
.screen_eight .section_middle .middle_right { height: 659px; width: 445px; position: relative; margin-bottom: -200px; }

.screen_eight .screen_bottom { background: #fff !important; }
.screen_eight a.btn_style1 { text-transform: none; }

/* Screen Nine */
.screen_nine { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; height: 100vh; padding: 80px 0 0; }
.screen_nine .section_main { display: flex; align-items: center; }
.screen_nine .section_main .section_left { width: 50%; padding-right: 25px; }
.screen_nine .section_main .section_right { width: 50%; padding-left: 25px; text-align: center; }
.screen_nine .section_main .section_right .title h2 { color: #1c4384; font-family: 'EuclidCircularA-Bold'; font-size: 47px; font-weight: 700; text-transform: uppercase; }
.screen_nine .section_main .section_right .text { color: #1c4384; font-family: 'EuclidCircularA-Regular'; font-size: 26px; font-weight: 400; padding: 25px 65px; letter-spacing: 1.31px; }
.screen_nine .section_main .section_right .text span { width: 30px; height: 30px; line-height: 30px; border: 1px solid; display: inline-block; border-radius: 100%; }
.screen_nine .section_main .section_right .text_info { color: #963392; font-family: 'EuclidCircularA-Bold'; font-size: 26px; font-weight: 700; max-width: 59%; margin: 0 auto; padding-bottom: 40px; }
.screen_nine .section_main .section_right .point_count { width: 185px; height: 185px; display: flex; align-items: center; justify-content: center; margin: 0 auto; border-radius: 100%; box-shadow: 1px 1px 25px 2px rgba(70, 75, 161, 0.13); background-color: #1c4384; position: relative; padding: 32px; flex-wrap: wrap; color: #ffffff; font-family: 'EuclidCircularA-Regular'; font-size: 94px; font-weight: 400; }
.screen_nine .section_main .section_right .point_count:before { width: 202px; height: 202px; border-radius: 100%; position: absolute; content: ""; background: transparent; border: 4px solid #6bcaba; }
.screen_nine .section_main .section_right .point_count span { display: block; width: 100%; color: #fffffe; font-family: 'EuclidCircularA-Regular'; font-size: 29px; font-weight: 400; }
.screen_nine .section_main .section_right .time_sec { margin-top: 40px; color: #963392; font-family: 'EuclidCircularA-Bold'; font-size: 29px; font-weight: 700; border: 3px solid #963392; border-radius: 27px; padding: 10px 50px; display: inline-block; }
.screen_nine .screen_bottom { box-shadow: 1px 1px 25px 2px rgba(70, 75, 161, 0.13); border-radius: 66px 66px 0 0; background-color: #ffffff; text-align: center; padding: 30px 50px 10px; margin-top: 100px; }
.screen_nine .screen_bottom .footer_note { padding-top: 40px; color: #939598; }
.screen_nine .screen_bottom a.btn_style1 { color: #1c4384; font-size: 26px; }
.screen_nine .screen_bottom a.btn_style1:hover { color: #fff; }

/* Screen Ten */
.screen_ten { display: flex; align-items: center; justify-content: center; height: 100vh; flex-wrap: wrap; text-align: center; padding-top: 100px; overflow-x: hidden; }
.screen_ten .section_main { max-width: 750px; margin: 0 auto; }
.screen_ten .title { display: inline-block; position: relative; z-index: 1; padding: 70px 180px 120px; }
.screen_ten .title h2 span { display: block; }
.screen_ten .title h2 { color: #1c4384; font-family: 'EuclidCircularA-Bold'; font-size: 47px; font-weight: 700; }
.screen_ten .title:before { position: absolute; content: ""; top: 0; left: 0; width: 170px; height: 280px; background: url(./images/dots.png)no-repeat center/cover; }
.screen_ten .title:after { position: absolute; content: ""; top: 0; right: 0; width: 140px; height: 280px; background: url(./images/dots-1.png)no-repeat center/cover; }
.screen_ten .queration { color: #ffffff; font-family: 'EuclidCircularA-Bold'; font-size: 41px; font-weight: 700; padding: 20px 0; position: relative; z-index: 1; margin: 35px 0 50px; }
.screen_ten .queration:before { position: absolute; content: ""; top: 0; left: -100%; right: -100%; bottom: 0; background: url(./images/screen_ten.png)no-repeat center/cover; z-index: -1; }
.screen_ten .text_info { max-width: 660px; margin: 8px auto; color: #1c4384; font-family: 'EuclidCircularA-Regular'; font-size: 26px; font-weight: 400; letter-spacing: 1.31px; }
.screen_ten .note { font-size: 18px; font-weight: 400; }
.screen_ten .note span { display: block; }

/* Screen eleven */
.screen_eleven{width: 100%;}
.screen_eleven .section_middle .middle_left ul li a { font-family: 'EuclidCircularA-Regular'; font-size: 15px; font-weight: 700; color: #963392; letter-spacing: 1.3px; border-radius: 27px; border: 3px solid #963392; background-color: #ffffff; white-space: break-spaces; display: inline-block; padding: 8px 10px; text-align: center; }
.screen_eleven .section_middle .middle_right{width: 495px;}
.screen_eleven .section_middle .middle_left ul { display: block; flex-wrap: wrap; padding: 0 86px; min-height: 220px;}
.screen_eleven .section_middle .middle_left ul li { margin-bottom: 5px; }
.screen_eleven .middle_right { padding: 0px; height: auto !important; }
.screen_eleven .middle_right .number_count { background-color: #fff; box-shadow: 1px 1px 25px 2px rgba(70, 75, 161, 0.13); border-radius: 40px; background-color: #ffffff; }
.screen_eleven .middle_right .number_count .inner { border-radius: 40px; background-color: #ffffff; padding: 30px 25px; display: flex; align-items: center; justify-content: space-between; }
.screen_eleven .middle_right .number_count .inner.selected { box-shadow: 1px 1px 25px 2px rgb(70 75 161 / 13%); }
.screen_eleven .middle_right .number_count .inner .number { width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; border-radius: 100%; background-color: #963392; color: #fff; font-size: 34px; letter-spacing: 1.8px; font-family: 'EuclidCircularA-Regular'; }
.screen_eleven .middle_right .number_count .inner .drop{width: 57%; height: 57px;border-radius: 20px;}
.screen_eleven .middle_right .number_count .inner .drop.ui-droppable-active{background: #f0eded;}
.screen_eleven .middle_right .number_count .inner .percent { border-radius: 27px; border: 3px solid #1c4384; background-color: #1c4384; font-family: 'EuclidCircularA-Regular'; font-size: 24px; font-weight: 700; color: #fff; padding: 10px 30px; }
.screen_eleven .section_top .inner .avtar_img span.plus { background-color: #1c4384; }
.screen_eleven .screen_bottom { background-color: #fff !important; }
.screen_eleven .section_top .inner .points p { color: #fff; }


/* Screen Twelve */
.screen_twelve .section_middle { align-items: flex-start; text-align: left; justify-content: normal; }
.screen_twelve .middle_right .number_count .inner { justify-content: normal; }
.screen_twelve .section_middle .text { font-family: 'EuclidCircularA-Regular'; font-size: 24px; font-weight: 700; color: #963392; border-radius: 27px; border: 3px solid #963392; background-color: #ffffff; padding: 10px 20px; text-align: left; margin-left: 60px; }
.screen_twelve .section_middle .middle_right { text-align: left; }
.screen_twelve .section_middle .middle_right .left_inner { display: flex; align-items: center; width: calc(100% - 117px); }
.screen_twelve .section_top .inner .points p { color: #fff; }

/* Screen 13 */
.screen_thrteen .text_info { padding: 20px 80px; }
.screen_thrteen .total_count { display: flex; align-items: center; justify-content: space-around; padding: 30px 0; }
.screen_thrteen .section_main { max-width: 100%; }
.screen_thrteen .total_count .inner { padding: 0 15px; }
.screen_thrteen .total_count .inner .percent { color: #fff; border-radius: 27px; background-color: #1c4384; display: inline-block; padding: 20px 55px; font-size: 29px; font-weight: 700; letter-spacing: 1.8px; }
.screen_thrteen .total_count .inner .count_title { color: #1c4384; font-family: 'EuclidCircularA-Regular'; font-size: 26px; font-weight: 400; padding-top: 22px; }
.screen_thrteen .section_main .note { max-width: 62%; margin: 0 auto; text-align: center; letter-spacing: 1.5px; }
.screen_thrteen .container { width: 1339px; }
.screen_thrteen .screen_bottom { margin-top: 100px; }

/* Screen 14 */
.screen_forteen { padding-top: 50px; }
.screen_forteen .section_top .inner .avtar_img { position: relative; width: 135px; height: 135px; border-radius: 100%; display: flex; align-items: center; justify-content: center; margin-right: 25px; }
.screen_forteen .section_top .inner .avtar_img span.pointsquestion {opacity: 0;position: absolute; top: 20px; left: -30px; width: 48px; height: 48px; line-height: 48px; border-radius: 100%; text-align: center; display: inline-block; border: 1px solid #ffffff; background-color: #1c4384; font-size: 28px; font-weight: 400; color: #fff; font-family: 'EuclidCircularA-Regular'; transition: all 0.2s ease-in-out; }
.screen_forteen .question{display: none; flex-direction: column; align-items: center;}
.screen_forteen .question:first-child{display: flex;}
.screen_forteen .section_middle .middle_left ul li a.btn_style1.active { background-color: #963392; color: #fff; }
.screen_forteen .screen_bottom { margin: 0; background-color: #fff !important; }
.screen_forteen .middle_left { padding-bottom: 10px; }
.screen_forteen .middle_right { width: 100%; margin: 0 auto; text-align: center; max-width: 80%; }

.screen_forteen .section_middle.question2 .middle_right { height: 659px; width: 445px; position: relative; margin-bottom: -200px; }
.screen_forteen .middle_right ul { columns: 2; counter-reset: my-sec-counter; padding-left: 80px; }
.screen_forteen .middle_right ul li { width: calc(100% - 15px); position: relative; padding-left: 80px; z-index: 1; display: inline-block; text-align: left; margin: 0 15px 20px 0; }
.screen_forteen .middle_right ul li:before { position: absolute; left: 0; top: 0; width: 50px; height: 50px; border-radius: 100%; background-color: #963392; color: #fff; counter-increment: my-sec-counter; content: counter(my-sec-counter) " "; display: flex; align-items: center; justify-content: center; font-size: 33px; font-weight: 400; font-family: 'EuclidCircularA-Regular'; }
.screen_forteen .middle_right ul li a { background-color: #fff; padding: 15px 40px; display: inline-block; border-radius: 31px; box-shadow: 1px 1px 25px 2px rgba(70, 75, 161, 0.13); color: #963392; font-size: 23px; font-family: 'EuclidCircularA-Bold'; letter-spacing: 1.8px; min-width: 470px; text-align: center; }
.screen_forteen .middle_right ul li a:hover,
.screen_forteen .middle_right ul li a:hover { background-color: #963392; color: #fff; }

/* Screen 16 */
.screen_sixteen { padding-top: 50px; }
..screen_eight .question{display: none; flex-direction: column; align-items: center;} .question{display: none; flex-direction: column; align-items: center;}
..screen_eight .question:first-child{display: flex;} .question:first-child{display: flex;}
.screen_sixteen .middle_left { padding: 0; }
.screen_sixteen .middle_right { width: 100%; text-align: center; }
.screen_sixteen .middle_right .circle_img { max-width: 80%; margin: 0 auto; }
.screen_sixteen .screen_bottom { background-color: #fff !important; margin-top: 0; }
.section_middle .info { color: #fff; font-family: 'EuclidCircularA-Regular'; font-size: 18px; font-weight: 400; letter-spacing: 1.83px; padding-top: 20px; }
.screen_sixteen #lentille, .screen_sixteen #lentille2{max-width: 400px;}
.screen_sixteen #lentille .reponse:hover, .screen_sixteen #lentille2 .reponse:hover{cursor: pointer;}
.screen_sixteen #lentille .active, .screen_sixteen #lentille2 .active{opacity: 1 !important;}
.screen_sixteen #lentille .active path, .screen_sixteen #lentille2 .active path{fill:#963392 !important; opacity: 1 !important; }
.screen_sixteen #lentille .reponse path, .screen_sixteen #lentille2 .reponse path{fill: #2f4b78; opacity: 0.41;}
.screen_sixteen .suivant{}


/* Screen 20 */
.screen_tewnty .section_main { max-width: 100%; }
.screen_tewnty .section_main .text_info { max-width: 80%; margin: 40px auto; }
.screen_tewnty .section_main .thankyou_main { display: flex; align-items: center; }
.screen_tewnty .section_main .thankyou_main .thankyou_left img { width: 463px; }
.screen_tewnty .section_main .thankyou_main .thankyou_left { width: 50%; padding-right: 25px; }
.screen_tewnty .section_main .thankyou_main .thankyou_right { width: 50%; padding-left: 25px; text-align: left; }
.screen_tewnty .section_main .thankyou_main .thankyou_right ul li{text-align: left;}
.screen_tewnty .section_main .thankyou_main .thankyou_right .inner { margin-bottom: 50px; }
.screen_tewnty .section_main .thankyou_main .thankyou_right .content { max-width: 370px; font-size: 26px; font-weight: 400; color: #1c4384; font-family: 'EuclidCircularA-Regular'; }
.screen_tewnty .thankyou_bottom { display: flex; align-items: center; }
.screen_tewnty .thankyou_bottom .thankyou_left { width: 50%; padding-left: 25px; order: 2; }
.screen_tewnty .thankyou_bottom .thankyou_right { width: 50%; padding-right: 25px; order: 1; }

.screen_tewnty .thankyou_bottom .thankyou_right ul.number li { color: #963392; font-family: 'EuclidCircularA-Regular'; font-size: 30px; font-weight: 400; letter-spacing: 1.5px; line-height: 36px; text-align: left;}
.screen_tewnty .thankyou_bottom .thankyou_right ul.number li span { font-family: 'EuclidCircularA-Bold'; }
.screen_tewnty .thankyou_bottom .thankyou_right ul.dots li { color: #963392; font-family: 'EuclidCircularA-Regular'; font-size: 30px; font-weight: 400; letter-spacing: 1.5px; padding-left: 0px; position: relative; z-index: 1; line-height: 36px;  text-align: left;}
.screen_tewnty .thankyou_bottom .thankyou_right ul.dots li:before { position: absolute; content: ""; top: 12px; left: -15px; width: 8px; height: 8px; border-radius: 100%; background: #963392; }
.screen_tewnty .thankyou_bottom .thankyou_right ul.dots { padding-left: 20px; }
.screen_tewnty .screen_bottom { margin-top: 100px; }

/* Screen 21 */
.screen_tewntyone { padding-top: 0px; }
.screen_tewntyone .section_middle { padding: 50px 20px; height: auto; }
.screen_tewntyone .section_middle .middle_left { width: 100%; display: flex; align-items: center; margin: 0 auto; justify-content: center; }
.screen_tewntyone .section_middle .content { width: 100%; margin: 0 auto; }
.screen_tewntyone .section_middle .middle_right { width: 100%; display: flex; justify-content: center; flex-wrap: wrap; margin: 0 -20px; padding: 0; height: auto;}
.screen_tewntyone .section_middle .middle_right .box_img { width: calc(33.33% - 20px); padding: 0 10px; background-color: #fff; margin: 0 10px 20px; display: flex; align-items: center; justify-content: center; padding: 50px; box-shadow: 1px 1px 25px 2px rgba(70, 75, 161, 0.13); border-radius: 66px; min-height: 426px; cursor: pointer; transition: all .5s ease-in-out; position: relative; flex-wrap: wrap; }
.screen_tewntyone .section_middle .middle_right .box_img:hover,
.screen_tewntyone .section_middle .middle_right .box_img.active { opacity: .5; }
.screen_tewntyone .screen_bottom { box-shadow: 1px 1px 25px 2px rgba(70, 75, 161, 0.13); border-radius: 66px 66px 0 0; background-color: #ffffff; margin: 0; }
.screen_tewntyone .section_middle .middle_right .box_img .box_title { width: 100%; text-align: center; padding-top: 10px; color: #1c4384; font-family: 'EuclidCircularA-Regular'; font-size: 24px; font-weight: 400; letter-spacing: 1.5px; }
.screen_tewntyone .section_middle .middle_right .box_img img { min-height: 274px; object-fit: contain; }

/* Screen 23 */
.screent_twentythree .section_main { max-width: 100%; }
.screent_twentythree .text_info { max-width: 100%; margin: 40px 0; }
.screent_twentythree .note { text-align: center; }
.screent_twentythree .question_2 { margin-top: 60px; }
.screent_twentythree .question_2 .question_img_wrap { display: flex; align-items: center; justify-content: center; }
.screent_twentythree .question_2 .question_img_wrap .question_img_inner { padding: 0 15px; display: flex; align-items: center; justify-content: center; }
.screent_twentythree .screen_bottom { margin-top: 20px; }
.screent_twentythree .text_info span { width: 35px; height: 35px; line-height: 35px; display: inline-block; border: 1px solid; border-radius: 100%; }

/* Screen 24 */
.twenty_four { }
.twenty_four .box_top { display: inline-block; width: 100%; text-align: center; }
.twenty_four .box_top .counter { width: 50px; height: 50px; display: inline-block; line-height: 50px; text-align: center; background-color: #6bcaba; border-radius: 100%; color: #ffffff; font-family: 'EuclidCircularA-Regular'; font-size: 37px; font-weight: 400; letter-spacing: 1.5px; }
.twenty_four .box_top .content { display: inline-block; width: 100%; color: #ffffff; font-family: 'EuclidCircularA-Regular'; font-size: 26px; line-height: 34px; padding: 30px 0; font-weight: 400; letter-spacing: 1.5px; }
.twenty_four .section_middle .middle_right { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 0 0px; height: auto !important; margin-bottom: 0;}
.twenty_four .section_middle .middle_right .option { width: 50%; text-align: center; }
.twenty_four .section_middle .middle_right .option .img { width: 132px; height: 132px; background-color: #fff; border-radius: 100%; display: flex; align-items: center; justify-content: center; }
.twenty_four .section_middle .middle_right .option:last-child { margin-top: 30px; }
.twenty_four .screen_bottom { background-color: #fff; margin-top: 0; }

/* Screen 25 */
.twenty_five .section_middle { justify-content: normal; }
.twenty_five .middle_right { margin-left: 160px; position: relative; height: 400px; }
.twenty_five .middle_right .option { position: absolute; content: ""; top: 30%; left: 4%; }
.twenty_five .middle_right .option .img { width: 100px !important; height: 100px !important; margin: 0 auto; }
.twenty_five .middle_right .option .img img { max-height: 80px !important; }
.twenty_five .middle_right .option:nth-child(2n) { top: 35%; left: auto; right: 60px; }
.twenty_five .middle_right .option:nth-child(3n) { top: 44%; left: 7%; }

/* Screen 27 */
.twenty_seven { padding-top: 50px; min-height: 100vh; }
.twenty_seven .box_top { display: inline-block; width: 100%; text-align: center; }
.twenty_seven .box_top .counter { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; margin: 0 auto; background-color: #6bcaba; border-radius: 100%; color: #ffffff; font-family: 'EuclidCircularA-Regular'; font-size: 37px; font-weight: 400; letter-spacing: 1.8px; }
.twenty_seven .box_top .content { color: #ffffff; font-family: 'EuclidCircularA-Regular'; font-size: 26px; font-weight: 400; letter-spacing: 1.5px; margin: 40px 0; }
.twenty_seven .middle_left { position: relative; padding: 0; width: 500px; }
.twenty_seven .middle_left ul { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; width: 100%; }
.twenty_seven .middle_left ul li { position: absolute; left: 150px; top: -35px; }
.twenty_seven .middle_left ul li:nth-child(2){left: 233px; }
.twenty_seven .middle_left ul li:nth-child(3n){right: 0 !important;}
.twenty_seven .middle_left ul li+li { margin: 0 0 0 50px; }
.twenty_seven .middle_left ul li a { display: inline-block; width: 85px; height: 85px; display: flex; align-items: center; justify-content: center; background-color: transparent; border-radius: 100%; color: #fff; font-family: 'EuclidCircularA-Regular'; font-size: 27px; font-weight: 400; cursor: default;}
.twenty_seven .middle_left ul li:nth-child(2n) { left: 236px; }
.twenty_seven .middle_left ul li:nth-child(3n) { left: auto;  }
.twenty_seven .middle_left ul li.active a { background-color: #963392; }
.twenty_seven .middle_right ul { display: flex; align-items: center; }
.twenty_seven .middle_right ul li+li { margin-left: 70px; }
.twenty_seven .middle_right ul li a { width: 168px; height: 168px; display: flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 100%; color: #1c4384; font-family: 'EuclidCircularA-Bold'; font-size: 56px; font-weight: 700; letter-spacing: 1.5px; }
.twenty_seven .middle_right ul li.active a { opacity: .5; }
.twenty_seven .middle_left ul li a span {font-size: 24px;position: absolute;top: 35px;right: 6px;}

/*.twenty_seven .middle_right ul li a:hover { background-color: #963392; color: #fff; }*/
.twenty_seven .screen_bottom { background-color: #fff; margin-top: 0; }

/* Screen 31 */
.thirty_one .container { width: 1442px; }
.thirty_one .thankyou_main { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 50px 0; }
.thirty_one .middle_left { width: 50%; padding-right: 15px; position: relative; }
.thirty_one .middle_left ul { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; width: 100%; }
.thirty_one .middle_left ul li { position: absolute; left: 29%; top: -42px; }
.thirty_one .middle_left ul li+li { margin: 0 0 0 50px; }
.thirty_one .middle_left ul li a { display: inline-block; width: 115px; height: 115px; display: flex; align-items: center; justify-content: center; background-color: transparent; border-radius: 100%; color: #fff; font-family: 'EuclidCircularA-Regular'; font-size: 36px; font-weight: 400; position: relative; }
.thirty_one .middle_left ul li a span { font-size: 25px; position: absolute; top: 36px; right: 10px; }
.thirty_one .middle_left ul li:nth-child(2n) { left: 49%; }
.thirty_one .middle_left ul li:nth-child(3n) { left: auto; right: 15px; }
.thirty_one .thankyou_main .right { width: 50%; padding-left: 50px; text-align: left; }
.thirty_one .thankyou_main .right .content { color: #1c4384; font-family: 'EuclidCircularA-Regular'; font-size: 26px; font-weight: 400; letter-spacing: 1.31px; margin-bottom: 30px; }
.thirty_one .thankyou_main .right .content {font-size: 18px;line-height: 24px;}
.thirty_one .note { font-size: 16px; line-height: 22px; }

/* Footer */
footer { display: inline-block; width: 100%; vertical-align: top; }

/* Media Query */
@media(min-width:768px) {
    .logo_mobile { display: none; width: auto; }
    .logo_mobile a { width: 100%; display: inline-block; }

    /*.screen_bottom { background: none !important; }*/
    .secreen_two .screen_bottom { background: none !important; box-shadow: none; }
    .secreen_three a.for_mob { display: none; }
    .screen_five img.for_mob { display: none; }
    .home_secreen .screen_bottom { background: transparent !important; }
    .secreen_three .screen_bottom { background: none !important; box-shadow: none; margin-top: 0px;}
}
@media (max-width:1750px) {
    .screen_six .container { width: 1440px; }
    .screen_seven .container { width: 1440px; }
    .container_full { max-width: 1440px; }
    .screen_forteen .middle_right { max-width: 100%; }

    /* Screen 27 */
    .twenty_seven .middle_left{width: 500px;}
    .twenty_seven .middle_left ul li { left: 30%; }
    .twenty_seven .middle_left ul li:nth-child(3n) { right: 0; }
}
@media (max-width:1550px) {
    .screen_forteen .middle_right { max-width: 100%; padding: 0; }
    .screen_forteen .middle_right ul { padding: 0 20px; }
    .screen_sixteen .section_top { max-width: 90%; margin: 0 auto; position: relative; margin-bottom: -50px; }
    .screen_sixteen .section_middle { max-width: 90%; margin: 0 auto; }
}
@media (max-width:1440px) {

    .screen_five .screenfive_main{}
    .screen_six .container { width: 1170px; }
    .screen_six .section_main { padding: 25px; }
    .screen_six .section_main .point_left { padding: 15px; }
    
    .screen_six .section_logo{height: 240px;align-items: start; padding-top: 50px;}
    .screen_seven .container { width: 1170px; }
    .container_full { max-width: 1170px; }

    /* Screen Eight */
    .screen_eight .section_middle .middle_left .content { padding: 20px 20px; }
    .screen_eight .middle_left .img{max-width: 200px;}

    .screen_nine .section_main .section_right .text{font-size:  21px;}
    .screen_nine .section_main .section_right .text_info{font-size: 21px;}
    .screen_nine .section_main .section_right .point_count span{font-size:  21px;}
    .screen_nine .section_main .section_right .point_count{width: 125px; height: 125px; font-size: 42px;}
    .screen_nine .section_main .section_right .point_count::before{width: 132px; height: 132px;}


    /* Screen 12 */
    .screen_twelve .section_middle .middle_right { padding: 50px 0; }
    .screen_twelve .section_middle .middle_left { padding: 50px 10px; }
    .screen_twelve .section_middle .content { padding: 20px; }
    .screen_twelve .section_middle .text { font-size: 18px; }

    /* Screen 11 */
    /*.screen_eleven .section_middle .middle_left .content { padding: 30px 0; }
    .screen_eleven .section_middle .middle_left ul { padding: 0 0px; }
    .screen_eleven .section_middle .middle_left ul li a { font-size: 18px; }
    .screen_eleven .section_middle .middle_left ul li+li { margin-left: 15px; }
    .screen_eleven .section_middle .middle_left ul li:nth-child(2n) { width: 174px; }
    .screen_eleven .section_middle .middle_left ul li:nth-child(3n) { width: 230px; }*/

    /**/
    .screen_twelve .section_middle .text { margin-left: 20px; }

    /* Screen 13 */
    .screen_thrteen .container { width: 1170px; }

    /* Screen 14 */
    .screen_forteen .middle_right ul { padding: 0; }
    .screen_forteen .middle_left .content { padding: 30px 0 40px 0; }
    .screen_forteen .middle_right ul li { padding-left: 60px; width: calc(100% - 60px); margin-right: 60px; }
    .screen_forteen .middle_right ul li a { min-width: 450px; padding: 15px 30px; }
    .screen_forteen .section_middle { padding: 50px 43px; }

    /* Screen 25 */
    .twenty_five .middle_right { margin-left: 30px; }
    .twenty_five .middle_right .option { top: 26%; left: -24px; }
    .twenty_five .middle_right .option:nth-child(2n) { right: 0px; }
    .twenty_five .middle_right .option:nth-child(3n) { top: 38%; left: 0; }

    /* Screen 27 */
    .twenty_seven .middle_left ul li a { width: 85px; height: 85px; font-size: 30px; }
    .twenty_seven .middle_left ul li:nth-child(2n) { left: 234px; }
    .twenty_seven .middle_right ul li a { width: 130px; height: 130px; font-size: 45px; }
    .twenty_seven .middle_left ul li { left: 150px; top: -36px; }
    .twenty_seven .middle_left ul li a span { top: 15px; }

    /* Screen 31 */
    .thirty_one .container { width: 1170px; }
    .thirty_one .middle_left ul li a { width: 95px; height: 95px; font-size: 30px; }
    .thirty_one .middle_left ul li:nth-child(2n) { left: 45.5%; }
    .thirty_one .middle_right ul li a { width: 130px; height: 130px; font-size: 45px; }
    .thirty_one .middle_left ul li a span { top: 24px; }
}
@media(min-width:1200px) and (max-width:1280px) {
    .container_full { max-width: 1100px; }
    .screen_forteen .section_middle { padding: 50px 20px; }
    .twenty_seven .middle_right ul li+li { margin-left: 40px; }
    .thirty_one .middle_right ul li+li { margin-left: 40px; }

}
@media (max-width:1199px) {

    h1 { font-size: 26px; }
    h2 { font-size: 26px; }
    .container { width: 950px; }
    a.btn_style1 { font-size: 18px; padding: 20px 30px; min-width: 300px; }
    a.btn_style2 { font-size: 18px; padding: 20px 30px; min-width: 300px; }
    .home_secreen { padding: 25px 0 0 0; }
    .home_secreen .homescreen_main .logo { padding: 20px 0; }
    .home_secreen .homescreen_main .logo img { max-width: 60%; margin: 0 auto; }
    .home_secreen .homescreen_main { max-width: 500px; }
    .screen_bottom .footer_note { font-size: 16px; padding-top: 50px; }
    .screen_bottom .home_btn { max-width: 50%; }
    .section_wrap { max-width: 950px; }
    .secreen_two { padding: 50px 0 0; }
    .secreen_two .homescreen_main { padding: 50px 20px; }
    .secreen_two .form { padding: 0; }
    .privous { padding-left: 50px; }

    /* Screen Five */
    .screen_five .left { padding-left: calc((100% - 950px)/2); padding-right: 10px; }
    .screen_five .screenfive_main .right { width: calc(50% - 50px); margin-left: 50px; }
    .screen_five .left_center { padding: 50px 0; align-items: flex-start; }
    .screen_five .left_center .center_inner img { width: 100px; height: 100px; line-height: 100px; }
    .screen_five .left_center .center_inner ul li { font-size: 90px; }
    .screen_five .left_center .center_inner ul { padding: 0 10px; }
    .screen_five .left_center .center_inner ul li+li { margin-left: 40px; padding-left: 40px; }
    .screen_five .left_center .center_inner h4 { font-size: 18px; }
    .screen_five .footer_note { padding: 0; text-align: center; }
    .screen_five .screenfive_main .left_bottom .bottom_iiner a { font-size: 20px; }
    .screen_five .screenfive_main .left_bottom .content { font-size: 18px; padding: 35px 0; }
    .screen_five .screenfive_main .left_bottom .content span { width: 20px; height: 20px; line-height: 20px; font-size: 12px; }
    .screen_five .screenfive_main .left_bottom .content sup { font-size: 12px; }

    /* Secreen Six */
    .screen_six .container { width: 950px; }
    .screen_six .section_logo { height: 260px; margin-bottom: 30px;}
    .screen_six .section_main { margin-top: -100px; }
    .screen_six .section_main h2 { font-size: 30px; }
    .screen_six .section_main .date_time ul li { font-size: 24px; }
    .screen_six .section_main .point_left h3 { font-size: 27px; }
    .screen_six .section_main .point_left h3 span { font-size: 24px; padding: 0; }
    .screen_six .section_main .point_right .point_title { font-size: 24px; }
    .screen_six .section_main .point_right ul li { font-size: 22px; }

    /* Seven Screen */
    .screen_seven .container { width: 950px; }

    /* Secreen Eight */
    .screen_eight { background: none !important; }
    .screen_eight .middle_left .img{max-width: 150px;}
    .screen_eight .section_top { box-shadow: none; margin: 0; padding: 30px; }
    .screen_eight .section_middle .middle_left { padding: 0 25px; }
    .screen_eight .section_middle .middle_right { width: 400px; height: 590px; }
    .twenty_four .section_middle .middle_right .option .img{width: 100px; height: 100px;}
    .twenty_four .section_middle .middle_right .option .img img{max-width: 50px;}
    /* Screen Nine */
    .screen_nine { padding: 50px 0 0; }
    .screen_nine .section_main .section_right .title h2 { font-size: 35px; }
    .screen_nine .section_main .section_right .text { font-size: 24px; padding: 20px 45px; }
    .screen_nine .section_main .section_right .text_info { font-size: 24px; max-width: 70%; }
    .screen_nine .section_main .section_right .point_count span{font-size:  21px;}
    .screen_nine .section_main .section_right .point_count{width: 125px; height: 125px; font-size: 42px;}
    .screen_nine .section_main .section_right .point_count::before{width: 132px; height: 132px;}

    /* Screen Eleven */
    /*.screen_eleven .section_middle .middle_left .content { padding: 20px 0px; }
    .section_middle .middle_left { padding: 0 20px; }
    .screen_eleven .middle_right { padding: 0px 20px; }
    .screen_eleven .section_middle .middle_left ul { padding: 0; }
    .screen_eleven .middle_right .number_count .inner .percent { font-size: 20px; }
    .screen_eleven .section_middle .middle_left ul li:nth-child(2n) { width: 140px; }
    .screen_eleven .section_middle .middle_left ul li:nth-child(3n) { width: 206px; }
    .screen_eleven .section_middle .middle_left ul li a { font-size: 16px; }*/

    /* Screen 12 */
    .screen_twelve .section_middle .content { font-size: 20px; }
    .screen_twelve .section_middle .middle_left { padding: 30px 20px; }
    .screen_twelve .section_middle .middle_right .inner { padding: 15px; }
    .screen_twelve .section_middle .text { font-size: 14px; padding: 5px 8px; margin-left: 10px; }
    .screen_twelve.middle_right .number_count .inner .percent { font-size: 20px; }

    /* Screen 13 */
    .screen_thrteen .container { width: 950px; }
    .screen_thrteen .total_count .inner .percent { font-size: 24px; }
    .screen_thrteen .total_count .inner .count_title { font-size: 22px; }
    .screen_thrteen .screen_bottom { margin-top: 50px; }

    /* Screen 14 */
    .container_full { max-width: 920px; }
    .screen_forteen .middle_right ul li a { font-size: 15px; padding: 15px 30px; min-width: 333px; text-align: center; }
    .screen_forteen .middle_right ul li:before { width: 35px; height: 35px; font-size: 22px; top: 50%; transform: translateY(-50%); }
    .screen_forteen .middle_right ul li { padding-left: 50px; }

    /* Screen 16 */
    .screen_sixteen .section_middle .middle_left .content { padding: 30px 0; }
    .screen_sixteen .section_middle { padding: 50px 10px; }

    /* Screen 20 */
    .screen_tewnty .section_main .text_info { max-width: 100%; }
    .screen_tewnty .section_main .thankyou_main { margin: 40px 0; }
    .screen_tewnty .section_main .thankyou_main .thankyou_left img { width: 350px; }
    .screen_tewnty .thankyou_bottom .thankyou_right ul.number li { font-size: 23px; line-height: 30px; }
    .screen_tewnty .thankyou_bottom .thankyou_right ul.dots li { font-size: 23px; line-height: 30px; }
    .screen_tewnty .section_main .thankyou_main .thankyou_right .content { font-size: 23px; }

    /* Screen 21 */
    .screen_tewntyone .section_middle .middle_right .box_img { padding: 25px; }
    .screen_tewntyone .section_top { margin-bottom: -100px; padding-bottom: 106px; }

    /*.screen_tewntyone .section_middle .middle_right .box_img img { max-width: 70%; margin: auto; }*/
    .screen_tewntyone .section_middle { margin-bottom: -50px; padding-bottom: 100px; }
    .screen_tewntyone .screen_bottom { position: relative; }

    /* Screen 24 */
    .twenty_four .section_middle .middle_right { padding: 0 50px; }

    /* Screen 27 */
     .twenty_seven .middle_left img{width: 410px;}
    .twenty_seven .middle_left ul li a { width: 70px; height: 70px; font-size: 20px; }
    .twenty_seven .middle_left ul li { top: -31px; left: 34%; }
    .twenty_seven .middle_left ul li+li { margin-left: 30px; }
    .twenty_seven .middle_left ul li:nth-child(2n) { left: 50%; }
    .twenty_seven .middle_left ul li:nth-child(3n) { left: 358px; }
    .twenty_seven .middle_right ul li a { width: 100px; height: 100px; font-size: 34px; }
    .twenty_seven .middle_right ul li+li { margin-left: 30px; }
    .twenty_seven .middle_left ul li a span { font-size: 14px; top: 14px; }
    
    /* Screen 31 */
    .thirty_one .container { width: 950px; }
    .thirty_one .middle_left ul li a { width: 75px; height: 75px; font-size: 30px; }
    .thirty_one .middle_left ul li { top: -33px; left: 30%; }
    .thirty_one .middle_left ul li+li { margin-left: 30px; }
    .thirty_one .middle_left ul li:nth-child(2n) { left: 48%; }
    .thirty_one .middle_left ul li:nth-child(3n) { right: 16px; }
    .thirty_one .middle_left ul li a span { top: 16px; right: 4px; font-size: 16px; }
    .thirty_one .thankyou_main .right .content { font-size: 20px; margin-bottom: 15px; }
    .thirty_one .note { font-size: 16px; }
    .thirty_one .thankyou_main .right { padding-left: 25px; }
}
@media (max-width:991px) {
    .container { width: 750px; }
    .section_wrap { max-width: 750px; }
    .secreen_two .avatar .avatar_img { width: 100px; height: 100px; }
    input,
    textarea,
    select { font-size: 15px; }
    input::placeholder,
    textarea::placeholder,
    select::placeholder { font-size: 15px; }
    .secreen_two .form form input:nth-child(odd) { margin-right: 10px; }
    .secreen_two .form form input:nth-child(even) { margin-left: 10px; }
    .secreen_two .form form .col-2 input { width: calc(50% - 20px); }
    .secreen_two .form .col-1 { padding: 0 10px; }
    .screen_bottom { margin-top: 10px; }
    .secreen_two .screen_bottom .subtitle h3 { font-size: 20px; }

    /* Screen Five */
    .screen_five .screenfive_main { flex-wrap: wrap; padding: 0; }
    .screen_five .left { width: 100%; padding: 0; max-width: 70%; margin: 0 auto; }
    .screen_five .screenfive_main .right { width: 100%; margin: 0; padding: 0 15px; border-radius: 50px 50px 0 0; }
    .screen_five .left_center { align-items: center; }
    .screen_five .center_inner { min-width: 150px; }

    /* Screen Six */
    .screen_six .container { width: 750px; }
    .screen_six .section_main .date_time { padding: 25px 0; }
    .screen_six .section_main .date_time ul li { font-size: 20px; }
    .screen_six .section_main .point_left h3 { font-size: 28px; }
    .screen_six .section_main .point_left h3 span { font-size: 20px; padding-top: 25px; }
    .screen_six .section_main .point_right { padding-left: 10px; }
    .screen_six .section_main .point_right ul li { font-size: 16px; line-height: 26px; }
    .screen_six .section_main .point_right ul li+li { margin-top: 22px; }
    .screen_six .screen_bottom { padding: 30px 30px 10px; border-radius: 30px 30px 0 0; }
    .screen_six .footer_note { padding-top: 30px; }

    /* Seven Screen */
    .screen_seven .container { width: 750px; }
    .screen_seven .video_section { background-color: transparent; box-shadow: none; margin-top: 20px; }

    /* Screen eight */
    .screen_eight .section_middle { padding: 50px 25px; }
    .screen_eight .section_middle .middle_right { width: 50%; height: 500px; }
    .screen_eight .section_middle .middle_left .content { padding: 20px 0; font-size: 24px; }

    /* Screen Ning */
    .screen_nine .section_main .section_right .title h2 { font-size: 30px; }
    .screen_nine .section_main .section_right .text { font-size: 22px; padding: 20px 15px; }
    .screen_nine .section_main .section_right { padding-left: 10px; }
    .screen_nine .section_main .section_left { padding-left: 10px; }
    .screen_nine .section_main .section_right .point_count:before { width: 160px; height: 160px; }
    .screen_nine .section_main .section_right .point_count { width: 150px; height: 150px; font-size: 50px; }
    .screen_nine .section_main .section_right .point_count span { font-size: 22px; }
    .screen_nine .section_main .section_right .time_sec { margin-top: 30px; font-size: 24px; }

    /* Screen Eleven */
    .screen_eleven { background: none !important; }
    .screen_eleven .section_middle .middle_left .content { font-size: 20px; }
    .screen_eleven .section_middle .middle_left ul li a { font-size: 16px; }
    .section_middle { padding: 50px 30px; }
    .screen_eleven .middle_right { padding: 0; }
    .screen_eleven .container { width: 100%; padding: 0; }
    /*.screen_eleven .section_middle { position: relative; margin-bottom: -50px; z-index: -1; padding-bottom: 100px; }*/
    .section_top { margin: 0; box-shadow: none; padding: 10px 10px 50px; }
    
    .screen_eleven .middle_right .number_count .inner { padding: 25px; }
    .screen_eleven .section_middle .middle_left ul li { width: 138px; }
    .screen_eleven .section_middle .middle_left ul { padding: 0 10px; }
    .screen_eleven .section_middle .middle_left ul li:nth-child(2n) { width: 140px; }
    .screen_eleven .section_middle .middle_left ul li { margin-bottom: 15px; }

    /* Screen 12 */
    .screen_twelve .section_middle .middle_left { width: 100%; max-width: 60%; margin: 0 auto; padding: 0; }
    .screen_twelve .section_middle .middle_right { width: 100%; padding: 20px; }
    .screen_twelve .screen_bottom { padding: 30px 10px 10px; }
    .screen_twelve .section_middle .middle_right .left_inner { }
    .screen_twelve .number_count { max-width: 80%; margin: 0 auto; }
    .screen_twelve .section_middle .text { margin-left: 60px; }

    /* Screen 13 */
    .screen_thrteen .container { width: 750px; }
    .screen_thrteen .total_count .inner .percent { padding: 15px 40px; }
    .screen_thrteen .total_count .inner .count_title { font-size: 20px; }

    /* Screen 14 */
    .container_full { max-width: 100%; }
    .screen_forteen { background: none !important; }
    .screen_forteen .middle_right ul li { width: calc(100% - 280px); margin: 0 0 15px 0; text-align: center; display: inline-block; }
    .screen_forteen .middle_right ul { max-width: 100%; width: 100%; display: inline-block; text-align: center; margin: 0 auto; columns: 1;}
    .screen_forteen .middle_right { text-align: center; width: 100%; display: inline-block; }
    /*.screen_forteen .section_middle { position: relative; margin-bottom: -50px; z-index: -1; padding-bottom: 100px; }*/

    /*  Screen 16 */
    .screen_sixteen { background: none !important; }
    .screen_sixteen .section_top { background: transparent; box-shadow: none; padding-bottom: 100px; }
    .screen_sixteen .section_middle .middle_left .content { padding: 20px 0px; font-size: 20px; }
    .screen_sixteen .middle_right .circle_img { max-width: 50%; }
    /*.screen_sixteen .section_middle { position: relative; margin-bottom: -50px; z-index: -1; padding-bottom: 100px; }*/

    /* Screen 20 */
    .screen_tewnty .section_main .text_info { font-size: 23px; }
    .screen_tewnty .section_main .thankyou_main .thankyou_left { padding-right: 15px; }
    .screen_tewnty .section_main .thankyou_main .thankyou_right { padding-left: 15px; }
    .screen_tewnty .section_main .thankyou_main .thankyou_right .inner { margin-bottom: 35px; }
    .screen_tewnty .section_main .thankyou_main .thankyou_right .content { font-size: 20px; }
    .screen_tewnty .thankyou_bottom .thankyou_right ul.number li { font-size: 20px; line-height: 26px; }
    .screen_tewnty .thankyou_bottom .thankyou_right ul.dots li { font-size: 20px; line-height: 26px; }
    .screen_tewnty .thankyou_bottom .thankyou_left img { width: 350px; }
    .screen_tewnty .screen_bottom { margin-top: 50px; }

    /* Screen 21 */
    .screen_tewntyone .section_middle .content { padding: 20px 40px; }
    .screen_tewntyone .section_middle .middle_right .box_img { width: calc(50% - 20px); }

    /* Screen 22 */
    .screent_twentythree .text_info { font-size: 22px; margin: 30px 0; }

    /* Screen 24 */
    .twenty_four .section_middle .middle_right { padding: 0 25px; }
    .twenty_four .section_top { padding-bottom: 100px; margin-bottom: -70px; }
    .twenty_four .section_middle { position: relative; margin-bottom: -50px; padding-bottom: 100px; }
    .twenty_four .screen_bottom { position: relative; }

    /* Screen 25 */
    .twenty_five .middle_right .option .img { width: 80px !important; height: 80px !important; }
    .twenty_five .middle_right .option .img img { max-width: 50px !important; }
    .twenty_five .middle_right .option { top: 35%; }
    .twenty_five .middle_right .option:nth-child(2n) { top: 40%; }
    .twenty_five .middle_right .option:nth-child(3n) { top: 45%; }

    /* Screen 27 */
    .twenty_seven { background: none !important; }
    .twenty_seven .section_middle { position: relative; margin-bottom: -50px; padding-bottom: 100px; }

     .twenty_seven .middle_left{width: 356px;}
    .twenty_seven .middle_left ul li { left: 31%; top: -26px; }
    .twenty_seven .middle_left ul li:nth-child(2n) { left: 182px; }
    .twenty_seven .middle_left ul li:nth-child(3n){right: 1px; left: auto;}
    .twenty_seven .screen_bottom { position: relative; }
    .twenty_seven .middle_right ul li+li { margin-left: 15px; }
    .twenty_seven .middle_left ul li a { font-size: 18px; width: 58px; height: 58px; }
    .twenty_seven .middle_left ul li a span { top: 4px; right: 4px; }

    /* Screen 31 */
    .thirty_one { background: none !important; }
    .thirty_one .section_middle { position: relative; margin-bottom: -50px; padding-bottom: 100px; }
    .thirty_one .middle_left ul li { left: 26%; }
    .thirty_one .middle_left ul li:nth-child(2n) { left: 48%; }
    .thirty_one .screen_bottom { position: relative; }
    .thirty_one .middle_left ul li a { font-size: 20px; }
    .thirty_one .middle_left ul li:nth-child(3n) { right: 11px; }
    .thirty_one .middle_left ul li a span { right: 10px; }
}
@media (max-width:900px) {
    .twenty_seven .middle_left ul li+li { margin-left: 22px; }
    .thirty_one .middle_left ul li+li { margin-left: 22px; }
}
@media (max-width:790px) {
    .twenty_seven .middle_left ul li+li { margin-left: 12px; }
    .thirty_one .middle_left ul li+li { margin-left: 12px; }
}
@media(max-width:767px) {
    p { margin: 0; }
    h1 { color: #939598; }
    h2 { color: #fff; }
    .container { width: 100%; }
    .btn_style3,
    a.btn_style3 { min-width: 250px; font-size: 20px; width: auto; padding: 15px; }
    .section_top .inner .avtar_img span { width: 35px; height: 35px; left: -15px; font-size: 18px; }
    .home_secreen { background: none !important; }
    .home_secreen .homescreen_main { position: relative; z-index: 1; max-width: 100%; background-color: #fff; }
    .home_secreen .homescreen_main .subtitle { display: none; }
    .logo_desk { display: none; }
    img.x_img { width: auto; }
    .logo_mobile { display: inline-block; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; max-width: 150px;margin: 0 auto;}
    .logo_mobile a { width: 100%; }
    .home_secreen .screen_bottom .home_btn { max-width: 70%; }
    .screen_bottom .footer_note { font-size: 16px; padding: 50px 0 0; }
    .screen_bottom { position: relative; z-index: 1; border-radius: 50px 50px 0 0; padding: 50px 15px 0; }
    .screen_bottom .footer_note { padding: 70px 0 10px 0; }

    /* screen Two */
    .secreen_two { background: none !important; padding: 20px 0 0; }
    .section_wrap { background: transparent; box-shadow: none; max-width: 100%; }
    .privous a { color: #939598; }
    .secreen_two .homescreen_main { padding: 20px 0; }
    .secreen_two h1 { font-size: 24px; }
    .secreen_two .avatar .avatar_img { width: 80px; height: 80px; }
    .secreen_two .avatar { padding: 20px 0; }
    .col { width: 100%; }
    .secreen_two .form form input { width: 100% !important; }
    .secreen_two .form form input:nth-child(odd) { margin-right: 0; }
    .secreen_two .form form input:nth-child(even) { margin-left: 0; }
    .secreen_two .form .col-1 { padding: 0; }
    .secreen_two .screen_bottom .subtitle h3 { color: #fff; font-size: 16px; }
    .secreen_two .screen_bottom .footer_note { color: #fff; padding-top: 20px; }
    .secreen_two .screen_bottom { padding: 15px 0 0 0; }
    .secreen_two .screen_bottom .subtitle h3 span { display: block; }
    .secreen_two .screen_bottom .subtitle h3 a { display: none; }
    .secreen_two .screen_bottom .subtitle h3 span a { display: block; }
    .secreen_two .form .note,
    .secreen_two .form .required { padding: 0; }

    /* Screen Three */
    .secreen_three { background: none !important; padding: 20px 0 0; }
    .secreen_three .logo_desk { display: none; }
    .secreen_three .homescreen_main h2 { color: #1c4384; }
    .secreen_three .homescreen_main h2 { font-size: 20px; }
    .secreen_three .section_wrap { margin-top: 0; padding: 0; }
    .secreen_three .section_wrap .form { padding-top: 50px; }
    .secreen_three .logo_mobile { max-width: 250px; margin: 0 auto; padding: 30px 0; text-align: center; }
    .secreen_three .section_wrap .homescreen_main { padding: 0 15px 50px; }
    .secreen_three .container { padding: 0; }
    .secreen_three .screen_bottom { padding: 0 15px; margin: 0; }
    .secreen_three .screen_bottom .subtitle h3 { color: #fff; font-size: 20px; }
    .secreen_three .screen_bottom .subtitle h3 a { display: none; }
    .secreen_three .screen_bottom .subtitle h3 span { display: block; }
    .secreen_three .screen_bottom .subtitle h3 span a { display: block; }
    .secreen_three .screen_bottom .footer_note { padding: 30px 0 10px; color: #fff; }
    .secreen_three a.for_mob { color: #939598; font-family: 'EuclidCircularA-Regular'; font-size: 22px; font-weight: 400; letter-spacing: 1.5px; margin-top: 15px; display: inline-block; text-decoration: underline; }

    .quiz_J3 .question2 .middle_right{height: auto !important;}
    /* Screen Four */
    .secreen_four { background: none !important; padding-top: 50px; }
    .secreen_four .homescreen_main { background: url(./images/screenfour_bg.png)no-repeat center/cover; padding: 50px 15px; border-radius: 50px; }
    .secreen_four .container { padding: 0; }
    .secreen_four .thankyou_msg h2 { font-size: 30px; }
    .secreen_four .thankyou_msg .submsg { font-size: 20px; }
    .secreen_four .thankyou_msg:after { bottom: 70px; }
    .secreen_four .footer_note { padding: 0 0 15px; }

    /* Secreen Five */
    .screen_five { padding: 0; }
    .screen_five .left { max-width: 100%; }
    .screen_five .logout{color: #FFF;}
    .screen_five .left_top_box { background: url(./images/screenfour_bg.png)no-repeat center/cover; padding: 30px 15px; position: relative; border-radius: 0 0 50px 50px; }
    .screen_five .left_top_box img { position: absolute; top: 20px; right: 20px; }
    .screen_five .left_top_box img.for_desk { display: none; }
    .screen_five .left_top_box h2 { font-size: 22px; }
    .screen_five .left .section_logo h3 { font-size: 22px; color: #fff; }
    .screen_five .left .section_logo h3 span { width: 25px; height: 25px; font-size: 12px; line-height: 25px; }
    .screen_five .left .section_logo h3 sup { font-size: 12px; }
    .screen_five .left_center { padding: 40px 15px; text-align: center; justify-content: center; }
    .screen_five .left_center .center_inner img { width: 60px; height: 60px; line-height: 60px; align-items: flex-start; }
    .screen_five .left_center .center_inner h4 { font-size: 14px; line-height: 18px; }
    .screen_five .left_center .center_inner ul { padding: 0; }
    .screen_five .left_center .center_inner ul li { font-size: 35px; line-height: 70px; text-align: center; margin: 0 auto; }
    .screen_five .left_center .center_inner ul li+li { margin-left: 25px; padding-left: 20px; }
    .screen_five .left_center .center_inner ul li+li:before { left: -20px; width: 30px; height: 5px; }
    .screen_five .center_inner { min-width: 130px; }
    .screen_five .left_bottom { padding: 50px 15px 0; }
    .screen_five .footer_note { padding: 0; }
    .screen_five .screen_bottom { box-shadow: none; }
    .screen_five .screen_bottom { padding: 30px 0 10px 0; }
    .screen_five .screenfive_main .right ul li.number.number_2 { top: 7%; right: 15%; }
    .screen_five .screenfive_main .right ul li.number.number_3 { top: 20%; right: 15%; }
    .screen_five .screenfive_main .right ul li.number.number_4 { top: 22%; }
    .screen_five .screenfive_main .right ul li.number.number_5 { top: 30%; left: 3%; }
    .screen_five .screenfive_main .right ul li.number.number_6 { top: 45%; left: 23%; }
    .screen_five .screenfive_main .right ul li.number.number_7 { top: 60%; left: 50%; }
    .screen_five .screenfive_main .right ul li.number.number_9 { left: 60%; }
    .screen_five .screenfive_main .right ul li a { width: 70px; height: 70px; font-size: 30px; }

    /* Screen Six */
    .screen_six .container { width: 100%; padding: 0; }
    .screen_six { background: none !important; }
    .screen_six .privous { top: 5px; left: 0; padding-left: 20px; }
    .screen_six .section_main .date_time ul { background: transparent; border: none; max-width: 100%; margin: 0 auto; }
    .screen_six .section_main .date_time ul li span { display: block; background-color: #fff; border-radius: 15px; border: 3px solid #963392; color: #963392; width: 100%; display: inline-block; vertical-align: top; }
    .screen_six .section_main .date_time ul li+li { margin: 0; }
    .screen_six .section_main .date_time ul li+li span { border-left: none; border-radius: 0px 30px 30px 0; }
    .screen_six .section_main .date_time ul li:first-child span { border-right: none; border-radius: 30px 0 0 30px; }
    .screen_six .section_main .date_time ul li { color: #fff; width: 50%; }
    .screen_six .section_main .date_time ul li span.title { width: 102px; background-color: transparent; border: none; color: #fff; margin: 0 auto; font-weight: 400; font-family: 'EuclidCircularA-Regular'; }
    .screen_six .section_main .date_time ul li label { display: none; }
    .screen_six .section_main .point_count { flex-wrap: wrap; }
    .screen_six .section_main .point_left { width: 100%; margin: 0; }
    .screen_six .section_main .point_right { width: 100%; margin: 0; border: none; padding: 50px 0 0 0; }
    .screen_six .section_main .point_right .point_title { text-align: center; }
    .screen_six .section_main .point_right ul li { padding: 5px 0 5px 50px; }
    .screen_six .section_main .point_right ul li span { font-size: 16px; }
    .screen_six .section_main .point_right ul li img { width: 20px; height: 45px; }
    .screen_six .screen_bottom { position: relative; z-index: 11; margin-top: -180px; }
    .screen_six .section_main { padding-bottom: 230px; }
    .screen_six .footer_note { padding: 20px 0 10px; }
    .screen_six .section_main h2 { max-width: 100% !important; }
    .screen_six .section_logo h2 { background: red; background: rgb(91, 197, 207); background: -moz-linear-gradient(left, rgba(91, 197, 207, 1) 0%, rgba(91, 197, 207, 1) 4%, rgba(82, 172, 189, 1) 12%, rgba(64, 128, 158, 1) 28%, rgba(53, 107, 142, 1) 37%, rgba(50, 92, 132, 1) 44%, rgba(42, 81, 124, 1) 51%, rgba(61, 79, 127, 1) 54%, rgba(107, 71, 135, 1) 71%, rgba(124, 66, 140, 1) 80%, rgba(145, 54, 145, 1) 92%, rgba(149, 51, 146, 1) 96%, rgba(150, 51, 146, 1) 100%); background: -webkit-linear-gradient(left, rgba(91, 197, 207, 1) 0%, rgba(91, 197, 207, 1) 4%, rgba(82, 172, 189, 1) 12%, rgba(64, 128, 158, 1) 28%, rgba(53, 107, 142, 1) 37%, rgba(50, 92, 132, 1) 44%, rgba(42, 81, 124, 1) 51%, rgba(61, 79, 127, 1) 54%, rgba(107, 71, 135, 1) 71%, rgba(124, 66, 140, 1) 80%, rgba(145, 54, 145, 1) 92%, rgba(149, 51, 146, 1) 96%, rgba(150, 51, 146, 1) 100%); background: linear-gradient(to right, rgba(91, 197, 207, 1) 0%, rgba(91, 197, 207, 1) 4%, rgba(82, 172, 189, 1) 12%, rgba(64, 128, 158, 1) 28%, rgba(53, 107, 142, 1) 37%, rgba(50, 92, 132, 1) 44%, rgba(42, 81, 124, 1) 51%, rgba(61, 79, 127, 1) 54%, rgba(107, 71, 135, 1) 71%, rgba(124, 66, 140, 1) 80%, rgba(145, 54, 145, 1) 92%, rgba(149, 51, 146, 1) 96%, rgba(150, 51, 146, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc5cf', endColorstr='#963392', GradientType=1); padding: 20px 70px; font-size: 30px; }

    /* Seven Screen */
    .screen_seven .container { width: 100%; padding: 0; }
    .screen_seven .section_top { position: relative; z-index: 1; padding-bottom: 40px; }
    .screen_seven .section_top:before { position: absolute; content: ""; left: 0; right: 0; bottom: 0; background: url(./images/border.png)no-repeat center/cover; width: 100%; height: 17px; }
    .screen_seven .screen_bottom { padding: 30px 15px 10px; }
    .screen_seven .screen_bottom .footer_note { padding: 25px 0 0 0; }




    /* Screen Eight */
    .screen_eight .section_top:before { display: none; }
    .screen_eight .section_top { padding: 0; }
    .screen_eight .section_top .inner .points p { font-size: 20px; }
    .screen_eight .time { font-size: 20px; padding-top: 0px; }
    .screen_eight .section_middle { padding: 50px 15px 0; margin-top: 20px; position: relative; margin-bottom: -100px; }
    .screen_eight .section_middle .middle_left { width: 100%; padding: 0; }
    .screen_eight .section_middle .middle_right { padding: 0; width: 227px; margin-top: 49px; margin-bottom: 0; height: 70px; }
    .screen_eight .section_middle .middle_left .content { font-size: 22px; }

    /* Screen Nine */
    .screen_nine .section_main .section_left { width: 100%; padding: 0; margin: 0 auto; text-align: center; max-width: 50%; margin: 0 auto; }
    .screen_nine .section_main .section_right { width: 100%; padding: 25px 0 0 0; }
    .screen_nine .section_main { flex-wrap: wrap; padding: 0; }
    .screen_nine .screen_bottom { margin-top: 30px; padding: 30px 15px 10px; }
    .screen_nine .screen_bottom a.btn_style1 { font-size: 20px; }

    /* Screen Ten */
    .screen_ten { padding-top: 20px; }
    .screen_ten .title { padding: 100px 0; }
    .screen_ten { padding-top: 50px; }
    .screen_ten .title { padding: 200px 0; width: 100%; }
    .screen_ten .title h2 { font-size: 30px; }
    .screen_ten .title:before { width: 240px; height: 160px; left: 0; top: 20px; right: 0; margin: 0 auto; background: url(./images/dots-mobile.png)no-repeat center/cover; }
    .screen_ten .title:after { width: 240px; height: 160px; top: auto; bottom: 20px; left: 0; right: 0; margin: 0 auto; background: url(./images/dots-1-mobile.png)no-repeat center/cover; }
    .screen_ten .queration { font-size: 30px; margin: 20px 0; }
    .screen_ten .text_info { font-size: 20px; }
    .screen_ten .note { font-size: 14px; line-height: 1.15; }
    .screen_ten .screen_bottom { margin-top: 30px; padding: 30px 0 10px; }
    .screen_ten .footer_note { padding: 30px 0 0; }

    /* Screen Eleven */
    .screen_eleven .section_top:before { display: none; }
    .screen_eleven .section_middle { flex-wrap: wrap; padding:20px 0 !important; margin-bottom: 0 !important;}
    .screen_eleven .section_middle .middle_left { width: 100%; }
    .screen_eleven .section_middle .middle_right { width: 100%; margin-bottom: 25px; }
    .screen_eleven .section_middle .middle_left ul { padding: 0 15px; width: 100%; margin: 0 auto; justify-content: center; }
    .screen_eleven .section_middle .middle_left ul li { width: auto; margin-bottom: 10px; }
    .screen_eleven .section_middle .middle_left ul li a{font-size: 12px; letter-spacing: 0px;}
    .screen_eleven .section_middle .middle_left ul li + li{margin-top: 0px;}
    .screen_eleven .section_middle .middle_left { padding: 0; }
    .screen_eleven .section_middle { padding: 50px 0 80px; }
    .screen_eleven .section_middle .middle_left ul li:nth-child(2n) { width: auto }
    .screen_eleven .section_middle .middle_left .content { padding: 20px 10px; }
    .screen_eleven .middle_right .number_count .inner{padding:  15px;}
    .screen_eleven .middle_right .number_count .inner .number{width: 35px; height: 35px; font-size:  20px;}

    .screen_eleven .middle_right .number_count .inner .percent{padding: 10px; font-size: 16px;}

    /* Screen 12 */
    .screen_twelve .section_middle .section_middle { padding: 50px 10px; }
    .screen_twelve .section_middle .middle_left { max-width: 100%; }
    .screen_twelve .section_middle .middle_right { padding: 20px 0; }
    .screen_twelve .section_middle .middle_right .number { font-size: 18px !important; width: 30px !important; height: 30px !important; }
    .screen_twelve .section_middle .middle_right .percent { font-size: 16px !important; padding: 5px 20px !important; }
    .screen_twelve .section_middle .text { margin-left: 30px; }

    /* Screen 13 */
    .screen_thrteen { padding: 0; }
    .screen_thrteen .text_info { max-width: 60%; padding: 20px 0px; margin: 0 auto; }
    .screen_thrteen .total_count { flex-wrap: wrap; justify-content: center; padding-bottom: 0; }
    .screen_thrteen .total_count .inner { width: 100%; padding-bottom: 40px; }
    .screen_thrteen .total_count .inner .count_title { padding-top: 10px; }

    /* Screen 14 */
    .section_middle .middle_left { width: 100%; }
    .screen_forteen .middle_right { padding: 0; }
    .screen_forteen .middle_right ul li { width: 100%; }
    .screen_forteen .middle_right ul li a { min-width: 100%; font-size: 16px; padding: 10px 13px; }
    .screen_forteen { padding-top: 30px; }
    .screen_forteen .screen_bottom .footer_note { padding: 30px 0 0 0; }

    /* screen 16 */
    .screen_sixteen { padding-top: 30px; }
    .screen_sixteen .section_top { padding-bottom: 30px; margin-bottom: 0; }
    .screen_sixteen .section_middle { position: relative; margin-bottom: -50px; padding: 50px 20px 100px; max-width: 100%; }
    .screen_sixteen .middle_right .circle_img { max-width: 60%; }
    .screen_sixteen .middle_right { padding: 0; }
    .screen_sixteen .screen_bottom { padding: 30px 0 10px; }
    .screen_sixteen .screen_bottom .footer_note { padding: 30px 0 0 0; }

    /* screen 20 */
    .screen_tewnty .section_main .thankyou_main { flex-wrap: wrap; }
    .screen_tewnty .section_main .thankyou_main .thankyou_left { width: 100%; padding: 0; }
    .screen_tewnty .section_main .thankyou_main .thankyou_right { width: 100%; padding: 25px 0 0; text-align: center; }
    .screen_tewnty .section_main .thankyou_main .thankyou_right .content { margin: 0 auto; }
    .screen_tewnty .thankyou_bottom { flex-wrap: wrap; }
    .screen_tewnty .thankyou_bottom .thankyou_left { width: 100%; padding: 0; order: 1; }
    .screen_tewnty .thankyou_bottom .thankyou_right ul.number{max-width: 90%;margin: 0 auto;}
    .screen_tewnty .thankyou_bottom .thankyou_right { width: 100%; padding: 25px 0 0; order: 2; }
    .screen_tewnty .thankyou_bottom .thankyou_right ul.dots { display: inline-block; padding: 0; max-width: 90%;margin: 0 auto;}
    .screen_tewnty .thankyou_bottom .thankyou_right ul.dots li { padding-left: 20px; }
    .screen_tewnty .thankyou_bottom .thankyou_right ul.dots li::before{left: 0;}

    .screen_tewntyone .section_middle{margin-bottom: -50px !important;}
    .screen_tewntyone .middle_right{height: auto !important; width: 100% !important;}
    .screen_tewntyone .section_middle .middle_right .box_img{min-height: auto !important;}

    /* Screen 23 */
    .screent_twentythree .text_info { padding: 0 35px; }
    .screent_twentythree .question_2 .question_img_wrap { flex-wrap: wrap; padding: 0 50px; }
    .screent_twentythree .question_2 .question_img_wrap .question_img_inner { width: 50%; padding: 25px 15px 0; }

    /* Screen 24 */
    .twenty_four .section_middle{margin-bottom: -50px !important;}
    .twenty_four .section_middle .middle_right { padding: 30px 40px; justify-content: center; width: 100%; margin-top: 0 !important;}
    .twenty_four .middle_left .img{width: 50%;}
    .twenty_four .section_middle .middle_right .option { width: calc(33.33% - 30px); margin: 0 15px; }
    .twenty_four .section_middle .middle_right .option .img { width: 80px; height: 80px; margin: 0 auto; }
    .twenty_four .section_middle .middle_right .option .img img { max-height: 70px; }
    .twenty_four .section_middle .middle_right .option:last-child { margin-top: 0; }
    .twenty_four .box_top .content br { display: none; }
    .twenty_four .screen_bottom .footer_note { padding: 30px 0 10px 0; }

    /* Screen 25 */
    .twenty_five .middle_right .option { width: 100%; left: 4%; top: 35%; }
    .twenty_five .middle_right .option:nth-child(2n) { right: 50px; }
    .twenty_five .middle_right .option:nth-child(3n) { left: 10%; top: 50%; }

    /* Screen 27 */
    .twenty_seven .section_middle { padding: 50px 15px 100px; }
    .twenty_seven .section_middle .middle_left { padding: 0; max-width: 500px;}
    .twenty_seven .middle_right ul { justify-content: center; width: 100%; }
    .twenty_seven .middle_right { width: 100%; padding: 0; }
    .twenty_seven .middle_left ul li a span { top: 30px; right: 30px; }
    .twenty_seven .middle_left ul li { left: 170px; top: -31px; }
    .twenty_seven .middle_left ul li:nth-child(2n) { left: 268px; }
    .twenty_seven .middle_left ul li:nth-child(3n){right: 45px; left: auto;}
    .twenty_seven .screen_bottom { position: relative; }
    .twenty_seven .middle_right ul li+li { margin-left: 15px; }
    .twenty_seven .middle_left ul li a { font-size: 18px; width: 70px; height: 70px; }
    .twenty_seven .middle_left ul li a span { top: 4px; right: 4px; }


    /* Screen 31 */
    .thirty_one .middle_left { width: 100%; padding: 0; max-width: 650px; }
    .thirty_one .thankyou_main .right { width: 100%; padding: 0; text-align: center; }
    .thirty_one .middle_left ul li a { width: 99px; height: 99px; font-size: 35px; }
    .thirty_one .middle_left ul li { top: -40px; left: 31%; }
    .thirty_one .middle_left ul li:nth-child(2n) { left: 55.5%; }
    .thirty_one .middle_left ul li:nth-child(3n) { right: 0; }
    .thirty_one .middle_left ul li a span { top: 30px; right: 10px; font-size: 20px; }
    .thirty_one .note { text-align: center; }

    .screen_bottom .footer_note.whiteonmobile, .screen_bottom .footer_note.whiteonmobile a{color: #FFF;}
}

@media (max-width: 600px){
    .thirty_one .middle_left ul li a { width: 95px; height: 95px; font-size: 26px; }
    .thirty_one .middle_left ul li { top: -43px; }
    .thirty_one .middle_left ul li:nth-child(2n) { left: 55%; }
}
@media (max-width:550px) {

    /* Screen 21 */
    .screen_tewntyone .section_middle .content { padding: 20px 0; font-size: 20px; }
    .screen_tewntyone .section_middle .middle_right .box_img { width: 100%; margin: 0 0 20px; }
    .screen_tewntyone .section_middle .middle_right { margin: 0; }
    .screen_tewntyone .screen_bottom .footer_note { padding: 30px 0 10px; }
    .screen_tewntyone .screen_bottom { padding: 30px 0 0; }
    .screen_tewntyone .section_middle .middle_right .box_img img { min-height: auto; }

    /* Screen 27 */
    .twenty_seven .middle_left ul li a { width: 70px; height: 70px; }
    .twenty_seven .middle_left ul li { left: 170px; top: -30px; }
    .twenty_seven .middle_left ul li:nth-child(2n) { left: 265px; }
    .twenty_seven .box_top .content br { display: none; }
    .twenty_seven .footer_note { padding: 30px 0 0 0; }
    .twenty_seven .screen_bottom { padding: 50px 0 10px 0; }

    /* Screen 31 */
    .thirty_one .middle_left ul li a { width: 90px; height: 90px; }
    .thirty_one .middle_left ul li { left: 29%; top: -40px; }
    .thirty_one .middle_left ul li:nth-child(2n) { left: 53%; }
}
@media (max-width:480px) {

    .section_middle{border-radius: 0 !important;}
    .privous { padding-left: 20px; }
    a.btn_style1 { min-width: 240px; }
    .screen_bottom .home_btn { max-width: 100%; }
    .btn_style1,
    a.btn_style1 { width: 100%; min-width: 250px; padding: 15px; font-size: 20px; }
    a.btn_style2 { min-width: 250px; width: 100%; }
    .btn_style3,
    a.btn_style3 { width: 100%; }
    .home_secreen .screen_bottom { margin-top: 30px; }
    .home_secreen .screen_bottom .home_btn { max-width: 100%; }
    .secreen_two .form form input::placeholder { letter-spacing: .2px; }

    /**/
    .screen_five { overflow-x: hidden; }
    .screen_five .left_top_box img.for_mob { width: 30px; height: 30px; top: 20px; }
    .screen_six .section_main { padding-bottom: 210px; }

    /**/
    .screen_six .section_main .point_right ul li img { top: 10px; left: 5px; }

    /*  */
    .screen_eight .section_middle .middle_left .content { padding: 30px 0; font-size: 20px; }
    .screen_eight .section_middle { padding: 40px 55px; margin-bottom: -120px; }
    .screen_eight a.btn_style1 { min-width: 300px; }

    /* Screen Nine */
    .screen_nine .section_main .section_left { max-width: 70%; }
    .screen_nine .section_main .section_right .text { font-size: 20px; padding: 20px 35px; }

    /**/
    .screen_twelve .number_count { max-width: 100%; }
    .screen_twelve .section_middle .text { margin-left: 10px; }
    .screen_eleven .middle_right .number_count .inner { justify-content: space-between; }

    /* Screen 13 */
    .screen_thrteen .section_main .note { max-width: 100%; }
    .screen_thrteen .text_info { max-width: 100%; padding: 20px 0 0; }
    .screen_thrteen .screen_bottom .footer_note { padding-top: 15px; }
    .screen_thrteen .screen_bottom .footer_note p { font-size: 16px; line-height: 1.15; }
    .screen_bottom .footer_note p { line-height: 1.15; }
    .screen_thrteen a.btn_style3 { min-width: 330px; width: auto; }
    .screen_forteen .section_middle { padding: 50px 15px 100px; }

    /*  */
    .screen_sixteen .middle_right .circle_img { max-width: 100%; }

    /* Screen 23 */
    .screent_twentythree .text_info { padding: 0; }
    .screent_twentythree .text_info br { display: none; }
    .screent_twentythree .question_2 .question_img_wrap .question_img_inner { width: 100%; }

    /* Screen 24 */
    .twenty_four .section_middle .middle_right { padding: 30px 0; }
    .twenty_four .section_middle { padding-bottom: 50px; }

    /* Screen 25 */
    .twenty_five .middle_right { margin: 0 0 50px 0; height: 350px; }
    .twenty_five .middle_right .option:nth-child(2n) { right: 25px; }

    /* Screen 27 */
    .twenty_seven .middle_left{width: 100%;}
    .twenty_seven .middle_left ul li a { width: 75px; height: 75px; }
    .twenty_seven .middle_left ul li { top: -30px; left: 30.5%; }
    .twenty_seven .middle_left ul li:nth-child(2n) { left: 54%; }
    .twenty_seven .middle_left ul li:nth-child(3n){right: 0px;}
    .twenty_seven .middle_right ul li a { width: 90px; height: 90px; font-size: 25px; }
    .twenty_seven .box_top .content { font-size: 20px; margin: 20px 0; }
    .twenty_seven .section_middle .middle_left { max-width: 100%;}
    .twenty_seven .middle_left ul li a span { top: 15px; right: 15px; }

    /* Screen 31 */

    .thirty_one .thankyou_main { padding-bottom: 20px; }
    .thirty_one .middle_left ul li a { width: 75px; height: 75px; font-size: 20px; }
    .thirty_one .middle_left ul li { top: -30px; left: 28.5%; }
    .thirty_one .middle_left ul li:nth-child(2n) { left: 52%; }
    .thirty_one .middle_left ul li a span { font-size: 14px; top: 17px; }
}
@media (max-width:380px) {


    .screen_nine .section_main .section_right .text { font-size: 20px; padding: 20px 10px; }
    .twenty_seven .middle_left ul li a { width: 60px; height: 60px; font-size: 17px; }
    .twenty_seven .middle_left ul li:nth-child(2n) { left: 53%; }
    .twenty_seven .middle_left ul li { top: -25px; }
    .twenty_seven .middle_right ul li a { width: 70px; height: 70px; font-size: 22px; }
    .twenty_seven .middle_right ul li+li { margin-left: 20px; }
    .twenty_seven .middle_left ul li a span { top: 10px; right: 10px; }

    /**/
    .thirty_one .middle_left ul li { top: -28px; }
    .thirty_one .middle_left ul li:nth-child(2n) { left: 53%; }
    .thirty_one .middle_left ul li a { width: 60px; height: 60px; font-size: 16px; }
    .thirty_one .middle_left ul li a span { top: 10px; }
}
@media (max-width:320px) {
    .privous { padding-left: 20px; }
    .secreen_two .avatar .avatar_img { width: 70px; height: 70px; }

    /**/

    /* Screen Five */
    .screen_five .left .section_logo h3 { font-size: 18px; }
    .screen_five .center_inner { min-width: 105px; }
    .screen_nine .section_main .section_right .text { font-size: 16px; padding: 20px 10px; }

    /**/
    .screen_twelve .section_middle .middle_right .left_inner { width: calc(100% - 76px); }
    .screen_twelve .section_middle .text { font-size: 13px; margin: 0 5px; }

    /**/
    .screen_thrteen a.btn_style3 { width: 100%; min-width: auto; }

    /* Screen 23 */
    .screent_twentythree .question_2 .question_img_wrap { padding: 0 15px; }

    /* Screen 24 */
    .twenty_four .section_middle .middle_right .option .img { width: 60px; height: 60px; }
    .twenty_four .section_middle .middle_right .option .img img { max-height: 50px; }

    /* Screen 25 */
    .twenty_five .middle_right .option .img { width: 50px !important; height: 50px !important; }
    .twenty_five .middle_right .option .img img { max-height: 40px !important; }
    .twenty_five .middle_right .option:nth-child(2n) { right: 15px; }
    .twenty_five .middle_right { height: 200px; }

    /* Screen 27 */
    .twenty_seven .middle_left ul li a { width: 50px; height: 50px; }
    .twenty_seven .middle_left ul li { top: -24px; left: 30%; }

    /* Screen 31 */
    .thirty_one .middle_left ul li a { width: 60px; height: 60px; }
    .thirty_one .middle_left ul li { top: -28px; left: 28%; }
    .thirty_one .middle_left ul li+li { margin-left: 5px; }
    .twenty_seven .middle_left ul li a span { top: 6px; right: 3px; }
}

@keyframes pop{
  50%  {transform: scale(1.2);}
}

.animatepop{
  animation: pop 1s;
  opacity: 1 !important;
}

.envoyer{display: none;}
.drag{z-index: 9999;}