@charset "UTF-8";

@font-face {
  font-family: "untitled-font-1";
  src:url("../fonts/untitled-font-1.eot");
  src:url("../fonts/untitled-font-1.eot?#iefix") format("embedded-opentype"),
    url("../fonts/untitled-font-1.woff") format("woff"),
    url("../fonts/untitled-font-1.ttf") format("truetype"),
    url("../fonts/untitled-font-1.svg#untitled-font-1") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "untitled-font-1" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "untitled-font-1" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-family:before {
  content: "\63";
}
.icon-family-group:before {
  content: "\66";
}
.icon-capitol-building:before {
  content: "\67";
}
.icon-family-1:before {
  content: "\68";
}
.icon-apartment:before {
  content: "\61";
}
.icon-businessman:before {
  content: "\62";
}
.icon-kaaba-mecca:before {
  content: "\64";
}

*,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
button {
    margin: 0;
    padding: 0;
    outline: none;
}

body {
    position: relative;
    line-height: normal;
}

a {
    line-height: normal;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}

a:hover,
a:focus {
    text-decoration: none;
}

ul,
ol,
dl {
    list-style-type: none;
}

button {
    line-height: normal;
    background: none;
    border: none;
    cursor: pointer;
}

button:focus {
    outline: none;
}

.form-control:focus {
    box-shadow: none;
    outline: none;
}
.pad-bot-50{
    padding-bottom: 60px!important;
}
.pad-bot-20{
    padding-bottom: 20px!important;
}
.pt-0 {
    padding-top: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.ptb-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.ptlr-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.fc-dark{
    color: #002e5b!important;
}

.mb-80{
    margin-bottom: 80px!important;
}

.flat-list li {
    display: inline-block;
}

.flat-list.social-icon li {
    display: inline-block;
    padding: 0 5px;
}

.flat-list.social-icon li a i {
    font-size: 15px;
    color: #fff;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 18px;
    background: transparent;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.flat-list.social-icon li a:hover i {
    color: #daa520  ;
}

.regular-list li {
    font-size: 18px;
    color: #fff;
}

.brand-colour,.btn-link {color:#daa520;}
.input-alert {border-color:#dc3545;}
.formsec{display: none;}

@media only screen and (max-width: 991px) {
    .regular-list li {
        font-size: 17px;
    }
}


/* navigation */

.sp-megamenu-parent {
    list-style: none;
    padding: 0;
    margin: 0 -15px;
    z-index: 99;
    display: block;
    float: right;
    position: relative;
  }
  .sp-megamenu-parent > li {
    display: inline-block;
    position: relative;
    padding: 0;
    padding: 55px 23px 30px;
  }
  .sp-megamenu-parent > li.menu-justify {
    position: static;
  }
  .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    display: inline-block;
    line-height: 20px;
    margin: 0;
    font-size: 16px;
    position: relative;
    padding: 7px 0;
    text-transform: uppercase;
    font-weight: 600;
    color: #454c4e;
    letter-spacing: 0.5px;
  }

  .sp-megamenu-parent > li > a::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    background: #daa520  ;
    height: 2px;
    width: 0;
    display: inline-block;
    transition: 0.8s;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
}

  .sp-megamenu-parent > li.active > a,
  .sp-megamenu-parent > li:hover > a{
      color: #daa520  ;
  }

  .sp-megamenu-parent > li.active > a::after,
  .sp-megamenu-parent > li:hover > a::after {
                width: 100%;
            }

  .sp-megamenu-parent > li .sp-menu-badge {
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    font-size: 10px;
    letter-spacing: 1px;
    display: inline-block;
    text-transform: uppercase;
    background: #d60000;
    color: #fff;
    border-radius: 3px;
  }
  .sp-megamenu-parent .sp-module {
    padding: 10px;
  }
  .sp-megamenu-parent .sp-mega-group {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .sp-megamenu-parent .sp-mega-group > li > a {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
  }
  .sp-megamenu-parent .sp-mega-group .sp-mega-group-child {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .sp-megamenu-parent .sp-dropdown {
    margin: 0;
    position: absolute;
    z-index: 10;
    display: none;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
  }
  .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
    padding: 20px;
  }
  .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner > .row:not(:first-child) {
    margin-top: 20px;
  }
  .sp-megamenu-parent .sp-dropdown .sp-dropdown-items {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
    top: 100%;
  }
  .sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {
    top: 0;
  }
  .sp-megamenu-parent .sp-dropdown.sp-dropdown-sub .sp-dropdown-inner {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  }
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item {
    display: block;
    padding: 0;
    position: relative;
  }
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
    font-size: 14px;
    line-height: 18px;
    display: inline-block;
    padding: 8px 0;
    cursor: pointer;
  }

  .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a::before{
    font-family: "FontAwesome";
    content: "\f101";
    float:left;
    margin-right: 5px;
  }

  .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    color: #daa520  ;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover::before {transform: translatex(5px);}

  .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a.sp-group-title, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge).sp-group-title {
    text-transform: uppercase;
    font-weight: bold;
  }
  .sp-megamenu-parent .sp-dropdown .sp-module {
    padding: 0;
  }
  .sp-megamenu-parent .sp-dropdown .sp-module .sp-module-title {
    font-size: 14px;
    margin: 0 0 15px;
    text-transform: uppercase;
    font-weight: bold;
  }
  .sp-megamenu-parent .sp-dropdown .sp-module .latestnews {
    margin: 0;
  }
  .sp-megamenu-parent .sp-dropdown .sp-module .latestnews > li:not(:last-child) {
    margin: 0 0 15px;
  }
  .sp-megamenu-parent .sp-dropdown .sp-module .latestnews > li a {
    font-size: 14px;
  }
  .sp-megamenu-parent .sp-dropdown .sp-module .latestnews > li a span {
    opacity: 0.8;
  }
  .sp-megamenu-parent .sp-dropdown-mega > .row {
    margin-top: 30px;
  }
  .sp-megamenu-parent .sp-dropdown-mega > .row:first-child {
    margin-top: 0;
  }
  .sp-megamenu-parent .sp-has-child:hover > .sp-dropdown {
    display: block;
  }
  .sp-megamenu-parent.menu-animation-fade .sp-has-child:hover > .sp-dropdown {
    animation: spFadeIn 600ms;
  }
  .sp-megamenu-parent.menu-animation-fade-up .sp-has-child:hover > .sp-dropdown {
    animation: spFadeInUp 400ms ease-in;
  }
  .sp-megamenu-parent.menu-animation-fade-down .sp-has-child:hover > .sp-dropdown {
    animation: spFadeInDown 400ms ease-in;
  }
  .sp-megamenu-parent.menu-animation-zoom .sp-has-child:hover > .sp-dropdown {
    animation: spZoomIn 300ms;
  }
  .sp-megamenu-parent.menu-animation-rotate .sp-has-child:hover > .sp-dropdown {
    animation: spRotateIn 300ms;
  }
  .sp-megamenu-parent.menu-animation-pulse .sp-has-child:hover > .sp-dropdown {
    animation: spPulse 300ms;
  }

  body.ltr .sp-megamenu-parent > li .sp-menu-badge.sp-menu-badge-right {
    margin-left: 5px;
  }
  body.ltr .sp-megamenu-parent > li .sp-menu-badge.sp-menu-badge-left {
    margin-right: 5px;
  }
  body.ltr .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a:after {
    font-family: "FontAwesome";
    content: "\f105";
    float: right;
    margin-left: 7px;
  }
  body.ltr .sp-megamenu-parent .sp-dropdown.sp-menu-center {
    margin-left: 45px;
  }
  body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right {
    left: 0;
  }
  body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {
    left: auto;
    right: 0;
  }
  body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-left {
    right: 0;
  }
  body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {
    left: 100%;
  }
  @media (min-width: 576px) {
    .sp-menu-full.container {
      width: 540px;
    }
  }
  @media (min-width: 768px) {
    .sp-menu-full.container {
      width: 720px;
    }
  }
  @media (min-width: 992px) {
    .sp-menu-full.container {
      width: 960px;
    }
  }
  @media (min-width: 1200px) {
    .sp-menu-full.container {
      width: 1140px;
    }
  }
  #offcanvas-toggler {
    display: block;
    height: 100px;
    line-height: 100px;
    font-size: 25px;
  }
  #offcanvas-toggler > span:hover {
    color: #fff;
  }
  .offcanvas-init {
    overflow-x: hidden;
    position: relative;
  }
  .offcanvas-active .offcanvas-overlay {
    visibility: visible;
    opacity: 1;
  }
  .offcanvas-overlay {
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9999;
    visibility: hidden;
    -webkit-transition: 0.6s;
    transition: 0.6s;
  }
  .body-wrapper {
    position: relative;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    backface-visibility: hidden;
  }
  .close-offcanvas {
    position: absolute;
    top: 15px;
    z-index: 1;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 14px;
    background: #333;
    color: #fff;
  }
  .close-offcanvas:hover {
    background: #666;
    color: #fff;
  }
  .offcanvas-menu {
    width: 300px;
    height: 100%;
    position: fixed;
    top: 0;
    overflow: inherit;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    z-index: 10000;
  }
  .offcanvas-menu .offcanvas-inner {
    padding: 30px;
  }
  .offcanvas-menu .offcanvas-inner .sp-module {
    padding: 0;
    margin: 0;
  }
  .offcanvas-menu .offcanvas-inner .sp-module .sp-module-title {
    font-size: 1rem;
    font-weight: bold;
  }
  .offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) {
    margin-bottom: 20px;
  }
  .offcanvas-menu .offcanvas-inner .sp-module ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .offcanvas-menu .offcanvas-inner .sp-module ul > li {
    border: 0;
    padding: 0;
    margin: 0;
    position: relative;
    overflow: hidden;
    display: block;
  }
  .offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
    display: block;
    font-size: 1rem;
    padding: 0.125rem 0;
    position: relative;
  }
  .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {
    display: block;
    position: absolute;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-family: FontAwesome;
  }
  .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler:after, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler:after {
    content: "\f055";
  }
  .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent.menu-parent-open > a > .menu-toggler:after, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent.menu-parent-open > .menu-separator > .menu-toggler:after {
    content: "\f056";
  }
  .offcanvas-menu .offcanvas-inner .sp-module ul > li ul {
    display: none;
  }
  .offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
    font-size: 0.875rem;
  }
  body.ltr #offcanvas-toggler.offcanvas-toggler-right {
    float: right;
    margin-left: 50%;
  }
  body.ltr #offcanvas-toggler.offcanvas-toggler-left {
    float: left;
    margin-right: 20px;
  }
  body.ltr.offcanvs-position-left .body-wrapper {
    left: 0;
  }
  body.ltr.offcanvs-position-left .offcanvas-menu {
    left: -300px;
  }
  body.ltr.offcanvs-position-left.offcanvas-active .offcanvas-menu {
    left: 0;
  }
  body.ltr.offcanvs-position-left.offcanvas-active .body-wrapper {
    left: 300px;
  }
  body.ltr.offcanvs-position-right .body-wrapper {
    right: 0;
  }
  body.ltr.offcanvs-position-right .offcanvas-menu {
    right: -300px;
  }
  body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {
    right: 0;
  }
  body.ltr.offcanvs-position-right.offcanvas-active .body-wrapper {
    right: 300px;
  }
  body.ltr .close-offcanvas {
    right: 15px;
  }
  body.ltr .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, body.ltr .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {
    right: 0;
  }
  body.ltr .offcanvas-menu .offcanvas-inner .sp-module ul > li ul {
    margin-left: 10px;
  }
  @keyframes spFadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes spFadeInUp {
    0% {
      opacity: 0;
      transform: translateY(20px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes spFadeInDown {
    0% {
      opacity: 0;
      transform: translateY(-20px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes spZoomIn {
    0% {
      opacity: 0;
      transform: scale3d(0.3, 0.3, 0.3);
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes spRotateIn {
    from {
      transform-origin: center;
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0;
    }
    to {
      transform-origin: center;
      transform: none;
      opacity: 1;
    }
  }
  @keyframes spPulse {
    from {
      opacity: 0;
      transform: scale3d(1, 1, 1);
    }
    50% {
      opacity: 0.5;
      transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
      opacity: 1;
      transform: scale3d(1, 1, 1);
    }
  }
  @keyframes spSpin {
    to {
      transform: rotate(360deg);
    }
  }

  @keyframes text {
    0%{
      color: black;
      margin-bottom: -40px;
    }
    30%{
      letter-spacing: 25px;
      margin-bottom: -40px;
    }
    85%{
      letter-spacing: 8px;
      margin-bottom: -40px;
    }
  }


.bg-overlay {
    background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)), url("https://www.saudiarabiavisa.net/templates/ks_saudiarabiavisa/images/saudi_arabia_visa_entry_travel_services.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    height: 650px;
    padding-top: 50px;
}

.banner-caption {
   transform: translateY(10vh); 
}

.banner-caption.text-center {
  width: 100%
}


.banner-item .banner-caption h1 {
font-size: 90px;
line-height: 90px;
font-weight: 700 !important;
position: relative;
color: #fff;
margin: 18px 0;
animation:spZoomIn 3s 2;
}

.banner-item .banner-caption h2 {
font-size: 28px;
line-height: 24px;
font-weight: 400 !important;
color:#daa520  ;
animation: spPulse 3s 1;
}

.banner-item .banner-caption p {
font-size: 22px;
color: #fff;
margin-bottom: 29px;
line-height: 32px;
margin-top: 52px;
}

.banner-item .banner-caption h1::after {
content: "";
position: absolute;
bottom: -24px;
left: 7px;
height: 3px;
background: #daa520  ;
width: 250px;
animation: text 3s 1;
}

.banner-item .banner-caption.text-center p {
width: 100%;

}


@media (min-width: 992px) and (max-width: 1200px) {

.banner-item .banner-caption h2 {
font-size: 26px;
line-height: 36px;
}
.banner-item .banner-caption h1 {
font-size: 48px;
line-height: 58px;
}
.banner-item .banner-caption a {
padding: 14px 21px;
}
}

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

.banner-item .banner-caption h2 {
font-size: 20px;
line-height: 30px;
}
.banner-item .banner-caption h1 {
padding: 7px 0 20px;
font-size: 32px;
line-height: 42px;
}
.banner-item .banner-caption a {
padding: 12px 18px;
font-size: 13px;
}
}

@media only screen and (max-width: 575px) {
 .banner-caption {transform:none;
  /*margin-top:-45px;*/} 
.banner-item {
background-position: 14% center;height: 470px;
/* padding: 10px 0px; */
}
.banner-item .banner-caption h1 {
margin-bottom: 20px;
}
.banner-item .banner-caption h1::after {
bottom: -5px;
width: 50px;
}
.banner-item .container {
position: relative;
z-index: 5;
}
.banner-item .banner-caption h1 {
font-size: 25px;
line-height: 30px;
padding: 7px 0 17px;
}
.banner-item .banner-caption h2 {
font-size: 17px;
line-height: 27px;
}
}

/* --------------------------------------------------
            ==  Call to action Part  ==
            --------------------------------------------------- */

            .call_to_action {
                background: #08BC27;
            }
  
            .call_to_action .request-content {
                border: 0px solid #ebebeb;
                padding: 25px 0;
            }
  
            .call_to_action .request-content a.btn-1 {
                background: #fff;
                border-color: #fff;
                border-radius: 0;
                letter-spacing: .25px;
                padding: 11px 22px;
                text-transform: uppercase;
                color: #002e5b;
            }
            .call_to_action .request-content a.btn-1:hover {
                color: #daa520  ;
            }
            .call_to_action .request-content h4 {
                font-size: 30px;
                font-weight: 700 !important;
                margin-bottom: 10px;
                color: #fff;
            }
            .call_to_action .request-content p {
                letter-spacing: 0.25px;
                color:#000;
            }
    
            .card-box {
                border-radius: 8px;
                background-color: #FCF6BD;
                /* clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 calc(100% - 5vw)); */
                padding: 15px;
                margin-top: 20px;
                -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
background-image: linear-gradient(-60deg,#FCF6BD,#08BC27);
            }

            .card-box h4 {font-weight: 700;font-size: 2.5rem; padding-left:20px}

    .progress_bar {
    float: left;
    margin-top: 40px;
    text-align: left;
    margin-right: 25px;
    position: relative;
}

.progress_bar p {
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    color: #001e3c;
}

.pro-num {
    position: absolute;
    left: 50%;
    font-size: 2em;
    top: 45%;
    transform: translate(-50%,-90%);
    font-weight: 600;
}

.step-detail-box .progress_bar {float:none;margin:0;} 
.step-detail-box .pro-num{left:45%;top:55%;}
.step-detail-box h5 {font-weight: 500;font-size: 1.2em; line-height:25px;}

.serviceBox, .serviceBoxBottom, .serviceBoxOther {
    padding: 5px 0px;
    background: #08BC27;
    position: relative;
    margin-bottom:60px;
}

.serviceBoxOther {
	background: #fcf6bd;
}

.serviceBoxBottom {background:#daa520  ;margin:-20px 0px 0px;z-index:10;}

.serviceBox .service-icon, .serviceBoxBottom .service-icon, .serviceBoxOther .service-icon {
    width: 500px;
    height: 20px;
    line-height: 70px;
    border-radius: 5px;
    background: #08BC27;
    position: absolute;
    top: -17px;
    right: -10px;
}
.serviceBoxOther .service-icon {
  width:590px;
	line-height: 23px;
	background: #fcf6bd;
	top: -15px;
	right: -10px;
  padding: 1px 10px;
  font-size:12px;
}

.serviceBoxBottom .service-icon {background: #daa520  ;}

.serviceBox .title, .serviceBoxBottom .title{
    padding:5px 0px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin-right: 120px;
    float:right;
    font-size: 15px;
}

@media only screen and (max-width:990px){
    #sp-top2 .sp-column, #sp-top3 .sp-column {height: 40px;margin-top: 20px;}
    .serviceBox{ margin-bottom: 30px; }
}
@media only screen and (max-width:765px){
    .pro-num {font-size:1.4em;top:35%;}
  .step-detail-box .pro-num{top:20%;}
}
@media only screen and (max-width:580px){
    .serviceBox{ margin-bottom: 70px; }
    .serviceBoxOther .service-icon {width:380px;font-size:11px;}
  .step-detail-box .pro-num{top:55%;left:50%;font-size:2.5em;}
}
@media only screen and (max-width:555px){
    .pro-num {font-size:1.2em;top:28%;}
  
}
@media only screen and (max-width:490px){
    .pro-num {font-size:0.7em;top:18%;}
}

.section-head {margin-bottom:60px;}

.section-head h2 {
    color: #08BC27;
    position: relative;
    display: block;
    letter-spacing: 2px;
    font-size: 36px;
    line-height: 36px;
    float: left;
    margin-top: 16px;
    padding-right: 120px;
    font-weight:700;
}

.section-head.light h2 {
    color: #fff;
}
.section-head h2:after{
    content: '';
    position:absolute;
    right: 60px;
    bottom: -12px;
    height: 50px;
    width:1px;
    background: #daa520  ;
}

.section-head h2 span {
    color: #daa520  ;
}

.section-head p {
    max-width: 90%;
    color: #494949;
    text-align: left;
    font-size: 18px;
    line-height: 28px;
    display: block;
    overflow: hidden;
}
.section-head.light p{
    color: #fff;
}
@media only screen and (max-width: 991px) {
    .section-head h2 {
        float: none;
        padding-right: 0;
        text-align: center;
    }
    .section-head p {
        max-width: 86%;
        text-align: center;
        margin: 0 auto;
        margin-top: 30px;
    }
    .section-head h2::after {
        content: '';
        position: absolute;
        right: 50%;
        bottom: -17px;
        height: 2px;
        width: 50px;
        background: #daa520  ;
        margin-right: -25px;
    }
    .section-head p {
        font-size: 16px;
    }

}

@media only screen and (max-width: 767px) {
    .section-head {
        margin-bottom: 55px;
    }

    .section-head h2 {
        float: none;
        padding-right: 0;
        text-align: center;
    }
    .section-head p {
        max-width: 86%;
        text-align: center;
        margin: 0 auto;
        margin-top: 30px;
    }
    .section-head h2::after {
        content: '';
        position: absolute;
        right: 50%;
        bottom: -11px;
        height: 2px;
        width: 50px;
        background: #daa520  ;
        margin-right: -25px;
    }

    .section-head p {
        font-size: 14px;
    }

}

#accordion3{
    padding-left: 80px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
#accordion3:before{
    content: "";
    width: 5px;
    height: 100%;
    background: #daa520  ;
    position: absolute;
    top: 0;
    left: 22px;
    z-index: -1;
}
#accordion3 .panel-title a{
    display: block;
    padding: 10px 30px 18px 0;
    background: #fff;
    font-size: 18px;
    font-weight: 500;
    color: #08BC27;
    position: relative;
    transition: all 0.5s ease 0s;
    /* box-shadow: 0 1px 1px rgba(43,59,93,0.30); */
    border-bottom: 1px solid #ccc
}
#accordion3 .panel-title a:before{
    content: "-";
    font-weight: 900;
    width: 50px;
    height: 50px;
    line-height: 40px;
    border-radius: 50%;
    background: #cad5c2;
    text-align: center;
    font-size: 17px;
    color: #daa520  ;
    border: 6px solid #08BC27;
    position: absolute;
    top: 0;
    left: -80px;
}
#accordion3 .panel-title a.collapsed:before{
    content: "+";
    background: #fff;
}
#accordion3 .panel-body{
    padding: 5px 0px;
    border: none;
    font-size: 14px;
    line-height: 25px;
}

.saudi-visa-types {
    background: #fcf6bd;
    z-index: 10;
    position: relative;
}


.saudi-visa-type > a {
    color: #515050;
    font-size: 23px;
    text-align: center;
    display: block;
}
.saudi-visa-type:hover > a {
    color: #fff;
}
.saudi-visa-type {
    position: relative;
    padding: 25px 30px 30px;
    border-radius:6px;
    margin-bottom: 50px;
    background: #fff;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    z-index: 1;
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    text-align: center !important;
}

.saudi-visa-type:after{
    content: '';
    width:100%;
    height:100%;
    background: #daa520  ;
    position:absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -3;
    transition: all 0.4s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    border-radius:6px;
}

.saudi-visa-type:hover:after{
    opacity: .9
}




.saudi-visa-type:hover p {
    color: #fff;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.saudi-visa-type h5 a {
    text-transform: uppercase;
    color: #08BC27;
    font-weight: 700;
    margin-bottom: 10px;
    letter-spacing: .25px;
    display: block;
}

.saudi-visa-type:hover h5 a {
    color: #fff;
}


.saudi-visa-type:hover .icon-box {
    color: #fff;
}

.saudi-visa-type .icon-box {
    height: 70px;
    width: 100px;
    line-height: 97px;
    text-align: center;
    position: relative;
    color: #08BC27;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    line-height: 80px;
    margin: 0 auto;
}
.saudi-visa-type h5 {
    display: inline-block;
    margin-left: 10px;
    margin-top: 20px;
}
.saudi-visa-type p {
    overflow: hidden;
    padding-top: 0px;
    width: 100%;
}

.saudi-visa-type .icon-box i::before {
    font-size: 50px;
}

.saudi-visa-type a span { 
    position:absolute; 
    width:100%;
    height:100%;
    top:0;
    left: 0;
    z-index: 1;
    /* background-image: url('../images/empty.jpg');*/
  } 

@media (min-width: 992px) and (max-width: 1199px) {
    .saudi-visa-type {
        padding: 20px 16px 30px;
    }
    .saudi-visa-type {
       margin-bottom: 30px;
   }

}

@media (min-width: 576px) and (max-width: 767px) {
.saudi-visa-type .icon-box {
 height: 50px;
 line-height: 53px;
} 

.saudi-visa-type {
padding: 42px 10px 25px;
margin-right: 0;
}
.saudi-visa-type {
padding: 10px 20px 25px;
margin-right: 0;
}

.saudi-visa-type h5 a {

letter-spacing: 0;
font-size: 14px;
}

}

/*   pages */

.service-icon .breadcrumb-item.active {color:#08BC27;}

.section-head-pages {
  margin-bottom: 10px;
}

.section-head-pages h2 {
  padding-bottom: 15px;
  margin-bottom: 15px;
  font-size: 20px;
  text-transform: uppercase;
  color: #3c3c3c;
  position: relative;
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 2px;
  line-height: 35px;
}

.section-head-pages h2 span {
  color: #daa520;
}

.section-head-pages h2::after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #daa520;
  width: 150px;
  height: 2px;
}

.section-head-pages p {
  max-width: 655px;
  margin: auto;
  color: #3b3b3b;
}

#faq .accordion .btn{white-space: normal;text-align: left !important;}

.vertical-tab{ display: table; width:100%;}
.vertical-tab .nav-tabs{
    display: table-cell;
    width: 28%;
    min-width: 28%;
    border-bottom: none;
}
.vertical-tab .nav-tabs li{
    float: none;
    vertical-align: top;
}
.vertical-tab .nav-tabs li a{
    display: block;
    padding: 16px;
    margin: 0 10px 5px 0;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    background: #08BC27;
    border-radius: 0;
    border: none;
    border-top: 3px solid #08BC27;
    border-bottom: 3px solid #08BC27;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease 0s;
}
.vertical-tab .nav-tabs li a:hover,
.vertical-tab .nav-tabs li a.active{
    color: #08BC27;
    background: #fff;
    border: none;
    border-top: 3px solid #08BC27;
    border-bottom: 3px solid #08BC27;
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.90);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.90);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.90);
}
.vertical-tab .nav-tabs li a:before,
.vertical-tab .nav-tabs li a:after{
    content: "";
    width: 20px;
    height: 20px;
    background: linear-gradient(135deg,#08BC27 49%, transparent 50%);
    position: absolute;
    top: -20px;
    left: -20px;
    transition:all 0.3s ease 0s;
}
.vertical-tab .nav-tabs li a:after{
    background: linear-gradient(315deg,#08BC27 49%, transparent 50%);
    top: auto;
    left: auto;
    bottom: -20px;
    right: -20px;
}
.vertical-tab .nav-tabs li a:hover:before,
.vertical-tab .nav-tabs li a.active:before{
    top: 0;
    left: 0;
}
.vertical-tab .nav-tabs li a:hover:after,
.vertical-tab .nav-tabs li a.active:after{
    bottom: 0;
    right: 0;
}
.vertical-tab .tab-content{
    display: table-cell;
    padding: 15px 20px;
    font-size: 15px;
    color: #50635f;
    letter-spacing: 1px;
    line-height: 24px;
    text-align: justify;
    vertical-align: top;
    border-top: 3px solid #50635f;
    border-bottom: 3px solid #50635f;
    position: relative;
}
.vertical-tab .tab-content:before,
.vertical-tab .tab-content:after{
    content: "";
    width: 20px;
    height: 20px;
    background: linear-gradient(135deg,#50635f 49%, transparent 50%);
    position: absolute;
    top: 0;
    left: 0;
}
.vertical-tab .tab-content:after{
    background: linear-gradient(315deg,#50635f 49%, transparent 50%);
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
}
.vertical-tab .tab-content h3{
    font-size: 24px;
    color: #50635f;
    margin: 0 0 5px 0;
}

@media only screen and (max-width: 479px){
    .vertical-tab .nav-tabs{
        display: block;
        width: 100%;
    }
    .vertical-tab .nav-tabs li{ margin-bottom: 10px; }
    .vertical-tab .nav-tabs li:last-child{ margin-bottom: 0; }
    .vertical-tab .nav-tabs li a{ padding: 10px; }
    .vertical-tab .tab-content{
        display: block;
        padding: 20px 5px 5px;
    }
    .vertical-tab .tab-content h3{ font-size: 18px; }
}

ul.requirement-list {
  margin: 2em 0;
}

ul.requirement-list > li {
  margin: 1em;
  margin-left: 3em;
}

ul.requirement-list > li:before {
  content: '\f14a';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.5em;
  color: #daa520;
  font-size:17px;
}

 button.download-btn,button.visaform-btn  {
  font-size: 18px;
  background:#daa520;
  color: #fff;
  padding: 7px 15px 7px 30px;
  border: 1px solid #daa520;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  border-radius: 5px;
  line-height: 30px;
  font-weight: 700;
  cursor: pointer;
   margin: 10px 0px 60px;
  -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

button.visaform-btn{padding-left:15px;}

button.download-btn:after { content: '\f1c1';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.2em;
  color: #fff;
  font-size:18px;}

  button.visaform-btn:after {
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1.2em;
    color: #fff;
    font-size:20px;}

button.download-btn:hover, button.visaform-btn:hover {
  background: #08BC27;
  border-color: #08BC27;
}

/*modal */
.ks_ajax .section-head-pages {margin-bottom:0px;}
.ks_ajax .section-head-pages h2 {margin-left:15px;}


/* right side */
#sp-right .sp-module.banner-right{padding:0;border:0;}
/* --------------------------------------------------
            ==  Testimonial Part  ==
            --------------------------------------------------- */

           .testimonial-container {  background: #00332A;
            padding: 20px 0px;
        }
          .testimonial-box {
             padding: 10px 0;
             width: 100%;
             text-align: center;
             position: relative;
             left: 0;
             bottom: 0;
          }

         .testimonial-box h5 {
          color: #fff;
          line-height:20px;
          letter-spacing:0.2px;
      }

      .testimonial-box .smiley-icon {
          text-align: center;
          position: absolute;
          top: 50%;
          left: 25px;
          transform: translateY(-50%);
      }

      .testimonial-box .smiley-icon i {
          color: #daa520  ;
          font-size: 55px;
      }

      .carousel-item.active {display:block;}
      .testimonial-user ul.star {color:#daa520  ;margin-top:10px;}
      .testimonial-user ul.star > li > i {font-size:30px;}
      .testimonial-user span {float:right;margin:10px 50px; font-size:16px; font-style: italic; line-height:18px;color:#fff;border-left: 1px solid #daa520  ;padding-left:10px;}

  @media only screen and (max-width: 1199px) {
      .testimonial-box h5 {
          font-size: 14px;
      }
    }

  @media only screen and (max-width: 991px) {
      .testimonial-box h5 {
          font-size: 14px;
          bottom: 12px;
      }
}

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

  .testimonial-box .smiley-icon {
      left: 13px;
  }

  button.download-btn, button.visaform-btn  {
    font-size: 16px;
}
}


.footer-widget {
    background: #fff;
    color: #494949;
    padding: 50px 0 0;
}

.footer-logo p {
    color: #494949;
    margin-top: 15px;
    max-width: 300px;
}

.footer-widget-item h3 {
    font-size: 25px;
    line-height: 36px;
    margin-bottom: 30px;
    font-weight: bold;
    text-transform: capitalize;
    color:#00332A;
}

.footer-widget-item .footer-widget-link li {
    padding: 9px 0 3px;
}

.footer-widget-item .footer-widget-link li a i {
    margin-right: 5px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    line-height: 14px;
    color: #daa520  ;
}

.footer-widget-item .footer-widget-link li a:hover i {
    transform: translatex(5px);
}


.footer-widget-office-time li {
    padding: 10px 0;
}

.footer-icon-area {
    padding: 50px 0 !important;
    background-color:#fff;
}
.footer-contact {  
    border-top: 1px solid #daa520  ;
    border-bottom: 1px solid #daa520  ;
    color:#494949;
}

.footer-bottom-area {padding:20px 0px;}
.footer-icon {
    float: left;
    width: 15%;
    overflow: hidden;
}
.footer-icon-text {
    overflow: hidden;
    padding-left: 15px;
}

.footer-icon-text span {
    color: #494949;
}

.footer-icon a {
    font-size: 35px;
    margin-top: 2px;
    display: inline-block;
}

.footer-icon > a > i {color:#daa520  ;}
.footer-icon-text h4 {
    font-size: 20px;
    text-transform: capitalize;
}

   
            .footer-widget-link li a {
                color: #494949 !important;
                font-weight: 400;
                font-size: 14px;
            }

            .footer-logo ol.flat-list {
                margin-top: 40px;
            }

            .footer-logo ol.flat-list li:not(:last-child) {
                margin-right: 6px;
            }

            .footer-logo ol.flat-list li a {
                display: block;
                height: 33px;
                width: 33px;
                line-height: 33px;
                border-radius: 50%;
                text-align: center;

            }

            .footer-logo ol.flat-list li a i {
                color: #daa520  ;
                font-size: 16px;
            }

            .footer-logo ol.flat-list li a:hover i {
                color: #daa520  ;
            }

    .footer-opening-text {padding-right:30px;}
    .footer-opening-text i {padding-right: 10px;color: #daa520  ;font-size: 30px;}

            #sp-footer {background:#fcf6bd; color:#494949;}#sp-footer #sp-footer2 {text-align:left;}
            #sp-footer .container-inner {padding: 10px 0;}

/* preloader */

.preloader-div{
  top: 50%;
  transform: translateY(-50%);
  position:relative;
  margin:0 auto;
  border:5px solid #08BC27;
  width:100px;
  height:60px;
}

            .preload{
              position:absolute;
              left:50%;
              top:-5px;
              margin:0 auto;
              border-top:5px solid #08BC27;
              border-bottom:5px solid #08BC27;
              border-right:5px solid #08BC27;
              background:#daa520  ;
              width:50px;
              height:60px;
              transform-origin:0% 50%;
              animation:flip 1.2s infinite linear;
              animation-fill-mode:forwards;
            }
              
            .preload:nth-child(1) {
              z-index: -1;
              -webkit-animation-delay: .2s;
              animation-delay: .2s;
          }
          .preload:nth-child(2) {
              z-index: -2;
              -webkit-animation-delay: .4s;
              animation-delay: .4s;
          }
          .preload:nth-child(3) {
              z-index: -3;
              -webkit-animation-delay: .8s;
              animation-delay: .8s;
          }
        
          @-webkit-keyframes flip {
              0% {
                -webkit-transform: perspective(600px) rotateY(0deg);
                transform: perspective(600px) rotateY(0deg);
            }
            20% {
                background: #daa520  ;
            }
            29.9% {
                background: #daa520  ;
            }
            30% {
                -webkit-transform: perspective(200px) rotateY(-90deg);
                transform: perspective(200px) rotateY(-90deg);
                background: #daa520  ;
            }
            54.999% {
                opacity: 1;
            }
            55% {
                opacity: 0;
            }
            60% {
                -webkit-transform: perspective(200px) rotateY(-180deg);
                transform: perspective(200px) rotateY(-180deg);
                background: #daa520  ;
            }
            100% {
                -webkit-transform: perspective(200px) rotateY(-180deg);
                transform: perspective(200px) rotateY(-180deg);
                background: #daa520  ;
            }
        }
        
        @keyframes flip {
          0% {
            -webkit-transform: perspective(600px) rotateY(0deg);
            transform: perspective(600px) rotateY(0deg);
        }
        20% {
            background: #daa520  ;
        }
        29.9% {
            background: #daa520  ;
        }
        30% {
            -webkit-transform: perspective(200px) rotateY(-90deg);
            transform: perspective(200px) rotateY(-90deg);
            background: #daa520  ;
        }
        54.999% {
            opacity: 1;
        }
        55% {
            opacity: 0;
        }
        60% {
            -webkit-transform: perspective(200px) rotateY(-180deg);
            transform: perspective(200px) rotateY(-180deg);
            background: #daa520  ;
        }
        100% {
            -webkit-transform: perspective(200px) rotateY(-180deg);
            transform: perspective(200px) rotateY(-180deg);
            background: #daa520  ;
        }
        }

        #preloader-wrapper {
            position: fixed;
            width: 100%;
            height: 100%;
            background: #fcf6bd;
            top: 0;
            left: 0;
            z-index: 999999;
        }
            
            

            .backtotop {
              position: fixed;
              bottom: 25px;
              right: 25px;
              border: 2px solid #fff;
              cursor: pointer;
              border-radius: 50%;
              z-index: 9999;
              -webkit-box-shadow: -4px 1px 7px 0px rgba(84, 84, 84, 0.35);
              -moz-box-shadow: -4px 1px 7px 0px rgba(84, 84, 84, 0.35);
              box-shadow: -1px 1px 5px 0px rgba(84, 84, 84, 0.35);
          }

          .backtotop span {
              height: 42px;
              width: 42px;
              line-height: 42px;
              font-size: 20px;
              background: #fff;
              margin: 2px;
              color: #daa520  ;
              text-align: center;
              border-radius: 50%;
          }