/* TypoGraphy */

/* ============visatype section css start============= */
.Schengenvisa-process-section{ background: #f5f5f5; }
.visatype-section { margin-top: -40px; position: relative; }
.visatype-wrap{ display: flex; flex-wrap: wrap; justify-content: center;}
.visatype-col { width: 224px;  overflow: hidden; margin: 0 5px; }
.visatype-col a { padding: 22px 22px; background: #ECDFCC; border-radius: 8px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color: #27445d; font-size: 18px; font-family: 'Gilroy Bold'; font-weight: bold; overflow: hidden; position: relative;z-index: 2;height: 100%; transition: 1s;}
.visatype-col a p{ margin: 0px; padding: 0px; color: #3c3d37; font-size: 18px; font-family: 'Gilroy Bold'; font-weight: bold;}
.visatype-col a img{ margin-right: 16px; transition: 1s;
  -webkit-animation: rotate-scale-down-diag-1 0.7s linear both;
	        animation: rotate-scale-down-diag-1 0.7s linear both;}
          /**
           * ----------------------------------------
           * animation rotate-scale-down-diag-1
           * ----------------------------------------
           */
          @-webkit-keyframes rotate-scale-down-diag-1 {
            0% {
              -webkit-transform: scale(1) rotate3d(1, 1, 0, 0deg);
                      transform: scale(1) rotate3d(1, 1, 0, 0deg);
            }
            50% {
              -webkit-transform: scale(0.5) rotate3d(1, 1, 0, -180deg);
                      transform: scale(0.5) rotate3d(1, 1, 0, -180deg);
            }
            100% {
              -webkit-transform: scale(1) rotate3d(1, 1, 0, -360deg);
                      transform: scale(1) rotate3d(1, 1, 0, -360deg);
            }
          }
          @keyframes rotate-scale-down-diag-1 {
            0% {
              -webkit-transform: scale(1) rotate3d(1, 1, 0, 0deg);
                      transform: scale(1) rotate3d(1, 1, 0, 0deg);
            }
            50% {
              -webkit-transform: scale(0.5) rotate3d(1, 1, 0, -180deg);
                      transform: scale(0.5) rotate3d(1, 1, 0, -180deg);
            }
            100% {
              -webkit-transform: scale(1) rotate3d(1, 1, 0, -360deg);
                      transform: scale(1) rotate3d(1, 1, 0, -360deg);
            }
          }


.visatype-col a:hover, .visatype-col a:hover p{ color: #fff; transition: 1s; /*background: #09196b;*/ }
.visatype-col a::before { content: ""; background-color: #3c3d37; width: 0; height: 100%; position: absolute; top: 0px; left: 0px; z-index: -1; transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
.visatype-col a::after { content: ""; background-color: #3c3d37; width: 0; height: 100%; position: absolute; bottom: 0px; right: 0px; z-index: -1; transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
.visatype-col a:hover::before, .visatype-col a:hover::after { width: 100%; }
.visatype-col a:hover img {
    filter: invert(1);
}

.visa-process-works-section{ padding: 86px 0 55px 0px; }
.common-heading.visa-works-heading { margin-bottom: 30px; }
.visa-process-works-section .common-heading { text-align: center;}
.visaprocess-works-row { background: #fff; padding: 30px 28px 30px; border: 1px solid #d8d8d8; border-radius: 8px; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-around; margin-bottom: 83px; }
.visaprocess-col { width: 20%; text-align: center; position: relative; z-index: 2; padding: 10px; }
.visaprocess-col::after {content:'';position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 0px;height: 0px;background: #ffd95f;border-radius: 50px 0px;z-index: -1;transition:all .6s;}
.visaprocess-col:hover::after {width: 100%; height: calc(100% + 90px);}
.visaprocess-col figure {overflow: hidden;}
.visaprocess-col figure img {position: relative;transition: all .6s;}
.visaprocess-col:hover figure img {animation: imgMove 1s;}
@keyframes imgMove {
    48% {transform: translateY(80px);opacity: 0.5;}
    50% {transform: translateY(80px);opacity: 0;}
    52% {transform: translateY(-50px);opacity: 0;}
    100% {transform: translateY(0px);opacity: 1;}
}
.visaprocess-col:hover .visaprocess-text {position:relative;overflow:hidden;animation: visaprocessText 0.6s;}
@keyframes visaprocessText {
     30% {transform: translateY(-10px);opacity: 0;}
    36% {transform: translateY(20px);opacity: 0;}
    100% {transform: translateY(0px);opacity: 1;}
}
.visaprocess-col figure { margin-bottom: 15px; height: 64px; }
.visaprocess-col h4 { color: #27445d; font-size: 24px; line-height: 26px; font-family: 'Gilroy Bold'; font-weight: bold; margin-bottom: 6px; padding-top: 0; }
.visaprocess-col p{ color: #27445d; font-size: 16px; line-height: 26px; font-family: 'Gilroy Medium'; font-weight: 500; }

.visa-works-heading.common-heading h1, .visa-works-heading.common-heading h2, .visa-works-heading.common-heading h3, .visa-works-heading.common-heading h4{
  font-family: 'Gilroy Bold';
  font-weight: bold;
}
.visaprocess-works-row ~ .common-heading h1, .visaprocess-works-row ~ .common-heading h2, .visaprocess-works-row ~ .common-heading h3, .visaprocess-works-row ~ .common-heading h4{
  margin-bottom: 30px;
}
/* ============visatype section css end============= */
/* ============Visa Services section css start============= */
.visa-services-section{ padding: 63px 0px; background: #eaf0f5; }
.visa-services-section .container{ max-width: 1050px; }
.visa-services-wrap{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
.visa-services-col-left{ width: 397px; }

.visa-services-col-right{ width: 596px; }
.visa-services-col-right h4 { padding-top: 0px; }
.visa-services-col-right ul{ position: relative; margin-left: 20px;}
.visa-services-col-right ul li { position: relative; list-style: none; padding-left: 30px; }
.visa-services-col-right ul li:before { content: ""; position: absolute; top: 5px; left: 0; background: url(../images/list-style-icon.png); background-position: top left; background-repeat: no-repeat; width: 21px; height: 21px; }
.visa-services-col-right ul::before{ content: ""; width: 4px; position: absolute; top: 4px; left: -20px; bottom: 4px; background: #ffd95f; }
.visa-services-col-right p a { color: #111111; font-weight: bold; }
.visa-services-col-right p a:hover { color: #d4a40a; }
.applynow-btn .btn-yallow { min-width: auto;}

/* ============Visa Services section css end============= */
/* ============about visaform section css start============= */
.about-visaform-section{ padding: 68px 0px; background: #f5f5f5; }
.about-visaform-info{ }
.about-visaform-section .common-heading{ text-align: center; margin-bottom: 35px;}
.about-visaform-section .common-heading h1, .about-visaform-section .common-heading h2, .about-visaform-section .common-heading h3, .about-visaform-section .common-heading h4 { max-width: 860px; margin: 0 auto 34px; }
.about-visaform-info img.alignright { filter: grayscale(1);margin-right: -16px;}
.about-visaform-info img {
    animation: wave 10s -1s linear infinite;
}

@keyframes wave {
    0% {
        transform: translatey(0);
    }

    50% {
        transform: translatey(-10%);
    }

    100% {
        transform: translatey(0%);
    }
}
.about-visaform-info ul li{ font-family: 'Gilroy Bold';}
/* ============about visaform section css end============= */
/* ============What we offer section css start============= */
.whatweoffer-section{ padding: 74px 0px; background: #eaf0f5; }
.whatweoffer-section .common-heading { text-align: center; margin-bottom: 42px; }
.whatweoffer-section .common-heading h5 { color: #111111; font-size: 22px; text-transform: uppercase; margin-bottom: 0px; }
.whatweoffer-info{display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -2px;}
.whatweoffer-section .container { max-width: 918px; }
.whatweoffer-col{position: relative; width: 33.33%; padding: 26px; background: #fff; border: 1px solid #c6c6c6; box-shadow: 0 0 16px rgba(0, 0, 0, 0.18); text-align: center;margin: -1px;height: 255px;display: flex; flex-wrap: wrap; align-items: center; justify-content: center;overflow: hidden;z-index: 1;}
.whatweoffer-col::after {content: '';position: absolute;top: 0%;left: 0%;transform-origin: 0 0;transform: rotate(134deg);width: 100%;height: 100%;background: #ECDFCC;z-index:-1;transition: all .6s;}
.whatweoffer-col:last-child::after { background: #fff; }
.whatweoffer-col:hover::after {transform: rotate(0deg);}
.whatweoffer-info h5{ color: #111111; font-size: 20px;}
.whatweoffer-info .applynow-btn{ color: #151b20; font-size: 30px; text-transform: uppercase; font-family: 'Gilroy Bold'; font-weight: bold; }
.whatweoffer-col.applynow-col { background: #ECDFCC; }
.important-notes-col{ background: #181c14; padding: 25px 34px 20px; margin-top: 13px;border: 1px solid #c6c6c6; box-shadow: 0 0 16px rgba(0, 0, 0, 0.18);}
.important-notes-col h4{ color: #fff;font-size: 20px; text-transform: uppercase; padding-bottom: 15px; margin-bottom: 15px; position: relative;}
.important-notes-col h4:after{ content: ""; height: 2px; background: #ffd95f; width: 260px; position: absolute; left: 0; bottom: 0;}
.important-notes-col p{ color: #fff; line-height: 24px;}
/* ============What we offer section css end============= */
/* ============Visas We Offer section css start============= */
.visaswe-offer-section{ padding: 72px 0px; background: #f5f5f5; }
.visaswe-offer-section .container { max-width: 1268px; }
.visaswe-offer-section .common-heading { max-width: 690px; text-align: center; margin: 0 auto; margin-bottom: 42px;}
.other-offer-row{ display: flex; flex-wrap: wrap; justify-content: center; padding: 6px; background: #fff; border: 1px solid #c6c6c6; box-shadow: 0 0 16px rgba(0, 0, 0, 0.18);}
.other-offer-col{padding: 6.5px; width: 33.33%;}
.other-offer-col figure{border: 1px solid #c6c6c6; box-shadow: 0 0 16px rgba(0, 0, 0, 0.18); background: #fff; position: relative;    height: 150px;
    overflow: hidden;}
.other-offer-col figure img { position: relative; top: 50%; transform: translate(0px, -50%); transition: 1s;width: 100%; object-fit: cover;}
.other-offer-col:hover figure img { top: 0; transform: translate(0px, 0%); }
.other-offer-col figure::after{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.45); transition: 1s;}
.other-offer-col:hover figure::after{background: rgba(255, 217, 95, 0.78);}
.other-offer-info { position: relative; }
.other-offer-caption{max-width: 250px; position: absolute; top: 50%; left: 0;right: 0; margin: 0 auto; text-align: center;text-align: center;
    transform: translate(0px, -50%);}
.other-offer-caption h4{color: #ffffff; font-size: 20px; line-height: 20px;transition: 1s;}
.other-offer-caption p{color: #ffffff; line-height: 22px;transition: 1s;}
.other-offer-col:hover h4{color: #000000;}
.other-offer-col:hover p{color: #000000;}
.highlight-info { margin-top: 15px; }
/* ============Visas We Offer section css end============= */
/* ============Visa Document section css start============= */
.visa-document-section{ padding: 67px 0px; background: #eaf0f5; }
.visa-document-section .container { max-width: 1040px; }
.visa-document-wrap{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.visa-document-left{ width: 306px; }
.visa-document-contect{ width: calc(100% - 306px); padding-left: 75px; }
.visa-document-contect h3{ font-size: 38px; padding-top: 0px;}
.checknow-btn { padding: 5px 0 25px; }
/* ============Visa Document section css end============= */
/* ============WhyVisa leading section css start============= */
.whyvisa-leading-section{ padding: 65px 0px; background: #f5f5f5; }
.whyvisa-leading-section .container {
    max-width: 1253px;
}
.whyvisa-leading-wrap{ border: 1px solid #c6c6c6; box-shadow: 0 0 16px rgba(0, 0, 0, 0.18); }
.heading-leading{ background: #27445d; padding: 23px 23px; text-align: center; }
.heading-leading h3 { color: #fff; font-size: 30px; font-family: 'Mulish Bold'; font-weight: bold; padding-top: 0px; margin-bottom: 6px; }
.heading-leading p{ color: #ffffff; font-size: 18px; font-family: 'Mulish Bold'; font-weight: bold; }
.whyvisa-leading-row{ padding: 30px 48px;background: #fff; }
.whyvisa-row{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; border-bottom: 1px dashed #000; padding: 10px 0px; margin: 17px 0px 15px 15px; position: relative;}
.whyvisa-row:before { content: ""; position: absolute; top: 50%; left: -35px; background: url(../images/list-style-icon-yallow.png); background-position: top left; background-repeat: no-repeat; width: 21px; height: 21px; transform: translate(0px, -50%); }
.whyvisa-heading-col { width: 315px; }
.whyvisa-heading-col p{ font-size: 18px;  font-family: 'Mulish Bold';font-weight: bold;}
.whyvisa-contect-col { width: calc(100% - 315px); text-align: right; padding-left: 15px; }
.whyvisa-contect-col p{ font-size: 16px; }
.whyvisa-leading-bottom{ background: #ffd95f; padding: 20px 20px; }
.whyvisa-info{ text-align: center; color: #111111; font-size: 18px;font-family: 'Mulish Bold';font-weight: bold;}
.whyvisa-info a{ color: #111111;font-family: 'Mulish Bold';font-weight: bold; padding: 0 20px;}
.whyvisa-info a:hover{ color: #000;}
/* ============WhyVisa leading section css end============= */