*,::after,::before,ol,ul {
    padding: 0;
    margin: 0
}

.primary-btn,main {
    overflow: clip
}

.navMenu,.offcanvas,.search-box {
    visibility: hidden
}

.navMenu.active,.offcanvas.hiding,.offcanvas.show,.offcanvas.showing,.search-box.active {
    visibility: visible
}

.form-control,.primary-btn,body {
    font-weight: 400
}

.green-list-btn,.green-list-div,.marketing-team-list,.navMenu,.slider-content,.text-center,.top-bar {
    text-align: center
}

.case-studies-content h4,.service-item p {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

footer ul li,ol,ul {
    list-style-type: none
}

.blog-content h4,.case-studies-content h4,.case-studies-content p,.service-item p {
    -webkit-box-orient: vertical
}

*,::after,::before {
    box-sizing: border-box;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

html {
    font-size: 100%;
    box-sizing: inherit;
    scroll-behavior: smooth;
    height: -webkit-fill-available
}

html::-webkit-scrollbar {
    width: 2px;
    background-color: #7595ff4d
}

html::-webkit-scrollbar-thumb {
    background: #8dc63f;
    border-radius: 50rem
}

a,button {
    cursor: pointer;
    border: none;
    outline: 0;
    user-select: none;
    background: 0 0;
    box-shadow: none
}

body {
    font-size: 16px;
    font-family: 'Poppins Regular';
    color: #000
}

#menu>.main-menu>ul>li>a,.ad-itm h6,.top-bar .sve,h1,h2,h3,h4,h5 {
    font-family: 'Poppins Bold'
}

a,a:focus,a:hover {
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    text-decoration: none
}

h1,h2,h3,h4,h5 {
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 18px;
    line-height: 28px;
    color: #252f37;
    font-weight: 500
}

img {
    max-width: 100%;
    height: auto;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s
}

.container-fluid {
    padding: 0 15px
}

.primary-btn {
    border-radius: 4px;
    background: #8dc63f;
    padding: 18px 22px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    display: inline-block;
    position: relative;
    font-size: 15.222px;
    color: #fff;
    z-index: 2;
    border: 1px solid #b9f959;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.modal-content,.offcanvas {
    background-clip: padding-box;
    outline: 0
}

.menu-contact-info .primary-btn.ba {
    background: #1166a3;
    color: #fff
}

.menu-contact-info .primary-btn.ba span:first-child,.menu-contact-info .primary-btn:hover span:first-child {
    background: linear-gradient(to left,rgba(43,8,8,0),#8dc63f)
}

.menu-contact-info .primary-btn.ba span:nth-child(2),.menu-contact-info .primary-btn:hover span:nth-child(2) {
    background: linear-gradient(to top,rgba(43,8,8,0),#8dc63f)
}

.menu-contact-info .primary-btn.ba span:nth-child(3),.menu-contact-info .primary-btn:hover span:nth-child(3) {
    background: linear-gradient(to right,rgba(43,8,8,0),#8dc63f)
}

.menu-contact-info .primary-btn.ba span:nth-child(4),.menu-contact-info .primary-btn:hover span:nth-child(4) {
    background: linear-gradient(to bottom,rgba(43,8,8,0),#8dc63f)
}

.menu-contact-info .primary-btn {
    font-weight: 700;
    color: #013966;
    background-color: #8dc63f;
    overflow: hidden
}

.menu-contact-info .primary-btn span {
    position: absolute
}

.menu-contact-info .primary-btn span:first-child {
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(to left,rgba(43,8,8,0),#003a66);
    animation: 1.5s linear infinite animateTop
}

@keyframes animateTop {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(-100%)
    }
}

.menu-contact-info .primary-btn span:nth-child(2) {
    top: 0;
    right: 0;
    height: 100%;
    width: 3px;
    background: linear-gradient(to top,rgba(43,8,8,0),#003a66);
    animation: 1.5s linear -1s infinite animateRight
}

@keyframes animateRight {
    0% {
        transform: translateY(100%)
    }

    100% {
        transform: translateY(-100%)
    }
}

.menu-contact-info .primary-btn span:nth-child(3) {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(to right,rgba(43,8,8,0),#003a66);
    animation: 1.5s linear infinite animateBottom
}

@keyframes animateBottom {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(100%)
    }
}

.menu-contact-info .primary-btn span:nth-child(4) {
    top: 0;
    left: 0;
    height: 100%;
    width: 3px;
    background: linear-gradient(to bottom,rgba(43,8,8,0),#003a66);
    animation: 1.5s linear -1s infinite animateLeft
}

@keyframes animateLeft {
    0% {
        transform: translateY(-100%)
    }

    100% {
        transform: translateY(100%)
    }
}

.primary-btn .char:hover {
    transform: translate3d(0,-6px,0);
    transition: .5s;
    font-weight: 700
}

.primary-btn:hover,.secondary-btn:hover {
    color: #fff
}

.primary-btn::before,.primary-btn:after {
    content: '';
    content: '';
    position: absolute;
    z-index: -1;
    background: #013966;
    inset: 0;
    scale: 1 0;
    transition: scale 450ms;
    transform-origin: top
}

.primary-btn:focus-visible::after,.primary-btn:hover::after {
    scale: 1 1;
    transform-origin: right
}

.right-arrow {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    height: 20px;
    width: 18px;
    border: 2px solid transparent;
    border-radius: 100px
}

.container {
    max-width: 1400px
}

.modal.show .modal-dialog,.offcanvas.show:not(.hiding),.offcanvas.showing {
    transform: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0,-50px)
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 1.75rem auto;
    pointer-events: none;
    max-width: 1030px
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1.75rem * 2);
    height: 100%
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #f5f4eb;
    box-shadow: 0 0 18px 0 #000;
    border-radius: 20px;
    overflow: clip
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: clip;
    overflow-y: auto;
    outline: 0
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg)
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity)
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    background-color: #013966;
    transition: transform .3s ease-in-out;
    width: 400px
}

.offcanvas.offcanvas-end {
    top: 0;
    right: 0;
    border-left: 1px solid #0000002d;
    transform: translateX(100%);
    background-image: #013966;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom
}

.form-control {
    width: 100%;
    height: auto;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    line-height: 30px;
    outline: 0;
    border: 0;
    padding: 15px;
    background: #ffffff1e;
    margin-bottom: 14px
}

.offcanvas-backdrop,button.btn-close:hover {
    background-color: #000
}

.offcanvas .form-control::placeholder {
    color: #fff
}

.banner-img img,.blog-img img,.offcanvas .primary-btn,.reach-img img,.result-list .col-lg-4 img,.right-banner-item img,.video-item img {
    width: 100%
}

.offcanvas .primary-btn:hover {
    background-color: #fff;
    color: #9bd643
}

.offcanvas .offcanvas-header.form-box,.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    position: relative
}

.offcanvas .heading-section h2 {
    position: relative;
    bottom: unset;
    font-size: 30px;
    color: #fff
}

.address-list p,.copyright p,.offcanvas .heading-section {
    margin: 0
}

.offcanvas-body {
    flex-grow: 1;
    padding: 1rem;
    overflow-y: auto
}

.offcanvas-body::-webkit-scrollbar {
    width: 0
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh
}

.offcanvas-backdrop.show {
    opacity: .5
}

.fade {
    transition: opacity .15s linear
}

button.btn-close img {
    border-bottom: 1px solid #6f5036;
    padding-bottom: 4px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7490%) hue-rotate(132deg) brightness(110%) contrast(101%)
}

button.btn-close {
    width: 50px;
    height: 50px;
    opacity: 1;
    color: #fff;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: 0;
    border-radius: 50%;
    flex-direction: column;
    gap: 5px;
    background-color: #9bd643;
    transition: .5s
}

.search-box,.top-bar .search-btn {
    display: flex;
    align-items: center;
    height: 100%;
    top: 0
}

.header-area {
    position: relative;
    z-index: 999;
    right: 0;
    left: 0
}

.top-bar {
    background-color: #013966;
    padding: 5px 15px;
    position: relative
}

.top-bar .search-btn {
    position: absolute;
    right: 15px;
    cursor: pointer;
    padding: 0 10px
}

span.cew {
    display: flex;
    gap: 10px
}

.search-box {
    position: absolute;
    left: auto;
    width: 30%;
    right: 0;
    transition: .5s ease-in-out;
    transform-origin: right;
    opacity: 0;
    scale: 1 1
}

.call .call-icon,.close-search {
    display: flex;
    align-items: center
}

.search-box.active {
    scale: 1 1;
    opacity: 1
}

.search-box .form-group {
    width: 100%;
    height: 100%
}

.search-box .form-group button {
    position: absolute;
    background-color: #9bd643;
    right: 44px;
    height: 100%;
    width: 60px;
    cursor: pointer
}

.search-box input {
    width: 100%;
    height: 100%;
    padding: 10px 55px 10px 20px;
    outline: 0;
    font-size: 18px;
    color: #013966
}

.close-search {
    position: absolute;
    background: rgb(1 57 102 / 8%);
    inset: 0;
    width: 44px;
    right: 0;
    left: auto;
    justify-content: center;
    font-size: 32px;
    cursor: pointer;
    color: #013966
}

.navMenu ul li a,.navTrigger,header {
    position: relative
}

.top-bar p {
    font-size: 20px;
    color: #fff;
    margin: 0
}

.call,.green-list-div h5 {
    font-size: 24px
}

.top-bar .sve {
    font-size: 20px;
    color: #013966;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 50px;
    background: #fff;
    cursor: pointer
}

.top-bar .sve:hover {
    background-color: #9bd643;
    color: #fff
}

.navTrigger {
    z-index: 1000;
    width: 50px;
    height: 32px;
    background: 0 0;
    border: 0;
    outline: 0;
    border: none;
    cursor: pointer;
    -webkit-appearence: none;
    -webkit-tap-highlight-color: transparent
}

.navTrigger:focus {
    outline: 0
}

.navTrigger svg {
    width: 50px;
    height: 30px;
    top: 0;
    left: 0;
    stroke: #fff;
    stroke-width: 4px;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    display: block;
    position: absolute;
    background-color: #8abc47;
    transition: .5s
}

.navTrigger svg:hover {
    background: #8dc63f
}

.navTrigger svg path {
    transition: stroke-dasharray var(--duration, .85s) var(--easing, ease) var(--delay, 0s),stroke-dashoffset var(--duration, .85s) var(--easing, ease) var(--delay, 0s);
    stroke-dasharray: var(--array-1,26px) var(--array-2,100px);
    stroke-dashoffset: var(--offset,126px);
    transform: translateZ(0)
}

.navTrigger svg path:nth-child(2) {
    --duration: 0.7s;
    --easing: ease-in;
    --offset: 100px;
    --array-2: 74px
}

.navTrigger svg path:nth-child(3) {
    --offset: 133px;
    --array-2: 107px
}

.navTrigger.active svg {
    stroke: #fff;
    background: #8dc63f
}

.navTrigger.active svg path {
    --offset: 57px
}

.navTrigger.active svg path:first-child,.navTrigger.active svg path:nth-child(3) {
    --delay: 0.15s;
    --easing: cubic-bezier(0.2, 0.4, 0.2, 1.1)
}

.navTrigger.active svg path:nth-child(2) {
    --duration: 0.4s;
    --offset: 2px;
    --array-1: 1px
}

.navTrigger.active svg path:nth-child(3) {
    --offset: 58px
}

.navMenu {
    position: fixed;
    top: 0;
    right: 0;
    left: auto;
    bottom: 0;
    background: #013966;
    opacity: 0;
    z-index: -1;
    transition: 375ms;
    width: 400px;
    transform: translateX(100%)
}

.navMenu.active {
    opacity: 1;
    z-index: 100;
    transform: translateX(0)
}

.navMenu.active li {
    opacity: 1;
    transform: translateY(0)
}

.navMenu ul {
    list-style: none;
    padding: 0
}

.navMenu ul li {
    display: block;
    text-align: right;
    opacity: 0;
    transform: translateY(-10px)
}

.navMenu ul li a {
    left: 0;
    display: block;
    padding: 12px 0;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    transition: .25s;
    text-align: left;
    border-bottom: 1px solid #ffffff26;
    padding-inline:20px}

.navMenu ul li a:hover {
    padding-left: 30px;
    color: #fff;
    background: #8dc63f
}

.menu-overlay.active {
    position: fixed;
    inset: 0;
    background: #0000002e
}

.call .call-icon {
    border-radius: 50%;
    background-color: #013966;
    width: 40px;
    height: 40px;
    justify-content: center;
    transition: .5s
}

.call,.main-menu {
    align-items: center;
    display: flex
}

.call {
    gap: 5px;
    color: #013966;
    font-weight: 700
}

.call .call-icon:hover,.choice-list:hover .choice-content,.green-list-div-btn::after,.green-list-div-btn::before,.submit-qry-btn::after,.submit-qry-btn::before {
    background-color: #8dc63f
}

.header-area {
    background: #fff
}

.header-area.sticky {
    background: #fff;
    animation: .35s ease-out slideDown;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    box-shadow: 0 0 10px 0 #00000040
}

@keyframes slideDown {
    from {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

.main-menu {
    background: #003a66
}

header {
    width: 100%;
    background: #ffffff00;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    transition: .4s ease-in-out
}

.menu-contact-info {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    padding-block:10px}

.menu-contact-info a {
    color: #000;
    display: flex;
    align-items: center;
    gap: 2px
}

.menu-social {
    display: flex;
    align-items: center;
    gap: 10px
}

.menu-social a:hover img {
    transform: scale(1.2)
}

.main-menu,.menu-contact-info {
    width: 75%;
    margin-left: auto;
    justify-content: end;
    padding-inline:15px}

.menu-contact-info a:hover,.mobile-bottom-menu ul li.active a,.mobile-bottom-menu ul li:hover a {
    color: #9bd643
}

#menu .main-menu ul li.current-menu-item ul li a:hover,.menu-contact-info a.primary-btn:hover {
    color: #fff
}

.logo {
    width: 25%;
    position: absolute;
    padding-inline:15px}

#menu,#menu>.main-menu>ul>li>a,.banner-img,.form-group,.reach-img,.reach-img img,.right-banner-item,.video,nav {
    position: relative
}

nav {
    margin: 0 auto
}

#menu,#menu #head-mobile,#menu .main-menu ul,#menu .main-menu ul li,#menu .main-menu ul li a {
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#menu ul ul li a,#menu>.main-menu>ul>li>a {
    line-height: 19px;
    text-transform: uppercase;
    text-decoration: none
}

#menu>.main-menu>ul>li {
    float: left;
    padding-inline:15px}

#menu>.main-menu>ul>li>a {
    align-items: center;
    justify-content: center;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    padding: 10px 0;
    margin-left: 6px;
    letter-spacing: 1px;
    display: inline-block
}

#menu .main-menu ul li.current-menu-item a::after,#menu>.main-menu>ul>li>a:hover::after {
    width: 80%
}

#menu .main-menu ul li.current-menu-item a,#menu>.main-menu>ul>li:hover>a,.result-list p a:hover,.service-item a {
    color: #8dc63f
}

#menu .main-menu ul li.current-menu-item,#menu .main-menu ul li.current-menu-item:hover,#menu .main-menu ul li.has-sub.current-menu-item:hover,#menu>.main-menu>ul>li:hover {
    background: #e9cba400!important;
    -webkit-transition: background .3s;
    -ms-transition: background .3s;
    transition: background .3s
}

#menu>.main-menu>ul>li.has-sub>a::before {
    top: 17px;
    right: -14px;
    display: block;
    content: '';
    border-right: 5px solid transparent;
    transition: .4s;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-top: 5px solid #fff;
    position: absolute
}

#menu>.main-menu>ul>li.has-sub.current-menu-item>a::before,#menu>.main-menu>ul>li.has-sub:hover>a::before {
    border-top-color: #8dc63f
}

#menu>.main-menu>ul>li.has-sub:hover>a::before {
    transform: rotate(-180deg)
}

#menu .main-menu ul ul {
    position: absolute;
    left: -9999px;
    box-shadow: 0 12px 10px 0 #0000004f;
    width: auto
}

#menu .main-menu ul ul li {
    height: 0;
    -webkit-transition: .25s;
    -ms-transition: .25s;
    background: #003a66;
    transition: .25s
}

#menu li:hover>ul {
    left: auto
}

#menu li:hover>ul>li {
    height: 40px;
    display: flex;
    align-items: center
}

#menu ul ul ul {
    margin-left: 100%;
    top: 0
}

#menu ul ul li a {
    border-bottom: 1px solid rgba(150,150,150,.15);
    padding: 10px;
    width: auto;
    font-size: 12px;
    color: #fff;
    font-weight: 400;
    white-space: nowrap
}

#menu .main-menu ul ul li.last-item>a,#menu .main-menu ul ul li:last-child>a,.knowledge-hub .accordion li ul li {
    border-bottom: 0
}

#menu .main-menu ul ul li:hover {
    color: #fff;
    background-color: #8dc63f
}

#menu .main-menu ul ul li.has-sub>a:after {
    position: absolute;
    top: 13px;
    right: 11px;
    width: 8px;
    height: 8px;
    display: block;
    content: '';
    border-bottom: 1px solid;
    border-right: 1px solid;
    transform: rotate(-45deg);
    transition: .4s
}

#menu .main-menu ul li.has-sub ul li.has-sub ul li:hover,#menu .main-menu ul ul li.has-sub:hover {
    background: #363636
}

#menu ul ul ul li.active a {
    border-left: 1px solid #333
}

#menu .main-menu>ul ul>li.has-sub>ul>li.active>a,#menu>.main-menu>ul>li.has-sub>ul>li.active>a {
    border-top: 1px solid #333
}

#menu .main-menu ul li.current-menu-item ul li a {
    color: #000
}

@media screen and (max-width: 992px) {
    #menu .submenu-button.submenu-opened:before,#menu ul,#menu ul ul>li.has-sub>a:after,#menu ul ul>li.has-sub>a:before,#menu>ul>li.has-sub>a:after,#menu>ul>li.has-sub>a:before,.logo2 {
        display:none
    }

    #menu .submenu-button,#menu .submenu-button:after,.hamburger:after,.hamburger:before {
        display: block;
        position: absolute
    }

    header {
        position: relative;
        width: 100%;
        height: 70px
    }

    #menu .main-menu ul li.current-menu-item ul li a,#menu ul ul li.active>a,#menu ul ul li:hover>a {
        color: #fff
    }

    #menu,nav {
        width: 100%
    }

    #menu ul {
        width: 100%
    }

    #menu .main-menu {
        width: 100%;
        position: fixed;
        height: 100%!important;
        background-color: #013966;
        transform: translateX(-100%);
        transition: .4s;
        top: 90px;
        left: 0
    }

    #menu .main-menu.open {
        transform: translateX(0)
    }

    #menu .main-menu ul li {
        width: 100%;
        border-top: 1px solid #4444442e
    }

    #menu .main-menu ul li:hover {
        background: #363636
    }

    #menu .main-menu ul ul li,#menu li:hover>ul>li {
        height: auto
    }

    #menu .main-menu ul li a,#menu .main-menu ul ul li a {
        width: 100%;
        border-bottom: 0;
        color: #fff
    }

    #menu>.main-menu>ul>li {
        float: none
    }

    #menu ul ul li a {
        padding-left: 25px;
        color: #ddd;
        background: 0 0
    }

    #menu ul ul li {
        background: #1b268600!important
    }

    #menu ul ul li:hover {
        background: #d84514!important
    }

    #menu ul ul ul li a {
        padding-left: 35px
    }

    #menu .main-menu ul ul {
        box-shadow: none
    }

    #menu .main-menu ul ul,#menu .main-menu ul ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left;
        top: 0;
        transform: unset;
        height: auto
    }

    #menu .main-menu ul ul.open {
        transform: unset
    }

    #menu #head-mobile {
        display: block;
        padding: 23px;
        color: #ddd;
        font-size: 12px;
        font-weight: 700
    }

    .hamburger {
        width: 55px;
        height: 46px;
        position: absolute;
        right: 0;
        top: 12px;
        cursor: pointer;
        z-index: 12399994
    }

    .hamburger:after {
        top: 24px;
        right: 10px;
        height: 14px;
        width: 35px;
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
        content: ''
    }

    .hamburger:before {
        -webkit-transition: .3s;
        -ms-transition: .3s;
        transition: .3s;
        top: 12px;
        right: 10px;
        height: 2px;
        width: 35px;
        background: #fff;
        content: ''
    }

    .hamburger.menu-opened:after {
        -webkit-transition: .3s;
        -ms-transition: .3s;
        transition: .3s;
        top: 23px;
        border: 0;
        height: 2px;
        width: 35px;
        background: #fff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .hamburger.menu-opened:before {
        top: 23px;
        background: #fff;
        width: 35px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    #menu .submenu-button {
        z-index: 99;
        right: 0;
        top: 0;
        border-left: 0;
        height: 50px;
        width: 60px;
        cursor: pointer
    }

    #menu ul ul .submenu-button {
        height: 34px;
        width: 40px
    }

    #menu .submenu-button:after {
        top: 9px;
        right: 22px;
        width: 10px;
        height: 10px;
        content: '';
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: rotate(45deg);
        transition: .4s
    }

    #menu ul ul .submenu-button:after {
        top: 11px;
        right: 19px
    }

    #menu ul ul .submenu-button.submenu-opened:after {
        top: 16px
    }

    #menu .submenu-button.submenu-opened:after {
        transform: rotate(-135deg);
        top: 15px
    }

    #menu ul ul .submenu-button:before {
        top: 12px;
        right: 16px
    }

    #menu ul ul ul li.active a {
        border-left: none
    }

    #menu>ul ul>li.has-sub>ul>li.active>a,#menu>ul>li.has-sub>ul>li.active>a {
        border-top: none
    }
}

#direction-content,#menu .mob,.copyright ul li a::before,.end .call,.floating-action-button,.menu-info,.mob,.tab-content {
    display: none
}

.how-we-work,.sec-gap {
    padding: 80px 0
}

.pb-80 {
    padding-bottom: 80px
}

.mb-20 {
    margin-bottom: 20px
}

.green-list-div {
    position: fixed;
    top: 40%;
    right: 0;
    transform: translate(0,-50%) scale(0);
    z-index: 9;
    padding: 15px 50px 15px 15px;
    background: #e2ffba;
    border-radius: 5px 0 0 5px;
    box-shadow: inset 2px 2px 2px 0 rgb(255 255 255 / 50%),7px 7px 20px 0 rgb(0 0 0 / 10%),4px 4px 5px 0 rgb(0 0 0 / 10%);
    border: 2px solid #fff;
    height: 190px;
    transition: .5s;
    transform-origin: right;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 280px
}

.green-list-div.open {
    transform: translate(0,-50%) scale(1)
}

.green-list-close {
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    transform: translate(-50%,-50%);
    width: 30px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    line-height: 0;
    border: 2px solid;
    box-shadow: 0 0 14px #22222282
}

.banner-social,.email-fixed {
    align-items: center;
    display: flex
}

.case-studies-content,.content-box,.service-item {
    box-shadow: 0 1px 11px 0 rgba(0,0,0,.1)
}

.green-list-close:hover {
    background: #003a66;
    color: #fff
}

.hero {
    position: relative;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px
}

.right-banner-item::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg,rgb(4 28 48 / 20%),rgb(4 28 48))
}

.overlay-content {
    position: absolute;
    inset: 0;
    padding: 10% 40px 40px;
    z-index: 1;
    width: 80%
}

.overlay-content p {
    font-size: 24px;
    color: #fff;
    font-weight: 100;
    margin: 0
}

.overlay-content h1 {
    font-size: 54px;
    color: #fff;
    font-weight: 700
}

.overlay-content h5 {
    font-size: 29px;
    color: #fff;
    font-weight: 700
}

.img-box {
    position: relative;
    width: 79%;
    margin: auto
}

.banner-slider::after {
    content: '';
    background-color: #a8d36e;
    position: absolute;
    right: 45px;
    top: -30px;
    width: 225px;
    height: 286px;
    z-index: -1
}

.slider-content {
    position: absolute;
    right: 0;
    bottom: 10%;
    background: #fff;
    padding: 20px
}

.slider-content h2 {
    font-size: 38px;
    color: #013966;
    font-weight: 700
}

.slider-content h4 {
    font-size: 20px;
    color: #2f3133;
    font-weight: 400;
    margin-bottom: 10px
}

.slick-arrow {
    background-color: #9bd643;
    width: 34px;
    height: 31px;
    transition: .5s;
    z-index: 1
}

.contact-asmt .call-icon-big,.email-fixed:hover,.service-item:hover,.slick-arrow:focus,.slick-arrow:hover {
    background-color: #013966
}

.slick-arrow::before {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    display: inline-block;
    transform: rotate(135deg);
    margin-right: 5px;
    opacity: 1
}

.banner-slider .slick-arrow {
    top: 105%;
    left: 11%
}

.banner-slider .slick-next {
    left: 17%
}

.slick-arrow.slick-prev::before {
    transform: rotate(316deg);
    margin-left: 8px
}

.email-fixed {
    position: fixed;
    transform-origin: 0 0;
    top: 18%;
    left: 0;
    background-color: #8abc47;
    padding: 12px 18px 12px 12px;
    border-radius: 0 50rem 50rem 0;
    width: 70px;
    justify-content: end;
    transition: .5s;
    z-index: 9
}

.banner-social {
    position: absolute;
    transform: rotate(-90deg);
    transform-origin: 0 0;
    top: 75%;
    left: 20px
}

.banner-social ul {
    display: flex;
    list-style: none;
    padding-left: 0
}

.banner-social ul li {
    padding: 0 6px;
    transform: rotate(90deg)
}

.banner-social ul li:hover a img {
    transform: scale(1.5);
    filter: brightness(0) saturate(100%) invert(15%) sepia(20%) saturate(6943%) hue-rotate(189deg) brightness(94%) contrast(99%)
}

.banner-social span {
    color: #000;
    font-size: 16px;
    letter-spacing: 2px;
    position: relative;
    padding-right: 60px;
    margin-right: 10px
}

.counter-content h2,.counter-content p {
    color: rgb(255 255 255);
    margin-bottom: 0
}

.banner-social span::after {
    position: absolute;
    content: '';
    top: 10px;
    right: 0;
    width: 50px;
    height: 1px;
    background: #000
}

.green-list-btn {
    position: fixed;
    top: 40%;
    right: 0;
    transform: translate(0,-50%);
    z-index: 99;
    padding: 10px;
    background-image: -moz-linear-gradient(23deg,#b9f959 0,#89ca28 100%);
    background-image: -webkit-linear-gradient(23deg,#b9f959 0,#89ca28 100%);
    background-image: -ms-linear-gradient(23deg,#b9f959 0,#89ca28 100%);
    border: 2px solid #fff;
    line-height: 1;
    border-radius: 6px;
    overflow: hidden;
    font-size: 14px;
    color: #111518;
    font-weight: 700;
    text-transform: unset;
    animation: 2s ease-in-out infinite alternate zoom-btn;
    transition: .5s;
    font-family: 'Poppins Bold';
    text-transform: uppercase;
}

.search-btn:hover img {
    filter: brightness(0) saturate(100%) invert(80%) sepia(43%) saturate(668%) hue-rotate(32deg) brightness(86%) contrast(87%);
    transform: scale(1.1)
}

.green-list-btn:hover {
    background: #013966;
    color: #fff
}

.green-list-btn:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: 3s ease-in-out infinite alternate shiny-btn1
}

@keyframes shiny-btn1 {
    0% {
        transform: scale(0) rotate(45deg);
        opacity: 0
    }

    50% {
        transform: scale(0) rotate(45deg);
        opacity: .5
    }

    81% {
        transform: scale(4) rotate(45deg);
        opacity: 1
    }

    100% {
        transform: scale(50) rotate(45deg);
        opacity: 0
    }
}

@keyframes zoom-btn {
    0% {
        transform: translate(0,-50%) scale(1)
    }

    100% {
        transform: translate(0,-50%) scale(.95)
    }
}

.justify-center {
    text-align: justify;
    text-align-last: center
}

.content-box,.counter-content p,.license-box,.service-item,.service-item p,.step-item,ul.tabs {
    text-align: center
}

.counter {
    background-image: url(../img/counter-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 10px
}

.counter-item {
    position: relative;
    transition: .5s
}

.counter-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    inset: 0;
    z-index: 2;
    transition: .5s
}

.service-icon,.work-step {
    position: relative;
    z-index: 1
}

.counter .row .col:not(:last-child) {
    border-right: 1px solid #158ad5
}

.counter-icon img {
    transform: scale(3.5);
    opacity: .2
}

.counter-content h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: inherit;
    display: flex;
    justify-content: center
}

.counter-content p {
    font-size: 16px;
    line-height: 1.111;
    text-transform: uppercase
}

.section-title {
    font-size: 48px;
    color: #013966;
    font-weight: 700;
    line-height: 1.458
}

.service-item {
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    background-color: #fff;
    padding: 18px;
    padding-block:30px;height: 100%;
    transition: .5s
}

.service-item h4 {
    font-size: 21px;
    color: #080808;
    font-weight: 700
}

.service-item p {
    font-size: 17px;
    color: #181818;
    line-height: 1.294;
    transition: .5s;
    margin: 6px;
    display: -webkit-box;
    overflow: hidden
}

.service-icon {
    margin-bottom: 8px;
    display: inline-block;
    height: 34px
}

.service-icon::after {
    content: '';
    border-radius: 50%;
    background-color: #eaeef1;
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    top: -5px;
    right: -7px;
    z-index: -1
}

.small-line {
    background-color: #9bd643;
    width: 60px;
    height: 2px;
    display: block;
    margin: auto auto 10px
}

.adviser-box:hover .adviser-info,.bg-blue,.reach .primary-btn.active,ul li a.toggle::before {
    background-color: #003a66
}

.sub-dec {
    font-size: 20px;
    color: #1b1e21;
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 30px
}

.accordion li,.title-md,.title-sm {
    margin-bottom: 10px
}

.mx-auto {
    margin-inline:auto}

.service-item:hover :is(h4,p) {
    color: #fff
}

.service-item:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(345deg) brightness(107%) contrast(101%)
}

.service-item:hover .service-icon::after {
    opacity: .1
}

.text-white {
    color: #fff
}

.video iframe {
    width: 100%;
    height: 400px
}

.work-step {
    padding-top: 40px;
    counter-reset: step;
    display: flex;
    justify-content: space-between;
    padding-bottom: 140px
}

.work-step::after {
    content: '';
    background-image: url('../images/line.webp');
    width: 1505px;
    height: 178px;
    position: absolute;
    z-index: -1;
    top: 90px;
    left: -53px
}

.blog-acc,.license-box,.step-item,ul li a.toggle {
    position: relative
}

.step-item {
    display: inline-block
}

.step-item .step-icon {
    border-radius: 50%;
    background-color: #fff;
    width: 122px;
    height: 123px;
    box-shadow: 0 0 0 8px rgba(255,255,255,.205);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    position: relative;
    transition: .5s
}

.step-item .step-icon:hover {
    background-color: #3987c2;
    box-shadow: 0 0 0 20px #3987c22c
}

.step-item .step-icon:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(14%) saturate(2%) hue-rotate(97deg) brightness(103%) contrast(101%)
}

.step-item .step-icon::after {
    content: counter(step);
    counter-increment: step;
    border-radius: 50%;
    background-color: #87b73f;
    position: absolute;
    width: 36px;
    height: 36px;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 0 6px rgba(135,183,63,.199);
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: -18px
}

.step-item p {
    font-size: 20px;
    color: #fff;
    line-height: 1.1
}

.work-step .step-item:first-child {
    transform: translateY(65px)
}

.work-step .step-item:nth-child(2) {
    transform: translateY(40px)
}

.work-step .step-item:nth-child(3) {
    transform: translateY(112px)
}

.work-step .step-item:nth-child(4),.work-step .step-item:nth-child(6) {
    transform: translateY(55px)
}

.work-step .step-item:nth-child(7) {
    transform: translateY(144px)
}

.work-step .step-item:nth-child(8) {
    transform: translateY(120px)
}

ul .inner {
    padding-left: 1em;
    padding-block:10px;overflow: hidden;
    display: none;
    background-color: #f5f5f5;
    margin: 0
}

.ad-itm h6,.ad-itm p {
    display: inline;
    font-size: 14px
}

ul li a.toggle {
    width: 100%;
    display: block;
    background: #f5f5f5;
    padding: .75em .75em .75em 63px;
    border-radius: .15em;
    transition: background .3s;
    font-size: 20px;
    color: #181717;
    font-weight: 600
}

ul li a.toggle::before {
    content: '+';
    position: absolute;
    left: 0;
    top: 0;
    width: 53px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #fff
}

.accordion__title.accordion-active::after,.blog-acc.active::after,ul li a.toggle.active::before {
    content: '-'
}

ul li a.toggle.active,ul li a.toggle:hover {
    background: #3987c2;
    color: #fff
}

.title-md {
    font-size: 30px;
    color: #111;
    line-height: .97;
    font-weight: 400
}

.license-box img {
    margin-bottom: -90px
}

.content-box {
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    background-color: #fff;
    padding-block:30px;padding-top: 30%
}

.blog-acc,.footer-box {
    text-align: left
}

.title-sm {
    font-size: 30px;
    color: #013966;
    font-weight: 700;
    line-height: .667
}

.content-box p {
    font-size: 18px;
    color: #101010;
    line-height: 1.778;
    margin: 0
}

.license-box:hover .title-sm {
    color: #87b73f
}

.bg-gray {
    background-color: #f6f9fc
}

.reach .primary-btn {
    font-size: 17px;
    margin-bottom: 20px
}

#direction-content.hidden,.desktop {
    display: block
}

.ad-itm img {
    vertical-align: text-top;
    width: 20px;
    margin-right: 10px;
    filter: hue-rotate(230deg)
}

.ad-itm h6 {
    color: #555;
    font-weight: 700
}

.ad-itm p {
    line-height: 22px;
    color: #616161
}

.ad-itm p a {
    color: inherit
}

.blog-acc,.knowledge-hub .title-sm,ul.tabs li {
    color: #111;
    font-weight: 700
}

.ad-itm {
    margin-bottom: 18px
}

.reach-img:after {
    content: '';
    position: absolute;
    bottom: 6px;
    left: -1px;
    border-style: solid;
    border-color: #0000 #8abd47 #f6f9fc #0000;
    border-width: 0 75px 50px 0;
    width: 0;
    height: 0
}

ul.tabs {
    margin: 10px 0 40px;
    padding: 0;
    list-style: none
}

ul.tabs li {
    background: rgba(0,58,102,0);
    border: 2px solid #003a66;
    border-radius: 24px;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 18px;
    width: 226px;
    margin: 10px;
    transition: .5s
}

ul.tabs li:hover {
    background-color: rgb(0 58 102 / 16%)
}

ul.tabs li.current {
    color: #fff;
    background-color: #003a66;
    border-color: #003a66
}

.tab-content.current {
    display: inherit
}

.knowledge-hub .title-sm {
    font-size: 24px;
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.blog-acc {
    font-size: 24px;
    line-height: 1.292;
    display: block;
    padding-block:18px}

.blog-acc.active {
    color: #003a66
}

.blog-acc::after {
    content: '+';
    position: absolute;
    right: 0
}

.knowledge-hub ul .inner {
    padding-left: 0;
    padding-block:18px;overflow: hidden;
    display: none;
    background-color: transparent;
    margin: 0
}

.knowledge-hub .accordion li {
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 0
}

.knowledge-hub ul .inner ul li a {
    font-size: 20px;
    color: #111;
    font-weight: 700;
    text-decoration: underline
}

.video-item {
    position: relative;
    overflow: clip
}

.video-item:hover img {
    transform: scale(1.1)
}

.video-icon img {
    width: auto;
    height: auto
}

.video-icon {
    font-size: 22px;
    color: #fff;
    line-height: 1.222;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 80%
}

.video-overlay {
    position: absolute;
    inset: 0;
    padding: 15px;
    background: linear-gradient(0deg,#000000d6,transparent);
    display: flex;
    align-items: end;
    justify-content: start
}

.blog-list-slider .slick-list,.testimonials-slider .slick-list {
    margin: 0 -15px
}

.blog-list-slider .slick-slide,.testimonials-slider .slick-slide {
    margin: 0 15px
}

.testimonials-slider .slick-arrow {
    border-radius: 50%;
    background-color: #fff;
    width: 42px;
    height: 42px;
    box-shadow: 0 24px 31.04px .96px rgba(0,0,0,.08)
}

.testimonials-slider .slick-arrow:hover {
    background-color: #16578b
}

.testimonials-slider .slick-arrow::before {
    border-top: 2px solid #16578b;
    border-left: 2px solid #16578b
}

.blog-list-slider .slick-arrow:hover::before,.our-testimonials .slick-arrow::before,.testimonials-slider .slick-arrow:hover::before {
    border-top: 2px solid #fff;
    border-left: 2px solid #fff
}

.case-studies-content {
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    background-color: #fff;
    padding: 40px 15px 15px;
    margin-top: -40px;
    margin-bottom: 10px
}

.case-studies-content h4 {
    font-size: 27px;
    color: #0f0f0f;
    font-weight: 700;
    line-height: 1.29;
    display: -webkit-box;
    overflow: hidden
}

.case-studies-content p {
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    overflow: hidden;
    margin-bottom: 10px;
    line-height: 20px
}

.case-studies-content .primary-btn {
    padding-block:8px}

.accordion__item {
    margin: 12px auto;
    transition: .5s
}

.accordion__item:hover {
    transform: translateY(-5px)
}

.accordion__item .accordion__title {
    position: relative;
    display: block;
    padding: 13px 90px 15px 13px;
    margin-bottom: 2px;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    text-decoration: none;
    background-color: #8abc47;
    border-radius: 3px;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
    cursor: pointer;
    font-family: 'Poppins SemiBold'
}

.accordion__title::after {
    content: '+';
    border-radius: 4px;
    background-color: #658a34;
    position: absolute;
    width: 75px;
    right: 6px;
    bottom: 6px;
    top: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    font-weight: 300
}

.accordion__item .accordion-active,.subscribe .primary-btn:hover,footer .social a:hover {
    background-color: #8abc47
}

.accordion__item .accordion__title .accordion__arrow {
    position: absolute;
    top: 13px;
    right: 10px;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #fff;
    line-height: 30px;
    font-size: 20px;
    font-weight: 700;
    margin-right: 5px;
    background-color: #c9c9c9;
    border-radius: 50%;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
}

.accordion__item .accordion__content {
    padding: 15px;
    font-size: 20.356px;
    color: #0f0f0f;
    line-height: 1.667;
    margin-bottom: 0;
    display: none;
    background-color: #e0ffb5
}

.video:hover .play-icon img {
    transform: scale(1.7)
}

.play-icon img {
    transform: scale(1.5)
}

.play-icon {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.connect-list p,.footer-title,footer,footer ul li {
    position: relative
}

.footer-contact-us p {
    font-size: 26px;
    color: #fff;
    line-height: .923;
    margin: 0
}

.footer-contact-us .primary-btn {
    box-shadow: 0 0 13px 1px rgb(152 255 11 / 34%)
}

.footer-contact-us,.slider-area {
    padding: 20px 0
}

.flex-box.menu-contact-info {
    justify-content: space-between
}

.footer-contact-us .primary-btn::after,.footer-contact-us .primary-btn::before {
    background-color: #fff
}

.contact-asmt.assessment p,.contact-asmt.assessment p span a,.footer-contact-us .menu-contact-info .primary-btn:hover,.thm-color {
    color: #013966
}

footer {
    background: #222;
    width: 100%;
    padding-top: 45px
}

footer .title-sm {
    font-size: 30px;
    color: #fff;
    line-height: 2.367;
    border-bottom: 1px solid
}

footer a,footer p {
    font-size: 14px;
    color: #919191;
    line-height: 1.714
}

.copyright p a,.copyright ul li a:hover,footer a:hover {
    color: #8abc47
}

.footer-logo {
    margin-bottom: 15px
}

footer .social {
    display: flex;
    gap: 5px;
    margin-top: 25px
}

footer .social a {
    background-color: #2d2d2d;
    width: 30px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center
}

footer .social a:hover {
    transform: scale(1.2)
}

.contact-info a,footer ul li a {
    padding-block:5px;display: block;
    position: relative
}

.banner-content,.copyright,.mobile-bottom-menu ul {
    display: flex;
    display: flex
}

footer ul li a::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #919191;
    border-left: 1px solid #919191;
    transform: rotate(135deg);
    margin-right: 8px
}

footer ul li a:hover::before {
    border-top: 1px solid #8abc47;
    border-left: 1px solid #8abc47
}

footer .footer-menu a:hover {
    color: #8abc47;
    padding-left: 4px
}

.connect-list p:hover img {
    filter: brightness(0) saturate(100%) invert(79%) sepia(9%) saturate(2516%) hue-rotate(40deg) brightness(88%) contrast(83%);
}

.connect-list p {
    padding-left: 25px
}

.connect-list p img {
    position: absolute;
    top: 6px;
    left: 0
}

.footer-title {
    font-size: 20px;
    color: #f6fbff;
    font-weight: 700;
    line-height: 2.958;
    margin-bottom: 12px
}

.footer-title::before {
    content: "";
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 38px;
    height: 2px;
    background-color: #084d81
}

.subscribe .form-control {
    background-color: #2d2d2d;
    width: 100%;
    height: 48px
}

.subscribe .primary-btn {
    height: 47px;
    border: 0;
    padding-block:12px;padding-inline:30px;margin-top: 0
}

.form-icon {
    position: absolute;
    left: 10px;
    top: 13px
}

.subscribe .form-control::placeholder {
    color: #adadad
}

.copyright {
    color: #fff;
    padding: 24px 0 20px;
    background-color: #181818;
    text-align: center;
    font-size: 16px;
    justify-content: center;
    margin-top: 30px;
    box-shadow: 0 0 0 100vmax #181818;
    clip-path: inset(0 -100vmax);
    align-items: center;
    justify-content: space-between
}

.blog-list .blog-content,.inner-banner {
    padding-block:10px}

.copyright ul li {
    display: inline-block
}

.copyright ul li a {
    padding-inline:10px;border-right: 1px solid #fff;
    padding-block:0}

.chevron-right::before,.copyright ul li:last-child a {
    border-right: 0
}

.mobile-bottom-menu {
    background: bottom/cover no-repeat #013966;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 99;
    display: none;
    box-shadow: 0 -5px 9px 0 #b1b1b124
}

.mobile-bottom-menu ul li {
    display: inline-block;
    height: 60px;
    padding-top: 6px;
    position: relative;
    width: 60px
}

.mobile-bottom-menu ul {
    justify-content: space-between;
    align-items: baseline;
    padding-inline:10px}

.whatsapp {
    position: relative;
    width: 54px
}

.whatsapp .wp {
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    width: 54px;
    height: 54px;
    top: -40px
}

.icon-box:after,.icon-box:before {
    content: '';
    left: 0;
    width: 100%;
    opacity: 0
}

.mobile-bottom-menu ul li a {
    width: 20%;
    font-size: 15px;
    color: #fff;
    line-height: 6px
}

.mobile-bottom-menu ul li a img {
    filter: brightness(0) saturate(100%) invert(98%) sepia(47%) saturate(0%) hue-rotate(285deg) brightness(114%) contrast(100%);
    margin-bottom: -5px
}

.mobile-bottom-menu ul li.active a img,.mobile-bottom-menu ul li:hover a img {
    filter: brightness(0) saturate(100%) invert(73%) sepia(13%) saturate(2111%) hue-rotate(41deg) brightness(111%) contrast(75%)
}

.wp img {
    border-radius: 50%;
    box-shadow: 0 5px 0 -.88px rgb(255 255 255 / 25%);
    margin-bottom: -6px
}

.mobile-bottom-menu ul li.active::before {
    content: '';
    background-color: #9bd643;
    position: absolute;
    height: 3px;
    top: -1px;
    left: 8px;
    right: 8px
}

.inner-banner {
    padding-inline:15px}

.banner-img:after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg,rgba(0,0,0,.82) 0,rgba(17,17,17,.22) 100%);
    z-index: 0;
    bottom: 6px
}

.banner-content {
    position: absolute;
    inset: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1;
    bottom: 6px
}

.admin-img,.choice-content,.choice-list {
    position: relative;
    height: 100%
}

.choice-content,.icon-box {
    align-items: center;
    display: flex
}

.banner-content h1 {
    color: #fff;
    font-size: 48px;
    font-style: normal;
    font-weight: 800;
    line-height: normal
}

.breadcrumb,.choice-content h5,.experts .sub-dec,.sub-title {
    font-family: 'Poppins Medium';
    font-weight: 500;
    font-style: normal
}

.breadcrumb {
    color: #fff;
    font-size: 18px;
    line-height: normal
}

.breadcrumb li {
    display: inline;
    line-height: 1.6
}

.assessment p a,.assessment p span a:hover,.blog-big:hover h4,.blog-list:hover h4,.breadcrumb li a,.contact-asmt.assessment p span a:hover,.email-address a:hover,.phone-number p a:hover {
    color: #8ac33a
}

.breadcrumb li:after {
    content: '›';
    display: inline-block;
    padding: 0 .25em 0 .5em
}

.breadcrumb li:last-child:after {
    content: '';
    padding: 0
}

.sub-title {
    color: #858585;
    font-size: 22px;
    line-height: normal;
    letter-spacing: .44px
}

.experts .sub-dec {
    color: #202020;
    font-size: 24px;
    line-height: normal
}

.choice-content {
    border-radius: 4px;
    border: 1px solid #e9e9e9;
    background: #fff;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.13);
    padding: 35px 28px 35px 50px;
    margin-left: 55px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.choice-content h5 {
    color: #000;
    font-size: 20px;
    line-height: 133.5%
}

.icon-box {
    width: 82px;
    height: 82px;
    background-color: #003a66;
    border: 1px solid rgba(255,255,255,.36);
    box-shadow: 0 0 0 6px #003a66;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    left: 0
}

.icon-box:before {
    position: absolute;
    top: 0;
    height: 100%;
    background-color: #27b1d659;
    border-radius: 50%;
    z-index: -1;
    transition: .5s
}

.icon-box:after {
    position: absolute;
    top: 0;
    height: 100%;
    background-color: transparent;
    border-radius: 50%;
    z-index: -1;
    transition: .5s;
    border: 2px dashed #e2ffba;
    box-sizing: border-box
}

.choice-list:hover .icon-box img,.contact-info-box:hover .icon-box img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.choice-list:hover .icon-box:before,.contact-info-box:hover .icon-box:before {
    opacity: 1;
    transform: scale(.8)
}

.choice-list:hover .icon-box:after,.contact-info-box:hover .icon-box:after {
    opacity: 1;
    animation: 10s linear infinite rotate
}

@keyframes rotate {
    0% {
        transform: scale(.92) rotate(0)
    }

    100% {
        transform: scale(.92) rotate(360deg)
    }
}

.bg-dark-blue {
    background: #041526
}

.new-zealand p {
    color: #dbdbdb;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 164.5%;
    width: 81%;
    margin: auto
}

.admin-img img,.adviser-img img,.team-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.admin-box {
    border: 1px solid #ededed;
    background: #fff;
    box-shadow: 0 10px 22px 0 rgba(0,0,0,.07);
    padding: 8px 7px
}

.admin-link {
    width: 62px;
    height: 40px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.admin-info h6,.title-mmd {
    color: #000;
    font-style: normal
}

.admin-link:hover,.adviser-box:hover .adviser-img::after,.marketing-team-list:hover .team-img {
    border-color: #003a66
}

.chevron-right {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,1));
    width: 22px;
    height: 22px;
    border: 2px solid transparent;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px
}

.chevron-right::after,.chevron-right::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 14px;
    border-right: 2px solid;
    top: 2px;
    right: 0
}
.chevron-right::before{
    border-right: 0;
}
.chevron-right::after {
    width: 10px;
    height: 10px;
    border-bottom: 2px solid;
    transform: rotate(-45deg);
    right: 6px;
    top: 4px
}

.admin-info h6 {
    font-size: 17px;
    font-weight: 400;
    line-height: 178.5%
}

.admin-info h5 {
    color: #036;
    font-family: 'Poppins SemiBold';
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150.5%
}

.admin-info .title-md {
    line-height: 124.9%;
    margin-bottom: 0
}

.ps-20 {
    padding-left: 20px
}

.adviser {
    background-image: url(../img/advisor-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding-block:25px}

.adviser-info {
    background: #fff;
    text-align: center;
    padding-top: 90px;
    padding-bottom: 10px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    .title-mmd{
        font-size: 22px;
    }
}

.adviser-img {
    position: relative;
    width: 300px;
    height: 300px;
    border: 6px solid #cedcea;
    background: #eef1f4;
    padding-left: 0px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin: auto auto -66px;
    z-index: 1
}

.adviser-img img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}
/* 
.adviser-img::after {
    content: '';
    border-radius: 50%;
    border: 6px solid #cedcea;
    background: #eef1f4;
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index: -1;
    bottom: -7px;
    width: 284px;
    height: 284px;
    flex-shrink: 0;
    left: 10px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
} */

.call-icon-big,.zoom-call {
    align-items: center;
    display: flex
}

.team-img,.team-img img {
    border-radius: 50%;
    transition: .5s
}

.adviser-box:hover .adviser-info :is(h4,p) {
    color: #fff
}

.title-mmd {
    font-size: 26px;
    line-height: 124.9%
}

.adviser-info p {
    font-size: 17px;
    line-height: 147.5%;
    color: rgb(0 0 0);
    font-weight: 500;
    margin-bottom: 0
}

.team-img {
    width: 394px;
    height: 394px;
    border: 6px solid #cedcea;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin: auto auto 40px;
    position: relative;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.team-img img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.zoom-call,.zoom-call::after {
    border-radius: 50%;
    position: absolute
}

.zoom-call {
    width: 70px;
    height: 70px;
    background: linear-gradient(90deg,#216eb2 0,#71b1ea 100%);
    justify-content: center;
    bottom: -35px;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%)
}

.zoom-call::after {
    content: '';
    inset: 0;
    background-color: #003a66;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index: -1;
    scale: 0;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    box-shadow: inset 0 0 10px 0 #fff
}

.zoom-call:hover::after {
    scale: 1
}

.zoom-call img {
    width: auto;
    height: auto;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.mb-40 {
    margin-bottom: 40px
}

.assessment {
    background-image: url(../img/immigration-nz-phone-number.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 40px;
    padding-bottom: 30px
}

.assessment p,.assessment p span a {
    color: #fff;
    font-family: 'Poppins Medium';
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 141.5%
}

.email-address a,.other-address-box h4,.phone-number p,.phone-number p a {
    font-style: normal;
    line-height: 149.9%
}

.text-end {
    text-align: right
}

.call-icon-big {
    width: 135px;
    height: 135px;
    background: #fff;
    border-radius: 50%;
    justify-content: center;
    box-shadow: 0 0 0 6px rgb(255 255 255 / 20%)
}

.call-icon-big img {
    animation: 1s ease-in-out infinite rotation
}

@keyframes rotation {
    0%,100%,50% {
        transform: rotate(0) scale(1) skew(0)
    }

    10%,30% {
        transform: rotate(-25deg) scale(1) skew(0)
    }

    20%,40% {
        transform: rotate(25deg) scale(1) skew(0)
    }
}

.assessment .col-lg-8 {
    display: flex;
    gap: 40px
}

.assessment .primary-btn {
    gap: 60px
}

.arrow-long-right {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,1));
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    box-shadow: inset 0 0 0 2px;
    width: 24px;
    height: 6px
}

.arrow-long-right::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 10px;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    right: 0;
    bottom: -4px
}

.our-testimonials {
    background-image: url('../images/about-testi-bg.webp');
    background-repeat: no-repeat;
    background-size: cover
}

.our-testimonials .slick-arrow {
    background-color: #8ac33a;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, .25))
}

.contact-info-box {
    border: 1px solid #036;
    background: #f9f9f9;
    padding: 81px 15px 18px;
    text-align: center;
    position: relative;
    height: 100%
}

.contact-info-box .icon-box {
    width: 116px;
    height: 116px;
    border: 0;
    box-shadow: 0 0 0 6px rgb(0 56 101 / 20%);
    top: -58px;
    left: 50%;
    transform: translateX(-50%)
}

.contact-info-box .title-mmd {
    color: #036;
    line-height: 119.9%;
    margin-bottom: 30px
}

.phone-number p,.phone-number p a {
    color: #141414;
    font-family: 'Poppins Medium';
    font-size: 23px;
    font-weight: 600
}

.address p {
    font-family: 'Poppins SemiBold'
}

.email-address a {
    color: #003a66;
    font-family: 'Poppins Bold';
    font-size: 20px;
    font-weight: 700
}

.other-address-box h4,.search-area h2 {
    font-family: 'Poppins SemiBold';
    text-transform: uppercase
}

.contact-map iframe {
    width: 100%;
    height: 550px;
    border: 0
}

.other-address-box {
    border-radius: 9px;
    border: 1px solid #e9e9e9;
    background: #f9f9f9;
    padding: 6px 10px;
    height: 100%
}

.other-address-box h4 {
    color: #141414;
    font-size: 20px;
    font-weight: 600
}

.other-address-box .small-line {
    width: 158px;
    height: 1px;
    background: #dcdcdc;
    margin: inherit;
    margin-bottom: 10px;
    margin-top: -4px
}

.address-list {
    position: relative;
    padding-left: 42px;
    min-height: 37px;
    margin-bottom: 10px;
    display: flex;
    align-items: center
}

.address-list span {
    width: 36px;
    height: 36px;
    background-color: #003865;
    border: 1px solid #d4d4d4;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.filter-white {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(237deg) brightness(108%) contrast(101%)
}

.submit-qry-btn {
    border: 0;
    border-radius: 3px;
    background: #0e65a6;
    padding-inline:40px;font-size: 20px;
    margin-top: 40px;
    margin-bottom: 70px
}

.follow-us-social {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.follow-us-social a {
    width: 51px;
    height: 51px;
    border: 1px solid #d4d4d4;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
    z-index: 1;
    position: relative
}

.follow-us-social a::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #8dc63f;
    transition: .5s;
    z-index: 0
}

.follow-us-social a:hover::before {
    top: 0
}

.follow-us-social a:hover img {
    transform: rotateY(360deg)
}

.search-result {
    margin-top: -16px;
    padding-bottom: 50px
}

.search-area {
    background: #f4f4f4;
    padding: 40px 135px;
    text-align: center;
    margin-bottom: 70px
}

.search-area h2 {
    color: #000;
    font-size: 37px;
    font-style: normal;
    line-height: 124.9%
}

.result-count p,.result-list h4 {
    font-size: 20px;
    font-style: normal
}

.search-area .form-control {
    border: 1px solid #dcdcdc;
    background: #fff;
    height: 60px;
    color: #666;
    font-size: 18px;
    font-style: normal;
    line-height: 149.9%
}

.search-area .search-btn {
    width: 91px;
    height: 52px;
    background: url(../img/immigration-adviser-in-auckland.webp) center no-repeat #003a66;
    border: 0;
    position: absolute;
    top: 4px;
    right: 4px;
    cursor: pointer;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.search-area .search-btn:hover {
    background: url(../img/immigration-adviser-in-auckland.webp) center no-repeat #8dc63f
}

.result-count {
    border-bottom: 1px dashed #003865
}

.result-count p {
    color: #036;
    line-height: 149.9%
}

.result-list {
    border-bottom: 1px dashed #c1c1c1;
    margin-top: 30px;
    padding-bottom: 30px
}

.result-list h4 {
    color: #000;
    font-family: 'Poppins Medium';
    line-height: 124.9%;
    margin-bottom: 10px
}

.result-list p,.result-list p a {
    color: #262626;
    font-family: 'Poppins Light';
    font-size: 16px;
    font-style: normal;
    line-height: 149.9%
}

.pagination a,.read-more {
    font-family: 'Poppins Medium';
    font-size: 20px;
    font-style: normal;
    line-height: 124.9%
}

.result-list p a {
    text-decoration: underline
}

.read-more {
    color: #8ac33a
}

.read-more span {
    border-bottom: 1px solid #8ac33a
}

.read-more:hover {
    color: #003865
}

.read-more:hover span {
    border-bottom-color: #003865
}

.pagination a {
    width: 37px;
    height: 32px;
    border: 1px solid #003865;
    color: #036;
    display: flex;
    align-items: center;
    justify-content: center
}

.pagination {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    gap: 10px
}

.pagination a.active,.pagination a:hover {
    background: #036;
    color: #fff
}

.blog-title {
    color: #000;
    font-family: 'Poppins Bold';
    font-size: 30px;
    font-style: normal;
    line-height: 124.9%;
    position: relative;
    z-index: 1;
    margin-bottom: 28px
}

.blog-content h4,.blog-date,.blog-tag {
    font-family: 'Poppins Medium';
    font-style: normal;
    line-height: 124.9%
}

.blog-title span {
    background-color: #fff;
    display: inline-block;
    padding-right: 10px
}

.blog-title:after {
    content: "";
    position: absolute;
    top: 65%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: 1px;
    background: #d4d4d4;
    z-index: -1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.blogs .search-area {
    margin-bottom: 40px;
    margin-top: -16px
}

.blogs {
    padding-bottom: 60px
}

.blog-content {
    padding-block:15px}

.blog-content h4 {
    color: #000;
    font-size: 24px;
    margin-bottom: 4px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-weight: 500
}

.blog-date {
    color: #003865;
    font-size: 15px;
    margin-bottom: 9px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 500
}

.blog-content p {
    color: #262626;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 149.9%;
    margin-bottom: 12px
}

.blog-img {
    position: relative;
    overflow: hidden;
    border-radius: 10px
}

.blog-tag {
    background: #8ac33a;
    padding: 4px 20px 8px;
    color: #fff;
    font-size: 22px;
    position: absolute;
    right: 0;
    top: 16px;
    border-radius: 4px 0 0 4px
}

.blog-list h4 {
    font-size: 20px
}

.blog-big:hover .blog-img img,.blog-list:hover .blog-img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1)
}

.blog-big .blog-img img,.blog-list .blog-img img {
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s
}

.slider-area .blog-title::before {
    content: '';
    width: 36px;
    height: 3px;
    background: #8ac33a;
    position: absolute;
    bottom: -5px;
    left: 0
}

.blog-date span {
    display: flex;
    align-items: center;
    gap: 6px
}

.blog-list .blog-tag {
    font-size: 15px;
    padding-bottom: 5px;
    border-radius: 2px 0 0 2px
}

.slider-area .blog-title:after {
    width: 90%
}

.blog-list-slider .slick-arrow {
    width: 42px;
    height: 42px;
    background-color: #fff;
    filter: drop-shadow(0px 4px 11px rgba(0, 0, 0, .16));
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    top: -41px;
    right: 0
}

.blog-list-slider .slick-arrow.slick-prev {
    left: auto;
    right: 55px
}

.blog-list-slider .slick-arrow:hover {
    background-color: #003865
}

.blog-list-slider .slick-arrow::before {
    border-top: 2px solid #003865;
    border-left: 2px solid #003865
}
.apply-box{
border-radius: 14px;
background: #003865;
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.13);
padding: 48px 110px;
text-align: center;
width: 84%;
margin: auto;
margin-bottom: 55px;
}
.apply-box h5{
    font-family: 'Poppins Medium';
    color: #FFF;
font-size: 34px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.apply-box h5 a,.text-link{
color: #8AC33A;
text-decoration-line: underline;
}
.join-our-team .contact-info-box{
border-radius: 4px;
border: 1px solid #E9E9E9;
background: #FFF;
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.13);
padding: 16px 8px;
}
.join-our-team .contact-info-box .icon-box {
    width: 82px;
    height: 82px;
    border: 1px solid rgba(255, 255, 255, 0.36);
    box-shadow: 0 0 0 6px rgb(0 56 101);
    top: unset;
    left: unset;
    transform: unset;
    position: relative;
    margin: auto;
    margin-bottom: 17px;
}
.join-our-team .contact-info-box .title-mmd{
    color: #000;
    margin-bottom: 7px;
    font-size: 24px;
}
.join-our-team .contact-info-box p{
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 150.5%;
}
.mb-0{
    margin-bottom: 0;
}
.apply iframe{
    height: 1200px; 
    width: 100%; 
    border: none;
    margin-bottom: 40px;
}
.title{
color: #003865;
font-family: 'Poppins Medium';
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 124.9%;
}
.case-study-box{
    border-radius: 9px;
border: 1px solid #EFEFEF;
background: #F3F4F8;
padding: 5px;
height: 100%;
}
.study-head{
    border-radius: 9px;
background: #E3E8EC;
padding: 10px 22px;
position: relative;
}
.study-head .blog-tag {
    position: relative;
    display: inline-block;
    top: unset;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Poppins SemiBold';
    padding: 5px 6px;
    margin-bottom: 5px;
}
.divider{
    width: 100%;
height: 2px;
background: #003865;
margin-block: 10px;
}
.case-study-box p{
font-family: 'Poppins SemiBold';
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 131.9%;
margin-bottom: 10px;
}
.case-study-box p span{
    color: #8AC33A;
}
.case-study-box .read-more{
    color: #003865;
    font-size: 16px;
}
.study-body {
    padding: 15px 4px;
}
.study-footer{
    padding: 15px 5px;
    border-top: 1px dashed #999;
}
.study-footer p{
    font-size: 14px;
    line-height: 131.9%;
}
.pagination a.prev {
    width: auto;
    padding-inline: 10px;
    text-transform: uppercase;
}
.pagination a.next{
    width: auto;
    padding-inline: 10px;
    text-transform: uppercase;
}
.case-study .pagination{
    margin-top: 50px;
}
.submit-query{
    border-radius: 10px;
    background: #8ECC38;
    color: #FFF;
    font-family: 'Poppins Bold';
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: 124.9%;
padding: 22px 19px;
display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 15px;
}
.submit-query:hover{
    background: #003865;
    color: #FFF;
}
.sidebar{
    border-radius: 10px;
background: #F3F4F8;
padding: 12px;
    margin-bottom: 30px;
}
.recent-posts li a{
    color: #000;
    font-family: 'Poppins Medium';
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 144.9%; /* 21.735px */
}
.recent-posts li,.cstudy-category li{
    border-bottom: 1px dashed #999;
    margin-bottom: 12px;
    padding-bottom: 12px;
    position: relative;
    padding-left: 22px;
}
.cstudy-category li{
    padding-left: 0;
    list-style-type: disc;
}
.cstudy-category li::marker {
    font-size: 20px;
    color: #003865;
}
.cstudy-category{
    padding-left: 22px;
}
.recent-posts li::before{
    content: '';
    background-image: url('../images/crpr-arrow.webp');
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
}
.recent-posts li:last-child,
.cstudy-category li:last-child{
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.recent-posts li:hover a,.cstudy-category li:hover a{
    color: #8AC33A;
}
.cstudy-category li a{
    color: #000;
    font-family: 'Poppins Medium';
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 134.9%;
}
.cs-category{
border-radius: 10px;
background: #FFF;
box-shadow: 0px 12px 35px 0px rgba(0, 0, 0, 0.10);
}
.cs-social .follow-us-social {
    justify-content: start;
}
.videos h2{
color: #036;
font-family: 'Poppins Medium';
font-size: 48px;
font-style: normal;
font-weight: 500;
line-height: 119.9%;
}
.videos h2 span{
font-family: 'Poppins Bold';
font-size: 44px;
font-weight: 800;
}
.videos .row{
    position: relative;
}
.video-line{
    position: absolute;
    left: 49%;
    transform: translateX(-50%);
    width: auto;
    top: 10px;
    height: 70%;
}

.video-box,.video-img {
    position: relative;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}
.video-img img{
    width: 100%;
}
.video-img a{
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video-img a img{
    width: auto;
    height: auto;
}
.name{
    border-radius: 8px;
background: #DFDFDF;
text-align: center;
padding: 10px;
padding-top: 26px;
margin-top: -26px;
height: 90px;
display: flex;
align-items: center;
justify-content: center;
transition: all .5s;
}
.name h5{
color: #003865;
font-family: 'Poppins Bold';
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 124.9%;
}
.video-box:hover .name{
    background-color: #8dc63f;
}
.video-box:hover a img{
    transform: scale(1.2);
}
.text-end{
    text-align: right;
}
.video-list{
    background: #F8F8F8;
}
/* Back Office */
.profile-card{
    position: relative;
    &:hover{
        .caption{
            background-color: #9bd643;
        }
    }
  }

  .profile-card .img{
    position: relative;
    width: 90%;
    height: 325px;
    margin-inline: auto;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: -250px;
  }
  .img img{
    width: 100%;
    border-radius: 10px;
    height: 100%;
    object-fit: cover;
  }
  .caption{
    text-align: center;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 14px 44px 0px rgba(0, 0, 0, 0.15);
    padding-top: 255px;
    transition: all .5s;
  }

  .caption h3{
    font-size: 24px;
  }
  .caption p{
    margin: 0;
  }

.newslatter-card {
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0 14px 24px 10px rgba(0, 0, 0, 0.13);
    padding: 9px;
    margin-bottom: 20px;
    h4{
        color: #000;
        font-family: 'Poppins Medium';
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 124.9%;
    }
}
.news-latter-img {
    border-radius: 5px;
    height: 206px;
    overflow: hidden;
    img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
.newslatter-body {
    padding-block: 13px;
}
.newslatter-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    border-top: 1px solid #AEAEAE;
    padding-top: 9px;
    color: #BABABA;
}
.case-study-banner{
    .container-fluid{
        background: #E3E8EC;
    padding-block: 70px;
    }
    
    h1{
        color: #013966;
        text-align: center;
        font-family: 'Poppins Bold';
        font-size: 48px;
        font-style: normal;
        font-weight: 800;
        line-height: 116.667%;
        width: 60%;
        margin-inline: auto;
    }
}
.case-study-details{
    padding-top: 33px;
    padding-bottom: 45px;
    .study-head{
        .title{
            color: #003865;
            font-family: 'Poppins SemiBold';
            font-size: 44px;
            font-style: normal;
            font-weight: 600;
            line-height: 124.9%;
    }
    }
    p{
        a{
            color: #003865;
        }
    }
    .study-footer {
    padding: 14px 20px;
    border-top: 0;
    border-radius: 10px;
    background: #E4E6ED;
    p{
        color: #262626;
        font-family: 'Poppins Medium';
        font-weight: normal;
        margin: 0;
    }
    p span {
    color: #141414;
    font-family: 'Poppins SemiBold';
}
}
.case-study-box {
    height: auto;
    padding-bottom: 10px;
}
}
.video-testiminials-list{
    .name{
        height: 125px;
    }
    .name h5 {
    color: #000;
    text-align: center;
    font-family: 'Poppins SemiBold';
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 147.9%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

}
.font-semibold{
    font-family: 'Poppins SemiBold';
    line-height: 119.9%;
}
.our-fees{
    .section-title {
    font-size: 42px;
    line-height: 119.9%;
    margin-bottom: 10px;
}
    .select-visa-form{
        label{
            color: #000;
            font-size: 17px;
            font-style: normal;
            font-weight: 400;
            line-height: 142.5%;
            display: block;
            margin-bottom: 7px;
        }
        .form-control{
            border-radius: 4px;
            border: 1px solid #E7E7E7;
            background: #FFF;
            box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.10);
            color: #777777;
        }
    }
    .cs-social {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #D1D1D1;
    padding-bottom: 10px;
    .title{
        color: #000000;
    }
}
.video-box{
    background: transparent;
    margin-top: 22px;
    h5{
        color: #000;
font-family: 'Poppins Medium';
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 147.5%;
    }
}
}
.free-quote {
    border-radius: 13px;
    background: #EEF2F5;
    box-shadow: 0 15px 8px 0 rgba(0, 0, 0, 0.02);
    padding: 20px 16px;
    margin-block: 30px;
    ul{
        li{
            position: relative;
            color: #000;
            font-family: 'Poppins Medium';
            font-size: 18px;
            font-style: normal;
            font-weight: 500;
            line-height: 257.5%;
            padding-left: 42px;
            a{
                color: #8AC33A;
                text-decoration: underline;
            }
            &::before{
                content: '';
                background-image: url(../img/check-circle.webp);
                width: 28px;
                height: 28px;
                background-repeat: no-repeat;
                position: absolute;
                left: 0;
                top: 8px;
            }
        }
    }
}
.our-fees-body-content{
    border-radius: 13px;
    background: #FFF;
    box-shadow: 0 15px 8px 0 rgba(0, 0, 0, 0.02);
    padding: 12px;
    padding-top: 0;
}
.fees-how-we-work{
    margin-top: 50px;
    .video{
        .thumnail{
            width: 100%;
            border-radius: 12px;
        }
    }
}
.submit-query-form {
    border-radius: 13px;
    background: #003865;
    box-shadow: 0 15px 8px 0 rgba(0, 0, 0, 0.02);
    padding: 10px;
    margin-bottom: 27px;
    :is(.title,label){
        color: #fff;
    }
    .title{
        text-align: center;
    }
    .divider{
        background: #8AC33A;
        margin-inline: auto;
        width: 145px;
        margin-bottom: 7px;
    }
    .form-control{
        border-radius: 4px;
        border: 1px solid #FFF;
        background: transparent;
        padding: 7px;
        margin-bottom: 2px;
    }
    label{
        margin-bottom: 3px;
        display: block;
    }
    .file-box {
    border-radius: 4px;
    border: 1px solid rgb(217 217 217 / 33%);
    background: rgb(217 217 217 / 33%);
    margin-bottom: 14px;
    .form-control{
        border: 0;
    }
}
.primary-btn{
    padding-inline: 50px;
    margin-bottom: 4px;
}
}
.facebook-feed{
    border-radius: 13px;
    border: 1px solid #EAEAEA;
    background: #FFF;
    box-shadow: 0 15px 8px 0 rgba(0, 0, 0, 0.02);
    .title{
        color: #000000;
    }
    .fb-wrapper {
        max-width: 500px;
        width: 100%;
    }
}
.visa-banner{
    .banner-img:after {
    display: none;
}
.banner-content {
    align-items: start;
    padding-right: 39%;
    h1{
        color: #003865;
    }
    h4{
        color: #21282D;
        font-family: 'Poppins Bold';
        font-size: 24px;
        font-style: normal;
        font-weight: normal;
        line-height: normal;
        margin-bottom: 16px;
    }
    p{
        color: #141414;
        font-family: 'Poppins Medium';
        font-size: 20px;
        font-style: normal;
        font-weight: normal;
        line-height: 145%;
        margin-bottom: 23px;
    }
    .menu-contact-info {
    width: auto;
    margin-left: unset;
    justify-content: unset;
    padding-inline: 0;
    padding: 0;
}
}
}
.licensed-immigration{
    .content-box {
    padding-block: 30px;
    padding-top: 46%;
    border-radius: 10px;
    border: 1px solid #003865;
    background: #FFF;
    padding-bottom: 16px;
    padding-inline: 14px;
    &:hover{
        box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.10);
        p{
            border-color: #8AC33A;
        background-color: #8AC33A;
        }
    }
}
.license-box img {
    margin-bottom: -114px;
    width: 85%;
}
.title-sm {
    font-size: 24px;
    color: #013966;
    font-weight: normal;
    line-height: 110%;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;

}
.content-box p {
    margin: 0;
    border-radius: 10px;
    border: 1px solid rgba(0, 56, 101, 0.20);
    background: rgba(0, 56, 101, 0.20);
    color: #000;
    font-family: 'Poppins Bold';
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 10px;
    transition: all .5s;
}
}
.student-visa-category{
    background-image: url(../img/student-visa-category-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    .small-line{
        margin-left: 0;
    }
    .choice-content h5 {
    font-size: 22px;
    font-family: 'Poppins Bold';
}
.choice-content {
    height: 80px;
    padding-block: 10px;
    border-radius: 4px;
    border: 1px solid #E9E9E9;
    background: #FFF;
}
.col-lg-8 {
    padding-right: 4%;
}
}
.student-visa-gateway{
    img{
        margin-block: 20px;
    }
    .student-visa-content-box{
        background: #F6F6F6;
        padding: 50px;
        h3{
            color: #003865;
            font-family: 'Poppins Bold';
            font-size: 28px;
            font-style: normal;
            font-weight: normal;
            line-height: 164.286%;
            margin-bottom: 4px;
            margin-top: 20px;
        }
        strong{
            font-family: 'Poppins Bold';
        }
        ul{
            margin-bottom: 20px;
            padding-left: 22px;
            li{
                list-style-type: disc;
                margin-bottom: 10px;
                strong{
                    font-family: 'Poppins Bold';
                }
            }
        }
    }
    .section-title {
    line-height: 110%;
    margin-bottom: 20px;
}
}
.thm-color{
    color: #8AC33A !important;
}
.affiliated-education-providers{
    padding-top: 0;
    .provider-logo{
        border-radius: 6px;
        background: #FFF;
        box-shadow: 0 10px 11px 0 rgba(0, 0, 0, 0.15);
        height: 89px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .5s;
        &:hover{
            transform: scale(1.1);
        }
    }
}

.visa-faq {
position: relative;
}

.visa-faq .faq-item {
      margin-bottom: 12px;
    overflow: hidden;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #003865;
    padding: 14px 30px;
    transition: all .5s;
    &:hover{
        box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.10);
    }
}

.visa-faq .faq-question {
 width: 100%;
    background: transparent;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #222;
    font-family: 'Poppins Medium';
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    line-height: 27px;
}

.visa-faq .faq-question span {
  font-size: 20px;
  color: #003865;
}

.visa-faq .faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: 0.3s ease;
  border-radius: 8px;
    background: #EFEFEF;
    margin-top: 16px;
}

.visa-faq .faq-answer p {
  padding: 15px 20px;
  color: #1A1A1A;
  a{
    color: #013966;
    &:hover{
        color: #8AC33A;
    }
  }
}

/* Active State */
.visa-faq .faq-item.active .faq-answer {
  max-height: 200px;
}

.visa-faq .faq-item.active .faq-question span {
  content: "-";
}
.visa-faq .faq-item {
  transition: all 0.3s ease;
}

.visa-faq .faq-question {
  transition: 0.3s ease;
}


.visa-faq .faq-answer {
  display: none;
  animation: fadeIn 0.3s ease;
}

/* Smooth fade effect */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}















/* Responsive */
@media (max-width: 1600px) {
    .email-fixed {
        top: 24%;
    }
}
@media (max-width: 1536px) {
    .email-fixed {
        top: 20%;
    }
    .student-visa-category {
    .col-lg-8 {
        padding-right: 3%;
    }
}
}
@media (max-width: 1440px),(max-width:1366px) {
    .call .number {
        display:none
    }

    .menu-contact-info {
        gap: 8px;
        padding-left: 0;
    }

    .menu-contact-info .primary-btn {
        padding-inline:10px;padding-block:12px;font-size: 14px
    }

    .call .call-icon {
        transition: .5s
    }

    .call .call-icon:hover {
        background-color: #8dc63f
    }

    #menu>.main-menu>ul>li.has-sub>a::before {
        right: -12px;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #fff
    }

    .banner-social {
        top: 92%
    }

    .banner-slider::after {
        right: 27px
    }

    .slider-content h2,footer .title-sm {
        font-size: 22px
    }

    .choice-content h5,.counter-content p,.knowledge-hub ul .inner ul li a,.slider-content h4,p,ul li a.toggle {
        font-size: 16px
    }

    .primary-btn {
        padding: 12px 22px
    }

    #menu>.main-menu>ul>li {
        padding-inline:12px}

    .overlay-content h1 {
        font-size: 38px
    }

    .overlay-content p,.sub-title {
        font-size: 17px
    }

    .accordion__item .accordion__title,.assessment p,.assessment p span a,.footer-contact-us p,.overlay-content h5,.phone-number p,.phone-number p a {
        font-size: 20px
    }

    .banner-slider .slick-next {
        left: 18%
    }

    .counter-content h2,.title-md {
        font-size: 26px
    }

    .section-title {
        font-size: 38px;
        line-height: 48px
    }

    .adviser-info p,.service-item p,.sub-dec {
        font-size: 15px
    }

    .experts .sub-dec,.service-item h4 {
        font-size: 19px
    }

    #menu li:hover>ul>li {
        height: 40px
    }

    .email-fixed {
        top: 30%;
        left: 0;
        padding: 8px 14px 8px 8px;
        width: 60px
    }

    p {
        line-height: 24px;
        font-weight: 400
    }

    .video iframe {
        width: 100%;
        height: 346px
    }

    .container {
        max-width: 1250px
    }

    .step-item .step-icon {
        width: 100px;
        height: 100px
    }

    .work-step::after {
        width: 1350px;
        left: -66px;
        top: 56px
    }
    .profile-card .img {
        height: 288px;
    }
    .caption h3 {
        font-size: 20px;
    }
    .work-step {
        padding-top: 0
    }

    .work-step .step-item:first-child {
        transform: translateY(90px)
    }

    .work-step .step-item:nth-child(2) {
        transform: translateY(53px)
    }

    .work-step .step-item:nth-child(4) {
        transform: translateY(102px)
    }

    .work-step .step-item:nth-child(5) {
        transform: translateY(36px)
    }

    .work-step .step-item:nth-child(6) {
        transform: translateY(30px)
    }

    .work-step .step-item:nth-child(7) {
        transform: translateY(112px)
    }

    .work-step .step-item:nth-child(8) {
        transform: translateY(152px)
    }

    ul li a.toggle.active,ul li a.toggle:hover {
        background: #3987c2;
        color: #fff
    }

    .title-mmd,.title-sm {
        font-size: 24px
    }
    .adviser-info {
        .title-mmd {
            font-size: 18px;
        }
    }
    .adviser-img {
        width: 265px;
        height: 265px;
    }
    .adviser-img::after {
        width: 254px;
        height: 254px;
    }
    .sec-gap {
        padding: 60px 0
    }

    .blog-acc {
        font-size: 20px;
        padding-block:12px}

    .knowledge-hub ul .inner {
        padding-block:4px}

    .video-icon {
        font-size: 16px;
        width: 70%
    }

    .case-studies-content h4 {
        font-size: 24px;
        margin-bottom: 6px;
        line-height: 26px
    }

    .accordion__item .accordion__content {
        padding: 12px;
        font-size: 14.356px;
        line-height: 1.667
    }

    .top-bar a {
        font-size: 14px
    }

    .green-list-btn,.green-list-div {
        position: fixed;
        top: 45%
    }

    .email-address a {
        font-size: 18px
    }
    .apply-box h5 {
        font-size: 28px;
    }
    .apply-box {
        padding: 48px 90px;
        text-align: center;
        width: 80%;
        margin: auto;
        margin-bottom: 55px;
    }
    .join-our-team .contact-info-box p {
        font-size: 14px;
    }
    .join-our-team .contact-info-box .title-mmd {
        font-size: 22px;
    }
    .videos .text-center img{
        width: 65%;
    }
    .videos .text-end img{
        width: 80%;
    }
    .video-line {
        height: 73%;
    }
    .videos h2 {
        font-size: 38px;
    }
    .videos h2 span {
        font-size: 35px;
    }
    .newslatter-card {
    h4 {
        font-size: 20px;
    }
}
.licensed-immigration {
    .content-box p {
        font-size: 18px;
    }
}
.licensed-immigration {
    .license-box img {
        margin-bottom: -103px;
        width: 85%;
    }
    .content-box p {
        font-size: 18px;
    }
}
.student-visa-category {
    .choice-content h5 {
        font-size: 18px;
    }
}
}
@media (max-width: 1199.98px) { 
    .logo {
        width: 100%;
        position: relative;
        padding-inline: 15px;
        text-align: center;
    }
    .logo img {
        width: 260px;
    }
    .banner-social {
        top: 95%;
    }
    .main-menu, .menu-contact-info {
        width: 100%;
        justify-content: center;
    }
    .slider-content h4{
        font-size: 12px;
    }
    .banner-slider .slick-arrow {
        top: 108%;
    }
    .banner-slider .slick-next {
        left: 21%;
    }
    .overlay-content h1 {
        font-size: 28px;
    }
    .overlay-content h5 {
        font-size: 16px;
    }
    .email-fixed {
        top: 16%;
    }
    .service-item {
        padding: 10px;
        padding-block: 30px;
    }
    .experts .sub-dec, .service-item h4 {
        font-size: 17px;
    }
    .counter-content p {
        font-size: 15px;
    }
    .work-step .step-item:nth-child(4) {
        transform: translateY(140px);
    }
    .work-step .step-item:nth-child(5) {
        transform: translateY(95px);
    }
    .work-step .step-item:nth-child(7) {
        transform: translateY(14px);
    }
    .work-step .step-item:nth-child(8) {
        transform: translateY(80px);
    }
    .content-box {
        padding-top: 40%;
    }
    .testimonials .slick-next {
        right: -5px;
    }
    .testimonials .slick-prev {
        left: -5px;
    }
    .video-icon {
        font-size: 16px;
        width: 90%;
    }
    .adviser-img {
        width: 300px;
        height: 300px;
    }
    .adviser-img::after {
        width: 290px;
        height: 290px;
    }
    .title-mmd, .title-sm {
        font-size: 20px;
    }
    .team-img {
        width: 300px;
        height: 300px;
    }
    .section-title {
        font-size: 32px;
        line-height: 48px;
    }
    .accordion__item .accordion__title, .assessment p, .assessment p span a, .footer-contact-us p, .overlay-content h5, .phone-number p, .phone-number p a {
        font-size: 16px;
    }
    .call-icon-big {
        width: 125px;
        height: 125px;
    }
    .choice-content {
        padding: 30px 8px 30px 40px;
    }
    .choice-content h5, .counter-content p, .knowledge-hub ul .inner ul li a, .slider-content h4, p, ul li a.toggle {
        font-size: 14px;
    }
    .videos h2 {
        font-size: 30px;
    }
    .videos h2 span {
        font-size: 28px;
    }
    .videos h2 {
        font-size: 22px;
    }
    .videos h2 span {
        font-size: 20px;
    }
    .caption h3 {
        font-size: 16px;
    }
    .profile-card .img {
        height: 231px;
        margin-bottom: -170px;
    }
    .caption {
        padding-top: 180px;
    }
 }

@media (max-width: 991.98px) {
    .main-menu {
        display:block;
        align-items: center
    }

    #menu {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    header {
        position: relative;
        width: 100%;
        height: auto;
        padding-top: 0;
        padding-bottom: 10px;
        padding-inline:20px}

    #menu>.main-menu>ul>li>a {
        justify-content: start
    }

    #menu>.main-menu>ul>li.has-sub>a::before,#menu>.main-menu>ul>li>a::after {
        display: none
    }

    #menu .main-menu ul li.current-menu-item {
        border-bottom: 1px solid #fff
    }

    .footer-box {
        text-align: center
    }

    footer .social {
        margin-top: 12px;
        justify-content: center
    }

    .footer-contact-us .flex-box.menu-contact-info {
        display: block;
        width: 100%
    }

    .footer-contact-us p {
        font-size: 20px;
        line-height: 110%;
        margin-bottom: 15px
    }

    .footer-contact-us .primary-btn {
        width: 160px;
        margin: auto
    }
    .cew,.desktop,.floating-action-button .share-btn #close-icon,.floating-action-button .share-btn.active #share-icon,.hide,.main-menu .menu-contact-info,.menu-contact-info,.menu-social,.navTrigger,.primary-btn.cew,.top-bar p span,.work-step::after {
        display: none
    }

    #menu .mob,.floating-action-button,.floating-action-button .share-btn #share-icon,.floating-action-button .share-btn.active #close-icon,.mob,.mobile-bottom-menu,.show,.top-bar .call {
        display: block
    }
    .assessment .col-lg-8,.copyright,.floating-action-button ul li,.hamburger,.step-item {
        display: flex;
        display: flex
    }
    footer .mob {
        margin: 0
    }

    .search-box {
        width: 100%
    }

    .search-box .form-group button img,.top-bar .search-btn img {
        width: 20px
    }

    .call .call-icon {
        transition: .5s;
        background: #9bd643;
        position: absolute;
        right: 60px;
        top: 4px;
        width: 28px;
        height: 28px;
        padding: 8px
    }
    .menu-contact-info {
        padding-block: 6px;
    }
    #menu .mob {
        margin-right: 40px;
        width: 170px;
        padding: 4px;
    }
    .menu-contact-info .primary-btn.ba {
        font-size: 11px;
        padding: 11px 0;
        padding-inline: 0;
        width: auto;
    }
    .top-bar .sve {
        font-size: 12px;
        padding: 1px 15px
    }

    header {
        padding-inline:15px;padding-bottom: 3px
    }

    .choice-content h5,.footer-title,.other-address-box h4,.phone-number p,.phone-number p a,footer .title-sm {
        font-size: 16px
    }

    .logo {
        width: 198px;
        position: relative;
    }
    .email-fixed {
        top: 12%;
    }
    .menu-contact-info .primary-btn {
        padding-inline:10px;padding-block:8px;font-size: 13px
    }

    .hamburger {
        width: 40px;
        height: 34px;
        position: absolute;
        right: 0;
        top: 5px;
        cursor: pointer;
        z-index: 12399994;
        background-color: #013966;
        padding: 10px;
        align-items: center;
        justify-content: center
    }

    .hamburger:before {
        top: 8px;
        right: 7px;
        height: 2px;
        width: 25px
    }

    .hamburger:after {
        top: 16px;
        right: 7px;
        height: 10px;
        width: 25px
    }
    .banner-social {
        top: 45%;
    }
    .banner-slider {
        margin-bottom: 80px;
    }
    .step-item {
        width: 25%;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        transform: unset !important;
        margin-bottom: 10px;
    }
    .work-step {
        flex-wrap: wrap;
        padding-top: 40px;
        padding-bottom: 10px;
    }
    .content-box {
        padding-top: 25%;
    }
    .case-studies .slick-next {
        right: -7px;
    }
    .case-studies .slick-prev {
        left: -7px;
    }
    .sec-gap {
        padding: 30px 0;
    }
    .admin-box .col-lg-3,.how-we-work .row .col-lg-6:last-child,.reach .row .col-lg-5 {
        order: 1
    }

    .admin-box .col-lg-9,.how-we-work .row .col-lg-6:first-child,.reach .row .col-lg-7 {
        order: 2
    }
    .assessment .col-lg-8 {
        gap: 20px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .assessment .text-end, .top-bar p {
        text-align: center;
    }
    .contact-info-box {
        padding: 60px 15px 5px;
        text-align: center;
        position: relative;
        height: 200px;
        margin-top: 60px;
    }
    .apply-box h5 {
        font-size: 20px;
    }
    .apply-box {
        padding: 30px 50px;
        text-align: center;
        width: 88%;
        margin: auto;
        margin-bottom: 55px;
    }
    .join-our-team .contact-info-box {
        height: auto;
        padding-top: 15px;
        margin-top: 0;
    }
    .apply-box {
        padding: 15px 15px;
        text-align: center;
        width: 98%;
        margin: auto;
        margin-bottom: 25px;
    }
    .apply-box h5 {
        font-size: 16px;
    }
    .case-study-banner {
    h1 {
        font-size: 34px;
        width: 95%;
    }
}
.case-study-details {
    & .study-head {
        .title {
            font-size: 30px;
        }
    }
}
.visa-banner {
    & .banner-content {
        h4 {
            font-size: 20px;
            margin-bottom: 8px;
        }
        p {
            font-size: 16px;
        }
    }
}
.student-visa-gateway {
    .student-visa-content-box {
        padding: 20px;
    }
}
}

@media (max-width: 575.98px) {
    .logo,.top-bar .search-btn {
        padding:0
    }

    .contact-info h5,.footer-box,.slider-content,.top-bar,footer {
        text-align: left
    }

    .form-control,.slider-content p,footer p {
        line-height: 18px
    }

    .cew,.desktop,.floating-action-button .share-btn #close-icon,.floating-action-button .share-btn.active #share-icon,.hide,.main-menu .menu-contact-info,.menu-contact-info,.menu-social,.navTrigger,.primary-btn.cew,.top-bar p span,.work-step::after {
        display: none
    }

    #menu .mob,.floating-action-button,.floating-action-button .share-btn #share-icon,.floating-action-button .share-btn.active #close-icon,.mob,.mobile-bottom-menu,.show,.top-bar .call {
        display: block
    }

    .assessment .col-lg-8,.copyright,.floating-action-button ul li,.hamburger,.step-item {
        display: flex;
        display: flex
    }

    footer .mob {
        margin: 0
    }

    .search-box {
        width: 100%
    }

    .search-box .form-group button img,.top-bar .search-btn img {
        width: 20px
    }

    .call .call-icon {
        transition: .5s;
        background: #9bd643;
        position: absolute;
        right: 48px;
        top: 4px;
        width: 28px;
        height: 28px;
        padding: 8px
    }

    .top-bar .sve {
        font-size: 12px;
        padding: 1px 15px
    }

    header {
        padding-inline:15px;padding-bottom: 3px
    }

    .choice-content h5,.footer-title,.other-address-box h4,.phone-number p,.phone-number p a,footer .title-sm {
        font-size: 16px
    }

    .logo {
        width: 160px;
        position: relative
    }

    .menu-contact-info .primary-btn {
        padding-inline:10px;padding-block:8px;font-size: 13px
    }

    .hamburger {
        width: 40px;
        height: 34px;
        position: absolute;
        right: 0;
        top: 5px;
        cursor: pointer;
        z-index: 12399994;
        background-color: #013966;
        padding: 10px;
        align-items: center;
        justify-content: center
    }

    .hamburger:before {
        top: 8px;
        right: 7px;
        height: 2px;
        width: 25px
    }

    .hamburger:after {
        top: 16px;
        right: 7px;
        height: 10px;
        width: 25px
    }

    .primary-btn {
        padding: 7px 15px;
        font-size: 14px
    }

    footer p {
        text-align: justify
    }

    .footer-logo {
        margin-bottom: 15px;
        width: auto;
        height: auto
    }

    footer {
        padding-top: 30px
    }

    footer .social {
        margin-top: 12px;
        justify-content: start
    }

    .footer-title:after {
        margin: -7px auto auto
    }
    .profile-card .img {
        height: 345px;
        margin-bottom: -170px;
    }
    .copyright a,.copyright p {
        font-size: 11px
    }

    .breadcrumb,.contact-info a,.sub-title,footer ul li a {
        font-size: 12px
    }

    .blog-content h4,.c-info a,.title-sm {
        font-size: 16px
    }

    footer h6 {
        font-size: 14px;
        line-height: 12px;
        margin-bottom: 10px
    }

    #menu .main-menu {
        top: 83px;
        left: 0
    }

    .hamburger.menu-opened:after,.hamburger.menu-opened:before {
        top: 15px;
        width: 25px
    }

    #menu>.main-menu>ul>li>a {
        padding-block:10px;letter-spacing: 0;
        font-weight: 500
    }

    #menu>.main-menu>ul>li {
        padding-inline:12px;border-bottom: 1px solid #ffffff30
    }

    #menu .submenu-button {
        height: 34px;
        width: 54px;
        cursor: pointer;
        background: #ffffff08
    }

    #menu .main-menu ul ul li a {
        padding: 10px;
        font-weight: 400
    }

    #menu .main-menu ul ul.open {
        transform: unset;
        background: #ffffff0f
    }

    .how-we-work,.sec-gap {
        padding: 30px 0
    }

    .title-sm {
        margin-block:6px}

    .admin-info h5,.blog-date,.form-control,.knowledge-hub ul .inner ul li a,p {
        font-size: 14px
    }

    #menu .main-menu.open {
        transform: translateX(0);
        overflow: auto;
        padding-bottom: 24%
    }

    .banner-slider {
        margin-bottom: 40px;
        margin-top: 15px
    }

    .banner-slider::after {
        width: 180px;
        height: 200px;
        right: 0
    }

    .img-box {
        position: relative;
        width: 85%;
        margin: auto auto auto 10%
    }

    .slider-content {
        bottom: 3%;
        padding: 8px;
        width: 95%
    }

    .green-list-btn {
        padding: 7px 11px;
        border-radius: 4px;
        font-size: 14px
    }

    .slider-content h4 {
        font-size: 18px;
        line-height: 18px
    }

    .slider-content p {
        font-size: 14px;
        margin-bottom: 5px
    }

    .slider-content .primary-btn {
        padding: 7px 13px;
        font-size: 14px
    }

    .hero .slick-arrow {
        top: 107%;
        z-index: 10;
        left: 36px;
        width: 23px;
        height: 20px
    }

    .banner-slider .slick-next {
        left: 21%
    }

    .slick-arrow::before {
        width: 7px;
        height: 7px
    }

    .email-fixed {
        top: 15%;
        left: 0;
        padding: 6px 11px 6px 6px;
        width: 49px
    }

    .email-fixed img {
        width: 24px
    }

    .banner-social {
        top: 78%
    }

    .hero {
        padding-top: 0;
        padding-bottom: 0
    }

    .banner-social span::after {
        top: 5px;
        width: 24px
    }

    .assessment .text-end,.top-bar p {
        text-align: center
    }

    .banner-social span {
        color: #0000
    }

    .overlay-content {
        padding: 12px;
        width: 92%
    }

    .inner-banner,.main-menu {
        padding-inline:0px}

    .overlay-content p {
        font-size: 14px;
        margin-bottom: 4px
    }

    .overlay-content h1 {
        font-size: 24px;
        line-height: 24px
    }

    .overlay-content h5 {
        font-size: 16px;
        line-height: 20px;
        font-weight: 500
    }

    .counter-icon {
        width: 55px;
        height: 55px;
        box-shadow: 0 0 0 3px rgba(1,57,102,.205);
        top: 57%;
        transform: translate(0,-32px);
        left: 0
    }

    .counter-content h2 {
        font-size: 20px;
        line-height: 20px
    }

    .counter-content {
        width: 134px;
        height: 60px;
        padding-right: 4px;
        padding-left: 30px
    }

    .counter-content p {
        font-size: 12px;
        font-weight: 700
    }

    .counter-content::after {
        width: 60px;
        height: 40px
    }

    .close-search {
        background: rgb(1 57 102);
        color: rgb(255 255 255)
    }

    .search-box .form-group button {
        position: absolute;
        background-color: #9bd643;
        right: 44px;
        height: 97%;
        width: 48px
    }

    .search-box input {
        padding: 10px 91px 10px 12px;
        font-size: 14px
    }

    .section-title {
        font-size: 18px;
        line-height: 24px
    }

    .admin-info h6,.adviser-info p,.sub-dec,ul .inner {
        font-size: 13px
    }

    .small-line {
        margin-bottom: 10px;
        margin-top: 6px
    }

    .admin-box .col-lg-3,.how-we-work .row .col-lg-6:last-child,.reach .row .col-lg-5 {
        order: 1
    }

    .admin-box .col-lg-9,.how-we-work .row .col-lg-6:first-child,.reach .row .col-lg-7 {
        order: 2
    }

    .how-we-work p,.reach p,.why-choose p {
        text-align: justify
    }

    .video iframe {
        width: 100%;
        height: 190px
    }

    .work-step {
        flex-wrap: wrap;
        padding-top: 40px;
        padding-bottom: 10px
    }

    .step-item {
        width: 50%;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        transform: unset!important;
        margin-bottom: 10px
    }

    .copyright,.flex-box.menu-contact-info {
        justify-content: center;
        text-align: center
    }

    .title-md {
        font-size: 16px;
        font-weight: 700
    }

    ul li a.toggle {
        padding-left: 42px;
        padding-block:6px;font-size: 14px;
        padding-right: 0
    }

    ul .inner {
        padding: 10px;
        line-height: 18px
    }

    ul li a.toggle::before {
        width: 37px;
        font-size: 26px;
        font-weight: 400
    }

    .content-box p {
        font-size: 11px;
        text-align: center!important;
        font-weight: 700
    }

    .content-box {
        text-align: center;
        padding-block:7px;padding-top: 50%
    }

    ul.tabs li {
        padding: 7px 15px;
        font-size: 14px;
        width: 144px;
        margin: 4px
    }

    .knowledge-hub .title-sm {
        font-size: 20px;
        margin-bottom: 15px
    }

    .blog-acc {
        font-size: 16px;
        padding-block:10px}

    .testimonials-slider .slick-arrow {
        width: 32px;
        height: 32px;
        top: 118%
    }

    .testimonials-slider .slick-prev {
        left: 39%
    }

    .testimonials-slider .slick-next {
        right: 39%
    }

    .testimonials {
        padding-bottom: 80px
    }

    .case-studies-content h4 {
        font-size: 20px;
        margin-bottom: 6px
    }

    .case-studies .testimonials-slider .slick-arrow {
        top: 50%
    }

    .case-studies .testimonials-slider .slick-arrow.slick-next {
        right: -7px
    }

    .case-studies .testimonials-slider .slick-arrow.slick-prev {
        left: -7px
    }

    .accordion__item .accordion__title {
        font-size: 13px;
        padding: 12px 40px 12px 8px
    }

    .accordion__title::after {
        width: 33px;
        font-size: 30px;
        font-weight: 300
    }

    .flex-box.menu-contact-info {
        flex-direction: column
    }

    .copyright {
        align-items: center;
        flex-wrap: wrap
    }

    body {
        padding-bottom: 60px
    }

    .play-icon img {
        transform: scale(1.2)
    }

    #menu .mob {
        margin-right: 40px;
        width: 170px;
        padding: 4px
    }

    .menu-contact-info .primary-btn.ba {
        font-size: 11px;
        padding: 11px 0;
        padding-inline:0;width: auto
    }

    .pb-80 {
        padding-bottom: 30px
    }

    .counter .row .col:nth-child(2),.counter .row .col:nth-child(4) {
        border-right: 1px solid #158bd500
    }

    .inner-banner {
        padding-block:0px}

    .banner-content h1 {
        font-size: 24px
    }

    .experts .sub-dec {
        font-size: 13px;
        margin-top: 6px
    }

    .choice-content {
        padding: 25px 14px 25px 40px;
        height: 90px
    }

    .new-zealand p {
        font-size: 13px;
        width: 100%;
        margin: 10px auto auto
    }

    .admin-box .ps-20 {
        padding-left: 0
    }

    /* .adviser-img::after {
        width: 310px;
        height: 310px
    }

    .adviser-img {
        width: 330px;
        height: 330px
    } */

    .blog-title,.title-mmd {
        font-size: 20px
    }

    .team-img {
        width: 300px;
        height: 300px
    }

    .assessment .col-lg-8 {
        gap: 20px;
        flex-wrap: wrap;
        justify-content: center
    }

    .call-icon-big {
        width: 100px;
        height: 100px;
        padding: 30px
    }

    .section-title {
        font-weight: 500
    }

    .assessment p,.assessment p span a {
        font-size: 16px;
        width: 82%;
        margin: auto auto 10px
    }

    .assessment .primary-btn {
        gap: 20px
    }

    .contact-info-box .icon-box {
        width: 80px;
        height: 80px;
        top: -40px
    }

    .contact-info-box {
        padding: 60px 15px 5px;
        text-align: center;
        position: relative;
        height: auto;
        margin-top: 40px
    }

    .contact-info-box .title-mmd {
        margin-bottom: 10px
    }

    .email-address a,.read-more {
        font-size: 15px
    }

    .contact-map iframe {
        height: 250px
    }

    .other-address-box .small-line {
        margin-top: -2px
    }

    .submit-qry-btn {
        margin-top: 10px;
        margin-bottom: 20px
    }

    .follow-us-social a {
        width: 41px;
        height: 41px;
        padding: 10px
    }

    .search-area {
        padding: 30px 10px 10px;
        text-align: center;
        margin-bottom: 20px
    }

    .search-area h2 {
        font-size: 18px;
        margin-bottom: 8px
    }

    .search-area .form-control {
        height: 45px;
        font-size: 14px;
        padding: 10px
    }

    .search-area .search-btn {
        width: 60px;
        height: 37px;
        background-size: 20px
    }

    .result-count p {
        font-size: 14px;
        margin-bottom: 10px
    }

    .result-list h4 {
        font-size: 15px;
        margin-bottom: 4px
    }

    .result-list p,.result-list p a {
        font-size: 13px;
        margin-bottom: 6px
    }

    .result-list {
        margin-top: 15px;
        padding-bottom: 15px
    }

    .blog-list-slider .slick-arrow {
        width: 32px;
        height: 32px;
        top: -37px;
        right: 0
    }

    .blog-list-slider .slick-arrow::before {
        border-top-width: 1px;
        border-left-width: 1px
    }

    .blog-content p {
        font-size: 14px;
        margin-bottom: 6px
    }

    .blog-content {
        padding-block:6px}

    .blog-list-slider .slick-arrow.slick-prev {
        left: auto;
        right: 40px
    }

    .slider-area .blog-title:after {
        width: 73%
    }

    .blog-tag {
        padding: 2px 13px 4px;
        font-size: 16px;
        border-radius: 2px 0 0 2px
    }

    .slider-area {
        padding: 20px 0 0
    }
    .study-head {
        padding: 6px 6px;
        padding-top: 0;
    }
    .study-head .blog-tag {
        font-size: 12px;
        padding: 2px 4px;
        margin-bottom: 2px;
    }
    .title {
        font-size: 16px;
    }
    .case-study-box p {
        font-size: 13px;
    }
    .case-study-box p {
        font-size: 12px;
    }
    .case-study-box .read-more {
        font-size: 14px;
    }
    .submit-query {
        font-size: 18px;
        padding: 12px 13px;
    }
    .recent-posts li a {
        font-size: 13px;
    }
    .recent-posts li, .cstudy-category li {
        margin-bottom: 6px;
        padding-bottom: 6px;
    }
    .cstudy-category li a {
        font-size: 14px;
    }
    .videos h2 {
        font-size: 18px;
    }
    .videos h2 span {
        font-size: 16px;
    }
    .video-line {
        height: 73%;
        display: none;
    }
    .videos {
        text-align: center;
    }
    .videos .row .col-md-6:nth-child(3){
        order: 2;
    }
    .videos .row .col-md-6:nth-child(4){
        order: 1;
    }
    .name h5 {
        font-size: 16px;
    }
    .name {
        height: 65px;
    }
    .service-expert{
        .choice-list{
            border-radius: 4px;
            border: 1px solid #e9e9e9;
            background: #fff;
            box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .13);
            padding: 20px;
            &:hover{
                background-color: #8dc63f;
            }
        }
        .icon-box {
            position: relative;
            margin: auto;
            margin-bottom: 15px;
            transform: unset;
            top: unset;
        }
        .choice-content {
            width: 100%;
            margin-left: 0;
            padding-top: 0;
            text-align: center;
            padding-bottom: 0;
            height: auto;
            margin-top: 0;
            box-shadow: none;
            border: 0;
            padding: 0;
            justify-content: center;
        }
    }
    .inner-banner{
        .banner-img {
            height: 170px;
            img{
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            &::after{
                bottom: 0;
            }
        }
    }
    .container {
        padding: 0 15px;
    }
    .newslatter-card {
    margin-bottom: 0px;
            h4 {
            font-size: 18px;
        }
    }
.newslatter-meta {
    font-size: 14px;
}
    .case-study-banner {
        h1 {
            font-size: 24px;
            width: 100%;
        }
    }
    .case-study-banner {
    .container-fluid {
        padding-block: 30px;
    }
}
    .case-study-details {
        & .study-head {
            .title {
                font-size: 18px;
            }
        }
    }
.video-testiminials-list {
            .name {
        height: auto;
    }
    .name h5 {
        font-size: 16px;
    }
}
}

/* Blog Details Page Scoped Styles */
.blog-details {
    padding: 50px 0;
}

.blog-details .bdx-layout {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(280px, 1fr);
    gap: 30px;
    align-items: start;
    .small-line {
    display: block;
    margin: 0;
    background: #003865;
    margin-bottom: 16px;
    width: 19px;
    height: 1px;
    margin-top: -8px;
}
.bdx-author-card {
    margin-bottom: 50px;
    .small-line {
    background-color: #9bd643;
    width: 40px;
}
}
}
.category-post{
    a:before{
        content: '>';
        margin-right: 5px;
    }
}
.blog-details .bdx-main {
    background: #fff;
}

.blog-details .bdx-cover {
    margin-bottom: 14px;
}

.blog-details .bdx-cover img {
    width: 100%;
    height: auto;
    display: block;
}

.blog-details .bdx-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #747474;
    margin-bottom: 12px;
    font-family: 'Poppins SemiBold';
    img{
        filter: brightness(0) saturate(100%) invert(45%) sepia(11%) saturate(0%) hue-rotate(157deg) brightness(97%) contrast(92%);
    }
    span{
        display: flex;
        align-items: center;
        gap: 4px;
    }
}

.blog-details .bdx-chip {
    font-size: 14px;
    line-height: 1;
    background: #f2f4f500;
    color: #000000;
    border: 1px solid #d7dfe5;
    border-radius: 50rem;
    padding: 9px 20px;
    
}

.blog-details .bdx-title {
    font-size: 40px;
    line-height: 1.2;
    color: #0a0a0a;
    margin-bottom: 14px;
}

.blog-details .bdx-author-row {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #4d5965;
    font-size: 14px;
    margin-bottom: 20px;
}

.blog-details .bdx-author-icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #f2f5f8;
    border: 1px solid #dce5ea;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: #7f8a93;
}



.blog-details .bdx-content h2 {
    font-size: 30px;
    line-height: 1.3;
    color: #111;
    margin: 24px 0 12px;
}

.blog-details .bdx-share {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    border-top: 1px solid #DCDCDC;
    padding-top: 12px;
    margin-top: 10px;
    margin-bottom: 50px;
    justify-content: space-between;
}

.blog-details .bdx-share span {
    font-size: 14px;
    color: #2f2f2f;
}

.blog-details .bdx-share a {
    font-size: 13px;
    color: #013966;
    border: 1px solid #d9e4eb;
    border-radius: 20px;
    padding: 6px 9px;
    width: 33px;
    height: 33px;
}

.blog-details .bdx-share a:hover {
    background: #013966;
    border-color: #013966;
    color: #fff;
}

.blog-details .bdx-author-card h3 {
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 14px;
    color: #111;
    font-family: 'Poppins SemiBold';
}

.blog-details .bdx-author-box {
    background: #f5f5f5;
    padding: 18px;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-left: 60px;
}

.blog-details .bdx-author-box img {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #8dc63f;
    margin-left: -77px;
}

.blog-details .bdx-author-box h4 {
    font-size: 26px;
    line-height: 1.2;
    margin-bottom: 2px;
    color: #000000;
}
.blog-details .bdx-author-box h5{
    color: #000000;
}
.blog-details .bdx-author-box h6{
    color: #003366;
    font-family: 'Poppins SemiBold';
}
.blog-details .bdx-author-role {
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 1.4;
    color: #6b7781;
}

.blog-details .bdx-author-box p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.7;
}

.blog-details .bdx-sidebar {
    position: sticky;
    top: 180px;
}

.blog-details .bdx-widget {
    margin-bottom: 22px;
}

.blog-details .bdx-widget h4 {
    font-size: 22px;
    line-height: 1.2;
    color: #111;
    margin-bottom: 12px;
}

.blog-details .bdx-recent-list li {
    display: grid;
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #edf2f6;
}

.blog-details .bdx-recent-list li img {
    width: 62px;
    height: 62px;
    object-fit: cover;
    border-radius: 50%;
}

.blog-details .bdx-recent-list li a,
.blog-details .bdx-link-list li a {
    font-size: 14px;
    line-height: 1.5;
    color: #000000;
    font-family: 'Poppins Medium';
}

.blog-details .bdx-recent-list li a:hover,
.blog-details .bdx-link-list li a:hover {
    color: #8dc63f;
}

.blog-details .bdx-link-list li {
    margin-bottom: 8px;
}
.blog-feture-img{
    img{
        aspect-ratio: 16/9;
        object-fit: cover;
        width: 100%;
    }
}
.bdx-main {
    margin-top: -120px;
    position: relative;
    padding-top: 20px;
    padding-left: 10px;
    margin-left: -1px;
    p a{
        color: #003865;
        font-family: 'Poppins Bold';
        font-weight: 700;
    }
    ul,ol{
        padding-left: 22px;
        margin-bottom: 20px;
        li{
            list-style-type: disc;
            margin-bottom: 10px;
            font-family: 'Poppins Medium';
            &::marker{
                color: #8dc63f;
            }
        }
    }
    ol{
        li{
            list-style-type: number;
        }
    }
}
.recent-post {
    .small-line {
    margin: 0;
    margin-bottom: 20px;
}
}
.mobile-banner{
    display: none;
}
.visa-licensed-immigration-slider{
    .slick-list{
        margin: 0 -15px;
    }
    .slick-slide{
        padding: 0 15px;
        img{
            margin-inline: auto;
        }
    }
}

@media (max-width: 1199.98px) {
    .blog-details .bdx-title {
        font-size: 34px;
    }

    .blog-details .bdx-content h3,
    .blog-details .bdx-author-card h3 {
        font-size: 26px;
    }
}

@media (max-width: 991.98px) {
    .blog-details {
        padding: 35px 0;
    }
.desktop-banner{
    display: none;
}
.mobile-banner{
    display: block;
}
.visa-licensed-immigration-slider{
    .slick-next {
    right: -10px;
}
.slick-prev {
    left: -10px;
}

}
    .blog-details .bdx-layout {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .blog-details .bdx-sidebar {
        position: static;
    }
    .visa-banner {
    .banner-content {
        align-items: start;
        padding-right: 0;
        text-align: center;
        justify-content: start;
        align-items: center;
        padding-top: 80px;
                .menu-contact-info {
            display: block;
            .primary-btn{
                display: block;
                margin-bottom: 10px;
            }
        }
    }
}
}

@media (max-width: 575.98px) {
    .blog-details .bdx-title {
        font-size: 18px;
    }
    .blog-details .bdx-content h2 {
    font-size: 16px;
}
    .blog-details .bdx-content h3,
    .blog-details .bdx-author-card h3 {
        font-size: 22px;
    }

    .blog-details .bdx-content p {
        font-size: 14px;
    }

    .blog-details .bdx-author-box {
        flex-direction: column;
            margin-left: 0;
    margin-top: 60px;
    }
    .blog-details .bdx-author-box img {
    margin-top: -60px;
    margin-left: 0;
}
    .our-fees {
    .section-title {
        font-size: 24px;
        line-height: 119.9%;
        margin-bottom: 6px;
    }
}
.our-fees-body-content {
    padding: 0px;
    padding-top: 0;
}
.free-quote {
    & ul {
        & li {
            font-size: 15px;
            line-height: 135.5%;
            padding-left: 24px;
            margin-bottom: 10px;
            &::before {
                left: 0;
                top: 4px;
                background-size: 16px;
            }
        }
    }
}
body {
    font-size: 14px;
}
.blog-details .bdx-author-box h4 {
    font-size: 20px;
}
.visa-banner {
    .banner-content {
            align-items: start;
            padding-right: 5%;
            height: 100%;
        h4 {
            font-size: 16px;
            margin-bottom: 3px;
            line-height: 112%;
            }
        p {
                font-size: 14px;
                margin-bottom: 0;
            }
    }
}
.licensed-immigration {
    .content-box {
        padding-block: 30px;
        padding-top: 74px;
        padding-bottom: 12px;
        padding-inline: 10px;
    }
    .content-box p {
        font-size: 16px;
    }
    .title-sm {
        font-size: 22px;
        line-height: 120%;
        height: auto;
        margin-bottom: 10px;
        height: 52px;
    }
    .license-box img {
        margin-bottom: -80px;
        width: 85%;
    }
}
    .student-visa-category {
        .choice-content h5 {
            font-size: 14px;
        }
    }
    .student-visa-gateway {
        .student-visa-content-box {
            padding: 10px;
        }
        .section-title {
        line-height: 110%;
        margin-bottom: 10px;
    }
        & .student-visa-content-box {
        h3 {
            font-size: 16px;
            line-height: normal;
            margin-bottom: 4px;
            margin-top: 20px;
        }
    }
    }
    .affiliated-education-providers {
    .provider-logo {
        height: 70px;
    }
    .mb-40 {
    margin-bottom: 20px;
}
}
.visa-faq .faq-item {
    margin-bottom: 12px;
    padding: 8px 14px;
}
.visa-faq .faq-question {
    font-size: 16px;
    line-height: 24px;
}
.visa-faq .faq-answer p {
    padding: 7px 8px;
    color: #1A1A1A;
    margin: 0;
}
.visa-banner {
        .banner-img {
            height: auto;
        }
    & .banner-content {
            text-align: center;
            justify-content: start;
            align-items: center;
            gap: 3px;
            padding-top: 44px;
        h1{
            text-align: center;
        }
        p{
            margin-bottom: 10px;
        }
        .menu-contact-info {
            display: flex;
            flex-direction: column;
            .primary-btn{
                display: block;
                padding-inline: 15px;
                width: 100%;
                font-size: 14px;
                font-family: 'Poppins Medium';
                font-weight: normal;
            }
        }
    }
}
.student-visa-category {
    text-align: center;
    .small-line{
      text-align: center;
      margin-inline: auto;
    }
    .choice-list{
        border: 1px solid #E9E9E9;
    background: #FFF;
    padding: 14px;
    border-radius: 10px;
    transition: all .5s;
    &:hover{
        background-color: #8dc63f;
        .choice-content{
            background-color: transparent;
        }
    }
    }
    .icon-box {
    position: relative;
    transform: unset;
    top: unset;
    left: unset;
    margin-inline: auto;
    margin-bottom: 12px;
    width: 70px;
    height: 70px;
    box-shadow: 0 0 0 4px #003a66;
    padding: 14px;
}
    .choice-content {
        height: auto;
        padding-block: 10px;
        border-radius: 4px;
        border: 0;
        background: #FFF;
        width: 100%;
        margin-left: 0;
        text-align: center;
        justify-content: center;
        margin-top: 0;
        box-shadow: none;
        padding: 0;
    }
}
.mb-40 {
    margin-bottom: 24px;
}
.visa-licensed-immigration{
    .license-box {
    width: 90%;
    margin-inline: auto;
    margin-bottom: 0;
}
}
.visa-licensed-immigration-slider {
    .slick-dots {
    bottom: -40px;
   }
   .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #9bd643;
}
.slick-dots li {
    margin: 0;
}
.slick-dots li button:before {
    font-size: 8px;
}
}

}

/*************************
    Partnership Visa Taurang 
******************************/
.partnership-visa {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    &::before{
        content: '';
        position: absolute;
        inset: 0;
        z-index: -1;
        background: #001c31d9;
    }
    .section-title{
        color: #fff;
        font-size: 46px;
        margin-bottom: 10px;
    }
    h3{
        color: #96d74a;
        padding-top: clamp(18px, 1.8229vw, 35px);
        border-top: clamp(1px, 0.1042vw, 2px) solid #96d74a;
        font-size: clamp(20px, 2.6042vw, 50px);
        margin-bottom: 10px;
        line-height: 110%;

    }
    p{
        color: #fff;
        a{
            color: #89ca28;
        }
    }
}
.form-box {
    background-color: #8dc63f;
    form {
        padding: 15px;
    }
    h4{
        background: #64af14;
        font-size: 40px;
        color: #fff;
        text-align: center;
        font-weight: 700;
        margin-bottom: 0;
        padding: 15px;
    }
    .form-control {
    background: #fff;
    margin: 0;
    line-height: normal;
    padding: 17px;
    color: #000;
}
.primary-btn{
    width: 100%;
    background-color: #003a66;
    &:hover{
        background-color: #002a55c7;
    }
}
}
.form-checkbox{
    margin-block: 20px;
    color: #fff;
}
.flex-gride {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}
.partnership-visa-tauranga-services{
    .service-item {
        height: 180px;
        margin-bottom: 0px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        justify-content: center;
        background: rgb(0, 58, 102);
        transition: 0.5s;
        &:hover {
            background-color: #96d74a;

        }
        .service-img {
        width: auto;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        background: transparent;
        border-radius: 5px;
        margin-bottom: 15px;
        
    }
    h6 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}
    }
    
}
.partnership-visa-tauranga-cta{
    background-size: cover;
    background-position: center;
    p{
        font-size: 32px;
    }
}
.apply-pertnership-visa-tauranga{
    .wp-btn {
    width: 61px;
    display: inline-block;
    transition: all .5s;
    &:hover{
        transform: scale(1.1);
    }
}
h5 {
    font-size: 24px;
    margin-bottom: 10px;
}
}
.flex {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
}
p a{
    color: #89ca28;
}
.nz-ul{
    margin-bottom: 20px;
}
.nz-ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 1.6;
    color: #002c5f;
    font-weight: 500;
}
.nz-ul li::before {
    content: "✔";
    position: absolute;
    left: 0;
    top: 2px;
    color: #00a859;
    font-size: 20px;
    font-weight: bold;
}
.pllaning-to-join{
    background-repeat: no-repeat;
    background-size: cover;
     .licenced_info .licenced_author_pic {
    float: unset;
    width: 260px;
    position: relative;
    margin-inline: auto;
    .arrow-icon {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80px;
}
.author-pic{
    height: 100%;
    margin-bottom: -7px;
}
a{
    display: block;
}
}
}
.licenced_author_info {
    text-align: center;
    padding: 15px;
    h4 {
    color: #000;
    font-size: 26px;
    margin: 10px 0 5px;
    font-weight: 600;
}
p{
    margin-bottom: 0;
}
}
.mt-0{
    margin-top: 0;
}
.section-title a{
    color: #89ca28;
}
@media (max-width: 1440px), (max-width: 1366px) {
    .partnership-visa-tauranga-services {
    & .service-item {
        height: 166px;
        h6 {
            font-size: 16px;
        }
    }
}
.tauranga-banner{
    .banner-img{
        height: 180px;
        img{
            height: 100%;
        }
    }
}
}
@media (max-width: 991.98px){
    .flex-gride {
    grid-template-columns: repeat(4, 1fr);
}
.pllaning-to-join {
    .licenced_info .licenced_author_pic {
        width: 240px;
        height: 265px;
    }
}
}
@media (max-width: 575.98px) {
        .tauranga-banner {
        .banner-img {
            height: 110px;
        }
    }
    .partnership-visa {
    .section-title {
        color: #fff;
        font-size: 18px;
        margin-bottom: 10px;
    }
}
.form-box {
    h4 {
        font-size: 20px;
        padding: 15px;
    }
}
.form-box {
    .form-control {
        padding: 12px;
    }
        .primary-btn {
        padding-block: 12px;
    }
}
.flex-gride {
        grid-template-columns: repeat(2, 1fr);
    }
        .partnership-visa-tauranga-services {
        & .service-item {
            height: 150px;
            h6 {
                font-size: 14px;
            }
        }
    }
    .apply-pertnership-visa-tauranga {
    h5 {
        font-size: 16px;
        margin-bottom: 10px;
    }
}
.nz-ul li {
    font-size: 14px;
}
.apply-pertnership-visa-tauranga {
    .wp-btn {
        width: 34px;
        display: inline-block;
    }
}
.pllaning-to-join {
    h3{
    font-size: 14px;
    }
    }
}

/* 09-04-2026 */
/********************************************
    Immigrating to New Zealand from Canada 
********************************************/
.immigrating-to-new-zealand-from-canada{
margin-top: 10px;
}
.title-lg{
    color: #96d74a;
    padding-top: clamp(18px, 1.8229vw, 35px);
    border-top: clamp(1px, 0.1042vw, 2px) solid #96d74a;
    font-size: clamp(20px, 2.6042vw, 50px);
    margin-bottom: 10px;
    line-height: 110%;
    a{
        color: #fff;
    }
}
.ms-0{
    margin-left: 0;
}
.new-zealand-calling-canadians{
    .col-md-6{
        position: relative;
    }
    .exp-box{
    padding: clamp(15px, 2.3438vw, 45px) clamp(8px, 0.7813vw, 15px) clamp(8px, 0.7813vw, 15px);
    background: #fff;
    position: relative;
    z-index: 2;
    overflow: hidden;
    border: 8px solid #003a66;
    &::before{
        position: absolute;
    content: '';
    padding: 32%;
    border-radius: 50%;
    background: #c9d5df;
    top: 0;
    right: 0;
    z-index: -1;
    transform: translate(76%, -45%);
    }
    &::after{
            position: absolute;
    content: '';
    padding: 32%;
    border-radius: 50%;
    background: #edf1f4;
    bottom: 0;
    left: 0;
    z-index: -1;
    transform: translate(-30%, 30%);
}
h6{
        text-transform: uppercase;
    color: #003a66;
    font-weight: 500;
    font-size: 18px;
}
h3{
        font-size: clamp(40px, 4.6875vw, 90px);
    font-weight: 700;
    color: #003a66;
    margin-bottom: 0;
}
p{
        color: #003a66;
        margin: 0;
}
    }
    .dot {
    position: absolute;
    right: 0;
    top: 0;
}
.limg{
    width: 100%;
    margin-bottom: 10px;
}
.rimg-small {
    margin-top: 30%;
    margin-bottom: 10px;
}
.primary-btn{
    padding-inline: 40px;
}
}
.popular-new-zealand{
    .title-md{
        margin-bottom: 25px;
    }
    .image-box {
    position: relative;
    }
    .botton-img{
        float: right;
        margin-top: -114px;
        z-index: 1;
        position: relative;
        margin-right: -60px;
    }
}
.icon {
    position: absolute;
    left: -40px;
    top: 50%;
    transform: translateY(-50%);
    width: 80px;
    height: 80px;
    background: #8dc63f;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    &::before{
        inset: 0;
        position: absolute;
        content: '';
        border: 2px dashed #003a66;
        border-radius: 50%;
        transform: scale(1.24);
        z-index: -2;
    }
}
.py-5{
    padding-block: 80px;
}
.img-fw{
    width: 100%;
}
.cnd-landing-pg-sec-four {
    position: relative;
    padding-top: clamp(25px, 2.6042vw, 50px);
    padding-bottom: clamp(50px, 5.2083vw, 100px);
}
.cnd-landing-pg-sec-four-img {
    position: relative;
    height: 100%;
}
.cnd-landing-pg-sec-four-img img {
    position: absolute;
    width: 106%;
    max-width: 106%;
    top: 10%;
    left: 0px;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
.cnd-landing-pg-sec-four-text {
    background: #003a66;
    color: rgb(255, 255, 255);
    padding: clamp(20px, 5.2083vw, 100px) clamp(20px, 5.2083vw, 100px) clamp(20px, 5.2083vw, 100px) clamp(20px, 7.0313vw, 135px);
    .section-title{
        color: #fff;
        margin-bottom: 15px;
    }
    p{
        color: #fff;
    }
}
.cnd-landing-pg-sec-four-text-top {
    top: 27.65%;
    left: 40%;
    transform: translateX(-50%);
    width: clamp(225px, 30.4375vw, 450px);
    background: rgb(255, 255, 255);
    position: absolute;
    padding: clamp(15px, 2.3438vw, 45px) 20px;
    box-shadow: rgba(0, 0, 0, 0.31) 0px 0px clamp(18px, 1.8229vw, 35px) 0px;
    text-align: center;
}
.cnd-landing-pg-sec-four-text-top h2 {
    font-size: 22px;
    text-align: center;
    padding: 0px clamp(10px, 2.3438vw, 45px);
    font-weight: 700;
    color: #003a66;
    margin-bottom: clamp(15px, 1.5625vw, 30px);
    margin-bottom: 15px;
}
.cnd-landing-pg-sec-four-text-top-itm-wrp {
    display: grid;
    grid-template-columns: 1fr 1fr;
    text-align: center;
    row-gap: clamp(20px, 3.125vw, 60px);
    position: relative;
}
.cnd-landing-pg-sec-four-text-top-itm {
    padding: 0px clamp(6px, 1.5625vw, 30px);
}
.cnd-landing-pg-sec-four-text-top-itm-wrp::after {
    width: 30%;
    height: 1px;
    background: rgb(145, 170, 189);
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.cnd-landing-pg-sec-four-text-top-itm-wrp::before {
    width: 30%;
    height: 1px;
    background: rgb(145, 170, 189);
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
}
.cnd-landing-pg-sec-four-text-top h3 {
    font-size: 50px;
    margin-bottom: clamp(5px, 0.5208vw, 10px);
    line-height: 1;
        color: rgb(0, 58, 102);
    font-weight: 800;
    text-align: center;
}
 .cnd-landing-pg-sec-four-text-top p {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0px;
    margin-bottom: 0px;
    color: rgb(17, 17, 17);
}

@media screen and (max-width: 575px) {
    .new-zealand-calling-canadians {
    & .exp-box {
        h6 {
            font-size: 10px;
        }
        p{
            font-size: 12px;
        }
    }
}
.new-zealand-calling-canadians {
    .limg {
        width: 100%;
        margin-bottom: 0px;
    }
}
.new-zealand-calling-canadians {
    .dot {
        position: absolute;
        right: 0;
        top: 0;
        width: 60%;
    }
}
.new-zealand-calling-canadians {
    .rimg-small {
        margin-top: 27%;
        margin-bottom: 0px;
        width: 73%;
    }
}
.popular-new-zealand {
    .container{
    .row:nth-child(2){
        .col-md-5{
            padding: 0 16%;
            order: -1;
        }
    }
}
.icon {
    width: 60px;
    height: 60px;
        &::before {
        border: 1px dashed #003a66;
        transform: scale(1.2);
        z-index: -2;
    }
}
    .title-md {
        margin-bottom: 10px;
    }
}
.popular-new-zealand {
    .botton-img {
        float: right;
        margin-top: -60px;
        z-index: 1;
        position: relative;
        margin-right: -23px;
        width: 58%;
    }
}
.cnd-landing-pg-sec-four-text-top {
    top: unset;
    left: unset;
    transform: unset;
    width: 100%;
    background: rgb(255, 255, 255);
    position: relative;
    padding: clamp(15px, 2.3438vw, 45px) 20px;
    box-shadow: rgba(0, 0, 0, 0.31) 0px 0px clamp(18px, 1.8229vw, 35px) 0px;
    text-align: center;
}
}

/******************************************** 
     new-zealand-student-visa-from-india 
********************************************/
.bg-light{
    background: #f5faff;
}
.pt-50{
    padding-top: 50px;
}



.page-id-63227 .counter,
.page-id-63367 .counter,
.page-id-63456 .counter,
.page-id-63567 .counter,
.page-id-63584 .counter,
.page-id-63618 .counter {
    margin-top: 0 !important;
}



/**Submit Query Page**/
.inner_ban_con {
  position: relative;
  padding: 30px;
}

.inner_ban_con img {
  width: 100%;
  min-height: 250px;
}

.inner_ban_con .inner_bantext {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.inner_ban_con .inner_bantext .inner_bantext_con {
  text-align: center;
}

.inner_ban_con .inner_bantext .inner_bantext_con h1 {
  margin: 0 30px 10px;
  font-size: 42px;
  font-weight: 600;
  color: #ccc;
}

.inner_ban_con .inner_bantext .inner_bantext_con ul {
  margin: 0 30px;
}

.inner_ban_con .inner_bantext .inner_bantext_con ul li {
  display: inline-block;
  color: #fff;
  font-size: 16px;
}

.inner_ban_con .inner_bantext .inner_bantext_con ul li span {
  margin: 0 10px;
  color: #fff;
}

.inner_ban_con .inner_bantext .inner_bantext_con ul li a {
  color: #8abc47;
}

.inner_ban_con .inner_bantext .inner_bantext_con ul li a:hover {
  color: #fff;
}





/**Fress Assessment Page**/
.free_assessment {
    padding: 60px 0;
    background: #f5f7fa;
}

.zoho_assessment_form .zf-templateWrapper {
    background: #fff;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,.08);
}

.zoho_assessment_form .zf-tempHeadContBdr h4 {
    font-size: 32px;
    color: #003a66;
    text-align: center;
    font-weight: 700;
    margin-bottom: 30px;
}

.zoho_assessment_form .zf-tempFrmWrapper {
    margin-bottom: 20px;
}

.zoho_assessment_form .zf-labelName,
.zoho_assessment_form .list-first p {
    display: block;
    font-size: 14px;
    color: #333;
    font-weight: 600;
    margin-bottom: 8px;
}

.zoho_assessment_form input[type="text"],
.zoho_assessment_form input[type="email"],
.zoho_assessment_form select,
.zoho_assessment_form textarea {
    width: 100%;
    height: 48px;
    border: 1px solid #d8d8d8;
    border-radius: 6px;
    padding: 0 15px;
    font-size: 14px;
    color: #333;
    background: #fff;
    transition: all .3s ease;
}

.zoho_assessment_form textarea {
    height: 120px;
    padding-top: 12px;
}

.zoho_assessment_form input:focus,
.zoho_assessment_form select:focus,
.zoho_assessment_form textarea:focus {
    border-color: #8abc47;
    box-shadow: 0 0 0 3px rgba(138,188,71,.15);
}

.zoho_assessment_form .zf-nameWrapper span,
.zoho_assessment_form .zf-phwrapper,
.zoho_assessment_form .zf-addtwo {
    width: 100%;
    display: block;
}

.zoho_assessment_form input[type="file"] {
    width: 100%;
    border: 1px solid #d8d8d8;
    padding: 10px;
    border-radius: 6px;
    background: #fff;
}

.zoho_assessment_form .zf-important {
    color: #ff0000;
}

.zoho_assessment_form .zf-twoColumns span {
    display: inline-flex;
    align-items: center;
    margin-right: 20px;
}

.zoho_assessment_form input[type="radio"] {
    width: auto;
    margin-right: 8px;
}

.zoho_assessment_form .zf-submitColor {
    background: #8abc47 !important;
    color: #fff !important;
    border: none !important;
    padding: 14px 45px !important;
    border-radius: 30px !important;
    font-size: 16px !important;
    font-weight: 600;
    cursor: pointer;
    transition: .3s;
}

.zoho_assessment_form .zf-submitColor:hover {
    background: #003a66 !important;
}

.zoho_assessment_form .zf-fmFooter {
    text-align: center;
    margin-top: 20px;
}

.zoho_assessment_form .zf-errorMessage {
    color: #e53935;
    font-size: 12px;
    margin-top: 5px;
}

.zoho_assessment_form .row {
    row-gap: 20px;
}


@media(max-width:767px){

    .zoho_assessment_form .zf-templateWrapper{
        padding:20px;
    }

    .zoho_assessment_form .zf-tempHeadContBdr h4{
        font-size:24px;
    }

    .zoho_assessment_form .col-md-6{
        margin-bottom:15px;
    }
}

.event{
	margin-top: 0;
}

.usefull h2 {
    color: #003366;
    font-size: 33px;
    font-weight: 600;
    margin: 0 0 15px;
}