/* Hero section css start  */
.hero-section {position: relative;}
.hero-banner { position: relative; overflow: hidden; }
.hero-banner img {width: 100%;height: 652px;object-fit: cover;}

.hero-content {position: absolute;top: 43%;left: 0;right: 0;transform: translateY(-55%);}
.hero-content-info {padding-left: 20px;}
:is(.hero-content) :is(h1,h2, h3, h4, h5, h6 ) {color: #fff;font-size: 62px;font-family: "Koh Santepheap", serif;font-weight: 300;filter: drop-shadow(0px 0px 32px rgb(0, 0, 0));letter-spacing: -1.15px;}
:is(.hero-content) :is(h1,h2, h3, h4, h5, h6 ) :is(strong) {display: block;font-weight: 700;font-family: "Mukta", sans-serif;}
.hero-content .hero-content-wrap {display: flex;flex-flow: row;flex-wrap: nowrap;}
.hero-content .book-btn {color: #fff;font-size: 18px;line-height: 22px;padding: 8px 51px;border: 2px solid #fff;border-radius: 50px;margin-right: 37px;display: flex;align-items: center;justify-content: center;height: 50px;margin-top: 16px;    animation: 3s pulse infinite;}
.hero-content .book-btn:hover {background-color: rgb(0, 74, 173);}

@keyframes pulse {
  80% {
    transform: scale(1);
  }
  90% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
/* Hero section css  end   */

/* Need section css start  */

.need-section {position: relative;}
.need-section h2 {font-size: 24px;font-weight: 600;margin-bottom: 24px;margin-left: 18px;text-transform: uppercase;letter-spacing: -0.56px;}
.need-section-inner {position: relative;margin-top: -95px;margin-left: -18px;max-width: 931px;background-color: #fff;box-shadow: 0px 0px 49px rgba(0, 0, 0, .17);padding: 26px 30px 45px 60px;z-index: 2;}
.need-section form {display: flex;flex-flow: row;flex-wrap: wrap;align-items: flex-end;justify-content: space-between;}
.need-section form .inuput-group {display: flex;flex-flow: column;margin-right: 12px;padding-left: 5px;}
.need-section form label {font-size: 15px;font-weight: 700;margin-left: 15px;}
.need-section form select {width: 310px;font-size: 15px;font-weight: 600;border-radius: 60px;color: #75758b;background-color: #fff;border: 1px solid #d5d5d5;appearance: none;padding: 13px 35px;margin-top: 15px;box-shadow: 0px 0px 16px rgba(0, 0, 0, .17);}
.need-section form select:focus {border: 1px solid rgb(12, 192, 223);outline: none;}
.need-section form .submit {font-size: 16px;line-height: normal;font-weight: 600;background-color: rgb(12, 192, 223);color: #fff;border: none;border-radius: 50px;padding: 12px 52px;letter-spacing: 0.45px;}
.need-section form .submit:focus {outline: none;border: none;}
.need-section form .submit:hover {background-color: rgb(0, 74, 173);}

/* Need section css end  */

/* Greece-Visas section  css start */

.greece-section-wrap {display: flex;flex-flow: row;flex-wrap: wrap;margin-right: -137px;padding: 60px 0px;}
.greece-banner {flex: 40%;}
.greece-content {flex: 60%;min-height: 420px;padding-right: 30px;/*text-align: justify;*/}
.greece-content h2 { font-size: 34px; font-weight: 600; margin-bottom: 32px; }
.greece-content p {font-size: 16px;line-height: 30px;}
.greece-banner {min-width:200px;min-height: 80px;position: relative;}
.greece-banner img {width: 100%;max-width: 581px;position: absolute;bottom: 0;border: 11px solid #fff;}
.greece-btn {width: 100%;position: absolute;bottom: 0;left: 0;z-index: 3;padding: 20px;}
.greece-btn a {display: block;padding: 20px;background-color: #fff;text-align: center;color: #000;font-size: 18px;font-weight: 600;text-transform: uppercase;box-shadow: 0px 0px 5px #cfcfcf;}
.greece-btn a:hover {color: rgb(0, 74, 173);}
/* Greece-Visas section  css end */

/* appointment-section  css start */

.appointment-wrap {padding: 50px 0px;background-color: #e5edf7;display: flex;flex-flow: row;flex-wrap: wrap;align-items: center;}
.appointment-col-left {width: 47.5%;display: flex;justify-content: flex-end;}
.appointment-content-img {width: 100%;}
.appointment-content-img img {width: 100%;}
.appointment-col-right {max-width: 860px;width: 52%;padding-left: 50px;display: flex;justify-content: flex-start;}
.appointment-col-right h2 {font-size: 36px;}
.appointment-col-right p {font-size: 16px;line-height: 30px;}
.appointment-col-right p:last-child {margin-bottom: 0;}
.appointment-wrap:nth-child(even) {background-color: #fff;flex-flow: row-reverse;padding-top: 80px;}
.appointment-wrap:nth-child(even) .appointment-col-left {justify-content: flex-start;width: 41.5%;}
.appointment-wrap:nth-child(even) .appointment-col-right {padding-left: 0px;padding-right: 50px;max-width: 807px;}
.book-appointment-btn {display: inline-block;background-color: rgb(12, 192, 223);border-radius: 50px;color: #fff;padding: 14px 32px;font-size: 18px;line-height: 22px;}
.book-appointment-btn:hover {color: #fff;background-color: rgb(0, 74, 173);}

/* appointment-section  css end */

/* section-greece-text start */
.section-greece-text {position: relative;background: #e5edf7;padding: 50px 0px;}
/* section-greece-text end  */

/* frequently-section  css start */
.frequently-section {background-color: #f8f6f6;padding: 80px 0px;}
.frequently-wrap {background-color: #fff;max-width: 1466px;width: 100%;margin: 0 auto;display: flex;padding: 35px 48px 114px 67px;border: 1px solid #ebebeb;}
.frequently-wrap-left {width: 50%;padding: 58px 0;}
.frequently-wrap-left h2 {font-size: 36px;font-weight: 500;width: 60%;}
.frequently-wrap-left h5 {font-size: 16px;font-weight: 300;line-height: 30px;}
.frequently-wrap-left p {font-size: 20px;font-weight: 300;line-height: 30px;margin-bottom: 140px;}
.frequently-wrap-left .contact-btn {display: inline-block;font-size: 18px;line-height: 18px;font-weight: 600;color: #fff;background-color: #0cc0df;border-radius: 50px;padding: 16px 38px;margin-top: 10px;}
.frequently-wrap-left .contact-btn:hover {color: #fff;background-color: rgb(0, 74, 173);}
.frequently-wrap-right {width: 680px;}
/* frequently-section  css end */

/* service-section css start */
.service-section {padding: 64px 0px 61px;background-color: #004aad;}
.service-section .container {max-width: 1400px;}
.service-wrap {display: flex;flex-flow: row;flex-wrap: wrap;align-items: center;}
.service-wrap-col {width: 25%;}
.service-card {max-width: 224px;margin: 0 auto;text-align: center;color: #fff;}
.service-card-img {width: 100%;padding: 0;height: 81px;margin-bottom: 18px;}
.service-card-img img {height: 100%;}
.service-card p {font-size: 20px;font-weight: 500;line-height: 25px;margin-bottom: 0px;}
/* service-section css end */


/* Accordion start */

.accordion-button::after {width: 22px;height: 24px;position: absolute;right: 30px;background: url(../images/arrow-down.png);background-repeat: no-repeat;background-position: center;}
.accordion-button:not(.collapsed)::after {background: #f5f5f5 url(../images/arrow-down.png);background-repeat: no-repeat;background-position: center;transform: rotate(-180deg);}
.accordion-item {border: none;}
.accordion-button {position: relative;display: flex;align-items: center;width: 100%;padding: 28px 60px 28px 38px;font-size: 18px;color: #2f2f2f;text-align: left;background-color: #fff;border: 0;border-radius: 0;overflow-anchor: none;font-family: "Mukta", sans-serif;font-weight: 600;border: 1px solid #ebebeb;outline: none;box-shadow: none;}
.accordion-item:first-of-type .accordion-button {border-top-left-radius: 0;border-top-right-radius: 0;}
.accordion-button:focus {border-color: #f5f5f5;outline: 0;box-shadow: none;}
.accordion-button:not(.collapsed) {color: #2f2f2f;background-color: #fff;box-shadow: none;border-color: #fff;padding-bottom: 10px;}
.accordion-body {padding: 0px 80px 28px 38px;}
.accordion-body p {font-size: 16px;line-height: 30px;margin-bottom: 0px;}

/* frequently-section  css end */
.need-section form div#tF {width: 100%; display: flex; flex-wrap: wrap; align-items: flex-end;justify-content: space-between; }
.after_submit { width: 100%; }
.after_submit h3 { font-size: 22px; padding-bottom: 15px; }
p#error-message { margin-left: 15px; margin-bottom: 0; }

/* faq page css */
