@media screen and (max-width: 1400px) {
    .financial-services .card-title{
        font-size:16px;
    }
    .service.item{
        margin-left:5px;
        margin-right:5px;
        }
 }
@media screen and (max-width: 1200px) {
    .section-whychoose .whychoose_image {
        bottom: auto;
        top: 50%;
        width: 50%;
        transform: translateY(-50%);
    }
    .section-whychoose .content-info {
        padding-right: 20px;
    }
}

@media screen and (max-width: 1080px) {
    .financial-services .card-title{
    font-size:16px;
    }
}

@media screen and (max-width: 991px) {
    section {
        padding: 80px 0;
    }
    .mb-lg-30 {
        margin-bottom: 30px;
    }
    .mb-lg-50 {
        margin-bottom: 50px;
    }
    .left-top .top_time {
        display: none;
    }
    .main-menu .navigation-open {
        width: 35px;
        height: 35px;
    }
    .navigation-open {
        padding: 1px;
        position: relative;
        vertical-align: middle;
        z-index: 1;
        width: 45px;
        height: 45px;
        background: var(--primary-color);
        border-radius: 10px;
        overflow: hidden;
    }
    .navigation-open::before {
        content: "";
        position: absolute;
        width: 32px;
        height: 32px;
        transition: 0.2s;
        background-color: #094f87;
        border-radius: 50%;
        right: -20px;
        bottom: -20px;
        z-index: -1;
        opacity: 1;
        -moz-transition: opacity 0.5s ease;
        -ms-transition: opacity 0.5s ease;
        -o-transition: opacity 0.5s ease;
        -webkit-transition: opacity 0.5s ease;
        transition: opacity 0.5s ease;
    }
    .navigation-open span {
        display: block;
        width: 20px;
        height: 2px;
        background: #fff;
        margin: 0 auto;
        position: relative;
        pointer-events: none;
        -moz-transition: all 0s ease 0.25s;
        -ms-transition: all 0s ease 0.25s;
        -o-transition: all 0s ease 0.25s;
        -o-transition: all 0s ease 0.25s;
        -webkit-transition: all 0s ease 0.25s;
        transition: all 0s ease 0.25s;
    }
    .navigation-open span:before, .navigation-open span:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: #fff;
        position: absolute;
        left: 0;
        top: -5px;
        -moz-transition: top 0.25s ease 0.25s, transform 0.25s ease,
          background 0.25s ease 0.25s;
        -ms-transition: top 0.25s ease 0.25s, transform 0.25s ease,
          background 0.25s ease 0.25s;
        -o-transition: top 0.25s ease 0.25s, transform 0.25s ease,
          background 0.25s ease 0.25s;
        -webkit-transition: top 0.25s ease 0.25s, transform 0.25s ease,
          background 0.25s ease 0.25s;
        transition: top 0.25s ease 0.25s, transform 0.25s ease,
          background 0.25s ease 0.25s;
    }
    .navigation-open span:after {
        top: 5px;
        -moz-transition: top 0.25s ease 0.25s, transform 0.25s ease,
          background 0.25s ease 0.25s;
        -ms-transition: top 0.25s ease 0.25s, transform 0.25s ease,
          background 0.25s ease 0.25s;
        -o-transition: top 0.25s ease 0.25s, transform 0.25s ease,
          background 0.25s ease 0.25s;
        -webkit-transition: top 0.25s ease 0.25s, transform 0.25s ease,
          background 0.25s ease 0.25s;
        transition: top 0.25s ease 0.25s, transform 0.25s ease,
          background 0.25s ease 0.25s;
    }
    .navigation {
        z-index: 99;
        position: fixed;
        top: 0;
        left: 100%;
        width: 300px;
        height: 100%;
        overflow: auto;
        background: #fff;
        -webkit-overflow-scrolling: touch;
        display: block !important;
        transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        padding: 45px 15px 30px 15px;
    }
    body.menu-action .navigation {
        margin-left: -300px;
    }
    .navigation-close {
        padding: 0;
        position: absolute;
        right: 15px;
        top: 15px;
        vertical-align: middle;
        z-index: 11;
        width: 20px;
        height: 17px;
        background: none;
        border: none;
    }
    .navigation-close:before, .navigation-close:after {
        content: "";
        display: block;
        width: 100%;
        height: 2px;
        background: #000;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -2px;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .navigation-close:after {
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .navigation ul.menu {
        font-size: 16px;
        font-weight: 500;
        z-index: 6;
        text-align: left;
        width: 100%;
    }
    .navigation ul {
        padding: 0;
        list-style-type: none;
        margin: 0;
    }
    .navigation ul.menu li ul {
        background: #fff;
        position: fixed;
        right: 0;
        bottom: 0;
        z-index: 1;
        margin-right: -300px;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        width: 300px;
        top: 0;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        padding: 5px 15px 30px 15px;
    }
    .navigation ul.menu > li {
        width: 100%;
        margin: 0 !important;
        padding: 0;
    }
    .navigation ul.menu li {
        position: relative;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        padding: 0;
    }
    .navigation ul.menu li a {
        padding: 8px 30px 8px 0;
        color: #000000;
        font-weight: 500;
        display: block;
        font-size: 14px;
        font-size: 15px;
        letter-spacing: 1px;
        text-align: left;
        border: none;
        text-transform: uppercase;
    }
    .toggle-submenu {
        display: block;
        height: 40px;
        width: 30px;
        position: absolute;
        right: 0;
        top: 0;
    }
    .toggle-submenu:before {
        background: url(../images/arrow.svg) no-repeat;
    }
    .toggle-submenu:before, .toggle-submenu:after {
        content: "";
        display: block;
        width: 8px;
        height: 13px;
        position: absolute;
        right: 0;
        top: 50%;
        margin: -6px 0 0 0;
        background-size: cover;
    }
    .toggle-submenu:after {
        opacity: 0;
    }
    .menu-back {
        border: none;
        width: 100%;
        height: 40px;
        background: 0 0;
        color: #333;
        font-size: 16px;
        font-weight: 500;
        padding: 0;
        text-align: left;
    }
    .menu-back:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 8px;
        height: 13px;
        margin: -2px 8px 0 0;
        background: url(../images/back-arrow.svg) no-repeat;
        background-size: cover;
    }
    .navigation ul.menu li ul.show {
        margin-right: 0;
    }
    .header-cta {
        margin-right: 50px;
    }
    .main-header .container {
        position: relative;
    }
    .main-header .main-menu {
        position: absolute;
        right: 0px;
        margin-left: 0px;
    }
    .header-cta .call-btn img {
        max-width: 45px;
    }
    .header-cta .call a {
        font-size: 16px;
    }
   
    .banner .title {
        font-size: 56px;
        line-height: 70px;
    }
    .banner {
        height: 60vh;
    }
    .modal-dialog.modal-lg,
    .modal-dialog {
        width: 95% !important;
        margin: 0;
    }
    .about-image {
        left: 50px;
    }
    .experience-box {
        left: 0;
    }
    .about-banner {
        padding-top: 80px;
    }
    .blog-cards,
    .team-cards {
        grid-template-columns: repeat(2, 1fr);
    }
    .section-whychoose .whychoose_image {
        position: initial;
        width: 100%;
        transform: initial;
        margin-top: 20px;
    }
    .triangle-shadow {
        left: 0;
    }
    .fun-facts-list{
        grid-template-columns: repeat(2, 1fr);
    }
    .actionable_cards {
        grid-template-columns: repeat(2, 1fr);
    }
    .content-twoboxs {
        grid-template-columns: repeat(1, 1fr);
    }
    .section-generalbox img {
        margin: 0 auto;
    }
    .intprocess-boxes {
     grid-template-columns: repeat(2, 1fr);
    }

}
@media screen and (max-width: 767px) {
    .h2,h2 {
        font-size: 32px !important;
    }
    .about-content h2,
    .section-title {
        font-size: 32px;
    }
    section.financial-services .financial-grid-item {
        grid-template-columns: repeat(1, 1fr);
    }
    .mb-md-30 {
        margin-bottom: 30px;
    }
    .main-menu {
        position: absolute;
        right: 15px;
        margin-left: 0px;
    }
    .footer_bg {
        padding: 50px 0;
    }
    .main-header .header-cta {
        display: none !important;
    }
    .mobile_call_btn {
        display: block;
        margin-right: 45px;
    }
    .mobile_call_btn .call_btn_row {
        display: flex;
        flex-wrap: wrap;
    }
    .mobile_call_btn .call_btn_row .menu-btn, .navigation-open {
        background: var(--primary-color);
    }
    .mobile_call_btn .call_btn_row .menu-btn {
        padding: 1px;
        position: relative;
        vertical-align: middle;
        z-index: 1;
        width: 35px;
        height: 35px;
        background: var(--primary-color);
        border-radius: 10px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mobile_call_btn .call_btn_row .menu-btn:before {
        content: "";
        position: absolute;
        width: 32px;
        height: 32px;
        transition: 0.2s;
        background-color: #094f87;
        border-radius: 50%;
        right: -20px;
        bottom: -20px;
        z-index: -1;
    }
    .mobile_call_btn .call_btn_row .menu-btn img {
        max-width: 20px;
    }
    .mobile_call_btn .call_btn_row .menu-btn + .menu-btn {
        margin-left: 10px;
    }
    .main-header .main-menu {
        right: 12px;
    }
    .main-header .logo {
        padding: 0 10px;
    }
    .main-header .logo img {
        max-width: 130px;
    }
    .banner {
        height: auto;
        padding: 80px 0;
    }
    .border-back {
        right: 0;
    }
    .about-image {
        left: 20px;
    }
    .experience-box {
        left: -20px;
    }
    .about-video {
        right: -30px;
    }
    .banner {
        margin-top: 135px !important;
    }
    .team-card .team_content {
        width: 95%;
        padding: 15px;
    }
    .team_content h4 a {
        font-size: 20px;
    }
    .team_social .social-links {
        top: -120px;
    }
    .inner-banner {
        height: 380px !important;
    }
    .section-sersrow .mb-md-5 {
        margin-bottom: 32px;
    }

}
@media screen and (max-width: 575px) {
    section {
        padding: 50px 0;
    }
    .mb-sm-30 {
        margin-bottom: 30px;
    }
    .footer-content.ft-two {
        padding-left: 0;
    }
    .footer_bg {
        padding: 40px 0;
    }
    .copy_right {
        text-align: center;
    }
    .copy_right ul.social-links {
        justify-content: center;
        margin-top: 15px;
    }
    .top-header .left-top {
        margin-bottom: 8px;
    }
    .top-header .container.d-flex {
        display: block !important;
    }
    header.header ul.contact-info,
    header.header ul.social-icons {
        justify-content: center !important;
    }
    .banner .title {
        font-size: 45px;
        line-height: 57px;
    }
    .banner .sub-title {
        letter-spacing: 0.3em;
        font-size: 16px;
    }
    .banner .description {
        font-size: 16px;
        line-height: 28px;
    }
    .cta-buttons {
        display: block;
        text-align: center;
    }
    .cta-buttons .video-popup-btn {
        justify-content: center;
        margin-top: 20px;
    }
    .about-image {
        max-width: 80%;
        object-fit: cover;
        bottom: 30px;
    }
    .experience-box {
        width: 150px;
        top: 10px;
        left: 0;
    }
    .experience-box h2 {
        font-size: 18px;
        padding-top: 15px;
    }
    .madal {
        padding-top: 20px;
        max-width: 30px;
    }
    .experience-box p {
        padding-bottom: 20px;
    }
    .border-back {
        width: 190px;
        height: 190px;
    }
    .about-video {
        right: 0;
        width: 210px;
        height: 224px;
    }
    .border-back {
        right: 20px;
    }
    .about-content .common-btn {
        margin-top: 20px;
    }
    .blog-cards,
    .team-cards,
    section.financial-services .financial-grid-item {
        grid-template-columns: repeat(1, 1fr);
    }
    .latest-blog .blog-top-div {
        display: block;
    }
    .blog-title {
        margin-right: 0;
        font-size: 20px;
    }
    .gallery-img a img {
        height: auto;
    }
    .section-whychoose .content-info {
        padding-right: 0;
    }
    .section-whychoose ul li .why_icon {
        width: 60px;
        min-width: 60px;
        height: 60px;
    }
    .section-whychoose ul li .why_icon img {
        max-width: 35px;
    }
    .section-whychoose ul li h4 {
        font-size: 16px;
    }
    .section-whychoose ul li p {
        font-size: 15px;
    }
    .triangle-shadow {
        top: 162px;
    }
    .inner-banner {
        height: 330px !important;
    }
    .inner-banner-title {
        font-size: 42px !important;
    }
    .conatct-main {
        display: flex;
        flex-direction: column;
    }
    .info-section {
        padding-right: 0px;
    }
    .info-box span.location-text {
        font-size: 16px;
      
    }
    .actionable_cards {
        grid-template-columns: repeat(1, 1fr);
    }

.section-cta a,
.section-cta{
    font-size:17px;
   
}
    .intprocess-boxes {
      grid-template-columns: repeat(1, 1fr);
    }
.financial-services .financial-grid-item .card .financial-box-icon {
    width:50px;
    height:50px;
}
}

@media screen and (max-width: 424px) {
    .h2,h2 {
        font-size: 30px !important;
    }
    .about-content h2,
    .section-title {
        font-size: 28px;
    }
    .main-header .logo img {
        max-width: 110px;
    }
    header.sticky .logo img {
        max-width: 100px;
    }
    .left-top .email_top a{
        font-size: 14px;
    }
    .banner .title {
        font-size: 40px;
       line-height: 52px;
    }
    .banner {
        padding: 60px 0;
    }
    .about-video {
        width: 150px;
        height: 160px;
        bottom: 42px;
    }
    .about-video .play-btn-about .play-icon {
        width: 40px !important;
        height: 40px !important;
    }
    .about-video .play-btn-about .play-icon i {
        font-size: 15px !important;
    }
    .experience-box {
        top: 0;
    }
    .title-div ,
    .section-whychoose h5.sub-title{
        text-align: center !important;
    }
    .section-whychoose .content-info ul li {
        text-align: center;
        display: block;
    }
    .section-whychoose ul li .why_icon {
        margin: 0 auto 15px;
    }
    .triangle-shadow {
        top: 152px;
    }
    .team_content h4 a {
        font-size: 18px;
    }
    .fun-facts-list {
        grid-template-columns: repeat(1, 1fr);
    }
    .content-twoboxs .box {
        padding: 24px;
    }
    .inner-banner-title {
        font-size: 36px !important;
    }
    ul.info-list h4 {
        font-size: 18px !important;
    }
	.info-box {
		gap:10px;
	}
	.info-section .info-box img{
		max-width:40px;
	}
	.info-box span.location-text a.location-text {
		font-size:15px !important;
		word-break:break-word;
	}
	.financial-services .financial-grid-item .card .financial-box-icon {
        top: auto !important;
        z-index: 5;
        bottom: 15px;
    }
    .contact-testimonials-section .p-50,
    .contact-testimonials-section .owl-carousel .item{
        padding:20px !important;
    }
    .testimonial-carousel .item::after {
        width:30px;
        height:25px;
        top: 20px;
    right: 15px;
    }
}
@media screen and (max-width: 374px) {
    .banner .title {
        font-size: 36px;
        line-height: 46px;
    }
    .experience-box {
        width: 140px;
        top: -10px;
    }
    .experience-box h2 {
        font-size: 16px;
        padding-top: 10px;
    }
    .experience-box p {
        padding-bottom: 12px;
        font-size: 14px;
    }
    .about-video {
        width: 130px;
        height: 140px;
        border: 5px solid #fff;
    }
    .border-back {
        width: 150px;
        height: 150px;
        border: 5px solid #002C4F;
    }
    .common-btn {
        font-size: 14px;
    }
    .triangle-shadow {
        top: 128px;
    }
    .inner-banner-title {
        font-size: 32px !important;
    }
	
}
@media screen and (max-width: 359px) {
   
}
@media screen and (min-width: 992px) {
    .navigation-open, .navigation-close {
        display: none;
    }
}