@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
.banner-img img,
.choose-us .choose-inner .img img,
.four-card-component-warpper .card .card-img img,
.zigzag-slider-wrapper .content-right .img img,
.zigzag-slider-wrapper .content-right .img video {
object-fit: cover
}
.news-updates .slider-content h6,
.story-swiper .name,
.story-swiper .title p,
p.count-process {
-webkit-box-orient: vertical;
text-overflow: ellipsis
}
.page-template-page-content ul,
body,
footer ul {
padding: 0;
margin: 0
}
#header,
.btn-link,
.content,
.content p,
.main-nav>li.active>.sub-menu,
.page-template-page-content .globle-list ul li,
p {
position: relative
}
.content,
.content p,
.location-name.open .location-popup,
.logo,
.logo a,
.nav-active .nav-bar,
.nav-bar.active .submenu-button,
.page-template-page-content img,
.social-main a,
p {
display: block
}
.btn-custom.btn-font-plus a,
.card-info .btn-custom .btn,
.con-card p,
.content p a,
.content.md p,
.count-process,
.country-name,
.imgbox-content-btn .btn-white,
.time p.date,
.time p.last-seen {
font-family: "Plus Jakarta Sans", sans-serif
}
.btn-lightorange,
.btn-sky,
.btn-sky:hover,
.common-btn.btn-a-orange,
.common-btn.btn-custom,
.common-btn.btn-custom:hover,
.footer .footer-title h5,
.news-updates .view-all-btn a img,
.news-updates .view-all-btn a:focus img,
.news-updates .view-all-btn a:hover img,
.page-template-page-content .swiper-button-next svg,
.page-template-page-content .swiper-button-prev svg,
.page-template-page-content a:hover,
.s-btn,
.s-btn:hover,
.solution-main ul li a img {
transition: .3s ease-in-out
}
.upscale .logo-grid ul,
.video-small {
grid-auto-rows: minmax(auto, 1fr)
}
*,
::after,
::before {
box-sizing: border-box
}
* {
outline: 0;
box-shadow: none
}
body {
font-family: inter, sans-serif !important;
color: #2f2e2e;
font-size: 18px !important;
line-height: 120% !important;
overflow-x: hidden !important
}
.page-template-page-content .container-fluid-full {
width: 100%;
padding-left: 104px;
padding-right: 104px;
max-width: 100%
}
#header .container-fluid,
.footer .container-fluid,
.page-template-page-content .container-fluid {
width: 100%;
padding-left: 30px;
padding-right: 30px;
max-width: 1440px;
margin: 0 auto
}
.page-template-page-content p {
font-size: 13px;
margin: 0;
line-height: 26px;
font-weight: 400
}
.page-template-page-content a {
text-decoration-line: none
}
.page-template-page-content a,
.page-template-page-content button,
.page-template-page-content input,
.page-template-page-content select,
.page-template-page-content textarea {
box-shadow: none;
text-decoration-line: none;
outline-width: 0
}
.page-template-page-content ul li {
list-style-type: none
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Plus Jakarta Sans", sans-serif !important;
margin: 0 !important
}
.btn,
.btn-blue,
.btn-orange,
.common-btn {
font-family: "Helvetica Neue" !important
}
.h1,
h1 {
font-size: 30px !important;
font-weight: 500 !important;
line-height: 120% !important;
text-transform: capitalize !important;
color: #00102c
}
.h2,
h2 {
font-size: 26px !important;
line-height: 120%
}
.h3,
h3 {
font-size: 24px !important;
line-height: 130%;
font-weight: 700
}
.h4,
h4 {
font-size: 18px !important;
font-weight: 600;
line-height: 133.3333%;
text-transform: capitalize
}
.h5,
.h6,
h5,
h6 {
line-height: 150%
}
.h5,
.main-nav>li.menu-item>a,
h5 {
font-size: 18px !important;
font-weight: 500 !important
}
.h6,
.subtitle-sm h3,
h6 {
font-size: 16px !important;
font-weight: 700
}
.page-template-page-content .h1,
.page-template-page-content h1 {
font-size: 38px !important;
font-weight: 500 !important;
line-height: 120% !important;
text-transform: capitalize !important;
color: #00102c
}
.page-template-page-content .h1 span,
.page-template-page-content h1 span {
font-size: 32px !important;
}
@media (max-width:575px){
.page-template-page-content .h1,
.page-template-page-content h1 {
font-size: 33px !important;
line-height: 120% !important;
}
.page-template-page-content .h1 span,
.page-template-page-content h1 span {
font-size: 27px !important;
line-height: 100% !important;
}
}
.page-template-page-content .h2,
.page-template-page-content h2 {
font-size: 32px !important;
line-height: 120%
}
@media (max-width:475px) {
.page-template-page-content .h2,
.page-template-page-content h2 {
font-size: 25px !important
}
}
.page-template-page-content .h3,
.page-template-page-content h3 {
font-size: 25px !important;
line-height: 130%;
font-weight: 700
}
.page-template-page-content .h4,
.page-template-page-content h4 {
font-size: 20px !important;
font-weight: 600;
line-height: 133.3333%;
text-transform: capitalize
}
.page-template-page-content .h5,
.page-template-page-content h5 {
font-size: 20px !important;
font-weight: 500 !important;
line-height: 150%
}
.page-template-page-content .h6,
.page-template-page-content h6 {
font-size: 18px !important;
line-height: 150%;
font-weight: 700
}
.content {
width: 100%
}
p {
line-height: 170% !important;
letter-spacing: .5px
}
.content p a {
font-weight: 400;
transition-duration: .3s;
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
color: #000
}
.content p,
p {
margin-bottom: 15px;
color: #00102c;
font-weight: 400
}
.single-heading {
font-weight: 600 !important
}
.content.big p {
font-size: 20px;
font-weight: 400;
line-height: 160% !important
}
.content.md p {
font-size: 18px;
font-weight: 400;
line-height: 177%
}
.content.white p,
.view-all-btn a:hover {
color: #fff
}
.content.grey p {
color: #2f2e2e
}
.content.black p {
color: #000
}
.content p a:hover {
text-decoration-line: underline
}
.title h1,
.title h2,
.title h3,
.title h4,
.title h5,
.title h6 {
font-family: "Plus Jakarta Sans", sans-serif;
color: #00102c
}
.main-nav a,
.mega-menu__right>ul>li>a,
.style-2 .counter-card .counter-con p,
.subtitle-md h3,
.three-card-component-warpper .subtitle-big h2,
.three-card-component-warpper h2,
.trust-wrapper .title h6,
a.maxbutton,
body .widget-subscribe .frm_form_field input {
font-family: "Plus Jakarta Sans", sans-serif !important
}
.title-p-400 h1,
.title-p-400 h2,
.title-p-400 h3,
.title-p-400 h4,
.title-p-400 h5,
.title-p-400 h6 {
color: #335286
}
.title-p-500 h1,
.title-p-500 h2,
.title-p-500 h3,
.title-p-500 h4,
.title-p-500 h5,
.title-p-500 h6 {
color: #002768
}
.title-p-800 h1,
.title-p-800 h2,
.title-p-800 h3,
.title-p-800 h4,
.title-p-800 h5,
.title-p-800 h6 {
color: #001539
}
.title-white h1,
.title-white h2,
.title-white h3,
.title-white h4,
.title-white h5,
.title-white h6 {
font-weight: 400 !important;
color: #fff !important
}
.subtitle-md h3,
.subtitle-sm h3 {
color: #ff5b35 !important;
line-height: 150%
}
.subtitle-md h3 {
font-size: 20px !important;
font-weight: 600
}
.subtitle-big h2 {
font-weight: 400 !important;
color: #ff5b35
}
.btn,
.common-btn,
.main-nav a {
font-weight: 500 !important;
font-size: 14px !important
}
@media (min-width:1200px) {
.h1,
h1 {
font-size: 34px !important;
line-height: 128.571% !important
}
.h4,
h4 {
font-size: 20px !important
}
.page-template-page-content .h1,
.page-template-page-content h1 {
font-size: 48px !important;
line-height: 128.571% !important
}
.page-template-page-content .h3,
.page-template-page-content h3 {
font-size: 32px !important
}
.page-template-page-content .h4,
.page-template-page-content h4 {
font-size: 24px !important
}
.subtitle-big h3 {
font-size: 48px !important
}
.navbar-toggler {
display: none
}
.main-nav.active:before {
position: absolute
}
.main-nav .arrows,
.main-nav>li>a {
padding: 24px 5px !important
}
.main-nav>li>a:hover {
--tw-bg-opacity: 1;
background-color: rgb(215 221 231 / var(--tw-bg-opacity))
}
}
.menu-item .submenu-button,
.menu-open .navbar-toggler .middle,
.page-template-page-content .swiper-button-next::after,
.page-template-page-content .swiper-button-prev::after {
display: none
}
.btn,
.common-btn {
display: inline-block !important;
text-align: center !important;
line-height: 21px !important;
position: relative !important;
padding: 13.5px 16px !important;
border-radius: 8px !important;
min-width: unset !important
}
@media (max-width:479px) {
.subtitle-big h3 {
font-size: 24px !important
}
.btn,
.common-btn,
.common-btn.btn-white {
font-size: 13px !important;
line-height: 19px !important
}
}
.common-btn:hover {
color: #fff;
text-decoration: none
}
.btn-orange {
color: #fff !important;
border-radius: 8px !important;
padding-top: 14px !important;
padding-bottom: 14px !important;
overflow: hidden !important;
border: 0 !important
}
.common-btn.btn-a-orange,
.common-btn.btn-custom.btn-hover-orange:hover {
background-color: #ef785c;
color: #fff
}
.btn-blue,
.btn-blue:hover {
transition: .3s ease-in-out !important
}
.common-btn.btn-a-orange:hover {
transition: .3s ease-in-out;
background-color: #cc6045
}
.btn-a-orange .arrow {
background-color: #b54126
}
.btn-blue {
color: #fff !important;
background-color: #17365e !important;
border-radius: 8px !important
}
.btn-blue:hover {
background-color: #223c67 !important
}
.btn-blue.btn-arrow,
.btn-orange.btn-arrow,
.btn.btn-arrow,
.common-btn.btn-arrow {
padding-right: 55px !important;
position: relative;
overflow: hidden
}
@media (max-width:991px) {
.btn,
.common-btn {
padding: 9px !important
}
.btn-blue.btn-arrow,
.btn-orange.btn-arrow,
.btn.btn-arrow,
.common-btn.btn-arrow {
padding-right: 45px !important
}
}
@media (max-width:330px) {
.btn-blue.btn-arrow,
.btn-orange.btn-arrow,
.btn.btn-arrow,
.common-btn.btn-arrow {
padding-right: 39px !important;
text-align: left !important
}
}
.common-btn.btn-orange:hover {
background-color: #cc6045
}
.btn-dark {
background-color: #000b16;
color: #fff
}
.btn-dark:hover {
color: #fff;
background-color: #51a7f9
}
.btn-link,
.btn-link:hover {
background-color: #fff0;
color: #ff5b35
}
.btn-blue.btn-arrow .arrow,
.btn-orange.btn-arrow .arrow,
.btn.btn-arrow .arrow,
.common-btn.btn-arrow .arrow {
width: 40px !important;
height: 40px !important;
position: absolute !important;
top: 50% !important;
transform: translateY(-50%) !important;
right: 4px !important;
background-color: #001c4a !important;
border-radius: 8px !important
}
.btn-blue.btn-arrow .arrow:before,
.btn-orange.btn-arrow .arrow:before,
.btn.btn-arrow .arrow:before,
.common-btn.btn-arrow .arrow:before {
background: url(../immi/images/btn-arrow.svg) no-repeat !important;
content: "" !important;
width: 18px !important;
height: 18px !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
transition: .3s ease-in-out !important
}
.btn-link {
padding: 0;
border-width: 0
}
#header,
#header.is-sticky,
.btn-free.common-btn.btn-arrow .arrow,
.btn-white,
option {
background-color: #fff
}
.card:hover .btn-link::after {
animation: 1s infinite bounce_513
}
.btn-white {
padding: 14px 24px;
border-radius: 8px;
border: 1px solid #b0bcd0;
color: #000
}
.btn-white:hover {
background-color: #001c4acc !important;
color: #fff !important;
text-decoration: none
}
.btn-sky {
background-color: #17365e
}
.btn-sky:hover,
.imgbox-content-btn .btn-white:hover {
background-color: #546e9a
}
.btn-orange,
.btn-orange2 {
background-color: #ef785c !important;
transition: .3s ease-in-out !important
}
.btn-orange3 {
background: linear-gradient(85.27deg, #ffcc9c -171.36%, #ef785c 95.45%)
}
.btn-orange2:hover,
.btn-orange:hover {
background-color: #cc6045 !important;
transition: .3s ease-in-out !important
}
.btn-orange3:hover {
background: #cc6045 !important;
transition: .3s ease-in-out !important
}
.btn-link::after,
.page-template-page-content .globle-list ul li::before {
content: "";
position: absolute;
background-repeat: no-repeat;
background-position: center;
width: 24px;
height: 24px
}
.btn-blue.btn-arrow .arrow,
.btn-orange.btn-arrow .arrow,
.btn.btn-arrow .arrow,
.common-btn.btn-arrow.btn-orange2 .arrow,
.common-btn.btn-arrow.btn-sky .arrow {
background-color: #fff !important
}
.btn-blue.btn-arrow .arrow:before,
.btn-orange.btn-arrow .arrow:before,
.btn.btn-arrow .arrow:before,
.common-btn.btn-arrow.btn-orange2 .arrow:before,
.common-btn.btn-arrow.btn-sky .arrow:before {
background: url(../immi/images/right-icon.svg) no-repeat !important;
width: 24px !important;
height: 24px !important;
transform: translate(-50%, -50%) rotate(0) !important;
margin: 0 !important
}
.btn-arrow:hover .arrow:before,
.btn:hover .arrow:before,
.common-btn:hover .arrow:before {
transform: translate(-50%, -50%) rotate(-45deg) !important;
transition: .3s ease-in-out !important
}
.common-btn.btn-lightorange:hover .arrow::before {
transform: translate(-50%, -50%) rotate(45deg) !important;
transition: .3s ease-in-out !important
}
.btn-blue.btn-arrow:hover .arrow:before,
.btn-orange.btn-arrow.btn-sky:hover .arrow:before,
.btn:hover .arrow:before,
.common-btn.btn-arrow.btn-orange2:hover .arrow:before,
.common-btn.btn-arrow.btn-sky:hover .arrow:before {
transform: translate(-50%, -50%) rotate(-45deg) !important
}
@keyframes bounce_513 {
0%,
100% {
transform: translateX(0);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1)
}
50% {
transform: translateX(-25%);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1)
}
}
.btn-link::after {
background-image: url(../immi/images/arrow_forward.svg);
top: -2px;
right: -35px
}
.page-template-page-content .globle-list ul li span {
margin-left: 34px;
font-size: 16px;
line-height: 150%
}
.page-template-page-content .globle-list ul li::before {
background-image: url(../immi/images/check.svg);
top: 0;
left: 0;
background-size: cover
}
.page-template-page-content .globle-list ul,
.three-card-component-warpper .card-info ul {
display: flex;
flex-direction: column;
gap: 24px
}
.page-template-page-content .swiper-button-next:hover svg,
.page-template-page-content .swiper-button-prev:hover svg {
fill: #002768
}
.page-template-page-content .swiper-button-next:hover svg path,
.page-template-page-content .swiper-button-prev:hover svg path {
fill: #fff
}
.navbar-toggler {
background-color: #fff0;
border-width: 0;
gap: 5px;
padding: 0;
order: 1;
cursor: pointer
}
@media (max-width:1200px) {
.logo-block {
padding-left: 70px !important
}
.navbar-toggler {
display: flex;
flex-direction: column;
padding-right: 70px !important
}
}
@media (max-width:1024px) {
.content.big p,
.content.md p {
font-size: 16px
}
.btn-blue.btn-arrow,
.btn-orange.btn-arrow,
.btn.btn-arrow,
.common-btn.btn-arrow {
font-size: 12px !important
}
.logo-block {
padding-left: 40px !important
}
.navbar-toggler {
padding-right: 40px !important
}
.nav-bar ul {
display: flex;
flex-direction: column
}
}
@media (max-width:639px) {
#header .container-fluid,
.footer .container-fluid,
.page-template-page-content .container-fluid {
padding-left: 16px;
padding-right: 16px
}
.logo-block {
padding-left: 16px !important
}
.navbar-toggler {
padding-right: 16px !important
}
}
#header-mobile {
display: none;
justify-content: center;
padding: 5px 15px
}
#header-mobile a {
border-radius: 25px;
max-width: 80vw;
width: 100%
}
#header,
.btn-frame,
.footer-menu-main,
.logo-block {
display: flex
}
.logo-block {
padding: 0 10px 0 0
}
.logo-block .logo-inner {
margin: 10px 0 0
}
.logo {
max-width: 200px
}
.logo img {
width: 200px
}
.nav-bar,
.tools-bar {
display: flex;
align-items: center
}
.tools-bar {
padding-top: 5px;
padding-bottom: 5px;
margin-left: 10px
}
.main-nav {
position: static
}
.main-nav.active:before {
content: "";
top: 100%;
background-color: rgb(0 50 102 / .4);
left: 50%;
transform: translateX(-50%);
width: 100dvw;
height: calc(100dvh - 72px);
z-index: -2
}
.main-nav .arrows,
.main-nav>li,
.main-nav>li>a {
display: inline-block
}
@media (min-width:1366px) {
.tools-bar {
margin-left: 30px
}
.main-nav .arrows,
.main-nav>li>a {
padding-left: 10px !important;
padding-right: 10px !important
}
}
.main-nav>li>a:before {
content: "";
width: 100%;
height: 2px;
background: #003362;
position: absolute;
bottom: -2px;
left: 0;
opacity: 0
}
.main-nav>li:nth-child(3):hover>a:before{
bottom: 0;
opacity: 2
}
.main-nav>li.has-submenu:not(.has-submegamenu)>.sub-menu {
padding: 20px 0 !important
}
.main-nav>li>.sub-menu {
padding: 40px !important;
position: absolute;
top: 100%;
left: 0;
width: 100%;
opacity: 0;
visibility: hidden;
z-index: -999
}
.main-nav>li.has-submenu:hover>.sub-menu {
z-index: 1
}
.main-nav>li.active>.sub-menu {
top: 0;
opacity: 1;
visibility: visible;
border-width: 0;
padding: 24px 0 0
}
.main-nav a {
line-height: 130% !important;
color: #001539 !important
}
.box-visual .more-link a:hover {
color: #51a7f9
}
header .navbar-toggler span {
border-radius: 25px;
height: 2px;
transition: .3s ease-in-out;
width: 25px;
transform: rotate(0);
background-color: #001c4a
}
.menu-open .navbar-toggler .top {
transform: translateY(2px) translateX(0) rotate(45deg)
}
.menu-open .navbar-toggler .bottom {
transform: translateY(-4px) translateX(0) rotate(-45deg)
}
header .navbar-toggler:hover span {
background-color: #ff5b35
}
header.header.is-sticky .navbar-toggler span {
background-color: #00235f
}
@media screen and (max-width:1200px) {
.nav-bar.active {
display: block;
background-color: #fff;
height: 100vh;
left: 50%;
transform: translateX(-50%);
max-width: none;
overflow-x: hidden;
overflow-y: auto;
padding: 0 20px;
position: absolute;
top: 100%;
transition-duration: .3s;
transition-timing-function: linear;
width: 100vw
}
.sub-menu.menu-ctm {
background: #d7dde7 !important
}
.main-nav>li>.sub-menu {
margin-top: 24px !important;
padding: 24px 0 0 !important;
border: 0 !important
}
.mega-menu__right>ul>li:last-child {
margin-bottom: 0 !important
}
}
.menu-item.has-sub {
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse;
justify-content: space-between;
align-items: center
}
.menu-item.has-sub svg {
fill: #000
}
.mega-menu {
position: absolute;
padding: 20px 0;
opacity: 0;
border-top: 2px solid #003362
}
.has-submenu:hover .mega-menu {
opacity: 1 !important;
visibility: visible !important;
z-index: 1 !important
}
.main-nav ul.sub-menu {
border-top: 2px solid #003362 !important
}
.mega-menu__right .sub-menu .menu-item::after,
.mega-menu__right ul .menu-item .sub-inner-menu .menu-item:after {
content: "" !important;
border-style: solid;
border-width: 4px 0 4px 6px;
border-color: #fff0 #fff0 #fff0 #003362;
position: absolute;
width: 0;
height: 0;
left: 0
}
.main-nav ul a {
display: block;
padding: 5px 5px 5px 15px
}
.main-nav ul li:before {
display: none;
padding: 0
}
.button-container,
.button-container span {
-webkit-transition: .25s;
-o-transition: .25s;
transition: .25s;
cursor: pointer
}
.button-container {
z-index: 550;
margin: 0 0 0 auto;
position: relative;
width: 28px;
height: 19px;
display: none
}
.button-container span {
background: #003362;
border: 0;
height: 2px;
width: 100%;
position: absolute;
top: 0;
left: 0
}
.button-container span:nth-of-type(2) {
top: 8px
}
.button-container span:nth-of-type(3) {
top: 16px
}
.main-nav .mega-menu {
position: fixed;
margin: 0 !important;
padding: 0;
max-width: 100vw !important;
width: 100% !important;
height: 100%;
background: rgb(0 50 102 / .4)
}
.mega-menu__inner {
display: flex;
padding: 40px;
background: #fff !important;
border: 1px solid #dadfe7 !important
}
.mega-menu__left {
flex: 0 0 250px;
margin-right: 35px
}
.mega-menu__image {
display: block;
margin-bottom: 20px;
height: 165px
}
.mega-menu__heading {
margin-bottom: 20px;
font-size: 24px;
line-height: 1.4;
color: #000
}
.mega-menu__content {
margin-bottom: 20px !important;
font-size: 15px;
line-height: 1.6;
color: #000
}
.mega-menu__cta a {
box-shadow: 0 1px 2px 0 rgb(0 0 0 / .15);
padding: 10px 30px;
background-color: #ff9178;
border-radius: 4px;
font-weight: 600;
line-height: 1;
color: #fff !important;
text-transform: uppercase;
text-align: center
}
.btn-lightorange,
.common-btn.btn-custom,
.count-process,
.country-name,
.logo-slider-title h6,
.news-slider .tag,
.time p.date,
.time p.last-seen,
.youtube-grid-title h2 {
text-transform: capitalize
}
.mega-menu__right {
padding-left: 35px;
flex-grow: 1
}
.mega-menu__right ul.sub-inner-menu {
padding: 10px 15px 0 !important;
border-width: 0;
display: block !important
}
.image-inner-main,
.mega-menu__right ul .menu-item,
.menu-item,
.mobile-menu-main ul li,
.news-btn,
.news-updates .slider-inner .slider-img,
.three-card-component-warpper .card-info ul li,
.zigzag-wrapper .zigzag-content.right {
position: relative
}
.mega-menu__right>ul {
display: grid !important;
grid-gap: 35px
}
.mega-menu__right>ul.col-3 {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
.mega-menu__right>ul.col-2,
.solution-grid .grid-main {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.mega-menu__right>ul>li>a {
padding: 5px 15px !important;
font-size: 16px !important;
line-height: 1.4 !important;
background-color: #d5dde5 !important;
font-weight: 700 !important
}
.mega-menu__right .sub-menu {
padding: 10px 15px 0
}
.solution-main ul li:first-child a,
.zigzag-img.gif {
padding-top: 0 !important
}
.mega-menu__right .sub-menu>li {
position: relative;
margin-bottom: 5px
}
.mega-menu__right .sub-menu .menu-item::after {
top: 13px;
margin: -4px 0 0
}
.mega-menu__right .sub-menu .menu-item a {
padding: 5px 15px
}
.mega-menu__right ul .menu-item .sub-inner-menu .menu-item:after {
top: 52%;
transform: translateY(-50%);
margin-top: 0
}
body header {
z-index: 999999;
width: 100%;
position: absolute !important;
top: 0;
}
body header.ctm-sticky-header {
position: fixed !important;
width: 100% !important;
margin: auto !important;
top: 0 !important;
box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%) !important;
z-index: 9999 !important;
animation: .5s stickySlideDown !important
}
@keyframes stickySlideDown {
0% {
opacity: .7;
transform: translateY(-100%)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
.header-inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin: 0;
padding: 0;
position: relative
}
.mobile-menu-main ul {
display: flex;
gap: 12px
}
.sub-menu {
background-color: #fff !important;
border: 1px solid #dadfe7 !important;
padding: 40px
}
.sub-menu-inner-div {
display: flex;
align-items: stretch;
justify-content: flex-start;
width: 100%;
margin: 0;
padding: 0
}
@media (max-width:1200px) {
#header .container-fluid {
padding-left: 0 !important;
padding-right: 0 !important
}
.main-nav>li.active>.sub-menu,
.sub-menu3 {
padding-top: 24px
}
.main-nav>li.active>.sub-menu .mega-menu__right {
padding: 0;
border-width: 0
}
.sub-menu .mega-menu__right .menu-item .sub-inner-menu {
display: none !important
}
.sub-menu .mega-menu__right .menu-item.open .sub-inner-menu {
display: block !important
}
.nav-bar {
display: none
}
.mega-menu__right>ul {
gap: 20px
}
.mega-menu__right>ul>li>a {
font-size: 16px
}
.mobile-menu-main ul,
.sub-menu-inner-div {
flex-direction: column
}
.header-inner {
padding-top: 0;
gap: 0;
padding-bottom: 0 !important
}
.navbar-toggler {
align-items: flex-end
}
.ctm-header .btn-frame .common-btn {
width: 100%;
border-radius: 0 !important
}
.ctm-header .container {
flex-wrap: wrap
}
.ctm-header .btn-frame,
.logo-block,
.navbar-toggler {
flex: 1
}
.mobile-menu-main .main-nav>.has-submenu:after {
content: "";
position: absolute;
top: 34px;
right: 0;
margin: 0;
content: "" !important;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 4px 0;
border-color: #12325f #fff0 #fff0;
transition: .3s ease-in-out;
cursor: pointer
}
.ctm-header .tools-bar {
gap: 0;
position: relative;
top: unset !important;
flex: unset !important;
margin: 0 !important;
padding: 0 !important;
width: 100%;
order: 1
}
.main-nav>li {
padding: 16px 0;
border-bottom: 1px solid #dadfe7
}
}
.contact-wrapper .contact-form form label span,
.full-img-cotainer.mobile,
.mega-menu__left,
.subscribe-wrapper .frm_form_field span,
section.trust-wrapper.ctm-remove-shadow {
display: none
}
.mega-menu__right {
border-left: 1px solid #000
}
.mega-menu__right-inner {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
width: 100%
}
.card-info .btn.btn-link,
.maxbutton-1.maxbutton.maxbutton-an .mb-text,
.maxbutton-3.maxbutton.maxbutton-start .mb-text,
.upscale .logo-grid ul,
.upscale-list li,
.upscale-list ul {
padding: 0 !important
}
.banner-wrapper .banner-img .img {
position: relative;
height: 100%;
width: 100%;
overflow: hidden;
display: block;
padding-top: 78%
}
.banner-img img {
backdrop-filter: blur(12px);
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgb(0 0 0 / .7)
}
.trust-wrapper .title h6 {
font-size: 14px !important
}
.card-info .title h4,
.col_content h1,
.col_content h2,
.col_content h3,
.col_content h4,
.col_content h5,
.col_content h6,
.promo-inner h1,
.solution-grid .title h6,
.three-card-component-warpper .card-info .title h4,
.youtube-grid-title h2,
.zigzag-img-main2 .zigzag-content .zigzag-content-in h3,
.zigzag-slider-wrapper .title-p-800 h2,
.zigzag-slider-wrapper .title-p-800 h4 {
font-weight: 700 !important
}
@media (max-width:1199.9px) and (min-width:1024px) {
.four-card-component-warpper .card-info {
min-height: 242px
}
.four-card-component-warpper .card-info .title {
min-height: 53px
}
.four-card-component-warpper .container-fluid {
padding-left: 40px;
padding-right: 40px
}
.card-main {
gap: 14px
}
}
.zigzag-wrapper {
position: relative;
display: flex;
flex-direction: column;
gap: 40px;
justify-content: flex-start;
align-items: center;
margin: 0;
padding: 0;
width: 100%
}
.zigzag-wrapper::before {
content: "";
position: absolute;
border-width: 0 0 0 3px;
border-style: solid;
border-left-color: #00102c;
width: 3px;
height: 100%;
left: 0;
top: 0
}
.newsletter-form .with_frm_style .frm_form_fields>fieldset,
.zigzag-img.gif {
padding-bottom: 0 !important
}
.zigzag-img {
flex: 1 0 0%;
display: flex;
align-items: center;
flex-direction: column;
gap: 10px
}
.zigzag-img.video video {
object-fit: cover;
height: 100%;
width: 100%
}
.zigzag-img.gif .img img {
object-fit: contain
}
.zigzag-img .img {
position: relative;
padding-top: 66.06%;
overflow: hidden;
height: 100%;
width: 100%
}
.zigzag-img .img img {
position: absolute;
top: 0;
left: 0;
object-fit: cover;
height: 100%;
width: 100%;
display: block
}
.zigzag-wrapper .zigzag-content.left {
position: relative;
text-align: right !important
}
.zigzag-wrapper .zigzag-content.left span {
position: absolute;
height: 20px;
width: 20px;
border-radius: 100%;
border: 5px solid #fff;
background-color: #ff5b35;
right: -74px;
top: 5px
}
.zigzag-wrapper .zigzag-content.right span {
position: absolute;
height: 20px;
width: 20px;
border-radius: 100%;
border: 5px solid #fff;
background-color: #ff5b35;
left: -40px;
top: 5px
}
.zigzag-slider-wrapper .content-right .img {
box-shadow: 0 6px 38px 10px rgb(0 0 0 / .12)
}
@media (max-width:991px) {
.btn-blue.btn-arrow .arrow,
.btn-orange.btn-arrow .arrow,
.btn.btn-arrow .arrow,
.common-btn.btn-arrow .arrow {
width: 30px !important;
height: 30px !important
}
.mdscreen2\:h-screen {
height: 100vh;
overflow: auto;
max-height: 100vh
}
.zigzag-slider-wrapper .content-right .img {
padding-top: 140.48%
}
.zigzag-slider-wrapper .content-right .img img {
position: absolute
}
.team-slider .swiper-slide.swiper-slide-active .slide-inner .img img {
border-top-left-radius: 16px;
border-bottom-left-radius: 16px
}
.upscale .logo-grid ul {
gap: 20px
}
}
.zigzag-slider-wrapper .content-right .vdieo {
box-shadow: 0 6px 38px 10px rgb(0 0 0 / .12);
position: relative;
overflow: hidden;
height: 100%;
width: 100%;
border-radius: 16px;
padding-top: 140.48%
}
@media (max-width:1023px) and (min-width:768px) {
.zigzag-slider-wrapper .content-right .img,
.zigzag-slider-wrapper .content-right .vdieo {
padding-top: 100.48%
}
}
.full-img-cotainer::before {
content: "";
top: 0;
left: 0;
background-image: linear-gradient(270deg, #fff0 24.86%, rgb(0 0 0 / .5) 74.48%);
height: 100%;
width: 100%;
position: absolute
}
.full-imgbox-wrapper .imgbox-content .title-white h2 {
font-size: 40px !important;
font-weight: 700 !important;
line-height: 120% !important
}
.faq-wrapper .accordion-item {
width: 100%;
background-color: #f0f2f8;
padding: 20px 24px;
border-radius: 16px
}
.faq-wrapper .accordion-item a {
display: flex;
align-items: center;
justify-content: space-between
}
.faq-wrapper .accordion-item a .minus,
.faq-wrapper .accordion-item a .plus {
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center
}
.choose-content .inner .content,
.faq-wrapper .accordion-content {
padding-top: 10px
}
.faq-wrapper .accordion-item .title .h6,
.faq-wrapper .accordion-item .title h6 {
font-size: 18px !important;
line-height: 27px !important;
font-weight: 700;
text-transform: none
}
.accordion-content p {
margin-bottom: 0 !important;
font-size: 15px !important
}
.contact-wrapper .contact-img .img {
position: relative;
overflow: hidden;
height: 100%;
width: 100%;
padding-top: 67.81%;
border-radius: 24px
}
.contact-wrapper .contact-img .img img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover
}
.contact-wrapper .title h2 {
font-weight: 700 !important;
font-size: 48px !important
}
.testimonial-wrapper .title h2 {
font-weight: 500 !important
}
.footer .content p,
.footer a {
font-weight: 400;
line-height: 150%
}
.testimonial-wrapper .wp-gr .grw-btns,
ul.mega-menu__right-in .sub-inner-menu {
position: relative !important
}
.testimonial-wrapper .wp-gr .grw-btns svg {
border-color: #002768 !important;
border-width: 1px !important;
border-radius: 100% !important
}
.testimonial-wrapper .wp-gr .grw-btns svg path {
fill: #002768 !important
}
.testimonial-wrapper .wp-gr .grw-btns:hover svg {
background-color: #002768 !important
}
.testimonial-wrapper .wp-gr .grw-btns:hover svg path {
fill: #ffffff !important
}
.testimonial-wrapper .wp-gr .grw-controls {
position: relative !important;
display: flex !important;
flex-wrap: wrap !important;
justify-content: center;
gap: 48px !important;
bottom: 0 !important;
padding-top: 48px !important
}
.contact-form .frm_forms,
.contact-form .with_frm_style,
.testimonial-wrapper .wp-gr {
width: 100% !important
}
.testimonial-wrapper .wp-gr .grw-header-inner,
.wp-gr .grw-review-inner {
padding: 24px !important;
margin-left: 16px !important;
margin-right: 16px !important
}
.testimonial-wrapper .wp-gr .grw-review .wp-google-stars {
margin-bottom: 30px !important
}
.testimonial-wrapper .wp-gr .grw-review-inner.grw-round {
border-radius: 24px !important
}
.testimonial-wrapper .wp-gr .grw-review-inner>svg {
top: 26px !important
}
.testimonial-wrapper .wp-gr.wpac .wp-google-left img {
box-shadow: none !important
}
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6 {
font-weight: 400;
line-height: 150%;
color: #fff
}
.footer .content p {
font-size: 16px;
color: #b0bcd0
}
.footer a {
font-size: 14px;
color: #f8fafc
}
.footer a:hover,
.hero-banner-wrapper .banner-content .title h1 span,
.solution-main ul li a:hover,
.title-small h2 span {
color: #ef785c
}
.footer .footer-title h5 {
font-weight: 500;
margin-bottom: 8px !important;
color: #ef785c !important
}
.choose-content .inner .content p,
.contact-title p,
.solution-grid .title h6,
.solution-grid p {
margin-bottom: 0 !important
}
.footer .footer-menu-list ul li {
padding-top: 16px
}
.newsletter-form input::placeholder {
font-size: 16px;
line-height: 150%;
color: #94a3b8
}
.newsletter-form .submit-btn {
border-radius: 4px !important;
font-weight: 600;
font-family: "Helvetica Neue";
font-size: 16px;
padding: 10px 18px
}
.conatact-info li {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px
}
.social-icon {
display: flex;
flex-wrap: wrap;
gap: 15px;
justify-content: flex-start
}
.footer .social-icon a:hover img {
filter: invert(36%) sepia(31%) saturate(7315%) hue-rotate(327deg) brightness(107%) contrast(87%)
}
.news-btn .s-btn img,
.news-updates .view-all-btn a:focus img,
.news-updates .view-all-btn a:hover img {
filter: brightness(0) saturate(100%) invert(79%) sepia(65%) saturate(4671%) hue-rotate(318deg) brightness(97%) contrast(95%)
}
.copy-right .content p {
font-size: 14px;
line-height: 150%;
color: #f8fafc;
margin: 0 !important
}
.copy-right,
.logo-slide,
.logo-slider-main .swiper-slide,
.news-updates .new-top,
.subscribe-wrapper .frm_fields_container {
display: flex;
justify-content: center;
align-items: center
}
.trust-img .img img {
height: 100% !important;
max-height: 84px !important;
object-fit: contain
}
.subscribe-wrapper #field_y52pi_label,
.subscribe-wrapper .frm_fields_container br,
.subscribe-wrapper .frm_primary_label,
.video-grid-inner-slider,
.youtube-grid .swiper-btn,
body .widget-subscribe .frm_primary_label,
body.page-id-22764 .tools-bar.tools-bar-ctm {
display: none !important
}
body.page-id-5 .ctm-sticky-header .tools-bar.tools-bar-ctm {
display: non
}
.subscribe-wrapper form {
display: flex;
flex-direction: row;
align-items: center
}
.country-name,
.ea-card h3.ea-header,
.faq-wrapper .accordion-item .title,
.faq-wrapper .accordion-item .title .h6,
.faq-wrapper .accordion-item .title h6,
.hero-con-inner,
.social-media-btn h2,
.style-2 .counter-title h2,
.style-2 .counter-title p,
.subscribe-wrapper .wpforms-container,
.subscribe-wrapper .wpforms-submit-container,
.time p.date {
margin: 0 !important
}
.subscribe-wrapper .wpforms-container .wpforms-field {
padding: 0
}
@media (max-width:1024px) {
.ctm-header .btn-frame,
.logo-block,
.navbar-toggler {
flex: unset !important
}
.trust-wrapper .trust-img {
padding-left: 8px;
padding-right: 8px
}
.three-card-component-warpper .card-info ul li span {
font-size: 14px;
margin-left: 26px
}
.three-card-component-warpper .card-info ul li::before {
top: 4px;
height: 16px;
width: 16px
}
.full-imgbox-wrapper .imgbox-content .title-white h2,
.title-small h2 {
font-size: 32px !important
}
.footer .content p {
font-size: 14px
}
.subscribe-wrapper .frm_form_field input {
width: 100% !important
}
}
.subscribe-wrapper .frm_submit .frm_button_submit {
background-color: #ef785c !important;
color: #fff;
font-size: 16px !important;
font-weight: 600 !important;
line-height: 24px !important;
border: 0 !important;
border-radius: 4px !important
}
.contact-wrapper .contact-form form button[type=submit]:hover,
.subscribe-wrapper .frm_submit .frm_button_submit:hover,
body .widget-subscribe .frm_form_field button:hover {
background-color: #b54126 !important
}
@media (min-width:1024px) {
.h2,
h2 {
font-size: 30px !important;
line-height: 140% !important
}
.page-template-page-content .h2,
.page-template-page-content h2 {
font-size: 40px !important;
line-height: 140% !important
}
.mega-menu__left {
flex: 0 0 250px
}
.mega-menu__right {
flex: 1 1 0%
}
.banner-wrapper .banner-img .img {
border-radius: 16px
}
.trust-wrapper .trust-img {
height: 96px
}
.four-card-component-warpper .title h2 {
font-weight: 700 !important
}
.zigzag-wrapper::before {
left: 50%
}
.zigzag-img {
padding-top: 0;
padding-bottom: 48px
}
.zigzag-img.gif.video {
padding-top: 28px !important
}
.zigzag-wrapper .zigzag-content.right span {
left: -71px
}
.zigzag-slider-wrapper .swiper-button-next {
right: calc(104px - 0px)
}
.zigzag-slider-wrapper .swiper-button-prev {
left: calc(104px - 0px)
}
.subscribe-wrapper .frm_form_field input {
width: 270px !important
}
.contact-wrapper .contact-form {
height: 100%
}
.contact-wrapper .content {
max-width: 580px
}
}
.contact-wrapper .title,
.newsletter-content-title {
margin-bottom: 8px
}
.contact-wrapper .contact-form .wpforms-container {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.contact-wrapper .contact-form form input {
height: 48px
}
.contact-wrapper .contact-form form input,
.contact-wrapper .contact-form form textarea {
border-color: #cbd5e1 !important;
border-radius: 8px !important
}
.contact-wrapper .contact-form form textarea {
height: 173px !important
}
.contact-wrapper .contact-form form button[type=submit] {
width: 100%;
background-color: #ef785c !important;
color: #fff;
font-size: 14px;
font-weight: 500;
line-height: 150%;
border: none !important
}
.subscribe-wrapper form button.frm_button_submit {
margin: 0 !important;
box-shadow: unset !important;
padding: 10px 18px !important;
font-family: Inter, serif !important;
font-weight: 600 !important
}
.hero-banner-wrapper .banner-content .title h1 {
color: #00102c;
padding: 0 !important;
margin: 0 !important
}
.banner-wrapper .banner-content .title h1 {
font-size: 56px !important;
line-height: 128.571%;
font-weight: 400 !important
}
.hero-banner-wrapper .banner-content .btn-free:hover {
background-color: #cc6045 !important
}
@media (max-width:1199px) {
.banner-wrapper .banner-content .title h1 {
font-size: 38px !important;
line-height: 120%
}
}
.image-inner .img {
position: relative;
padding-top: 22.2%;
height: 100%;
width: 100%;
max-height: 241px
}
.image-inner .img img,
.slide-inner .img img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 8px
}
.story-swiper .slide-inner .img img {
border-radius: 16px 16px 0 0
}
.image-inner-main::after {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 16px;
background-color: #ef785c;
z-index: 1;
height: 100%
}
.left-image {
margin-bottom: 79px;
transform: translateX(8px)
}
.right-image {
margin-top: 79px;
transform: translateX(-8px)
}
.logo-slider-prev img,
.our-story-warpper .story-swiper-prev img,
.story-swiper-prev img,
.swiper-prev img,
.upscale .mianlogo-slider-prev img,
.youtube-grid .grid-prev img {
transform: scale(-1, 1)
}
.upscale .logo-grid ul {
grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
display: grid;
flex-wrap: wrap
}
@media (max-width:1200px) {
.image-inner-main::after {
width: 10px
}
.left-image {
margin-bottom: 40px;
transform: translateX(0)
}
.right-image {
margin-top: 40px;
transform: translateX(-5px)
}
.upscale .logo-grid ul {
gap: 20px
}
.menu-ctm.sub-menu3 {
padding-top: 24px
}
}
.upscale .logo-grid .swiper-slide .swiper-inner,
.upscale .logo-grid ul li {
display: flex;
align-items: center;
justify-content: center
}
@media (max-width:767px) {
.content.big p,
.sw-list ul li {
font-size: 14px
}
.page-template-page-content .globle-list ul {
gap: 16px
}
#header-mobile {
display: flex
}
.button-container {
display: block
}
.s-btn {
height: 30px;
width: 30px
}
.upscale .logo-grid ul {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px
}
.upscale .logo-grid .swiper-slide img,
.upscale .logo-grid ul li img {
width: auto;
min-height: 50px
}
}
.upscale .logo-grid .swiper-slide img,
.upscale .logo-grid ul li img {
width: auto;
object-fit: contain;
min-height: 42px
}
.video-grid-inner {
display: flex;
flex-direction: column;
gap: 10px;
flex-wrap: wrap;
height: 100%;
width: 100%
}
.video-big,
.video-small-inner {
padding-top: 52.5%;
height: 100%;
width: 100%
}
.video-small-inner {
padding-top: 55.81%
}
.video-small {
gap: 10px;
height: 100%;
width: 100%;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr))
}
.news-slider .slider-img .img img,
.video-big iframe,
.video-small-inner iframe {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%
}
.video-grid-inner-slider .swiper-slide .video-small {
display: block !important
}
.video-grid-inner-slider .swiper-slide .video-small-inner {
height: unset !important
}
.lity-active .lity-iframe .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container,
.lity-vimeo .lity-container,
.lity-youtube .lity-container {
max-width: 100% !important
}
.banner-wrapper .banner-c-box,
.banner-wrapper .banner-main-img,
.counter-wrapper .counter-box-blue,
.footer-menu-main-in2,
.genral-content-warpper .inner,
.mega-menu__right ul.sub-inner-menu,
.our-story-warpper .story-title,
.three-card-component-warpper .card-box-inner {
width: 100%
}
body .mega-menu__right-in {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
width: 100%;
gap: 35px !important;
height: 100%;
margin-top: 0 !important
}
ul.main-nav ul ul.mega-menu__right-in {
margin: 0 !important;
position: relative !important
}
@media (min-width:1200px) {
.main-nav>li>a: hover:before {
opacity: 1
}
.main-nav>li.has-submenu:not(.has-submegamenu)>.sub-menu {
min-width: 215px !important;
background-color: #fff !important
}
.main-nav>li.has-submenu:hover>.sub-menu {
opacity: 1;
visibility: visible;
display: block !important
}
.mobile-menu-main ul,
.sub-menu-inner-div {
flex-wrap: wrap
}
.mobile-menu-main ul li.has-submegamenu {
position: static
}
.mega-menu__left {
display: block
}
.mega-menu__right-inner,
body .mega-menu__right-in {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
}
.tools-bar.tools-bar-ctm {
display: flex;
flex-wrap: nowrap;
gap: 16px
}
.hero-banner-wrapper {
padding-top: 80px
}
.hero-inner {
display: flex;
flex-direction: column
}
.hero-inner-in {
display: flex;
gap: 36px;
align-items: center;
justify-content: center
}
.banner-content,
.hero-con {
flex: 1 1 0%;
width: 100%
}
.hero-btn-main {
display: flex;
gap: 10px;
width: fit-content
}
.hero-inner .banner-images {
padding: 64px 64px 0
}
@media (max-width:1200px) {
.tools-bar.tools-bar-ctm {
gap: 0
}
.hero-inner .banner-images {
padding: 30px
}
}
.image-inner-main .image-inner {
position: relative;
display: flex
}
@media (max-width:1023px) {
.subtitle-md h3,
.subtitle-sm h3 {
font-size: 12px !important
}
.page-template-page-content .globle-list ul li span {
font-size: 14px;
margin-left: 26px
}
.page-template-page-content .globle-list ul li::before {
top: 8px;
width: 16px;
height: 16px
}
.zigzag-wrapper {
gap: 32px;
padding-left: 32px
}
.zigzag-img .img img {
border-radius: 16px
}
.zigzag-wrapper .zigzag-content.left span {
left: -40px
}
.zigzag-wrapper .zigzag-content.left {
text-align: left !important
}
.hero-banner-wrapper .banner-content .title h1,
.hero-con-inner {
text-align: center
}
.image-inner .img {
padding-top: 30.2%
}
.image-inner-main::after {
top: 50%;
transform: translate(-50%, -50%);
width: 100.1%;
height: 10px
}
.left-image {
margin-bottom: 0;
margin-right: 50px;
transform: translate(0, 5px)
}
.right-image {
margin-top: 0;
margin-left: 50px;
transform: translate(0, -5px)
}
.hero-banner-wrapper {
padding-bottom: 0;
padding-top: 60px
}
.hero-inner,
.hero-inner-in,
.image-inner-main .image-inner {
flex-direction: column
}
.hero-btn-main {
justify-content: center;
margin: auto
}
.hero-inner .banner-images {
padding: 20px
}
}
.news-updates .news-slider-main,
.trust-wrapper {
padding-top: 48px;
padding-bottom: 48px
}
.card-inner .card-info-in,
.faq-wrapper-title .title-small,
.trust-wrapper .title {
margin-bottom: 16px
}
.trust-wrapper .trust-inner {
display: flex;
align-items: center;
gap: 24px
}
.trust-wrapper .trust-inner .card {
flex: 1 1 0%;
background-color: #fff
}
.trust-wrapper .title h6 {
line-height: 150%;
letter-spacing: 2.52px;
font-weight: 300 !important
}
.trust-wrapper .trust-img {
background: rgb(255 255 255 / .5);
backdrop-filter: blur(2px);
display: flex;
height: 64px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
padding-top: 24px;
padding-bottom: 24px;
border-radius: 8px;
border: 1px solid #fff;
box-shadow: 0 16px 48px 15px rgb(0 0 0 / .12)
}
.trust-wrapper.ctm-remove-shadow .trust-img {
box-shadow: none;
border: 1px solid
}
.choose-us .choose-inner .img img,
.choose-us .choose-inner .img::after {
border-radius: 16px;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0
}
@media (min-width:1024px) {
.trust-wrapper .trust-img {
height: 96px
}
.trust-wrapper .trust-inner {
justify-content: center
}
.subscribe-wrapper input {
width: 269px
}
}
.choose-us,
.news-updates,
.youtube-grid {
padding-top: 72px;
padding-bottom: 72px
}
.choose-us .choose-content {
display: flex;
gap: 36px;
justify-content: space-between;
padding-top: 32px;
padding-bottom: 36px
}
.choose-content .inner {
width: 50%;
padding-right: 25px
}
.choose-content .inner .title-small {
padding-top: 8px
}
.choose-content .btn-inline {
display: flex;
gap: 10px;
width: fit-content;
padding-top: 32px
}
.choose-us .choose-inner .img {
position: relative;
padding-top: 32.49%;
height: 100%;
width: 100%
}
.choose-us .choose-inner .img::after {
content: ""
}
.style-1.choose-us .choose-inner .img::after {
background-color: rgb(51 81 134 / .5) !important
}
.choose-us .choose-inner .tag {
border-radius: 99px;
padding: 9px 14px 9px 42px;
position: relative;
font-size: 14px;
line-height: 17px;
color: #00102c;
font-weight: 400 !important;
font-family: "Helvetica Neue";
width: fit-content;
border: 1px solid #e2e8f0;
margin: 0 !important
}
.choose-us .choose-inner .tag::before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 12px;
width: 18px;
height: 16px
}
.style-1.choose-us .choose-inner .tag::before {
background: url(../immi/images/bag.svg) no-repeat
}
.style-2.choose-us .choose-inner .tag::before {
background: url(../immi/images/family.svg) no-repeat
}
.style-1.choose-us .choose-inner .title-small h2 span {
color: #335286 !important
}
.style-2.choose-us .choose-inner .title-small h2 span {
color: #ef785c !important
}
.solutions {
width: 50%
}
.solutions h4 {
line-height: 140%;
color: #00102c;
font-weight: 500
}
.solution-main {
margin-top: 16px;
background-color: #f8fafc;
padding: 24px;
border-radius: 16px;
border: 1px solid #e2e8f0
}
.style-2.choose-us .solution-grid .grid-card,
.style-2.choose-us .solution-main {
border-color: #ffb4a2;
background-color: #ffefeb
}
.solution-main ul li a {
border-bottom: 1px solid #e2e8f0;
padding-top: 21px;
padding-bottom: 21px;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 18px;
font-weight: 500;
color: #00102c;
line-height: 150%;
font-family: "Plus Jakarta Sans", sans-serif
}
.solution-main ul li:last-child a {
padding-bottom: 0 !important;
border-bottom-width: 0 !important
}
.solution-main ul li a:hover img {
filter: brightness(0) saturate(100%) invert(68%) sepia(47%) saturate(2344%) hue-rotate(318deg) brightness(93%) contrast(101%);
transition: .3s ease-in-out
}
.solution-grid .grid-card {
padding: 24px;
border: 1px solid;
border-radius: 16px;
display: flex;
flex-direction: column
}
.solution-grid .grid-card .title {
display: flex;
gap: 16px;
align-items: center;
margin-bottom: 10px
}
.style-1.choose-us .solution-grid .grid-card {
border-color: #8a9cba;
background-color: #f0f2f8
}
.solution-grid .grid-main {
display: grid;
gap: 36px
}
@media (max-width:639px) {
.full-imgbox-wrapper .imgbox-content .title-white h2,
.title-small h2 {
font-size: 24px !important
}
.image-inner .img {
padding-top: 42.2%
}
.image-inner-main::after {
height: 6px;
width: 100.1%
}
.left-image {
transform: translate(-5px, 3px);
margin-right: 0
}
.right-image {
transform: translate(5px, -3px);
margin-left: 0
}
.hero-btn-main,
.sw-list ul {
flex-direction: column
}
.hero-btn-main a {
text-align: left !important
}
.solution-grid .grid-main {
display: flex;
flex-direction: column
}
}
@media (max-width:350px) {
.common-btn,
.common-btn.btn-white {
font-size: 12px !important
}
}
.our-story-warpper {
padding-top: 96px;
padding-bottom: 24px
}
.our-story-warpper .story-content {
display: flex;
flex-direction: column;
justify-content: space-between;
padding-bottom: 24px;
gap: 16px
}
.genral-content-warpper .inner .content,
.news-updates .new-top .title-small,
.our-story-warpper .story-title h2 {
text-align: center
}
.our-story-warpper .story-des {
width: 100%;
text-align: right;
display: flex;
align-items: flex-end;
justify-content: flex-start
}
.story-swiper .name,
.story-swiper .title p {
color: #00102c;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden
}
.our-story-warpper .story-des p {
margin-bottom: 0 !important;
font-family: "Helvetica Neue";
text-align: center
}
.our-story-warpper .story-content .title h2 {
text-align: center;
line-height: 120%
}
.our-story {
padding-top: 16px;
padding-bottom: 16px
}
.story-swiper .swiper-wrapper {
padding-bottom: 48px
}
.story-swiper .name {
font-size: 20px !important;
line-height: 140% !important;
font-weight: 500;
margin-bottom: 0 !important
}
.story-swiper .title p {
padding-top: 16px;
margin: 0 !important
}
.story-swiper .story-btn {
padding: 0 24px 24px;
display: flex
}
.story-swiper .slide-inner .img {
position: relative;
width: 100%;
padding-top: 85.52%;
display: flex;
flex-direction: column
}
.news-slider .swiper-slide,
.story-swiper .swiper-slide,
.swiper-slide {
height: auto !important
}
.story-swiper .slide-inner {
border-radius: 16px;
display: flex;
flex-direction: column;
justify-content: space-between;
box-shadow: 0 4px 64px rgb(0 0 0 / .06);
background-color: #ffefeb
}
.story-swiper .slide-inner .title {
padding: 24px;
margin-bottom: 0 !important
}
.btn-lightorange {
background-color: #ffccc0 !important;
color: #00102c !important;
line-height: 150%;
padding-top: 9.5px !important;
padding-bottom: 9.5px !important
}
.btn-lightorange:hover {
background-color: #ef785c !important;
color: #fff !important
}
.common-btn.btn-arrow.btn-lightorange .arrow {
background-color: #ef785c !important;
right: 0 !important;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important
}
.btn-lightorange .arrow:before {
filter: brightness(0) saturate(100%) invert(6%) sepia(47%) saturate(3342%) hue-rotate(197deg) brightness(101%) contrast(107%)
}
.btn-lightorange:hover .arrow::before {
filter: brightness(0) saturate(100%) invert(100%) sepia(81%) saturate(1%) hue-rotate(83deg) brightness(105%) contrast(101%)
}
.swiper-con {
height: auto;
display: flex;
flex-direction: column;
justify-content: flex-end
}
.upscale {
padding-top: 112px;
padding-bottom: 112px;
background-color: #f0f2f8
}
.subscribe-wrapper,
.upscale .main-title {
display: flex;
gap: 16px
}
.upscale .main-title .inner,
.upscale .upscale-list {
width: 49%
}
.upscale .main-title .btn-div {
display: flex;
gap: 10px;
padding-top: 16px
}
.upscale .main-title .sw-list {
display: flex;
align-items: center;
height: 100%;
width: 100%;
margin-left: 40px
}
.upscale .media .inner img,
.upscale .media .inner video {
width: 100%;
margin: auto;
height: 100%;
border-radius: 16px;
overflow: hidden
}
.footer,
.upscale .media {
padding-top: 64px;
padding-bottom: 64px
}
.upscale .media .inner {
max-width: 830px;
margin: auto
}
.upscale-list li {
display: flex;
gap: 8px;
justify-content: flex-start;
align-items: center;
font-size: 24px;
line-height: 150%;
font-family: "Helvetica Neue"
}
.our-team .team-o-btn a,
.view-all-btn a {
font-family: "Plus Jakarta Sans", sans-serif !important;
text-transform: capitalize
}
.upscale-list li img {
max-width: 30px
}
.upscale .logo-grid ul li:before,
.upscale-list li::before {
content: none !important
}
.common-btn.btn-custom {
border: 1px solid #b0bcd0;
color: #000 !important
}
.common-btn.btn-custom:hover {
background-color: #d7dde7
}
.common-btn.btn-custom.btn-hover-blue:hover {
color: #fff !important;
background-color: #335286
}
.title-small h2 {
font-size: 40px !important;
font-weight: 500 !important;
line-height: 120% !important;
color: #00102c
}
.sw-list ul {
display: flex;
flex-wrap: wrap;
row-gap: 16px
}
.sw-list ul li {
flex: 1 0 48%;
padding-left: 28px;
color: #000;
font-family: "Helvetica Neue";
font-size: 18px;
line-height: 150%;
font-weight: 500;
position: relative
}
.upscale .logo-grid ul {
grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
display: grid;
gap: 36px;
flex-wrap: wrap
}
.logo-grid ul,
.our-team-title h1 {
margin: 0
}
@media (min-width:1440px) {
.upscale .logo-grid ul {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
}
.upscale .logo-grid .swiper-slide .swiper-inner,
.upscale .logo-grid ul li {
display: flex;
align-items: center;
justify-content: center;
border-radius: 16px;
padding: 24px;
background-color: #f1f5f9;
border: 1px solid #cbd5e1;
min-height: 50px;
height: 100%
}
.upscale .swiper-btn {
display: flex;
justify-content: center;
align-items: center;
gap: 24px;
margin-top: 40px
}
.news-updates .slider-inner {
border-radius: 8px;
background-color: #f0f2f8;
display: block;
position: relative;
cursor: pointer
}
.news-updates .slide-inner .tag {
color: #00102c;
font-size: 14px;
line-height: 150%;
font-weight: 500;
font-family: "Helvetica Neue"
}
.news-updates .slider-content {
padding: 16px;
color: #00102c;
background-color: #f0f2f8;
border: 1px solid #e2e8f0;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px
}
.news-updates .slider-content p {
margin-bottom: 0 !important;
font-size: 14px;
line-height: 21px;
font-weight: 400
}
.news-updates .slider-content .data {
font-size: 14px;
line-height: 150%;
font-family: "Plus Jakarta Sans", sans-serif
}
.news-updates .slider-content h6 {
padding-top: 16px;
font-weight: 700 !important;
color: #00102c !important;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
min-height: 54px
}
.news-updates .news-btn,
.story-btn,
.team-btn-wrapper {
display: flex;
gap: 64px;
align-items: center;
justify-content: center
}
.news-btn .swiper-btn {
width: fit-content;
gap: 24px;
align-items: center;
justify-content: center;
display: flex
}
.news-btn .s-btn {
border-color: #ef785c
}
.news-btn .s-btn:hover {
background-color: #ef785c
}
.news-prev {
transform: rotate(180deg)
}
.imgbox-content,
span.play-btn {
transform: translate(-50%, -50%)
}
.news-btn .s-btn:hover img {
filter: brightness(0) saturate(100%) invert(100%) sepia(45%) saturate(0%) hue-rotate(294deg) brightness(103%) contrast(101%)
}
.news-slider .slider-img .img {
position: relative;
padding-top: 66.67%;
height: 100%;
width: 100%
}
.view-all-btn a {
display: flex;
align-items: center;
gap: 17px;
justify-content: center;
color: #00102c;
padding: 12px 16px !important
}
.swiper-slide .slide-inner {
height: 100% !important
}
.news-slider .tag {
position: absolute;
top: 8px;
left: 9px;
padding: 4px 12px;
z-index: 1;
background-color: #f8fafc;
border-radius: 2px;
border: 1px solid #335286
}
.our-team,
.our-team .inner {
padding-bottom: 24px
}
.our-team .inner {
display: flex;
justify-content: space-between
}
.our-team .swiper-btn,
.team-btn {
gap: 24px;
align-items: center;
position: relative;
display: flex
}
.our-team .title .h1 {
color: #001539;
text-align: center
}
.team-slider .slide-inner .img {
position: relative;
height: unset !important;
width: 100%;
padding-top: 98.25%
}
.team-slider .name {
color: #00102c;
padding-top: 14px
}
.team-slider .slider-inner p {
color: #00102c;
padding-top: 5px
}
.team-slider .slide-inner.swiper-slide-next .img img {
border-radius: 0
}
.our-team .swiper-btn {
padding-top: 48px;
justify-content: center
}
.team-btn {
justify-content: center;
z-index: 1
}
.our-team .swiper-btn .team-o-btn {
text-align: center;
width: fit-content
}
.our-team .team-o-btn a {
margin-right: 0;
padding: 12px 16px !important
}
.btn-bottom.btn-custom a,
.zigzag--img-content-wrapper .btn-custom a {
display: inline-block;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 150%;
padding: 12px 16px;
position: relative
}
.s-btn {
height: 40px;
width: 40px;
border-radius: 100%;
border: 1px solid #002768;
background-color: #fff0;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer
}
.footer,
.s-btn:hover {
background-color: #002768
}
.count,
.location-popup-inner:hover .count,
.news-slider-main a.slide-inner img {
transition: .4s ease-in-out
}
.s-btn img {
filter: brightness(0) saturate(100%) invert(13%) sepia(97%) saturate(1748%) hue-rotate(205deg) brightness(87%) contrast(109%);
height: 18px;
width: 18px
}
.s-btn:hover img {
filter: none
}
.team-slider .swiper-slide.swiper-slide-active .slide-inner .img img {
border-top-left-radius: 16px;
border-bottom-left-radius: 16px
}
.team-slider .swiper-slide .slide-inner .img img {
border-top-right-radius: 16px;
border-bottom-right-radius: 16px
}
.footer-newsletter {
margin-bottom: 48px
}
.footer-newsletter-inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 16px
}
@media (max-width:320px) {
.subscribe-wrapper {
flex-wrap: wrap
}
}
.subscribe-wrapper label {
padding: 14px 10px;
background-color: #fff;
border-radius: 4px
}
.subscribe-wrapper input {
width: 269px;
border-width: 0;
height: 100%;
font-family: "Helvetica Neue"
}
.footer-top {
padding-top: 48px;
padding-bottom: 48px;
border-width: 1px 0;
border-color: #335286;
border-style: solid
}
.footer-top-in {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start
}
.footer-menu-main-in,
.footer-top-in-menu {
width: 100%;
order: 1
}
.footer-menu-main-in3 {
width: 100%;
order: 2
}
.footer-menu-main-in4 {
width: 100%;
order: 4
}
.footer-bottom {
padding: 32px 0 0 !important
}
.footer-bottom-in {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
gap: 24px
}
.footer-logo a {
width: 100%;
display: block
}
.banner-wrapper {
position: relative;
padding-top: 32px;
padding-bottom: 32px
}
.banner-wrapper .banner-inner {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap
}
.banner-wrapper .banner-content {
margin-right: 48px;
display: flex;
flex-direction: column;
gap: 8px
}
@media (max-width:991px) {
.choose-content .btn-inline,
.team-slider .swiper-btn {
padding-top: 20px
}
.btn-lightorange {
padding-top: 5.5px !important;
padding-bottom: 5.5px !important
}
.story-swiper .slide-inner .title {
padding: 14px
}
.story-swiper .story-btn {
padding: 0 14px 14px
}
.upscale .logo-grid ul {
gap: 20px
}
.upscale .main-title .btn-div {
justify-content: center;
align-items: center
}
.upscale .main-title .sw-list {
justify-content: center;
margin: 0
}
.upscale .main-title .title-small {
text-align: center
}
.team-slider .swiper-slide.swiper-slide-active .slide-inner .img img {
border-top-left-radius: 16px;
border-bottom-left-radius: 16px
}
.banner-wrapper {
padding-top: 64px
}
}
.three-card-component-warpper {
background-color: #fff;
padding-top: 72px;
position: relative
}
.three-card-component-warpper .title {
text-align: center;
margin-bottom: 60px
}
.three-card-component-warpper .card-box {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
position: relative;
margin: 0;
padding: 0;
width: 100%;
gap: 24px
}
.card-inner .card-img,
.three-card-component-warpper .card-img {
overflow: hidden
}
.three-card-component-warpper .card-img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 8px
}
.three-card-component-warpper .btn-custom {
padding-top: 48px;
padding-bottom: 8px;
text-align: center
}
.three-card-component-warpper .card {
background-color: #ffefeb;
padding: 24px 24px 48px;
border-radius: 24px
}
.three-card-component-warpper .card-info {
display: block;
margin-top: 16px
}
.three-card-component-warpper .card-info .title {
margin-bottom: 26px;
text-align: left !important
}
.three-card-component-warpper .card-info ul li span {
margin-left: 34px;
font-size: 16px;
line-height: 150%;
color: #2f2e2e !important
}
.three-card-component-warpper .card-info ul li::before {
background-image: url(../immi/images/check.svg);
content: "";
position: absolute;
top: 0;
left: 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
height: 24px;
width: 24px
}
.counter-wrapper {
padding-top: 40px;
padding-bottom: 40px
}
.counter-wrapper .counter-inner {
display: flex;
justify-content: center;
margin: 0;
position: relative;
padding: 8px;
background-color: #00235f;
border-radius: 16px
}
.counter-wrapper.ctm-bg-blue .counter-inner {
background-color: #f0f2f8 !important
}
.counter-wrapper.ctm-bg-blue .counter-inner .title-white h2,
.counter-wrapper.ctm-bg-blue .counter-inner .title-white h5 {
color: #003362 !important;
font-weight: 600 !important
}
.counter-wrapper .counter-box-blue .counter-row {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 0;
margin: 0;
gap: 16px
}
.counter-wrapper .counter-box-yellow .counter-row {
display: flex;
align-items: center;
gap: 16px;
justify-content: center
}
.counter-wrapper .counter-title {
text-align: center;
max-width: 208px;
width: 100%;
margin: 75px auto 86px
}
.counter-wrapper .counter-box-yellow {
width: 100%;
background-color: #feeba9;
border-radius: 16px
}
.counter-wrapper.ctm-bg-blue .counter-box-yellow {
background-color: #f0f2f8;
border-radius: 16px
}
@media screen and (min-width:1366px) and (max-width:1200px) {
.counter-wrapper .counter-title {
max-width: 170px
}
}
@media (max-width:1200px) {
.choose-us .choose-content,
.our-story-warpper .story-content,
.solution-grid .grid-main {
gap: 25px
}
.choose-content .inner {
padding-right: 0
}
.our-story-warpper {
padding-top: 70px
}
.upscale .logo-grid ul {
gap: 20px
}
.upscale {
padding-top: 85px;
padding-bottom: 85px
}
.three-card-component-warpper .container-fluid {
padding-left: 50px;
padding-right: 50px
}
.counter-wrapper .counter-inner {
gap: 16px
}
.counter-wrapper .counter-box-blue .counter-row {
flex-direction: column
}
.counter-wrapper .counter-title {
margin-top: 24px;
margin-bottom: 24px
}
.counter-wrapper .counter-box-yellow .counter-row {
flex-direction: column;
height: 100%
}
}
.genral-content-warpper {
padding-top: 112px;
padding-bottom: 40px
}
.faq-main-inner,
.faq-wrapper-inner,
.genral-content-warpper .inner-row {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center
}
.genral-content-warpper .inner .title-p-500 {
text-align: center;
margin-bottom: 24px;
display: flex;
flex-direction: column;
gap: 16px
}
.genral-content-warpper .inner .btn-custom {
margin-top: 8px;
text-align: center
}
.zigzag--img-content-wrapper {
padding-top: 56px;
padding-bottom: 112px
}
.zigzag-wrapper {
padding-bottom: 16px
}
.zigzag-wrapper-inner,
.zigzag-wrapper-inner2,
.zigzag-wrapper-inner3,
.zigzag-wrapper-inner4,
.zigzag-wrapper-inner5 {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
gap: 125px
}
.zigzag-img-main,
.zigzag-wrapper-inner3 .zigzag-wrapper-inner3-in,
.zigzag-wrapper-inner5-in {
width: 100%;
order: 2
}
.zigzag-img-main2,
.zigzag-wrapper-inner3-in2 {
width: 100%;
order: 1
}
.zigzag-content-main,
.zigzag-img-main2 .zigzag-content .zigzag-content-inner,
.zigzag-slide-in .content-left,
.zigzag-wrapper-inner2 .zigzag-content-main .zigzag-content-in {
display: flex;
flex-direction: column
}
.zigzag-img-main2 .zigzag-content .zigzag-content-in .subtitle-md h3 {
font-weight: 600 !important
}
.zigzag-content-in,
.zigzag-wrapper-inner2 .zigzag-content-main .zigzag-content-in-main {
display: flex;
flex-direction: column;
gap: 24px;
margin-bottom: 16px
}
.faq-wrapper-title .btn-custom,
.globle-list .zigzag-slide-in .content-left,
.zigzag--img-content-wrapper .btn-custom {
margin-top: 8px
}
.zigzag--img-content-wrapper .btn-custom a {
width: fit-content;
text-align: center;
min-width: unset;
border-radius: 8px
}
.zigzag--img-content-wrapper .btn-custom a:hover {
background-color: #cc6045;
color: #fff
}
.contact-wrapper-form,
.contact-wrapper-title,
.content-right-main,
.faq-main,
.trust-wrapper .trust-inner .card:nth-child(3) .trust-img .img img,
.zigzag-content-main,
.zigzag-img-mian,
.zigzag-slide-in,
.zigzag-wrapper-inner4-in {
width: 100%
}
.zigzag-wrapper-inner2 {
flex-direction: row-reverse
}
.four-card-component-warpper {
background-color: #fff;
padding-top: 72px;
padding-bottom: 32px;
position: relative
}
.four-card-main {
text-align: center;
margin-bottom: 48px
}
.four-card-main:last-child {
margin-bottom: 0
}
.card-main {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
position: relative;
margin: 0;
padding: 0;
width: 100%;
gap: 24px
}
.card-inner {
width: 100%;
height: 100%;
flex: 1 0 48%
}
.card-inner .card {
background-color: #ffefeb;
border-radius: 16px
}
.card-inner .card-info {
display: block;
padding: 16px 16px 32px
}
.card-inner .card-img img {
height: 100%;
width: 100%;
object-fit: cover
}
.card-inner .card-info .content {
min-height: 80;
color: #2f2e2e !important
}
.card-inner .card-info .btn-custom {
margin-top: 32px
}
.btn-bottom.btn-custom {
padding-top: 48px;
padding-bottom: 16px;
text-align: center
}
.btn-bottom.btn-custom a {
text-align: center;
border-radius: 8px
}
.btn-bottom.btn-custom a:hover {
--tw-text-opacity: 1;
background-color: #cc6045;
color: rgba(255, 255, 255, var(--tw-text-opacity))
}
.four-card-component-warpper .card .card-img {
border-top-left-radius: 16px;
border-top-right-radius: 16px;
display: block;
overflow: hidden;
padding-top: 85.52%;
position: relative
}
.four-card-component-warpper .card .card-img img {
left: 0;
object-fit: cover;
position: absolute;
top: 0;
width: 100%
}
.card-info .btn-custom .btn {
min-width: unset !important;
background-color: #fff0;
padding: 0;
position: relative;
border-width: 0;
color: #ff5b35;
font-size: 16px;
font-weight: unset !important
}
.card-info-in h4 {
font-size: 20px !important;
line-height: 140% !important
}
.contact-wrapper,
.testimonial-wrapper {
padding-top: 96px;
padding-bottom: 96px;
background-color: #f0f2f8
}
.testimonial-wrapper-in {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 24px;
text-align: center;
margin-bottom: 25px
}
.zigzag-slider-wrapper {
padding-top: 96px;
padding-bottom: 96px
}
.location-dot,
.map-dropdown .country,
.map-dropdown .visa-type,
.story-btn,
.video-big,
.video-main img,
.video-small-inner,
.zigzag-slider-in {
position: relative
}
.zigzag-slider-in .btn-navigation .swiper-button-next,
.zigzag-slider-in .btn-navigation .swiper-button-prev {
height: 34px !important;
width: 37px !important;
opacity: 1 !important
}
.zigzag-slide-inner {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 30px;
width: 100%
}
.zigzag-slide-in .content-left-in {
display: flex;
flex-direction: column;
margin-bottom: 8px;
gap: 40px
}
.zigzag-slide-in .globle-list ul li span {
color: #2f2e2e !important
}
.zigzag-slider-btn.btn-custom {
margin-top: 24px
}
.zigzag-slider-wrapper .content-right {
height: 100%
}
.zigzag-slider-wrapper .content-right .img {
border-radius: 16px;
box-shadow: 0 6px 38px 10px #0000001f;
height: 100%;
overflow: hidden;
position: relative;
width: 100%
}
.zigzag-slider-wrapper .content-right .img img {
height: 100%;
left: 0;
object-fit: cover;
top: 0;
width: 100%
}
.zigzag-slider-wrapper .content-right .img video {
height: 100%;
left: 0;
object-fit: cover;
position: absolute;
top: 0;
width: 100%
}
.zigzag-swiper {
padding-left: 20px !important;
padding-right: 20px !important
}
.full-img-cotainer,
.full-imgbox-wrapper {
position: relative;
overflow: hidden
}
.full-img-cotainer {
height: 432px
}
.full-img-cotainer img {
object-fit: cover;
object-position: 15% top;
height: 100%;
width: 100%
}
.imgbox-content {
position: absolute;
top: 50%;
left: 50%;
max-width: 1440px;
margin: 0 auto;
width: 100%
}
.imgbox-content-title {
margin-bottom: 24px
}
.imgbox-content-con {
max-width: 504px
}
.imgbox-content-btn.btn-custom {
display: flex;
justify-content: start;
gap: 10px;
margin-top: 8px
}
.imgbox-content-btn .btn-white {
font-size: 14px !important;
line-height: 21px !important;
background-color: #fff;
display: flex !important;
align-items: center
}
.newsletter-content .content p,
.newsletter-content-title h5 {
font-family: "Helvetica Neue" !important;
margin-bottom: 0 !important
}
.faq-wrapper {
padding-top: 60px;
padding-bottom: 60px
}
.faq-wrapper-title {
width: 100%;
text-align: center
}
ul.accordion {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
width: 100%;
gap: 16px
}
.our-team {
padding-top: 96px !important
}
.contact-wrapper-inner {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start
}
@media (min-width:1023px) {
.contact-wrapper-title {
width: 50%;
padding-right: 48px
}
.contact-wrapper-form {
width: 50%;
padding-left: 48px
}
.ctm-header .main-nav {
padding-top: 0 !important
}
}
.our-team-title {
width: 100%;
display: flex;
align-items: center;
justify-content: center
}
.video-grid-inner {
max-width: 1080px;
margin: auto
}
.video-big a,
.video-small-inner a {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.video-big img {
height: 100%;
width: 100%
}
span.play-btn {
position: absolute;
top: 50%;
left: 50%;
z-index: 2
}
.youtube-grid-title h2 {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
padding-bottom: 36px
}
.youtube-grid .swiper-btn {
padding-top: 20px !important
}
@media (max-width:1024px) {
.footer-menu-main,
.hero-inner-in {
gap: 20px
}
.btn-bottom.btn-custom,
.news-updates .news-slider-main,
.trust-wrapper {
padding-top: 32px;
padding-bottom: 32px
}
.trust-wrapper .trust-inner {
flex-direction: row;
gap: 16px
}
.trust-wrapper .trust-img {
padding-left: 8px;
padding-right: 8px
}
.trust-wrapper .card .trust-imgbox .trust-img .img img {
object-fit: contain;
max-width: 100%
}
.trust-img .img img {
height: 100% !important;
max-height: 50px !important;
object-fit: contain
}
.choose-content .btn-inline {
margin: auto;
justify-content: center
}
.choose-us {
padding-top: 55px;
padding-bottom: 55px
}
.choose-us .choose-content,
.footer-newsletter-inner,
.upscale .main-title {
flex-direction: column
}
.choose-content .inner,
.solutions,
.upscale .main-title .inner,
.upscale .upscale-list {
width: 100%
}
.our-story-warpper {
padding-top: 50px
}
.story-swiper .swiper-wrapper {
padding-bottom: 30px
}
.title-small h2 {
font-size: 32px !important
}
.upscale {
padding-top: 60px;
padding-bottom: 60px
}
.upscale .main-title .sw-list {
margin: 0
}
.news-updates,
.upscale .media,
.youtube-grid {
padding-top: 50px;
padding-bottom: 50px
}
.our-team .swiper-btn {
padding-top: 30px
}
.four-card-component-warpper {
padding-top: 0;
padding-bottom: 0
}
.four-card-main {
margin-bottom: 30px
}
.card-inner .card-info-in {
margin-bottom: 16px
}
.card-inner .card-info .btn-custom {
margin-top: 16px
}
.testimonial-wrapper {
padding-top: 30px;
padding-bottom: 30px;
background-color: #f0f2f8
}
.zigzag-slider-wrapper {
padding-top: 48px;
padding-bottom: 96px
}
.zigzag-slide-in .content-left-in {
gap: 24px
}
.youtube-grid-title h2 img {
max-width: 50px
}
}
@media (max-width:767px) {
.video-small-inner {
padding-top: 52.5%
}
.video-small {
flex-wrap: wrap;
display: flex;
flex-direction: column
}
.trust-wrapper .trust-inner {
gap: 10px
}
.choose-us,
.news-updates,
.upscale,
.upscale .media,
.youtube-grid {
padding-top: 30px;
padding-bottom: 30px
}
.choose-us .choose-content {
padding-top: 20px;
padding-bottom: 20px
}
.solution-grid .grid-card .title {
gap: 14px
}
.solution-grid .grid-card .title h6,
.story-swiper .name {
font-size: 16px
}
.solution-grid .grid-card p {
font-size: 14px;
line-height: 20px
}
.choose-us .choose-inner .img img,
.choose-us .choose-inner .img::after {
border-radius: 10px
}
.solution-main {
padding: 15px
}
.solution-main ul li a {
padding-top: 15px;
padding-bottom: 15px;
font-size: 14px
}
.solution-grid .grid-card {
padding: 14px;
gap: 8px
}
.solution-grid .grid-main {
gap: 15px
}
.our-story-warpper {
padding-top: 30px
}
.story-swiper .swiper-wrapper {
padding-bottom: 20px
}
.our-story-warpper .story-content {
gap: 10px;
flex-direction: column
}
.story-swiper .title p {
font-size: 14px;
line-height: 120%
}
.upscale .logo-grid ul {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px
}
.sw-list ul li {
font-size: 14px
}
.upscale .logo-grid .swiper-slide img,
.upscale .logo-grid ul li img {
width: auto
}
.news-btn .swiper-btn,
.our-story-warpper .swiper-btn {
gap: 15px !important
}
.news-updates .slider-content {
padding: 8px
}
.news-updates .slider-content h6 {
padding-top: 8px
}
.news-updates .news-btn {
gap: 20px
}
.s-btn {
height: 30px;
width: 30px
}
.our-team .inner {
flex-direction: column;
gap: 10px
}
.three-card-component-warpper .card-info ul {
gap: 16px
}
}
.logo-slider {
padding: 48px 0
}
.logo-slider-title h6 {
font-size: 14px;
line-height: 150%;
color: #334155;
font-family: "Plus Jakarta Sans", sans-serif;
font-weight: 700;
letter-spacing: .18em;
text-align: center
}
.logo-slider-main .swiper-slide img {
max-height: 64px;
max-width: 100%;
height: auto;
width: 100%;
object-fit: contain
}
.logo-slider-main {
padding: 32px 70px 48px
}
.logo-slider .swiper-btn {
display: flex;
gap: 48px;
align-items: center;
justify-content: center
}
.btn-free {
background-color: #546e9a !important
}
.btn-free.common-btn.btn-arrow .arrow::before {
filter: brightness(0) saturate(100%) invert(9%) sepia(27%) saturate(6199%) hue-rotate(206deg) brightness(94%) contrast(104%)
}
.our-story-warpper .swiper-btn {
display: flex;
gap: 24px;
align-items: center;
justify-content: center;
position: relative
}
.news-updates .container-fluid-full {
padding-right: 0 !important
}
.contact-title h2 {
font-weight: 700 !important;
margin-bottom: 8px !important
}
.map-dropdown select,
option {
box-shadow: 0 1px 1px rgb(0 0 0 / .12), 0 2px 5px rgb(60 66 87 / .08);
color: #6a7383 !important;
font-weight: 500 !important
}
.contact-wrapper-title>.flex {
display: flex;
flex-direction: column;
gap: 56px
}
.main-nav .mega-menu__cta a:hover {
color: #fff !important;
background-color: #cc6045 !important
}
.news-slider .slider-img .img {
overflow: hidden !important
}
.news-slider-main a.slide-inner:hover img {
transform: scale(1.01);
transition: .4s ease-in-out
}
.style-2 a.common-btn.btn-custom.btn-hover-blue:hover {
background-color: #ef785c;
border-color: #ef785c
}
.map-section,
.style-2 .counter-card .counter-con {
padding-top: 24px
}
.zigzag--img-content-wrapper .zigzag-wrapper .img img {
object-fit: contain !important
}
.map-section {
padding-bottom: 96px
}
.map-title {
display: flex;
flex-direction: column;
gap: 8px;
align-items: center;
justify-content: center;
margin-bottom: 48px
}
.map-title p {
text-align: center;
margin-bottom: 0
}
.map-inner {
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
gap: 36px
}
.map-filter {
width: 39%
}
.map-main {
width: 58%;
height: 646px;
max-height: 464px
}
.map-filter-inner {
background: #f1f5f9;
border: 1px solid #cbd5e1;
border-radius: 8px;
padding: 4px;
max-width: 476px;
width: 100%;
height: 100%;
max-height: 464px
}
.map-dropdown select {
border-radius: 8px;
padding: 8px;
width: 100%;
background: #fff;
border: 1px solid #ebeef1;
font-family: "Plus Jakarta Sans", sans-serif !important;
font-size: 14px !important;
line-height: 24px !important;
margin: 0 !important;
letter-spacing: -.4px;
font-feature-settings: "pnum" on, "lnum" on;
-webkit-appearance: none;
-moz-appearance: window
}
.map-dropdown select:focus,
.map-dropdown select:hover {
outline: 0;
border: 1px solid
}
.map-dropdown {
display: flex;
flex-wrap: nowrap;
gap: 8px
}
.map-dropdown>* {
flex: 1.08
}
.map-dropdown .country {
flex: 2
}
.map-dropdown .country::after,
.map-dropdown .visa-type::after {
content: "";
position: absolute;
top: 50%;
right: 8px;
width: 18px;
height: 18px;
transform: translateY(-50%);
background-image: url(../immi/images/drop-icon.svg);
background-repeat: no-repeat;
pointer-events: none;
background-size: contain
}
.visa-type select {
color: #30313d
}
.map-content {
margin: 8px 0;
height: 403px;
overflow-x: hidden;
overflow-y: scroll;
display: flex;
flex-direction: column;
gap: 8px
}
.map-content::-webkit-scrollbar {
width: 4px
}
.map-content::-webkit-scrollbar-track {
background: #fff0
}
.map-content::-webkit-scrollbar-thumb {
background: #e2e8f0;
border-radius: 8px
}
.con-card {
background: #fff;
border-radius: 8px;
padding: 16px;
margin-right: 4px
}
.profile {
display: flex;
justify-content: space-between;
margin-top: 16px
}
.profile-name {
display: flex;
gap: 16px;
align-items: center
}
.profile-name .image img {
border-radius: 100%;
max-width: 56px
}
.con-card p {
font-size: 16px;
font-weight: 400;
line-height: 150%;
color: #00102c;
margin: 0 !important
}
.name-div .name,
.process-count {
font-weight: 700
}
.name-div .time {
font-size: 14px;
line-height: 160%
}
.flag {
padding-bottom: 5px;
display: flex;
align-items: end
}
.flag img {
max-width: 21px;
width: 100%;
border-radius: 3px
}
.map-main-inner {
padding-top: 64.53%;
position: relative;
width: 100%
}
.map-main-inner img.map-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
object-fit: contain
}
.location-popup-inner {
padding: 16px;
width: 290px;
border: 1px solid #e2e8f0;
background: #fff;
border-radius: 8px;
position: relative;
overflow: visible;
z-index: 9
}
.location-popup-inner::after {
content: "";
position: absolute;
top: 98.7%;
left: 55px;
height: 30px;
width: 33px;
background: url(../immi/images/popup-round.svg) 0 0/contain no-repeat
}
.flag-with-date {
display: flex;
justify-content: space-between;
align-items: center
}
.flag-with-date img {
max-width: 45px;
max-height: 43px
}
.flag-with-date .time {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
height: 100%
}
.count-process,
.time p.last-seen {
font-size: 12px;
font-weight: 400;
line-height: 12px;
margin: 0 0 8px !important;
color: #666
}
.time p.date {
font-weight: 600;
font-size: 14px;
line-height: 14px;
color: #000
}
.country-name {
font-weight: 700;
font-size: 18px;
line-height: 140%;
color: #00102c;
padding: 16px 0
}
.count {
padding: 8px;
background: linear-gradient(90deg, #335286 0, #ef785c 100%);
border: 1px solid #fff;
border-radius: 8px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 10px;
margin-top: 8px
}
.location-popup-inner:hover .count {
background: linear-gradient(90deg, #ef785c 0, #335286 100%)
}
.count-process,
.process-count {
margin: 0 !important;
color: #fff
}
.location-popup {
position: absolute;
top: -210px;
display: none;
right: -212.5px
}
.location-name {
position: absolute;
cursor: pointer
}
.vid-inner,
.video-main {
position: relative;
height: 100%
}
#location1 {
top: 5%;
left: 25.1%
}
#location2 {
top: 12%;
left: 32%
}
#location3 {
top: 15%;
left: 36.5%
}
#location4 {
top: 26%;
left: 34.5%
}
#location5 {
top: 15.7%;
left: 51%
}
#location6 {
top: 32.5%;
left: 9%
}
#location8 {
top: 42%;
left: 21%
}
#location9 {
top: 45.4%;
left: 15.7%
}
#location10 {
top: 53%;
left: 20%
}
#location11 {
top: 70.5%;
left: 28%
}
#location12 {
top: 80.5%;
left: 28.5%
}
#location13 {
top: 57%;
left: 46.5%
}
#location14 {
top: 61%;
left: 48%
}
#location15 {
top: 67%;
left: 54.5%
}
#location16 {
top: 37%;
left: 59.5%
}
#location17 {
top: 47%;
left: 69%
}
#location18,
#locationindia {
top: 59%;
left: 68%
}
#location18 .location-popup,
#location21 .location-popup,
#locationindia .location-popup,
#locationnepal .location-popup {
right: -75px
}
#location18 .location-popup-inner::after,
#location21 .location-popup-inner::after,
#locationindia .location-popup-inner::after,
#locationnepal .location-popup-inner::after {
left: 192px
}
#location19 {
top: 42%;
left: 80.5%
}
#location19 .location-popup,
#location20 .location-popup {
right: -80px
}
#location19 .location-popup-inner::after,
#location20 .location-popup-inner::after {
left: 187px
}
#location20 {
top: 31%;
left: 75.3%
}
#location21 {
top: 56%;
left: 73.5%
}
#locationbrazil {
top: 74%;
left: 32%
}
#locationpakistan {
top: 57%;
left: 65%
}
#locationmexico {
top: 59%;
left: 18%
}
#locationireland {
top: 43%;
left: 44%
}
#locationnetherlands {
top: 44%;
left: 47.5%
}
#locationiran {
top: 56%;
left: 63%
}
#locationsingapore {
top: 71%;
left: 75%
}
#locationhonduras {
top: 62%;
left: 20%
}
#locationgambia {
top: 63%;
left: 43%
}
#locationcolombia {
top: 70%;
left: 25%
}
#locationbahamas {
top: 59%;
left: 24%
}
#locationargentina {
top: 83%;
left: 28%
}
#location7,
#locationcanada {
top: 37%;
left: 17%
}
#locationchina {
top: 57%;
left: 77%
}
#locationchina .location-popup {
right: -120px
}
#locationchina .location-popup-inner::after {
left: 148px
}
#locationegypt {
top: 58.5%;
left: 55%
}
#locationitaly {
top: 51%;
left: 50.5%
}
#locationfrance {
top: 48%;
left: 47.5%
}
#locationgermany {
top: 44%;
left: 49%
}
#locationnepal {
top: 58%;
left: 70%
}
#locationnew-zealand {
top: 91%;
left: 94%
}
#locationnew-zealand .location-popup {
right: -25px
}
#locationnew-zealand .location-popup-inner::after {
left: 242px
}
#locationnigeria {
top: 67%;
left: 48.2%
}
#locationsouth-africa {
top: 84.5%;
left: 52.5%
}
#locationsweden {
top: 40%;
left: 50.5%
}
#locationukraine {
top: 46%;
left: 55.8%
}
#locationtaiwan {
top: 59%;
left: 80.3%
}
#locationuganda {
top: 69%;
left: 55.5%
}
#locationtaiwan .location-popup {
right: -78px
}
#locationtaiwan .location-popup-inner::after {
left: 189px
}
#locationtrinidad {
top: 64.8%;
left: 28%
}
#locationunited-kingdom {
top: 43.5%;
left: 45.5%
}
.location-dot .flag-with-date img {
border-radius: 8px;
box-shadow: rgb(100 100 111 / .2) 0 7px 29px 0
}
.location-name .location-dot>img {
transition: .3s ease-in-out;
scale: 1.4
}
.location-name.open .location-dot>img {
scale: 1.8;
transition: .3s ease-in-out
}
@media (max-width:980px) {
#location17 .location-popup {
right: -183px
}
#location17 .location-popup-inner::after {
left: 83px
}
#location18 .location-popup,
#location21 .location-popup,
#locationindia .location-popup {
right: -160px
}
#location18 .location-popup-inner::after,
#location21 .location-popup-inner::after,
#locationindia .location-popup-inner::after {
left: 107px
}
}
.video-main .video {
display: flex;
align-items: flex-start;
justify-content: center;
position: absolute;
top: -5%;
left: 12.18%;
width: 76%;
margin: auto;
height: 100%;
object-fit: inherit;
z-index: 99 !important
}
.video-main .video video {
width: 100%;
height: 100%;
object-fit: contain;
-webkit-object-fit: contain
}
.choose-content .btn-inline a {
padding-top: 13.5px;
padding-bottom: 11.5px
}
.vid-inner {
display: flex;
width: 100%;
overflow: hidden
}
.btn-free2 {
background-color: #eb6343fa !important
}
.btn-free2:hover {
background-color: #cc6045 !important;
transition: .3s ease-in-out
}
.subscribe-wrapper .frm_form_field input,
.subscribe-wrapper .with_frm_style input[type=email] {
padding: 10px 14px !important;
color: #94a3b8 !important;
font-family: "Plus Jakarta Sans", sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 150% !important;
border-radius: 4px !important;
width: 100% !important
}
@media (min-width:1024px) {
.card-inner,
.content-right-main,
.footer-menu-main-in,
.footer-menu-main-in4,
.footer-top-in-menu,
.three-card-component-warpper .card-box-inner,
.zigzag-slide-in,
.zigzag-wrapper-inner2 .zigzag-img-mian {
flex: 1 1 0%
}
.footer-menu-main {
flex-wrap: wrap
}
.footer-menu-main-in2,
.zigzag-img-main2,
.zigzag-wrapper-inner3-in2,
.zigzag-wrapper-inner5 .zigzag-content-main {
flex: 1 1 0%;
order: 2
}
.footer-menu-main-in3 {
flex: 1 1 0%;
order: 3
}
.banner-wrapper .banner-c-box,
.banner-wrapper .banner-main-img {
width: 50%
}
.banner-wrapper .banner-content {
max-width: 540px
}
.counter-wrapper .counter-box-blue {
width: 58.3333%
}
.counter-wrapper .counter-box-yellow {
width: 41.666%
}
.genral-content-warpper .inner {
width: 66.6667%
}
.genral-content-warpper .inner .content {
max-width: 768px;
margin-left: auto;
margin-right: auto
}
.zigzag-img-main,
.zigzag-wrapper-inner3 .zigzag-wrapper-inner3-in,
.zigzag-wrapper-inner5-in {
flex: 1 1 0%;
order: 1
}
.zigzag-wrapper-inner2 .zigzag-content-main {
text-align: right;
flex: 1 1 0%
}
.zigzag-wrapper-inner4-in {
flex: 1 1 0%;
text-align: right
}
.testimonial-wrapper-in {
gap: 48px;
margin-bottom: 48px
}
.zigzag-swiper .swiper-slide {
margin-top: 50px;
margin-bottom: 50px
}
.zigzag-swiper {
padding-left: 40px !important;
padding-right: 40px !important;
margin-left: 40px !important;
margin-right: 40px !important
}
.zigzag-slide-inner {
align-items: stretch;
gap: 48px
}
.faq-wrapper-title .title-small,
.zigzag-slide-in .content-left-in {
margin-bottom: 24px
}
.zigzag-slide-in .content-left .content {
max-width: 504px
}
.globle-list .zigzag-slide-in .content-left {
margin-top: 32px
}
.zigzag-slider-btn.btn-custom {
margin-top: 48px
}
.faq-wrapper-title .title-small h2 {
font-weight: 500 !important
}
.subscribe-wrapper .frm_form_field input,
.subscribe-wrapper .with_frm_style input[type=email] {
width: 270px !important
}
}
.subscribe-wrapper form {
display: flex !important;
flex-direction: row !important;
gap: 16px !important;
align-items: center !important
}
.subscribe-wrapper .frm_fields_container {
display: flex !important;
justify-content: center !important;
align-items: flex-start !important;
margin: 0 !important;
padding: 0 !important;
gap: 16px !important
}
.contact-wrapper .contact-form form label {
font-size: 16px;
font-weight: 400;
line-height: 150%;
font-family: Roboto, sans-serif;
color: #000;
margin-bottom: 0
}
.contact-wrapper .contact-form .with_frm_style,
.contact-wrapper .contact-form form .frm_fields_container {
background-color: #f0f2f8 !important;
--fieldset-bg-color: #f0f2f8 !important
}
.mobile-menu-main ul {
padding: 0 !important;
margin: 0 !important
}
@media (max-width:1300px) {
.mobile-menu-main ul {
gap: 5px !important
}
}
.promo-inner .bg-stretch {
overflow: hidden;
width: 100%;
height: 100%
}
.promo-inner .bg-stretch img {
width: 100%;
height: 100%;
display: block;
object-fit: cover
}
.youtube-grid .fluid-width-video-wrapper {
padding: 0 !important;
width: unset !important;
position: unset !important
}
.swheel__items .slick-arrow {
border-radius: 100% !important;
border: 1px solid #ff7a59 !important;
background: 0 0 !important;
transition: .3s ease-in-out
}
.swheel__items .slick-arrow::after {
filter: brightness(0) saturate(100%) invert(62%) sepia(12%) saturate(5672%) hue-rotate(324deg) brightness(104%) contrast(104%)
}
.swheel__items .slick-arrow:hover::after {
filter: brightness(0) saturate(100%) invert(96%) sepia(6%) saturate(2%) hue-rotate(351deg) brightness(107%) contrast(101%)
}
.swheel__items .slick-arrow:hover {
background: #ff7a59 !important;
transition: .3s ease-in-out
}
.post-box h2 {
font-size: 1.7rem !important
}
@media (min-width:1023px) and (max-width:1200px) {
.main-nav>li.menu-item>a {
padding: 0 !important
}
}
@media (max-width:1200px) {
.map-filter-inner,
.map-inner>* {
max-width: 100%
}
.map-section {
padding-bottom: 70px
}
.map-inner {
flex-direction: column
}
.map-inner>* {
width: 100%
}
.map-main {
height: 100%;
max-height: 100%
}
.ctm-header .btn-frame {
flex: 1 !important;
display: flex !important
}
.ctm-header .tools-bar {
flex: unset !important
}
.main-nav .sub-arrow {
display: none !important
}
.has-submegamenu .has-submenu {
z-index: 77
}
.mega-menu__right>ul>li.menu-item {
background-color: #d5dde5 !important;
position: relative
}
.mega-menu__right>ul>li>a {
background-color: transparent !important;
width: fit-content !important
}
.mega-menu__right>ul>li.menu-item:after {
position: absolute;
content: "";
top: 14px;
right: 15px;
width: 8px;
height: 7px;
border-style: solid;
border-width: 6px 4px 0;
border-color: #12325f #fff0 #fff0;
transition: .3s ease-in-out;
cursor: pointer;
z-index: 99
}
.sub-menu .mega-menu__right .menu-item .sub-inner-menu {
margin: 0 !important;
padding-left: 30px !important;
background: #fff !important
}
}
html.menu-open {
overflow-y: hidden !important
}
.box-visual .visual-content .box-visual__title {
font-weight: 700 !important;
display: block !important
}
.breadcrumbs-n a {
font-size: 18px;
line-height: 140%
}
p.count-process {
display: -webkit-box;
-webkit-line-clamp: 1;
overflow: hidden
}
.three-card-component-warpper h2 {
color: #335286 !important;
margin: 0 !important;
font-weight: 400 !important;
text-transform: none !important;
font-size: 48px !important
}
.three-card-component-warpper .subtitle-big h2 {
font-weight: 400 !important;
color: #ff5b35 !important;
margin: 0 !important
}
a.maxbutton {
text-decoration: none !important;
background-color: #ef785c !important;
transition: .3s ease-in-out !important;
display: inline-block !important;
text-align: center !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 21px !important;
position: relative !important;
padding: 12px 16px !important;
border-radius: 8px !important;
min-width: unset !important;
text-transform: capitalize !important;
color: #fff !important;
border: none !important;
box-shadow: none !important
}
.entry p a.maxbutton:hover,
.entry p a.maxbutton:hover span,
a.maxbutton:hover {
background-color: #cc6045 !important;
transition: .3s ease-in-out !important;
box-shadow: none !important;
color: #fff !important;
border: none !important
}
@media (min-width:1024px) and (max-width:1200px) {
.mobile-menu-main .main-nav>.has-submenu: after {
top: 25px
}
}
.trust-wrapper .trust-inner .card:nth-child(3) .trust-img .img {
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center
}
.trust-wrapper .trust-inner .card:nth-child(3) .trust-img {
padding: 10px 5px !important
}
.news-slider .swiper-slide .slide-inner {
height: 100% !important;
display: block !important;
border-radius: 8px;
overflow: hidden
}
.hero-banner-wrapper .btn-blue.btn-arrow,
.hero-banner-wrapper .btn-orange.btn-arrow,
.hero-banner-wrapper .btn.btn-arrow,
.hero-banner-wrapper .common-btn.btn-arrow {
height: fit-content !important
}
.social-main {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
gap: 20px
}
.social-main a img {
width: 50px;
height: 50px;
object-fit: cover;
filter: brightness(0) saturate(100%) invert(16%) sepia(15%) saturate(7179%) hue-rotate(187deg) brightness(95%) contrast(104%)
}
.social-main a:hover img {
filter: brightness(0) saturate(100%) invert(85%) sepia(40%) saturate(5953%) hue-rotate(324deg) brightness(99%) contrast(83%)
}
.social-media-btn {
padding-bottom: 72px
}
.banner-content {
display: grid !important;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 20px;
grid-row-gap: 0
}
.banner-content .title {
grid-area: 1/1/3/2
}
.banner-content .hero-btn-main {
grid-area: 3/1/4/2
}
.banner-content .hero-con {
grid-area: 1/2/4/3
}
@media (max-width:1023px) {
.banner-wrapper .container-fluid {
padding-left: 0;
padding-right: 0
}
.banner-wrapper .banner-inner {
gap: 48px
}
.banner-wrapper .banner-c-box {
text-align: center;
padding-left: 16px;
padding-right: 16px
}
.banner-wrapper .banner-content {
margin-left: auto;
margin-right: auto
}
.three-card-component-warpper .card-info ul li span {
font-size: 14px;
margin-left: 26px
}
.three-card-component-warpper {
padding-top: 52px;
padding-bottom: 0
}
.three-card-component-warpper .title {
margin-bottom: 32px
}
.three-card-component-warpper .card {
padding: 16px 16px 24px
}
.three-card-component-warpper .btn-custom {
padding-top: 32px;
padding-bottom: 32px
}
.three-card-component-warpper .card-info ul li::before {
top: 4px;
height: 16px;
width: 16px
}
.counter-wrapper {
padding-top: 0;
padding-bottom: 32px
}
.zigzag--img-content-wrapper {
padding-bottom: 48px
}
.zigzag-wrapper-inner {
gap: 30px
}
.zigzag-wrapper-inner2,
.zigzag-wrapper-inner3,
.zigzag-wrapper-inner4,
.zigzag-wrapper-inner5 {
gap: 24px;
flex-direction: column-reverse
}
.zigzag-content .zigzag-content-inner {
padding-top: 7px
}
.zigzag-content-in,
.zigzag-wrapper-inner2 .zigzag-content-main .zigzag-content-in-main {
gap: 8px
}
.contact-wrapper .contact-title,
.faq-wrapper-title {
text-align: center
}
.contact-wrapper {
padding-top: 50px;
padding-bottom: 50px
}
.our-team {
padding-top: 50px !important
}
.contact-wrapper-inner {
gap: 32px
}
.three-card-component-warpper .subtitle-big h2,
.three-card-component-warpper h2 {
font-size: 32px !important
}
.banner-content {
display: flex !important;
flex-direction: column;
gap: 10px
}
.banner-content .hero-btn-main {
order: 1
}
}
@media (max-width:991px) {
.choose-content .btn-inline a {
padding-top: 10px !important;
padding-bottom: 9px !important
}
.hero-banner-wrapper .btn-blue.btn-arrow,
.hero-banner-wrapper .btn-orange.btn-arrow,
.hero-banner-wrapper .btn.btn-arrow,
.hero-banner-wrapper .common-btn.btn-arrow {
padding-right: 45px !important
}
section.trust-wrapper {
display: none !important
}
section.trust-wrapper.ctm-remove-shadow {
display: block !important
}
}
.newsletter-form .with_frm_style .frm-show-form {
flex-direction: column !important;
width: 100% !important;
max-width: 100% !important
}
.newsletter-form .frm_style_formidable-style.with_frm_style .frm_error_style {
background: 0 0 !important;
border: none !important;
color: red !important;
padding: 0 !important;
margin: 0 !important
}
.newsletter-form .frm_style_formidable-style.with_frm_style .frm_error,
.newsletter-form .frm_style_formidable-style.with_frm_style .frm_limit_error,
body .widget-subscribe .frm_error {
color: red !important
}
.logo-grin-inner {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px
}
@media (max-width:675px) {
.hero-banner-wrapper .btn-blue.btn-arrow,
.hero-banner-wrapper .btn-orange.btn-arrow,
.hero-banner-wrapper .btn.btn-arrow,
.hero-banner-wrapper .common-btn.btn-arrow {
font-size: 15px !important;
line-height: 15px !important;
padding-top: 10.5px !important;
padding-bottom: 10.5px !important;
}
.common-btn,
.hero-banner-wrapper .btn {
padding: 10px !important
}
.logo-grin-inner {
grid-template-columns: repeat(3, 1fr);
display: flex;
flex-direction: column;
gap: 10px
}
.upscale .logo-grid .swiper-slide .swiper-inner {
padding: 15px
}
.hero-inner-in .title {
margin-bottom: 5px;
}
}
.counter-wrapper.style-2 .container-fluid {
padding-inline: 100px !important
}
@media (max-width:1366px) {
.main-nav>li.menu-item>a {
font-size: 14px !important;
padding-left: 5px !important;
padding-right: 5px !important
}
.counter-wrapper.style-2 .container-fluid {
padding-left: 70px !important;
padding-right: 70px !important
}
.btn,
.common-btn {
font-size: 14px !important;
padding-left: 10px !important;
padding-top: 7.5px !important;
padding-bottom: 7.5px !important
}
.btn-blue.btn-arrow,
.btn-orange.btn-arrow,
.btn.btn-arrow,
.common-btn.btn-arrow {
padding-right: 45px !important
}
.btn-blue.btn-arrow .arrow,
.btn-orange.btn-arrow .arrow,
.btn.btn-arrow .arrow,
.common-btn.btn-arrow .arrow {
width: 30px !important;
height: 30px !important
}
}
.counter-wrapper.style-2 {
padding-block: 100px 0
}
.style-2 .counter-title {
display: flex;
flex-direction: column;
gap: 8px;
align-items: center;
justify-content: center;
margin-top: 0 !important;
margin-bottom: 65px;
max-width: 600px !important
}
.style-2 .counter-main {
display: flex;
gap: 75px;
align-items: flex-start;
justify-content: center
}
.style-2 .counter-img {
width: 70px;
max-width: 70px;
height: 70px;
margin: auto
}
.style-2 .counter-card .counter-con h2 {
font-size: 30px !important;
line-height: 100% !important;
font-weight: 600;
text-align: center;
color: #00102c !important;
margin: 0 !important
}
.style-2 .counter-card .counter-con p {
font-size: 22px !important;
line-height: 160% !important;
font-weight: 400 !important;
text-align: center;
color: #00102c80
}
.ctm-family-cta .full-img-cotainer img {
object-position: 67% top !important
}
.newsletter-form .frm_forms,
.newsletter-form .with_frm_style {
width: fit-content !important
}
@media (max-width:1440px) {
.nav-bar {
margin-left: auto
}
.main-nav .mega-menu__right>ul>li.menu-item.open:before,
.mobile-menu-main .main-nav .has-submenu.active:after {
border-top-color: #ff7a59;
transform: rotate(180deg)
}
.main-nav .mega-menu__right>ul>li.menu-item:before {
position: absolute;
content: "";
top: 14px;
right: 15px;
width: 8px;
height: 7px;
border-style: solid;
border-width: 6px 4px 0;
border-color: #12325f #fff0 #fff0;
transition: .3s ease-in-out;
cursor: pointer;
z-index: 99
}
.style-2 .counter-card .counter-con h2 {
font-size: 30px !important
}
.style-2 .counter-card .counter-con p {
font-size: 20px !important
}
.style-2 .counter-img {
width: 50px;
max-width: 50px;
height: 50px
}
.style-2 .counter-title {
margin-bottom: 45px
}
}
@media (max-width:1250px) {
.style-2 .counter-main {
flex-wrap: wrap
}
.style-2 .counter-card .counter-con {
padding-top: 17px
}
.style-2 .counter-title {
margin-bottom: 30px
}
.style-2 .counter-card .counter-con p {
font-size: 17px !important
}
.style-2 .counter-card .counter-con h2 {
font-size: 28px !important
}
}
@media (max-width:1024px) {
.logo-slider-main {
padding: 32px 40px 48px
}
.contact-wrapper-title>.flex,
.social-icon {
gap: 10px
}
.news-updates .container-fluid-full {
padding-left: 30px !important;
padding-right: 30px !important
}
.map-section,
.social-media-btn {
padding-bottom: 50px
}
.map-title {
margin-bottom: 24px
}
.map-inner {
gap: 20px
}
.counter-wrapper.style-2 .container-fluid {
padding-left: 40px !important;
padding-right: 40px !important
}
.counter-wrapper.style-2 {
padding-block: 50px 0
}
.social-icon img {
max-width: 18px !important
}
}
@media (max-width:767px) {
.map-section,
.social-media-btn {
padding-bottom: 30px
}
.map-content {
height: 230px
}
.profile {
margin-top: 8px
}
.map-title {
margin-bottom: 15px
}
.map-inner {
gap: 30px
}
.con-card p {
font-size: 14px
}
.name-div .time {
font-size: 12px
}
.con-card {
padding: 10px
}
.map-dropdown .country::after,
.map-dropdown .visa-type::after {
width: 15px;
height: 15px;
top: 53%
}
.country-name {
font-size: 16px;
padding: 8px 0
}
.flag-with-date img {
max-width: px
}
.count {
margin-top: 5px
}
.map-main {
display: none
}
.count-process,
.time p.last-seen {
font-size: 11px
}
.process-count {
font-size: 14px;
line-height: 20px
}
.location-popup {
top: -178px;
right: -213.5px
}
#location1 .location-popup {
right: -210px
}
#location1 .location-popup-inner::after {
left: 58.2px
}
#location2 .location-popup,
#locationargentina .location-popup,
#locationbrazil .location-popup {
right: -190px
}
#location2 .location-popup-inner::after {
left: 78.2px
}
#location3 .location-popup {
right: -177px
}
#location3 .location-popup-inner::after {
left: 91px
}
#location4 .location-popup {
right: -183px
}
#location4 .location-popup-inner::after {
left: 85px
}
#location5 .location-popup {
right: -134px
}
#location5 .location-popup-inner::after {
left: 134px
}
#location6 .location-popup {
right: -276px
}
#location6 .location-popup-inner::after {
left: 12px
}
#location8 .location-popup,
#locationhonduras .location-popup {
right: -222px
}
#location8 .location-popup-inner::after {
left: 45px
}
#location9 .location-popup {
right: -237px
}
#location9 .location-popup-inner::after {
left: 31px
}
#location10 .location-popup {
right: -224px
}
#location10 .location-popup-inner::after {
left: 44.8px
}
#location11 .location-popup,
#locationtrinidad .location-popup {
right: -201px
}
#location11 .location-popup-inner::after {
left: 66.8px
}
#location12 .location-popup {
right: -200px
}
#location12 .location-popup-inner::after {
left: 68px
}
#location13 .location-popup,
#location14 .location-popup {
right: -148px
}
#location13 .location-popup-inner::after,
#location14 .location-popup-inner::after {
left: 119.7px
}
#location15 .location-popup {
right: -126px
}
#location15 .location-popup-inner::after,
#locationegypt .location-popup-inner::after {
left: 142px
}
#location16 .location-popup {
right: -111px
}
#location16 .location-popup-inner::after {
left: 157px
}
#location17 .location-popup {
right: -83px
}
#location17 .location-popup-inner::after {
left: 185px
}
#location18 .location-popup,
#locationindia .location-popup {
right: -86px
}
#location18 .location-popup-inner::after,
#locationindia .location-popup-inner::after {
left: 183px
}
#location19 .location-popup {
right: -50px
}
#location19 .location-popup-inner::after {
left: 217px
}
#location20 .location-popup {
right: -65px
}
#location20 .location-popup-inner::after,
#locationsingapore .location-popup-inner::after {
left: 203px
}
#location21 .location-popup {
right: -70px
}
#location21 .location-popup-inner::after {
left: 198px
}
#locationargentina .location-popup-inner::after,
#locationbrazil .location-popup-inner::after {
left: 78px
}
#locationpakistan .location-popup {
right: -93px
}
#locationpakistan .location-popup-inner::after {
left: 174px
}
#locationmexico .location-popup {
right: -228px
}
#locationmexico .location-popup-inner::after {
left: 39px
}
#locationireland .location-popup {
right: -153px
}
#locationireland .location-popup-inner::after {
left: 115px
}
#locationnetherlands .location-popup,
#locationnigeria .location-popup {
right: -143px
}
#locationnetherlands .location-popup-inner::after,
#locationnigeria .location-popup-inner::after {
left: 125px
}
#locationiran .location-popup {
right: -99px
}
#locationiran .location-popup-inner::after {
left: 167px
}
#locationsingapore .location-popup {
right: -64px
}
#locationsweden .location-popup {
right: -135px
}
#locationsweden .location-popup-inner::after {
left: 132px
}
#locationhonduras .location-popup-inner::after {
left: 46px
}
#locationgambia .location-popup {
right: -156px
}
#locationgambia .location-popup-inner::after {
left: 112px
}
#locationcolombia .location-popup {
right: -207px
}
#locationcolombia .location-popup-inner::after {
left: 60px
}
#locationbahamas .location-popup {
right: -211px
}
#locationbahamas .location-popup-inner::after {
left: 57px
}
#location7 .location-popup,
#locationcanada .location-popup {
right: -233px
}
#location7 .location-popup-inner::after,
#locationcanada .location-popup-inner::after {
left: 35px
}
#locationchina .location-popup {
right: -60px
}
#locationchina .location-popup-inner::after {
left: 208px
}
#locationegypt .location-popup {
right: -124px
}
#locationgermany .location-popup {
right: -141px
}
#locationgermany .location-popup-inner::after {
left: 126px
}
#locationindia {
top: 61%;
left: 67%
}
#locationnepal {
top: 57%;
left: 69%
}
#locationnepal .location-popup {
right: -80px
}
#locationnepal .location-popup-inner::after {
left: 189px
}
#locationnew-zealand .location-popup {
right: -17px
}
#locationnew-zealand .location-popup-inner::after {
left: 252px
}
#locationsouth-africa .location-popup {
right: -131px
}
#locationsouth-africa .location-popup-inner::after {
left: 137px
}
#locationtaiwan .location-popup {
right: -51px
}
#locationtaiwan .location-popup-inner::after {
left: 218px
}
#locationtrinidad .location-popup-inner::after {
left: 67px
}
#locationuganda .location-popup {
right: -122px
}
#locationuganda .location-popup-inner::after {
left: 146px
}
#locationukraine .location-popup {
right: -121px
}
#locationukraine .location-popup-inner::after {
left: 147px
}
#locationunited-kingdom .location-popup {
right: -151px
}
#locationunited-kingdom .location-popup-inner::after {
left: 118px
}
#locationel-salvador {
top: 64%;
left: 22%
}
#locationrussia {
top: 40%;
left: 70%
}
#locationunited-states {
top: 50%;
left: 18%
}
#locationmorocco {
top: 56%;
left: 44.5%
}
#locationaustralia {
top: 82%;
left: 84%
}
#locationaustralia .location-popup {
right: -105px
}
#locationaustralia .location-popup-inner::after {
left: 162px
}
div#locationvietnam {
top: 66%;
left: 76%
}
div#locationvenezuela {
top: 65.8%;
left: 26%
}
div#locationpapua-new-guinea {
top: 73%;
left: 87%
}
div#locationindonesia {
top: 71%;
left: 78%
}
div#locationmalaysia {
top: 69%;
left: 75%
}
div#locationcambodia {
top: 64%;
left: 76%
}
div#locationthailand {
top: 63%;
left: 74.5%
}
div#locationlaos {
top: 63%;
left: 75.5%
}
div#locationmyanmar {
top: 61%;
left: 73.5%
}
div#locationbangladesh {
top: 60%;
left: 71.5%
}
div#locationbhutan {
top: 58%;
left: 71.5%
}
div#locationafghanistan {
top: 54%;
left: 65%
}
div#locationturkmenistan {
top: 52%;
left: 62%
}
div#locationuzbekistan {
top: 51%;
left: 64%
}
div#locationtajikistan {
top: 52%;
left: 67%
}
div#locationkyrgyzstan {
top: 51%;
left: 68%
}
.social-main {
gap: 10px
}
.social-main a img {
width: 30px;
height: 30px;
object-fit: cover
}
.style-2 {
padding-block: 30px !important
}
.style-2 .counter-card .counter-con h2 {
font-size: 25px !important
}
.style-2 .counter-card .counter-con p {
font-size: 15px !important
}
.style-2 .content.big p {
font-size: 16px !important
}
.card-1 {
order: 1
}
.card-2 {
order: 3
}
.card-3 {
order: 5
}
.card-4 {
order: 2
}
.card-5 {
order: 4
}
.style-2 .counter-main {
gap: 21px !important
}
}
@media (min-width:769px) {
.choose-us .choose-inner .img-main.mobile .img {
display: none
}
.choose-us .choose-inner .img {
display: block
}
}
@media (max-width:768px) {
.faq-wrapper .accordion-item .title .h6,
.faq-wrapper .accordion-item .title h6 {
font-size: 15px !important;
line-height: 25px !important
}
.faq-wrapper .accordion-item {
padding: 15px !important
}
.hero-banner-wrapper {
padding-bottom: 20px;
padding-top: 20px
}
.upscale .swiper-btn {
margin-top: 20px
}
.youtube-grid-title h2 {
padding-bottom: 20px
}
.video-grid-inner {
display: none !important
}
.video-grid-inner-slider,
.youtube-grid .swiper-btn {
display: block !important
}
.logo-slider-main {
padding: 25px
}
.logo-slider .swiper-btn {
gap: 24px
}
.logo-slider-main .swiper-slide img {
max-height: 45px
}
.genral-content-warpper {
padding-top: 40px;
padding-bottom: 40px
}
.footer-menu-main>* {
width: 48.4%
}
.footer-menu-main {
flex-wrap: wrap;
gap: 10px
}
.social-icon {
gap: 15px
}
.footer .footer-menu-list ul li {
padding-top: 10px
}
.footer .footer-title h5 {
margin-bottom: 0 !important
}
.logo-grin-inner {
gap: 10px
}
.choose-us .choose-inner .img {
display: none;
padding-top: 71%
}
.choose-us .choose-inner .img-main.mobile .img {
display: block
}
.full-img-cotainer::before {
background-image: linear-gradient(270deg, #fff0 0, rgb(0 0 0 / .5) 0)
}
.zigzag--img-content-wrapper .btn-custom {
text-align: center
}
.footer,
.footer-top {
padding-top: 30px;
padding-bottom: 30px
}
.footer-newsletter {
margin-bottom: 0
}
}
@media (max-width:639px) {
.style-2 .title-small h2,
.title-small h2 {
font-size: 24px !important
}
.sw-list ul {
flex-direction: column
}
.upscale .upscale-list ul {
width: 100%;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px
}
.three-card-component-warpper .container-fluid {
padding-left: 16px;
padding-right: 16px
}
.youtube-grid-title h2 img {
max-width: 40px
}
.youtube-grid-title h2 {
gap: 5px;
flex-wrap: wrap
}
.logo-slider-main {
padding: 25px 16px
}
.counter-wrapper.style-2 .container-fluid,
.news-updates .container-fluid-full {
padding-left: 16px !important;
padding-right: 16px !important
}
.style-2 .counter-main>* {
flex: 1 0 47%
}
.social-icon {
gap: 9px;
width: 100%
}
.social-icon img {
max-width: 16px !important
}
}
@media (max-width:340px) {
.footer-menu-main>* {
width: 100%
}
}
.widget.widget-subscribe {
font-size: 17px;
line-height: 110%;
color: #000 !important
}
.widget.widget-subscribe span {
font-size: 17px !important;
line-height: 130%
}
div.wpforms-container-full {
position: relative;
z-index: 2
}
.accordion-item {
cursor: pointer
}
body.page-id-22764 .main-nav>li:last-child>.sub-menu,
body.page-id-5 .main-nav>li:last-child>.sub-menu {
right: 0 !important;
left: unset !important
}
body .widget-subscribe .frm_forms h3 {
color: #003362 !important
}
body .widget-subscribe .frm_form_field input {
width: 100% !important;
max-width: 100% !important;
padding: 10px 14px !important;
color: #94a3b8 !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 150% !important;
border-radius: 4px !important
}
body .widget-subscribe .frm_form_field button {
background-color: #ef785c !important;
color: #fff !important;
font-size: 16px !important;
font-weight: 600 !important;
line-height: 24px !important;
border: 0 !important;
border-radius: 4px !important
}
body .widget-subscribe .frm_form_field .frm_submit {
margin-top: 10px !important
}
body .widget-subscribe .frm_error_style {
color: red !important;
background-color: transparent !important;
margin: 0 !important;
border: none !important;
padding: 0 !important
}
body .widget.widget-subscribe span {
line-height: 130% !important;
letter-spacing: .5px;
font-size: 18px !important;
color: #00102c !important;
font-weight: 500 !important;
font-family: inter, sans-serif !important
}
.page-template-default.left-form #content .entry>:is(h1, h2, h3, h4, h5, h6) {
max-width: 100% !important
}
.news-updates .news-btn,
.story-btn,
.team-btn-wrapper {
gap: 20px;
align-items: center;
justify-content: center;
flex-direction: column
}
.zigzag-slider-in .btn-navigation {
position: relative;
display: flex;
gap: 20PX;
height: 100%;
width: 100%;
left: unset;
right: unset;
align-items: center;
justify-content: center;
padding-top: 20px
}
.zigzag-slider-in .btn-navigation>* {
left: unset !important;
right: unset !important;
position: relative;
top: unset !important;
bottom: unset !important;
margin: 0 !important
}
@media (max-width:575px) {
.trust-wrapper .trust-inner {
flex-wrap: wrap;
flex-direction: unset !important;
align-items: center;
justify-content: center
}
.trust-wrapper .trust-inner .card {
flex: unset !important;
width: 48%
}
.team-slider .swiper-slide.swiper-slide-active .slide-inner .img img {
border-radius: 16px
}
.our-team .swiper-btn {
flex-direction: column
}
.our-team .team-o-btn {
text-align: left;
position: relative
}
.trust-wrapper.ctm-remove-shadow .trust-img {
border: 0 !important
}
.full-img-cotainer.desktop {
display: none
}
.full-img-cotainer.mobile {
display: block
}
}
.video-big:after,
.video-small-inner:after {
content: '';
position: absolute;
top: 0;
left: 0;
background: #0000001f;
width: 100%;
height: 100%;
transition: .3s ease-in-out;
pointer-events: none
}
.video-big:hover:after,
.video-small-inner:hover:after {
background: #00000047;
transition: .3s ease-in-out
}
#locationel-salvador {
top: 64%;
left: 22%
}
#locationrussia {
top: 40%;
left: 70%
}
#locationunited-states {
top: 50%;
left: 18%
}
#locationmorocco {
top: 56%;
left: 44.5%
}
#locationaustralia {
top: 82%;
left: 84%
}
#locationaustralia .location-popup {
right: -105px
}
#locationaustralia .location-popup-inner::after {
left: 162px
}
div#locationvietnam {
top: 66%;
left: 76%
}
div#locationvenezuela {
top: 65.8%;
left: 26%
}
div#locationpapua-new-guinea {
top: 73%;
left: 87%
}
div#locationindonesia {
top: 71%;
left: 78%
}
div#locationmalaysia {
top: 69%;
left: 75%
}
div#locationcambodia {
top: 64%;
left: 76%
}
div#locationthailand {
top: 63%;
left: 74.5%
}
div#locationlaos {
top: 63%;
left: 75.5%
}
div#locationmyanmar {
top: 61%;
left: 73.5%
}
div#locationbangladesh {
top: 60%;
left: 71.5%
}
div#locationbhutan {
top: 58%;
left: 71.5%
}
div#locationafghanistan {
top: 54%;
left: 65%
}
div#locationturkmenistan {
top: 52%;
left: 62%
}
div#locationuzbekistan {
top: 51%;
left: 64%
}
div#locationtajikistan {
top: 52%;
left: 67%
}
div#locationkyrgyzstan {
top: 51%;
left: 65%
}
div#locationmongolia {
top: 49%;
left: 72%
}
div#locationnorth-korea {
top: 52%;
left: 82%
}
div#locationsouth-korea {
top: 54%;
left: 82%
}
div#locationjapan {
top: 53%;
left: 85%
}
div#locationmadagascar {
top: 79%;
left: 59.3%
}
div#locationuruguay {
top: 85%;
left: 31%
}
div#locationsuriname {
top: 68%;
left: 31%
}
div#locationphilippines {
top: 65%;
left: 80.3%
}
div#locationparaguay {
top: 80%;
left: 31%
}
div#locationperu {
top: 76%;
left: 26%
}
div#locationkazakhstan {
top: 47%;
left: 63%
}
div#locationiceland {
top: 33.3%;
left: 41.33%
}
div#locationguyana {
top: 67%;
left: 30%
}
div#locationfrench-guiana {
top: 69%;
left: 32%
}
div#locationecuador {
top: 72%;
left: 24%
}
div#locationchile {
top: 81%;
left: 27%
}
div#locationbolivia {
top: 77%;
left: 29%
}
div#locationpuerto-rico {
top: 61.8%;
left: 28%
}
div#locationpanama {
top: 66%;
left: 24%
}
div#locationnicaragua {
top: 64.5%;
left: 23%
}
div#locationjamaica {
top: 61.8%;
left: 24%
}
.ctm-tabbing {
padding: 30px 0
}
.h-tab {
display: flex;
flex-direction: column;
gap: 20px
}
.h-tab_tab-head,
.v-tab_tab-head,
.v-tab {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
width: 100%;
margin: 0 !important;
padding: 0 !important
}
.v-tab_tab-head {
padding: 0 !important;
margin: 0 !important
}
.v-tab_container {
width: 100%
}
.v-tab {
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
align-items: center
}
.h-tab_tab-head li,
.v-tab_tab-head li {
list-style-type: none;
cursor: pointer;
padding: 15px;
font-size: 20px;
font-weight: 600;
line-height: 22px;
background-color: #17365e;
border-radius: 10px;
color: #fff;
width: 250px;
text-align: center;
text-transform: capitalize;
transition: all 300ms ease-in-out
}
.v-tab_tab-head li {
width: fit-content
}
.h-tab_tab-head li:hover,
.v-tab_tab-head li:hover,
.h-tab_tab-head li.active,
.v-tab_tab-head li.active {
background-color: #ef785c;
transition: all 300ms ease-in-out
}
.h-tab_container {
padding: 30px 20px 20px;
border-radius: 15px;
box-shadow: rgb(0 0 0 / .24) 0 3px 8px
}
.tab-top-content.content p {
font-weight: 600;
text-align: center;
margin: 0 !important;
display: none
}
.trust-wrapper .trust-inner .card:last-child .trust-img {
padding-inline: 5px
}
.trust-wrapper .trust-inner .card:last-child .trust-img .img {
height: 100%;
width: 100%
}
.trust-wrapper .trust-inner .card:last-child .trust-img img {
width: 100%;
margin: auto
}
body .widget-subscribe .frm_forms h3 {
color: #003362 !important
}
body .widget-subscribe .frm_primary_label {
display: none !important
}
body .widget-subscribe .frm_form_field input {
width: 100% !important;
max-width: 100% !important;
padding: 10px 14px !important;
color: #94a3b8 !important;
font-family: "Plus Jakarta Sans", sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 150% !important;
border-radius: 4px !important
}
body .widget-subscribe .frm_form_field button {
background-color: #ef785c !important;
color: #fff !important;
font-size: 16px !important;
font-weight: 600 !important;
line-height: 24px !important;
border: 0 !important;
border-radius: 4px !important
}
body .widget-subscribe .frm_form_field button:hover {
background-color: #b54126 !important
}
body .widget-subscribe .frm_form_field .frm_submit {
margin-top: 10px !important
}
body .widget-subscribe .frm_error_style {
color: red !important;
background-color: transparent !important;
margin: 0 !important;
border: none !important;
padding: 0 !important
}
body .widget-subscribe .frm_error {
color: red !important
}
body .widget.widget-subscribe span {
line-height: 130% !important;
letter-spacing: .5px;
font-size: 18px !important;
color: #00102c !important;
font-weight: 500 !important;
font-family: inter, sans-serif !important
}
.video-main .video video {
height: 100%
}
.widget-form__form .wpforms-container.wpforms-container-full .wpforms-field select,
.widget-form__form .wpforms-container .wpforms-field input[type="email"],
.widget-form__form .wpforms-container .wpforms-field input[type="text"] {
font-size: 16px !important
}
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select {
padding-inline-end: 24px
}
.wpforms-container .wpforms-field .wpforms-field-row:before,
.wpforms-container .wpforms-field .wpforms-field-row:after {
content: none
}
.wptb-ph-element {
text-align: center
}
.upscale .media .inner,
.upscale .media .inner img {
height: auto !important
}
.full-img-cotainer img {
object-position: top
}
.page-id-5 .tools-bar.tools-bar-ctm {
display: none;
transition: all 0.3s ease
}
.page-id-5 .tools-bar.tools-bar-ctm.show {
display: flex
}
header .mobile-menu-main ul li:nth-child(4) ul,
header .mobile-menu-main ul li:nth-child(5) ul {
right: 0;
left: unset
}
.mega-menu__right ul .menu-item a {
font-weight: 500 !important
}
.team-slider .swiper-slide .slide-inner .img img {
border-radius: 16px !important
}
@media (max-width:768px) {
.h-tab_tab-head,
.v-tab_tab-head,
.v-tab {
gap: 10px
}
.h-tab_tab-head li,
.v-tab_tab-head li {
padding: 10px;
font-size: 15px;
line-height: 17px;
width: 150px
}
.v-tab {
flex-direction: column;
align-items: center
}
.v-tab_tab-head {
width: 100% !important
}
.v-tab_tab-head li {
width: fit-content !important
}
.tab-top-content.content p {
display: block
}
}
@media (max-width:575px) {
.h-tab_tab-head li,
.v-tab_tab-head li {
width: 100%
}
.promo-inner.hide-mobile {
display: none !important
}
}
@media (max-width:1200px) {
.main-nav>li.menu-item>a {
width: fit-content !important
}
}
@media (max-width:991px) {
.full-img-cotainer.desktop {
display: none
}
.full-img-cotainer.mobile {
display: block
}
.full-img-cotainer img {
object-position: unset !important
}
}
@media (min-width:1200px) {
.page-id-5 .hero-banner-wrapper .banner-content .title h1,
.page-id-5 .hero-banner-wrapper .banner-content .title .h1 {
font-size: 38px !important
}
.page-id-5 .hero-banner-wrapper .banner-content .title h1 span,
.page-id-5 .hero-banner-wrapper .banner-content .title .h1 span {
font-size: 34px !important
}
}
@media (min-width:1400px) {
.page-id-5 .hero-banner-wrapper .banner-content .title h1,
.page-id-5 .hero-banner-wrapper .banner-content .title .h1 {
font-size: 42px !important
}
.page-id-5 .hero-banner-wrapper .banner-content .title h1 span,
.page-id-5 .hero-banner-wrapper .banner-content .title .h1 span {
font-size: 37px !important
}
}
.trust-wrapper .trust-inner .card:last-child .trust-img {
padding-inline: 5px;
}
.trust-wrapper .trust-inner .card:last-child .trust-img .img {
height: 100%;
width: 100%;
}
.trust-wrapper .trust-inner .card:last-child .trust-img img {
width: 100%;
margin: auto;
}
body .widget-subscribe .frm_forms h3 {
color: #003362 !important;
}
body .widget-subscribe .frm_primary_label {
display: none !important;
}
body .widget-subscribe .frm_form_field input {
width: 100% !important;
max-width: 100% !important;
padding: 10px 14px !important;
color: #94a3b8 !important;
font-family: "Plus Jakarta Sans", sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 150% !important;
border-radius: 4px !important;
}
body .widget-subscribe .frm_form_field button {
background-color: #ef785c !important;
color: #fff !important;
font-size: 16px !important;
font-weight: 600 !important;
line-height: 24px !important;
border: 0 !important;
border-radius: 4px !important;
}
body .widget-subscribe .frm_form_field button:hover{
background-color: #b54126 !important;
}
body .widget-subscribe .frm_form_field .frm_submit {
margin-top: 10px !important;
}
body .widget-subscribe .frm_error_style {
color: red !important;
background-color: transparent !important;
margin: 0 !important;
border: none !important;
padding: 0 !important;
}
body .widget-subscribe .frm_error {
color: red !important;
}
body .widget.widget-subscribe span {
line-height: 130% !important;
letter-spacing: .5px;
font-size: 18px !important;
color: #00102c !important;
font-weight: 500 !important;
font-family: inter, sans-serif !important;
}
.video-main .video video {
height: 100%;
}
.widget-form__form .wpforms-container.wpforms-container-full .wpforms-field select, .widget-form__form .wpforms-container .wpforms-field input[type="email"], .widget-form__form .wpforms-container .wpforms-field input[type="text"] {
font-size: 16px !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select {
padding-inline-end: 24px;
}
.wpforms-container .wpforms-field .wpforms-field-row:before, .wpforms-container .wpforms-field .wpforms-field-row:after {
content: none;
}
.wptb-ph-element {
text-align: center;
}
.upscale .media .inner, .upscale .media .inner img {
height: auto !important;
}
@media (max-width: 1200px){
.main-nav>li.menu-item>a {
width: fit-content !important;
}
}
.full-img-cotainer img {
object-position: top;
}
@media (max-width: 991px) {
.full-img-cotainer.desktop {
display: none;
}
.full-img-cotainer.mobile {
display: block;
}
.full-img-cotainer img {
object-position: unset !important;
}
}
.page-id-5 .tools-bar.tools-bar-ctm {
display: none;
transition: all 0.3s ease;
}
.page-id-5 .tools-bar.tools-bar-ctm.show {
display: flex;
}
header .mobile-menu-main ul li:nth-child(4) ul {
right: 0;
left: unset;
}
.mega-menu__right ul .menu-item a {
font-weight: 500 !important;
}
.team-slider .swiper-slide .slide-inner .img img {
border-radius: 16px !important;
}
@media (min-width: 1200px) {
.page-id-5 .hero-banner-wrapper .banner-content .title h1,
.page-id-5 .hero-banner-wrapper .banner-content .title .h1{
font-size: 38px !important;
}
.page-id-5 .hero-banner-wrapper .banner-content .title h1 span,
.page-id-5 .hero-banner-wrapper .banner-content .title .h1 span{
font-size: 34px !important;
}
}
@media (min-width: 1400px) {
.page-id-5 .hero-banner-wrapper .banner-content .title h1,
.page-id-5 .hero-banner-wrapper .banner-content .title .h1{
font-size: 42px !important;
}
.page-id-5 .hero-banner-wrapper .banner-content .title h1 span,
.page-id-5 .hero-banner-wrapper .banner-content .title .h1 span{
font-size: 37px !important;
}
}
.mega-menu__right>ul>li.menu-item>a {
font-weight: 700 !important;
}