.elementor-16725 .elementor-element.elementor-element-5108268{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-16725 .elementor-element.elementor-element-3361b98 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-16725 .elementor-element.elementor-element-f4057d2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for section, class: .elementor-element-5108268 */@keyframes arrowanimation {
  0%   {transform: translateY(0)}
  25%  {transform: translateY(15px)}
  50%  {transform: translateY(0)}
  75%  {transform: translateY(15px)}
  100% {transform: translateY(0)}
}

.question, .answer {
    width: 100%;
    max-width: 350px;
    min-height: 400px;
    height: 632px;
    margin: 0 auto;
    padding: 0px 0px 3px;
    background: #0155B8;
    border-radius: 10px;
    font-family: 'Roboto';
}

.start {
    max-width: 350px;
    height: 632px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 auto;
    padding: 4px 4px 40px;
}

.start-title-container {
    text-align: center;
    padding: 10px 0 15px 0;
    border-radius: 10px;
    height: 130px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: white;
}

.entry-content .start-title {
    font-family: 'Roboto';
    font-size: 32px;
    font-weight: 900;
    line-height: 1.2em;
    text-align: center;
    color: #0155B8;
}

.entry-content .start-subtitle {
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 300;
    line-height: 1.2em;
    text-align: center;
    color: #0155B8;
}

.start-img {
    margin: 30px auto;
}

.start-text {
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6em;
    text-align: center;
    margin-bottom: 16px;
    padding: 0 30px;
    color: #ffffff;
}

.start-button {
    font-family: 'Roboto';
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4em;
    text-transform: uppercase;

    width: auto;
    height: auto;
    text-align: center;
    padding: 10px 30px;
    border-radius: 30px;
    margin: 0 auto;
    display: inline-block;
    cursor: pointer;
    background-color: #FF6B00;
    border: 2px solid #FF6B00;
    color: #ffffff;
}

.start-button:hover {
    background-color: #ffffff;
    border: 2px solid #FF6B00;
    color: #FF6B00;
}

.answer {
    padding: 10px 0 7px;
}

.input-container {
    align-items: baseline;
    justify-content: flex-start;
    padding-bottom: 10px;
}

.input-container:last-child {
    align-items: baseline;
    justify-content: flex-start;
     padding-bottom: 15px
}

/*.input-container input[type="radio"] + label {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-right: 10px;
}
*/

input[type="radio"] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    appearance: none;
    /* For iOS < 15 to remove gradient background */
    background-color: #0155B8;
    /* Not removed via appearance */
    margin: 0;
}



input[type="radio"] {
    appearance: none;
    background-color: #fff;
    margin: 0;
    font: inherit;
    color: #0155B8;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid #0155B8;
    border-radius: 50%;
    transform: translateY(-0.075em);
}

input[type="radio"] {
    /* ...existing styles */
    display: grid;
    place-content: center;
}

input[type="radio"]::before {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 50%;
    transform: scale(0) translateY(0px);
    box-shadow: inset 1em 1em #0155B8;
    margin-top: -10px;
}

input[type="radio"]:checked::before {
    transform: scale(0.4) translateY(15px);
    margin-top: -10px;
    border: 0.15em solid #0155B8;
    background-color: #fff !important;
    /*box-shadow: inset 1em 1em currentcolor;*/
}

input[type="radio"]:disabled::before {
    margin-top: -10px;
}

input[type="radio"]:checked, input[type="reset"], input[type="checkbox"]:checked, input[type="checkbox"]:hover:checked, input[type="checkbox"]:focus:checked, input[type="range"]::-webkit-slider-thumb {
    background-color: #fff !important;
}

/*
input[type="radio"]:checked + label {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: currentcolor;
    border: 5px solid #fff;
}

input[type="radio"][disabled] + label {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: currentcolor;
    border: 5px solid #fff;
}
*/
.question label {
    font-family: "Roboto";
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5em;
    color: #0155B8;
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.entry-content .question-title {
    font-family: "Roboto";
    font-size: 16px;
    font-weight: 900;
    min-height: 80px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 10px;
    color: #fff;
}

.question-img {
    max-height: 160px;
    margin: 0 auto;
    display: block;
}

.intern-container {
    height: 475px;
    width: calc(100% - 6px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-left: 3px;
    padding: 24px 40px 20px 24px;
    border-radius: 10px;
    background: white;
}

.intern-container__answer {
    height: 553px;
    width: calc(100% - 10px);
    align-content: center;
    margin-left: 5px;
    padding: 24px 10px 20px 10px;
}

.intern-container__answer--second {
    padding: 15px 10px 15px 10px;
}

.card-number {
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5em;
    margin: 27px 0;
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
}

.card-number span {
    color: rgba(255, 255, 255, 1);
}

/* Aswars*/
.flower-answer {  
    background: #EB5252; 
    color: #EB5252;
}

.star-answer {  
    background: #FFBF44; 
    color: #FFBF44;
}

.diamond-answer {  
    background: #88D066; 
    color: #88D066;
}

.entry-content .flower-answer h4, 
.entry-content .diamond-answer h4, 
.entry-content .star-answer h4,
.entry-content .answer-second h4{
    font-family: 'Roboto';
    font-size: 24px;
    font-weight: 900;
    line-height: 1.2em;
    text-align: center;
    margin-bottom: 23px;
    color: currentcolor;
}

.flower-answer p, 
.diamond-answer p, 
.star-answer p,
.answer-second p {
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    text-align: center;
    padding: 0 20px;
    margin-bottom: 30px;
    color: #686868;
}

.answer-second p {
    margin-bottom: 0px;
}

.flower-answer p:last-child, 
.diamond-answer p:last-child, 
.star-answer p:last-child {
    margin-bottom: 0;
}

.answer .question-title {
    min-height: 60px;
}

.diamond-button {
    font-family: 'Roboto';
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4em;
    text-transform: uppercase;

    width: auto;
    height: auto;
    text-align: center;
    padding: 10px 30px;
    border-radius: 30px;
    margin: 0 auto;
    margin-top: 55px;
    display: inline-block;
    cursor: pointer;
    background-color: #88D066;
    border: 2px solid #88D066;
    color: #ffffff;
}

.diamond-button:hover {
    background-color: #ffffff;
    border: 2px solid #88D066;
    color: #88D066;
}

.faces-image {
    width: 70px;
    height: 70px !important;
    margin: 0 auto;
    display: block;
    margin-bottom: 12px;
}

.answer-arrow-link {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.answer-arrow {
    height: 44px !important;
    width: 31px;
    margin: 35px auto 20px;
    animation: arrowanimation 1s;
}

.entry-content .answer-second h4 {
    margin: 0 auto;
    color: #ff8000;
}

.answer-second  ul {
    padding: 0;
    list-style: none;
    margin: 0 auto;
}

.answer-second  li {
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    margin-bottom: 8px;
    color: #686868;
}

.answer-second  li:last-child {
    margin-bottom: 0;
}

.answer-second  li img {
    margin-right: 5px;
}

.answer-second-button {
    width: auto;
    height: auto;
    text-align: center;
    padding: 5px 30px;
    border-radius: 30px;
    margin: 0 auto;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 500;
}

.answer-second-button-orange {
    background-color: #ff8000;
    border: 2px solid #ff8000;
}

.answer-second-button-blue {
    background-color: #0155B8;
    border: 2px solid #0155B8;
}

.answer-second-button-orange:hover {
    background-color: #FFFFFF;
    border: 2px solid #ff8000;
    color: #ff8000;
}

.answer-second-button-blue:hover {
    background-color: #FFFFFF;
    border: 2px solid #0155B8;
    color: #0155B8;
}

@media all and (max-width: 400px) {
    .start, .question, .answer {
        height: 546px;
    }
    
    .start-title-container {
        height: 80px;
    }
    
    .start-title {
        font-size: 20px;
        line-height: 1.2em;
    }
    
    .start-subtitle {
        font-size: 15px;
        line-height: 1.2em;
    }
    
    img.start-img {
        height: 150px;
        width: auto;
    }
    
    .start-text {
        padding: 0 10px;
        margin-bottom: 26px;
    }
    
    .intern-container {
        height: 427px;
    }
    
    .question-title {
        min-height: 65px;
    }
    
    .question-img {
        max-height: 100px;
        margin-bottom: 5px;
    }
    
    .card-number {
        margin: 9px 0;
    }
    
    .faces-image {
        width: 55px;
        height: 55px !important;
    }
    
    .answer-arrow {
        height: 30px !important;
        width: 22px;
        margin: 25px auto 14px;
    }
    
    .diamond-button {
        margin-top: 12px;
    }

    .entry-content .flower-answer h4, 
    .entry-content .diamond-answer h4, 
    .entry-content .star-answer h4,
    .entry-content .answer-second h4 {
        font-size: 20px;
    }
    
    .entry-content .answer-second h4 {
        font-size: 18px;
        margin-bottom: 0px;
    }

    .flower-answer p, 
    .diamond-answer p, 
    .star-answer {
        font-size: 14px;
        margin-bottom: 15px;
    }
    
    .question label {
        font-size: 15px;
    }
    
    .answer-second p {
        font-size: 12px;
        line-height: 1.8em;
        margin-bottom: 0px;
    }
    
    .intern-container__answer {
        height: 465px;
    }
    
    .intern-container__answer--second {
        padding: 15px 10px 15px 10px;
    }
    
    .answer-second  li {
        font-size: 12px;
        margin-bottom: 10px;
    }
}/* End custom CSS */