@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&family=Poppins:ital,wght@0,800;0,900;1,100;1,200;1,300;1,700;1,800;1,900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
    font-family: "Roobert TWHINT Bold";
    src: url("../fonts/045528df847940a9c65c05087e21af07.eot");
    /* IE9*/
    src: url("../fonts/045528df847940a9c65c05087e21af07.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("../fonts/045528df847940a9c65c05087e21af07.woff2") format("woff2"),
        /* chrome、firefox */
        url("../fonts/045528df847940a9c65c05087e21af07.woff") format("woff"),
        /* chrome、firefox */
        url("../fonts/045528df847940a9c65c05087e21af07.ttf") format("truetype"),
        /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
        url("../fonts/045528df847940a9c65c05087e21af07.svg#Roobert TWHINT Bold") format("svg");
    /* iOS 4.1- */

}
@font-face {
    font-family: "Roobert-Regular";
    src: url("../fonts/6228016f2b172c06410f3a2356d33f6c.eot");
    /* IE9*/
    src: url("../fonts/6228016f2b172c06410f3a2356d33f6c.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("../fonts/6228016f2b172c06410f3a2356d33f6c.woff2") format("woff2"),
        /* chrome、firefox */
        url("../fonts/6228016f2b172c06410f3a2356d33f6c.woff") format("woff"),
        /* chrome、firefox */
        url("../fonts/6228016f2b172c06410f3a2356d33f6c.ttf") format("truetype"),
        /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
        url("../fonts/6228016f2b172c06410f3a2356d33f6c.svg#Roobert-Regular") format("svg");
    /* iOS 4.1- */
}
@font-face {
    font-family: 'Roobert TWHINT';
    src: url('RoobertTWHINT-SemiBold.eot');
    src: url('RoobertTWHINT-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('RoobertTWHINT-SemiBold.woff2') format('woff2'),
        url('RoobertTWHINT-SemiBold.woff') format('woff'),
        url('RoobertTWHINT-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'TT Hoves';
    src: local('../fonts/TT Hoves Black'), local('../fonts/TT-Hoves-Black'),
        url('../fonts/TTHoves-Black.woff2') format('woff2'),
        url('../fonts/TTHoves-Black.woff') format('woff'),
        url('../fonts/TTHoves-Black.ttf') format('truetype');
    font-weight: 900;
  }

  @font-face {
    font-family: 'TT Hoves';
    src: local('../fonts/TT Hoves ExtraBold'), local('../fonts/TT-Hoves-ExtraBold'),
        url('../fonts/TTHoves-ExtraBold.woff2') format('woff2'),
        url('../fonts/TTHoves-ExtraBold.woff') format('woff'),
        url('../fonts/TTHoves-ExtraBold.ttf') format('truetype');
    font-weight: 800;
  }
  @font-face {
    font-family: 'TT Hoves';
    src: local('../fonts/TT Hoves Bold'), local('../fonts/TT-Hoves-Bold'),
        url('../fonts/TTHoves-Bold.woff2') format('woff2'),
        url('../fonts/TTHoves-Bold.woff') format('woff'),
        url('../fonts/TTHoves-Bold.ttf') format('truetype');
    font-weight: 700;
  }
  @font-face {
    font-family: 'TT Hoves';
    src: local('../fonts/TT Hoves DemiBold'), local('../fonts/TT-Hoves-DemiBold'),
        url('../fonts/TTHoves-DemiBold.woff2') format('woff2'),
        url('../fonts/TTHoves-DemiBold.woff') format('woff'),
        url('../fonts/TTHoves-DemiBold.ttf') format('truetype');
    font-weight: 600;
  }
  @font-face {
    font-family: 'TT Hoves';
    src: local('../fonts/TT Hoves Medium'), local('../fonts/TT-Hoves-Medium'),
        url('../fonts/TTHoves-Medium.woff2') format('woff2'),
        url('../fonts/TTHoves-Medium.woff') format('woff'),
        url('../fonts/TTHoves-Medium.ttf') format('truetype');
    font-weight: 500;
  }
  @font-face {
    font-family: 'TT Hoves';
    src: local('../fonts/TT Hoves Regular'), local('../fonts/TT-Hoves-Regular'),
        url('../fonts/TTHoves-Regular.woff2') format('woff2'),
        url('../fonts/TTHoves-Regular.woff') format('woff'),
        url('../fonts/TTHoves-Regular.ttf') format('truetype');
    font-weight: 400;
  }
  @font-face {
    font-family: 'TT Hoves';
    src: local('../fonts/TT Hoves Light'), local('../fonts/TT-Hoves-Light'),
        url('../fonts/TTHoves-Light.woff2') format('woff2'),
        url('../fonts/TTHoves-Light.woff') format('woff'),
        url('../fonts/TTHoves-Light.ttf') format('truetype');
    font-weight: 300;
  }
  @font-face {
    font-family: 'TT Hoves';
    src: local('../fonts/ Hoves ExtraLight'), local('../fonts/TT-Hoves-ExtraLight'),
        url('../fonts/TTHoves-ExtraLight.woff2') format('woff2'),
        url('../fonts/TTHoves-ExtraLight.woff') format('woff'),
        url('../fonts/TTHoves-ExtraLight.ttf') format('truetype');
    font-weight: 200;
  }
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "manrope";
}
.middle {
    height: 100%;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
}


@media (min-width: 1200px) {
    body {
        font-size: 1vw;

    }
    .container-fluid {
        padding: 0 0.85vw !important;
        width: 93.4vw !important;
        margin: 0 auto;
        max-width: 93.4vw !important;
    }

    .container {
        padding: 0 0.85vw !important;
        width: 80vw !important;
        margin: 0 auto;
        max-width: 92.2vw !important;
    }

    .row>* {
        padding-left: .84vw !important;
        padding-right: .84vw !important;
    }

    .row {
        margin: 0 -.9vw !important;
    }
}
.desktop-none{
    display: none;
}
.usda-banner{
    background-image: url("../img/usda-banner.jpg") !important;
}
.va-mortage{
    background-image: url("../img/VA-Loan.jpg") !important;
}
.heloc-loans{
    background-image: url(../img/HELOC-Loan.jpg) !important;
}
.arm-loans{
    background-image: url(../img/ARM-Loan.jpg) !important;
}
/* nav bar */
nav.navbar{
    box-shadow: 0 0.7vw 0.7vw -0.5vw rgb(0 0 0 / 10%);
    padding: 0.3vw 0;
}
nav.navbar .navbar-brand img{
    width: 17vw;
    margin: 0;
    padding: 0.3vw 0;
}
nav.navbar .navbar-brand{
    margin: 0;
    padding: 0.3vw 0;
}
nav.navbar .navbar-collapse ul li a.nav-link.gs-btn{
        padding: 0.5vw 0.85vw;
    margin: 0 0.7vw 0 0;
    border-radius: 0.3vw;
    font-size: 0.8vw;
}
nav.navbar .navbar-collapse ul.navbar-nav{
    align-items: center;
}
nav.navbar .navbar-collapse ul li a.nav-link{
    padding: 0vw 1.16vw;
    margin: 0 0.1vw;
    font-size: 0.98vw;
    font-weight: 600;
    color: #3f3b3b;
}
ul.dropdown-menu.show{
    width: 12vw;
    padding: 1vw
}
.navbar .dropdown > .dropdown-menu li > a:hover {
    background: #e53623;
    color: #fff;
}
    
.navbar .dropdown > .dropdown-menu li > a:hover i {
opacity: 1;
margin-left: 10px; }

ul.dropdown-menu.show li{
    font-size: 0.9vw;
    padding: 0; 
    margin: 0.3vw 0;
}
ul.dropdown-menu.show li a{
    font-weight: 700;
    padding: 0.5vw;
}
ul.dropdown-menu.show li a.dropdown-item:hover{
    color: #fff;
    background-color: #ee3824;
}


nav.navbar .navbar-collapse ul li a.nav-link:hover{
    color: #ee3824 !important;
}
.navbar-collapse ul li a i::before {
    color: #3a1137;
    font-weight: bold !important;
}
.befor-line{
    position: relative;
}
.befor-line::before{
    content: " ";
    position: absolute;
    top: 0vw;
    right: 0;
    left: 0;
    bottom: 0;
    width: 0.05vw;
    height: 1.5vw;
    background: #868286;
}
.link-btn{
    background-color: #3a1137;
    color: #fff !important;
    border-radius: 0.3vw;
}

/*  landing page */

.index-landing{
    background-image: url(../img/landing-banner.jpg);
    background-position: center;
    background-size: cover;
    height: 94vh;
    position: relative;
}
.index-lan-heading{
    margin-top: 6.5vw;
}
.index-landing .index-lan-heading h3{
    font-weight: 600;
    font-size: 1.1vw;
    padding: 0;
    margin: 0 0 1vw;
    text-transform: uppercase;
    color: #333333;
}
.index-landing .index-lan-heading h1{
    font-size: 3.5vw;
    font-weight: 300;
    color: #3a1137;
    padding: 0;
    margin: 0 0 2vw;
}
.index-landing .index-lan-heading h1 span{
    font-weight: 800;
}
.index-landing .index-lan-heading p{
    font-size: 1.1vw;
    font-weight: 600;
    line-height: 2.2vw;
    padding: 0;
    margin: 0 0 2.7vw;
}
.index-landing .index-lan-heading a{
    background: #ee3824;
    color: #fff;
    font-size: 1.05vw;
    text-decoration: none;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.05vw;
    padding: 1vw 2.5vw;
    border-radius: 0.4vw;
}
.index-landing .index-lan-heading a:hover{
    background-color: #3a1137;
    color: #ffffff;
    transition: 2s all;
}

.transactional{
    position: absolute;
    top: 14vw;
    bottom: 0;
    right: 15.4vw;
    background: #fff;
    width: 50%;
    height: fit-content;
    padding: 0.7vw 0.8vw;
    border-radius: 14.4vw;
    z-index: 999;
    align-items: self-end;
}
.postion-circle{
    position: relative;
}
.postion-circle::after{
    content: "";
    display: block;
    border: 0.6vw solid #ffa59b;
    background-color: #d44638;
    border-radius: 50%;
    width: 5vw;
    height: 5vw;
    top: 12.7vw;
    right: 13.6vw;
    position: absolute;
    opacity: 1;
    -webkit-animation: circle 2s ease-in-out 0.2s infinite;
    animation: circle 2s ease-in-out 0.2s infinite;
}
.postion-circle2::after{
    content: "";
    display: block;
    border: 0.6vw solid #ffa59b;
    background-color: #d44638;
    border-radius: 50%;
    width: 5vw;
    height: 5vw;
    top: 21.5vw;
    right: -15.5vw;
    position: absolute;
    opacity: 1;
    -webkit-animation: circle 2s ease-in-out 0.2s infinite;
    animation: circle 2s ease-in-out 0.2s infinite;
}
.postion-circle1::after{
    content: "";
    display: block;
    border: 0.6vw solid #ffa59b;
    background-color: #d44638;
    border-radius: 50%;
    width: 5vw;
    height: 5vw;
    top: 33.3vw;
    right: 15vw;
    position: absolute;
    opacity: 1;
    -webkit-animation: circle 2s ease-in-out 0.2s infinite;
    animation: circle 2s ease-in-out 0.2s infinite;
}
@-webkit-keyframes circle {
    from {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity:0.2;
    }
    to {
      -webkit-transform: scale(1.5);
      transform: scale(1.5);
      opacity: 0;
    }
  }
  
  @keyframes circle {
    from {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
    to {
      -webkit-transform: scale(1.5);
      transform: scale(1.5);
      opacity: 0;
    }
  }
.transactional-1{
   
    right: -13.8vw;
    top: 22.8vw;
    align-items: center;
    padding: 0.8vw 0.8vw;

}

.transactional-2{
    top: 34.5vw;
    right: 3vw;
    width: max-content;
    padding: 0.9vw 0.8vw;
}
.transactional p{
    font-size: 0.9vw;
    font-weight: 900;
    text-transform: uppercase;
    margin: auto 0.5vw;
}
.transactional img{
    width: 1.6vw;
}


   .nav-item.dropdown ul.dropdown-menu{
    padding: 1vw;
    width: 15vw;
    border-radius: inherit;
    border: inherit;
    
   }
   .nav-item.dropdown ul.dropdown-menu li{
    margin: 0.5vw;
   }
   .nav-item.dropdown ul.dropdown-menu li a.dropdown-item{
    font-size: 1vw;
    font-weight: 700;
    padding: 0.5vw;
   }
   .enquery-section{
    padding: 6vw;
    background-color: #f5eff5;
    height: auto;
   }
   .enquery-section .enquery-bg{
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    padding: 2.5vw;
    border-radius: 0.7vw;
   }
   .enquery-section .enquery-bg .enquery-form form input{
    width: 100%;
    padding: 0.5vw;
    border-radius: 0.5vw;
    border: 0.1vw solid #ccc;
    margin: 0.5vw 0;
    font-size: 1vw;
   }
   .enquery-section .enquery-bg .enquery-form form select{
    font-size: 1vw;
width: 100%;
padding: 0.5vw;
border-radius: 0.5vw;
border: 0.1vw solid #ccc;
margin: 0.5vw 0 0.9vw;

   }
   .enquery-section .enquery-bg .enquery-form h1{
    font-size: 2.4vw;
    font-weight: 300;
    margin: 0 0 1.5vw;
    padding: 0;
    font-family: "Roobert TWHINT Bold";
    color: #3a1137;
   }
   .send-enquery-btn button{
    border: inherit;
    text-decoration: none;
    color: #fff;
    font-size: 0.9vw;
    text-transform: uppercase;
    font-weight: 600;
    background: #ee3824;
    padding: 0.8vw 5vw;
    border-radius: 0.3vw;
    margin: 2vw 0;
   }
   .enquery-logo-img{
    background-color: #ee3824;
    width: 7vw;
    height: 7vw;
    line-height: 6.3vw;
    padding: 0 1vw;
    border-radius: 100%;
    margin: 0 auto 5vw;
   }
   .enquery-logo-img img{
    width: 5vw;
   }
   .enuery-logo h3{
    font-size: 2vw;
    font-weight: 300;
    margin: 0 0 1.5vw;
    padding: 0;
    font-family: "Roobert TWHINT Bold";
    color: #7b7b7b;
   }
   .enquery-form{
    position: relative;
   }
   .enquery-form::before{
    content: " ";
    position: absolute;
    top: -2.5vw;
    right: 0;
    left: -3vw;
    bottom: 0;
    width: 0.2vw;
    height: 38.8vw;
    background-color: #3a11373d;
    border-radius: 10vw;
   }
   .sucess-modal .modal-dialog.modal-dialog-centered{
    width: 30vw;
    max-width: 30vw;
   }
   .sucess-content{
    padding: 2vw;
    text-align: center;
   }
   .sucess-content i{
    color: green;
    font-size: 4.5vw;
   }
   .sucess-content h6{
    padding: 0;
    margin: 1vw 0;
    font-size: 1.2vw;
    font-weight: 900;
    color: #e53623;
   }
   .sucess-content p{
    padding: 0;
    margin: 0;
    font-size: 1vw;
    font-weight: 800;
    color: #3a1137;
   }
   .back-hom{
    margin: 3vw 0 1vw;
   }
   .back-hom a{
    text-decoration: none;
    background: #e53623;
    color: #fff;
    font-weight: 900;
    font-size: 1vw;
    padding: 0.9vw 5vw;
    border-radius: 0.5vw;
   }


/* our process */
.our-process{
    padding: 6.8vw 0;
}
.our-process .op-heading h6{
    color: #ee3824;
    padding: 0;
    margin: 0 0 0.7vw;
    font-size: 1.2vw;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 0.02vw;
    text-align: center;
}
.our-process .op-heading h1{
    font-size: 2.9vw;
    font-weight: 300;
    margin: 0;
    text-align: center;
    padding: 0;
    font-family: "Roobert-Regular";
    color: #3a1137;
}
.our-process .op-heading h1 span{
    font-family: "Roobert TWHINT Bold";   
}

.our-process .img-background{
    background-color: #3a1137;
    width: 5vw;
    height: 5vw;
    margin: 0 auto;
    line-height: 5.5vw;
    padding: 0 1vw;
    border-radius: 100%;
    position: relative;
}
.our-process .bgcolor-1 img{
    width: 2.8vw !important;
}
.our-process .bgcolor-1{
    background-color: #ee3824;
    padding: 0 1.1vw;
    line-height: 5vw;
}
.our-process .img-background img{
    width: 3.2vw;
    
}
.our-process .img-border{
    width: 6.5vw;
    height: 6.5vw;
    padding: 0.6vw 0;
   
   
    position: relative;
    margin: 0 auto;
}
.img-border-1{
    position: absolute;
    width: 6.5vw;
    height: 6.5vw;
    border: 0.15vw dashed #95919163;
    border-radius: 100%;
    top: 0;
    left: 0;
    transform: rotate(0deg);
    transition: transform 0.7s linear;
    animation: rotate 7s infinite linear;
}


.our-process .process-content .not1{
    background: #ee3824;
    color: #fff;
    width: 1.5vw;
    height: 1.5vw;
    border-radius: 100%;
    line-height: 1.2vw;
    position: absolute;
    text-align: center;
    right: 6.6vw;
    top: 1.3vw;
    z-index: 999;
    border: 0.1vw solid #fff;
}
.our-process .process-content .not1-color{
    background-color: #3a1137;
}
.our-process .process-content{
    position: relative;
    padding: 1vw 2vw;

}
.our-process .process-content .not1 span{
font-size: 0.7vw;
font-weight: 800;
}
.op-heading{
    margin-bottom: 3vw;
}
.process-content h4{
    padding: 0;
    margin: 1.5vw 0 1vw;
    text-align: center;
    font-size: 1.2vw;
    font-family: "Roobert TWHINT Bold";
    color: #3a1137;
}
.process-content p{
    padding: 0;
    margin: 0;
    color: #464360;
    font-family: "Poppins";
    font-size: 0.85vw;
    font-weight: 400;
    text-align: center;
}
.img-3 img{
    width: 2.6vw !important;
}
.img-3 {
    line-height: 5.1vw !important;
    padding: 0 1.2vw !important;
}
.line-img{
    position: absolute;
    right: -7vw;
    top: 0.7vw;
}
.line-img img{
    width: 10vw;
}
.lineimg-1{
    top: 3.6vw;
}

/* about home mortage section */
.about-home-mortage{
    background-image: url("../img/about-bg-img.jpg");
    background-position: center;
    background-size: cover;
    padding: 7vw;
    position: relative;
}
.about-home-mortage::before{
    content: "";
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    position: absolute;
    background-color: #16141b;
    opacity: 0.85;
}
.ahm-img img{
    width: 100%;
}
.ahm-img{
    position: relative;
    z-index: 9;
}
.ahm-heading{
    position: relative;
    z-index: 9;
    padding-left: 4.5vw;
}
.ahm-heading h6{
    padding: 0;
    margin: 0 0 0.5vw;
    font-size: 1.1vw;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.05vw;
    color: #cccccc;
}
.ahm-heading h1{
    color: #fff;
    font-size: 2.8vw;
    font-family: "Roobert-Regular";
    padding: 0;
    margin: 0 0 1.3vw;
   

}
.ahm-heading h1 span{
    font-family: "Roobert TWHINT Bold";   
}
.ahm-heading p{
    color: #ffffffd4;
    font-size: 1.05vw;
    line-height: 1.65vw;
    font-weight: 400;
}
.ahm-heading hr{
    color: #fff;
    border-top: 0.1vw dashed #fff;
    margin: 1.5vw 0;
}
.ahm-heading ul{
    padding: 0;
    margin: 0 0 3vw;
}
.ahm-heading a{
    background: #ee3824;
    color: #fff;
    font-size: 1vw;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05vw;
    padding: 0.9vw 2vw;
    border-radius: 0.5vw;
}
.ahm-heading a:hover{
    background-color: #3a1137;
    color: #ffffff;
    transition: 1s all;
}
.ahm-heading ul li{
    color: #cccccc;
    margin: 0.3vw 0;
    font-size: 1vw;
}
.ahm-heading ul li i.bi-check-circle {
   color: #fff;
   font-size: 1.05vw;
   margin-right: 0.8vw;
}
.service-area{
    padding: 7vw 0 5vw;
}
.servicearea-heading{
    text-align: center;
    margin-bottom: 3.4vw;
}
.choose-right .servicearea-heading h1{
    color: #000;
}
.servicearea-heading h1{
    font-size: 2.9vw;
    font-weight: 300;
    margin: 0;
    text-align: center;
    padding: 0;
    font-family: "Roobert-Regular";
    color: #3a1137;
}
.servicearea-heading h1 span{
    font-family: "Roobert TWHINT Bold";
}
.servicearea-heading h6{
    color: #ee3824;
    padding: 0;
    margin: 0 0 0.6vw;
    font-size: 1.2vw;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
}
.fha-hl{
    position: relative;
    margin-bottom: 4vw;
}
.fha-img img{
    width: 100%;
}
.fha-img img:hover{
    transition: 1s ease-in-out;
    transform: scale(1.1);
}
.fha-img{
    overflow: hidden;
}
.fha-heading{
    padding: 1.5vw 2.5vw;
    text-align: center;
    position: relative;
    border-bottom: 0.1vw solid #78747478;
    border-right: 0.1vw solid #78747478;
    border-left: 0.1vw solid #78747478;
    min-height: 15vw;
}
.fha-heading h1{
    font-size: 1.8vw;
    padding: 0;
    margin: 0 0 1vw;
    font-family: "Roobert TWHINT Bold";
    color: #3a1137;
}
.fha-heading p{
    color: #191a1d;
    font-size: 1vw;
    font-weight: 400;
}
.fm-btn{
    border: 0.15vw solid #78747478;
    padding: 0.5vw 4.7vw;
    width: fit-content;
    position: absolute;
    left: 5vw;
    background: #fff;
    bottom: -1.5vw;
}
.fm-btn a{
    font-size: 1vw;
    font-weight: 700;
    text-decoration: none;
    color: #ee3824;
}
.fm-btn:hover{
    background-color: #ee3824;
    transition: 1s all;
}
.fm-btn:hover a{
    color: #fff;
}

.fm-btn a i::before{
    font-weight: 900 !important;
    margin-left: 1vw;
}

.international-home-mortage{
    padding: 7vw 0 ;
    background-image: url("../img/lets-chat-bg.jpg");
    background-position: center;
    background-size: cover;
    position: relative;
}
.international-home-mortage::before{
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #16141b;
    opacity: 0.8;
}
.let-c-img{
    position: absolute;
    top: -3.2vw;
    left: 45.8vw;
    border: 0.35vw solid #fff;
    background-color: #ee3824;
    width: 7vw;
    height: 7vw;
    line-height: 6.3vw;
    padding: 0 0.6vw;
    border-radius: 100%;

}
.let-c-img img{
    width: 5vw;
}
.int-mortage-heading{
    position: relative;
    text-align: center;
}
.int-mortage-heading h5{
    color: #fff;
    font-size: 1.35vw;
    text-transform: uppercase;
    letter-spacing: 0.05vw;
    font-weight: 600;
    position: relative;
    margin: 0;
}
.int-mortage-heading h5::after{
    content: " ";
    position: absolute;
    width: 9vw;
    height: 0.2vw;
    background: #fff;
    top: 0.7vw;
    left: 4vw;
    border-radius: 5vw;
}

.int-mortage-heading h5::before{
    content: " ";
    position: absolute;
    width: 9vw;
    height: 0.2vw;
    background: #fff;
    top: 0.7vw;
    right: 4vw;
    border-radius: 5vw;
}
.int-mortage-heading h1{
    font-size: 4.65vw;
    margin: 1vw 0 0;
    text-align: center;
    padding: 0;
    font-family: "Roobert-Regular";
    color: #fff;
    letter-spacing: 0.1vw;
}
.int-mortage-heading h1 span{
    font-family: "Roobert TWHINT Bold";
}
.int-mortage-heading p{
    color: #fff;
    font-size: 1.2vw;
    padding: 1vw 0 0 0;
    font-weight: 400;
}
.int-mortage-heading .lets-chat a{
    background: #ee3824;
    color: #fff;
    font-size: 1.22vw;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05vw;
    padding: 1vw 3vw;
    border-radius: 0.5vw;
}
.int-mortage-heading .lets-chat a:hover{
    background-color: #3a1137;
    color: #ffffff;
    transition: 1s all;
}

.int-mortage-heading .lets-chat{
    margin-top: 3vw;
}
.why-choose-us{
    padding: 7vw 0;
}
.why-choose-us .wcu-img img{
    width: 100%;
}
.why-choose-us .wcu-img{
    overflow: hidden;
}
.why-choose-us .wcu-img:hover img{
    transition: 2s ease-in-out all;
    transform: scale(1.1);
}
.why-choose-us .wcu-heading h6{
    color: #ee3824;
    padding: 0;
    margin: 0 0 0.5vw;
    font-size: 1.2vw;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 0.02vw;
}
.why-choose-us .wcu-heading h1{
    font-size: 2.8vw;
    font-weight: 300;
    margin: 0.7vw 0;
    padding: 0;
    font-family: "Roobert-Regular";
    color: #1d212a;
}
.why-choose-us .wcu-heading h1 span{
    font-family: "Roobert TWHINT Bold";
}
.why-choose-us .wcu-heading ul{
    padding: 0;
    margin: 2.5vw 0 4vw;
}
.why-choose-us .wcu-heading ul li div i{
    font-size: 1.3vw;
    margin-right: 1vw;   
    color: #3a1137;
}
.why-choose-us .wcu-heading ul li span{
    font-size: 1.08vw;
    font-weight: 700;
}
.why-choose-us .wcu-heading ul li{
    margin: 0.45vw 0;
}
.get-in-touch-btn a{
    background: #ee3824;
    color: #fff;
    font-size: 1vw;
    text-decoration: none;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.05vw;
    padding: 0.9vw 2.5vw;
    border-radius: 0.4vw;
   
}
.get-in-touch-btn a:hover{
    background-color: #3a1137;
    color: #ffffff;
    transition: 1s all;
}
.footer-section{
    background-image: url("../img/footer-bg.jpg");
    background-position: center;
    background-size: cover;
    height: 90vh;
    padding: 5vw 0  0;
    position: relative;
}
/* .footer-section::before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #16141b;
    opacity: 0.95;
} */
.footer-links{
    position: relative;
    display: grid;  
    padding: 0 1vw;
}
.footer-links h5{
    padding: 0;
    font-size: 1.2vw;
    font-weight: 900;
    color: #fff;
    margin: 0 0 1;
}
.footer-links a{
    text-decoration: none;
    color: #ffffffbf;
    font-size: 0.95vw;
    padding: 0;
    margin: 0.5vw 0;
    font-weight: 600;
}
.footer-links a:hover{
    color: #fff;
}
.footer-links a i{
    font-size: 1.3vw;
    margin-right: 1vw;
    color: #ee3824;
}
form.form-view{
    display: block;
}
form.form-view input{
    margin: 0.6vw 0.2vw 0 0;
    padding: 0.5vw 0 0.5vw 0.5vw;
    font-size: 0.9vw;
    border: 0.1vw solid #fff0;
    background: #ffffff12;
    border-radius: 0.2vw;
    width: 11vw;
    color: #fff;
}
form.form-view textarea{
    margin: 0.6vw 0 1vw;
    width: 97%;
    border-radius: 0.2vw;
    border: 0.1vw solid #ffffff00;
    background: #ffffff12;
    padding: 0.5vw;
    color: #fff;
    font-size: 0.9vw;
}
form.form-view textarea::placeholder{
    font-size: 0.9vw;
}
form.form-view a{
    text-decoration: none;
    color: #fff;
    font-size: 0.9vw;
    text-transform: uppercase;
    font-weight: 600;
    background: #ee3824;
    padding: 0.8vw 2vw;
    border-radius: 0.3vw;
}
footer.footer-section hr{
    color: #fff;
    margin: 5vw 0 3vw;
    padding: 0;
}
.footer-media{
    position: relative;
    z-index: 999;
}
.footer-logo img{
    width: 15vw;
}
.footer-logo p{
    color: #fff9;
    font-weight: 500;
    font-size: 1vw;
    padding: 0;
    margin: 2vw 0;
}
.footer-logo p a{
    text-decoration: none;
    color: #ee3824;
    font-weight: 700;
}
.footer-service h6{
    font-size: 1.2vw;
    color: #fff;
    font-weight: 700;
    padding: 0;
    margin: 0;
}
.footer-service p{
    font-size: 1vw;
    color: #ffffff96;
    font-weight: 600;
    padding: 0;
    margin: 0.7vw 0 2vw;
}
.footer-service h4{
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.1vw;
    padding: 0;
    margin: 0 0 1.5vw;
}
.trusted-companys img{
    width: 7.5vw;
}
.trusted-companys{
    justify-content: space-between;
}
.second-footer{
    background-color: #09080b;
    padding: 1vw;
}
.terms-con{
    display: flex;
}
.terms-con a{
    color: #fff;
    padding: 0;
    margin: 0 1vw;
    text-decoration: none;
}
.terms-con a:hover{
    color: #ee3824;
}
.footer-icons ul{
    display: flex;
}
.footer-icons ul li{
    list-style: none;
    background-color: #ee3824;
    margin: 0 0.5vw;
    border-radius: 100%;
    width: 2.5vw;
    height: 2.5vw;
    text-align: center;
}
.footer-icons ul li a{
    line-height: 2.5vw;  
}
.footer-icons ul li a i{
    font-size: 1.2vw;
    color: #fff;
}
.terms-con{
    padding-top: 0.9vw;
}

/* aimation */
/* .img-border {
	animation: rotate 5s infinite linear;
}
.img-background{
    animation: 0s;
} */
@keyframes rotate {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

/* animation completed */

/* contact us page started */
.contact-us-landing{
    background-image: url(../img/contact-us-banner.jpg);
    background-position: center;
    background-size: cover;
    padding: 5vw 0;
    position: relative;
    height: 64.5vh;
}
.contact-us-landing::after {
    background: -moz-linear-gradient(60.75deg,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.01) 100%);
    background: -webkit-linear-gradient(60.75deg,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.01) 100%);
    background: -o-linear-gradient(60.75deg,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.01) 100%);
    background: -ms-linear-gradient(60.75deg,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.01) 100%);
    background: linear-gradient(90deg,rgb(0 0 0) 41%,rgb(0 0 0 / 0%) 100%);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    opacity: 0.5;
}
.land-conus-section{
    position: relative;
    z-index: 999;
}
.land-conus-section .breadcrumb{
    padding: 0;
    margin: 0;
}
.land-conus-section .breadcrumb li.breadcrumb-item{
    padding: 0;
    margin: 0;
    color: #fffc;
    font-size: 0.9vw;
}
.land-conus-section .breadcrumb li.breadcrumb-item a{
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: 0.9vw;
    text-decoration: none;
}
.land-conus-section .breadcrumb li.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding: 0 0.4vw;
    color: #fff;
    font-size: 0.9vw;
}
.land-conus-section h1{
    color: #fff;
    padding: 0;
    margin: 0;
    font-size: 3vw;
    font-family: "Roobert TWHINT Bold";

}
 /* .gt-bg{
    position: relative;
  
    background-position: center;
    background-size: cover;
    opacity: 0.1;
} */
.gt-bg{
    right: 0;
    bottom: 0;
    position: absolute;
    /* clip-path: polygon(91% 27%, 85% 62%, 0% 66%, 0% 30%); */
    left: -24vw;
    z-index: -1;
    top: -0.9vw;
     
}
.gt-bg img{
    width: 56vw;
}
.land-conus-section nav{
    position: absolute;
    top: -4vw;
    left: 0.1vw;
}
.land-conus-section p{
    color: #fff;
    font-size: 1.3vw;
    font-weight: 400;
    padding: 0;
    margin: 3vw 0 0;
    line-height: 1.7vw;
}
.contact-form .cont-filed{
    display: grid;
    width: 100%;
    margin: 1vw 0.5vw;
}
.ready-to-lanch{
    padding: 8vw 0;
}
.add-map iframe {
    width: 100%;
    height: 18vw;
}
.add-map{
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    padding: 0.5vw;
    position: relative;
}
.add-map::after{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    content: " ";
    width: 31.7vw;
    height: 0.3vw;
    background: #ee3824;
}
.add-map .map-icon{
    padding: 2vw;
}
.add-map .map-icon .icon-map{
    background: #f5f6fa;
    border-radius: 10vw;
    padding: 0 0;
    text-align: center;
    border: 0.1vw solid #e0e1e5;
    min-width: 3vw;
    height: 3vw;
    line-height: 2.8vw;
}
.add-map .map-icon .icon-map i{
    font-size: 1.4vw;
    color: #ee3824;
}
.con-add{
    margin: 1vw 0;
}
.con-add .icon-map{
    margin-right: 1vw;
}
.map-icon .con-add p{
    color: #293043;
    font-size: 0.8vw;
    text-transform: uppercase;
    letter-spacing: 0.02vw;
    padding: 0;
    margin: 0 0 0.3vw;
}
.map-icon .con-add a{
    text-decoration: none;
    font-size: 1.1vw;
    color: #293043;
    font-weight: 700;
}
.form-heading h1{
    color: #000;
    font-size: 2.5vw;
    font-weight: 800;
    font-family: "Roobert TWHINT Bold";
    padding: 0;
    margin: 0 0 2.5vw;
}
.form-heading{
    padding-left:5vw;
}
form.contact-form .cont-filed label{
    font-size: 1.1vw;
    font-weight: 500;
    color: #293043;
    padding: 0;
    margin: 0 0 0.3vw;

}
form.contact-form .cont-filed input{
    font-size: 1vw;
    padding: 0.6vw 1vw;
    border-radius: 0.3vw;
    border: 0.1vw solid #ccc;

}
form.contact-form .cont-filed textarea{
    border-radius: 0.3vw;
}
.send-um-btn button{
    margin-top: 1.4vw;
    border: inherit;
    background: #ee3824;
    color: #fff;
    font-weight: 800;
    font-size: 1.1vw;
    padding: 1vw 3vw;
    border-radius: 0.5vw;
}
.send-um-btn button:hover{
    background-color: #3a1137;
    color: #ffffff;
    transition: 1s all;
}
.send-um-btn button i{
    margin-left: 1vw;
}

/* about-us */
/* contact us page started */
.about-us{
    background-image: url(../img/aboutus-banner.jpg);
    background-position: center;
    background-size: cover;
    padding: 5vw 0;
    position: relative;
    height: 64.5vh;
}
.about-us::after {
    background: -moz-linear-gradient(60.75deg,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.01) 100%);
    background: -webkit-linear-gradient(60.75deg,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.01) 100%);
    background: -o-linear-gradient(60.75deg,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.01) 100%);
    background: -ms-linear-gradient(60.75deg,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.01) 100%);
    background: linear-gradient(90deg,rgb(0 0 0) 41%,rgb(0 0 0 / 0%) 100%);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    opacity: 0.5;
}
.about-us-section{
    position: relative;
    z-index: 999;
}
.about-us-section .breadcrumb{
    padding: 0;
    margin: 0;
}
.about-us-section .breadcrumb li.breadcrumb-item{
    padding: 0;
    margin: 0;
    color: #fffc;
    font-size: 0.9vw;
}
.about-us-section .breadcrumb li.breadcrumb-item a{
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: 0.9vw;
    text-decoration: none;
}
.about-us-section .breadcrumb li.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding: 0 0.4vw;
    color: #fff;
    font-size: 0.9vw;
}
.about-us-section h1{
    color: #fff;
    padding: 0;
    margin: 0;
    font-size: 2.8vw;
    font-family: "Roobert TWHINT Bold";

}

/* .gt-bg{
    
    right: 0;
    bottom: 0;
    position: absolute;
    clip-path: polygon(91% 27%, 85% 62%, 0% 66%, 0% 30%);
    background: #ff1900;
    left: -11vw;
    z-index: -1;
    top: -5.1vw;
    opacity: 0.8;
     
} */
.about-us-section nav{
    position: absolute;
    top: -4vw;
    left: 0.1vw;
}
.about-us-section p{
    color: #fff;
    font-size: 1.3vw;
    font-weight: 400;
    padding: 0;
    margin: 3vw 0 0;
    line-height: 1.7vw;
}

.our-story{
    padding: 7vw 0;
    position: relative;
}
.about-us-bg{
    position: absolute;
    transform: rotate(-90deg);
    left: -14.2vw;
    bottom: 21.2vw;
}
.about-us-bg h1{
    font-size: 7vw;
    font-weight: 900;
    padding: 0;
    margin: 0;
    color: #dcdada47;
    transform: rotate(-90deg);
}

.our-story .our-story-heading h6{
    color: #ee3824;
    padding: 0;
    margin: 0 0 0.6vw;
    font-size: 1.2vw;
    text-transform: uppercase;
    font-weight: 900;
}
.our-story .our-story-heading h1 span {
    font-family: "Roobert TWHINT Bold";
}
.our-story .our-story-heading h1 {
    font-size: 2.6vw;
    font-weight: 300;
    margin: 0 0 1vw;
    padding: 0;
    font-family: "Roobert-Regular";
    color: #3a1137;
}
.our-story .our-story-heading p{
    font-size: 1vw;
    color: #333333;
    font-weight: 500;
    margin: 1vw 0;
    line-height: 1.8vw;
}
.our-story-heading{
    padding-left: 0.5vw;
}
.our-story-img img{
    width: 100%;

}
.our-story-img{
    position: relative;
}
.our-story-img::before{
    content: " ";
    top: 3.5vw;
    right: 1vw;
    left: -1vw;
    bottom: 0vw;
    position: absolute;
    background-color: inherit;
    border: 0.15vw solid #3a1137;
    z-index: -1;
}

.process-control{
    padding: 5vw 0;
    background-color: #f5eff5;
    
}
.process-control .process-heading{
    text-align: center;
}
.process-control .process-heading h1 span {
    font-family: "Roobert TWHINT Bold";
}
.process-control .process-heading h1 {
    font-size: 2.6vw;
    font-weight: 300;
    margin: 0 0 1vw;
    padding: 0;
    font-family: "Roobert-Regular";
    color: #3a1137;
}
.process-control .process-apply{
    margin-top: 3vw;
    text-align: center;
}
.process-apply img{
    width: 4vw;
}
.process-apply h2{
    font-size: 1.4vw;
    margin: 2vw 0 1vw;
    font-family: "Roobert TWHINT Bold";
}
.process-apply p{
    color: #333;
    font-size: 0.95vw;
    font-weight: 500;
    padding: 0;
    margin: 0;
}
.wmy-better{
    padding: 5vw 0;
}
.wmy-heading{
    text-align: center;
}

.wmy-better .wmy-heading h1 {
    font-size: 2.6vw;
    font-weight: 300;
    margin: 0 0 2.5vw;
    padding: 0;
    font-family: "Roobert TWHINT Bold";
    color: #3a1137;
}

.solo-loan{
    padding: 1.2vw;
    border: 0.15vw solid #b6b5b55e;
    margin: 1vw;
}
.solo-loan h2{
    font-size: 1.5vw;
    font-family: "Roobert TWHINT Bold";
    padding: 0;
    margin:0 0 1.5vw;
    text-align: center;
}
.solo-loan .solo-loan-img img{
    width: 100%;
}
.solo-loan ul{
    padding: 0;
    margin: 1.3vw 0 0;
}
.solo-loan ul li{
    margin: 0.3vw 0;
}
.solo-loan ul li i{
    margin-right: 0.7vw;
    font-size: 1vw;
    color: #ee3824;
}
.solo-loan ul li span{
    font-size: 1vw;
    color: #333;
    font-weight: 500;
}
.process-gts-btn{
    text-align: center;
    margin-top: 3vw;
}
.process-gts-btn button{
    font-size: 1.1vw;
    font-weight: 900;
    border: 0.15vw solid #ccc;
    padding: 0.35vw 6vw;
    background: inherit;
    text-align: center;
}
.process-gts-btn button a{
    color: #3a1137;
    text-decoration: none;
}
.process-gts-btn button:hover{
    background-color: #ee3824;
    color: white;
    
    border: solid #ee3824;
    transition: 2s all;
}
.process-gts-btn button:hover a{
    color: white;
    transition: 2s all;
}

.process-gts-btn button i{
    font-size: 1.2vw;
    margin-left: 1vw;
}

/* conventional loans */
.conventional-loans{
    background-image: url(../img/conventional-banner.jpg);
    background-position: center;
    background-size: cover;
    padding: 5vw 0;
    position: relative;
    height: 64.5vh;
}
.conventional-loans::after {
    background: -moz-linear-gradient(60.75deg,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.01) 100%);
    background: -webkit-linear-gradient(60.75deg,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.01) 100%);
    background: -o-linear-gradient(60.75deg,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.01) 100%);
    background: -ms-linear-gradient(60.75deg,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.01) 100%);
    background: linear-gradient(90deg,#00000061 41%,rgb(0 0 0 / 0%) 100%);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    opacity: 0.5;
}
.conventional-heading{
    position: relative;
    z-index: 999;
}
.conventional-heading .breadcrumb{
    padding: 0;
    margin: 0;
}
.conventional-heading .breadcrumb li.breadcrumb-item{
    padding: 0;
    margin: 0;
    color: #fffc;
    font-size: 0.9vw;
}
.conventional-heading .breadcrumb li.breadcrumb-item a{
    padding: 0;
    margin: 0;
    color: #dad6d69e;
    font-size: 0.9vw;
    text-decoration: none;
}
.conventional-heading .breadcrumb li.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding: 0 0.4vw;
    color: #fff;
    font-size: 0.9vw;
}
.conventional-heading h1{
    color: #fff;
    padding: 0;
    margin: 0;
    font-size: 2.8vw;
    font-family: "Roobert TWHINT Bold";

}

/* .gt-bg{
    
    right: 0;
    bottom: 0;
    position: absolute;
    clip-path: polygon(92% 27%, 88% 62%, 0% 66%, 0% 30%);
    background: #ff1900;
    left: -11vw;
    z-index: -1;
    top: -5.1vw;
    opacity: 0.8;
     
} */
.conventional-heading nav{
    position: absolute;
    top: -4vw;
    left: 0.1vw;
}
.conventional-heading p{
    color: #fff;
    font-size: 1.3vw;
    font-weight: 400;
    padding: 0;
    margin: 3vw 0 0;
    line-height: 1.7vw;
}

.coventional-hl{
    padding: 4.5vw 0 2vw;
}
.cove-hl-heading h1{
    font-family: "Roobert TWHINT Bold";
    font-size: 1.7vw;
    padding: 0;
    margin: 0 0 1vw;
    color: #3a1137;
    margin: 4vw 0 1vw;
}
.addventages-cl h1{
    font-family: "Roobert TWHINT Bold";
    font-size: 1.7vw;
    padding: 0;
    margin: 4vw 0 1vw;
    color: #3a1137;
}
.cove-hl-heading p{
    font-family: 'TT Hoves';
    font-weight: 500;
    font-size: 1.08vw;
    padding: 0;
    margin: 0 0 1.5vw;
    color: #434040d6;    
}
.cove-hl-heading button{
    border: none;
    background: #ee3824;
    color: #fff;
    font-size: 1vw;
    font-weight: 800;
    padding: 0.8vw 2.5vw;
    margin: 1vw 0 4vw;
    border-radius: 0.5vw;
    
}
.cove-hl-heading button:hover{
    background-color: #3a1137;
    transition: 2s all;
}
.cove-hl-heading button a{
    text-decoration: none;
    color: #fff;
}
.cove-hl-heading button i{
    font-size: 1.1vw;
    margin-left: 6vw;
}
.cove-hl-heading img{
    width: 100%;
}
.addventages-cl p{
    font-family: 'TT Hoves';
    font-weight: 500;
    font-size: 1.08vw;
    padding: 0;
    margin: 0 0 1.5vw;
    color: #434040d6;
}
.addventages-cl ul{
    padding: 0;
    margin: 1vw 0;
}
.addventages-cl ul li{
    font-family: 'TT Hoves';
    font-weight: 500;
    font-size: 1.08vw;
    padding: 0;
    color: #434040d6;
    margin: 0.3vw 0;
}
.addventages-cl ul li i{
    font-size: 1.1vw;
    color: #ee3824;
    margin-right: 1vw;
}
.addventages-cl button a{
    color: #fff;
    text-decoration: none;
}
.addventages-cl button{
    border: none;
    background: #ee3824;
    color: #fff;
    font-size: 1vw;
    font-weight: 800;
    padding: 0.8vw 2.5vw;
    margin: 1vw 0 2vw;
    border-radius: 0.5vw;
}
.addventages-cl button:hover{
    background-color: #3a1137;
    transition: 2s all;
}

.addventages-cl button i{
    font-size: 1.1vw;
    margin-left: 6vw;
}
.tips-for-cl{
    padding: 5vw 0;
    background-color: #f5eff5;
}
.tips-for-cl .tips-heading h1{
    font-family: "Roobert TWHINT Bold";
    font-size: 1.7vw;
    padding: 0;
    margin: 0vw 0 1vw;
    color: #3a1137;   
}
.tips-for-cl .tips-heading p{
    font-family: 'TT Hoves';
    font-weight: 500;
    font-size: 1.08vw;
    padding: 0;
    margin: 0 0 1.5vw;
    color: #434040d6;
}
.wt-next{
    padding: 5vw 0;
}
.wt-next .wt-next-heading h1{
    font-family: "Roobert TWHINT Bold";
    font-size: 1.7vw;
    padding: 0;
    margin: 0vw 0 1vw;
    color: #3a1137;   
}
.wt-next .wt-next-heading p{
    font-family: 'TT Hoves';
    font-weight: 500;
    font-size: 1.08vw;
    padding: 0;
    margin: 0 0 1.5vw;
    color: #434040d6;
}
.wt-next .wt-next-heading button:hover{
    background-color: #3a1137;
    transition: 2s all;
}
.wt-next .wt-next-heading button a{
    color: #fff;
    text-decoration: none;
}
.wt-next .wt-next-heading button{
    border: none;
    background: #ee3824;
    color: #fff;
    font-size: 1vw;
    font-weight: 800;
    padding: 0.8vw 2.5vw;
    margin: 1vw 0;
    border-radius: 0.5vw;
}
.wt-next .wt-next-heading button i{
    font-size: 1.1vw;
    margin-left: 6vw;
}

.mortage-calculator{
    padding: 7.5vw;
    position: relative;
    background-color: #3a1137;
    height: 35vw;
    margin-bottom: 10vw;
}
.mortage-calculator .mortage-heading h1{
    color: #fff;
    font-weight: 900;
    font-family: "Roobert TWHINT Bold";
    font-size: 2vw;
    padding: 0;
    margin: 0vw 0 1vw;
    text-align: center;
}
.cal-bg{
    background: #fff;
    padding: 1vw;
    border-radius: 1vw;
    position: absolute;
    width: 56vw;
    top: 14vw;
    box-shadow: 2px 1px 43px 0px rgb(0 0 0 / 20%);
    left: 21.5vw;
}
.cal-bg .mortage-cal-content{
    background: #f5eff5;
    padding: 3vw;
    border-radius: 0.5vw;
}
.chrs-faha{
    padding: 0.8vw;
    border: 0.1vw solid #78747478;
}
.chrs-faha-heading{
    border: none;
    padding: 1vw;
    min-height: 25vh;
}
.cv-lets-btn{
    border: 0.15vw solid #78747478;
    padding: 0.5vw 3.5vw;
    position: absolute;
    left: 0.7vw;
    background: #ee3824;
    bottom: -2vw;

}
.cv-lets-btn a{
    font-size: 1vw;
    font-weight: 700;
    text-decoration: none;
    color: #ffffff;
}

.caclt-filed p{
    font-weight: 900;
    font-size: 0.93vw;
    color: #5a5858;
    padding: 0;
    margin: 0 ;
}
.caclt-filed p span{
    font-size: 1.2vw;
    color: #3a1137;
}
.caclt-filed input#disk_c{
    height: 2vw;
    width: 90%;
}
.caclt-filed{
    margin-bottom: 3vw;
}
.caclt-filed h4{
    font-size: 1.9vw;
    font-weight: 800;
    padding: 0;
    margin: 1vw 0;
    color: #3a1137;
}
.cal-btn-mot button{
    border: none;
    background: #ee3824;
    color: #fff;
    font-size: 1vw;
    font-weight: 800;
    padding: 1.1vw 2vw;
    border-radius: 0.5vw;
}
.cal-btn-mot button i{
    margin-left: 1vw
}

.caclt-filed input[type="range"]::-webkit-meter-optimum-value {
    height: 2vw !important;
    background: #ee3824 !important;
    border: none !important;
  }
 .caclt-filed  input[type="range"]::-moz-meter-bar { /* Firefox Pseudo Class */
    height: 2vw !important;
    background: #ee3824 !important;
    border: none !important;
  }

  /* input[type="range"]{
    min-height: 1vw !important;
  } */

  /* Hma mortgage*/
  .hma-mortgage{
    background-image: url("../img/hma-banner.jpg");
  }
  /* .hma-mortgage .gt-bg{
    clip-path: polygon(90% 27%, 85% 62%, 0% 66%, 0% 30%);
  } */
  .choose-right-mortgage{
    padding: 7.5vw 0 1.5vw;
  }
  .choose-right-mortgage .cr-heading h1{
    font-family: "Roobert TWHINT Bold";
    color: #3a1137;
    font-size: 2.35vw;
    padding: 0;
    margin: 0;
    text-align: center;
    margin: 1vw 0;
  }
  .choose-right-mortgage .cr-heading p{
    font-size: 1vw;
    padding: 0 5vw;
    margin: 2vw 0 3vw;
    text-align: center;
    font-weight: 600;
    color: #514f4f;
  }
  .choose-right-mortgage hr{
    padding: 0;
    margin: 2vw 0;
  }
  .choose-right-mortgage .cr-mortage-heading h1{
    font-size: 2.3vw;
    font-family: "Roobert TWHINT Bold";
    padding: 0;
    margin: 0 0 1vw;
  }
  .choose-right-mortgage .cr-mortage-heading p{
    font-size: 1vw;
    color: #333333;
    font-weight: 500;
    padding: 0;
    margin: 1vw 0;
  }
  .choose-right-mortgage .cr-mortage-heading ul{
    padding: 0;
  }
  .choose-right-mortgage .cr-mortage-heading ul li{
    margin: 0.4vw 0;
  }
  .choose-right-mortgage .cr-mortage-heading ul li span{
    color: #636161;
    font-size: 1vw;
    font-weight: 500;
   
  }
  .choose-right-mortgage .cr-mortage-heading ul li i{
    color: #adadad;
    font-size: 1.1vw;
    margin-right: 1vw;
  }
 .right-expand{
    padding-left: 2vw  !important;
  }
  .hma-h-btn button{
    margin-top: 2vw;
    padding: 0.9vw 4.9vw;
    font-size: 1.1vw;
    font-weight: 800;
    background: #ee3824;
    color: #fff;
    border: inherit;
    border-radius: 0.5vw;
  }
  .hma-h-btn button i{
    margin-left: 2vw;
  }
  .hma-mortage-content{
    margin: 5vw 0 8vw;
  }
  .choose-right{
    padding: 2vw 0 5vw;
  }
  .index-cal-bg{
    position: inherit !important;
    width: auto !important;
  }
  .proud-purpose{
    background-color: #3a1137;
    padding: 5vw 0;
  }
  .proud-heading h1{
    font-family: "Roobert TWHINT Bold";
    color: #fff;
    font-size: 2.2vw;
    padding: 0;
    margin: 0 0 3vw;
  }
  .consumer-card{
    background: #fff;
    padding: 1.5vw;
    text-align: center;
    border-radius: 0.5vw;
    margin: 1vw 0;
  }
  .consumer-card h1{
    color: #3a1137;
    font-family: "Roobert TWHINT Bold";
    font-size: 2vw;
  }
  .consumer-card p{
    text-transform: uppercase;
    font-size: 0.8vw;
    padding: 0;
    margin: 1vw 0 0;
    font-weight: 700;
    color: #6e6c6c;
  }
  .mortage-heading-proud h1{
    font-family: "Roobert TWHINT Bold" !important;
    color: #fff;
    font-size: 2.2vw;
    padding: 0;
    margin: 0 0 3vw;
  }

  
 
  li.nav-item.dropdown:hover .dropdown-menu{
    display: block;
    transition: 2s ease-in-out;
    
   }
   
   .nav-item.dropdown ul.dropdown-menu li{
    margin: 0.5vw;
   }
   .nav-item.dropdown ul.dropdown-menu li a.dropdown-item{
    font-size: 1vw;
    font-weight: 700;
    padding: 0.5vw;
   }
   .nav-item.dropdown ul.dropdown-menu li:hover{
    background-color: #e53623;
    padding-left: 1vw ;
    transition: 0.5s ease-in-out;
   }
   .enquery-section{
    padding: 6vw;
    background-color: #f5eff5;
    height: auto;
   }
   .enquery-section .enquery-bg{
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    padding: 2.5vw;
    border-radius: 0.7vw;
   }
   .enquery-section .enquery-bg .enquery-form form input{
    width: 100%;
    padding: 0.6vw;
    border-radius: 0.3vw;
    border: 0.1vw solid #ccc;
    margin: 0.5vw 0;
    font-size: 1vw;
   }
   .enquery-section .enquery-bg .enquery-form form select{
    font-size: 1vw;
    width: 100%;
    padding: 0.6vw;
    border-radius: 0.3vw;
    border: 0.1vw solid #ccc;
    margin: 0.5vw 0 0.9vw;

   }
   .enquery-section .enquery-bg .enquery-form h1{
    font-size: 2.4vw;
    font-weight: 300;
    margin: 0 0 1.5vw;
    padding: 0;
    font-family: "Roobert TWHINT Bold";
    color: #3a1137;
   }
   .send-enquery-btn button{
    border: inherit;
    text-decoration: none;
    color: #fff;
    font-size: 0.9vw;
    text-transform: uppercase;
    font-weight: 600;
    background: #ee3824;
    padding: 0.8vw 5vw;
    border-radius: 0.3vw;
    margin: .9vw 0;
   }
   .send-enquery-btn button:hover{
    background-color: #3a1137;
    color: #ffffff;
    transition: 1s all;
   }
   .enquery-logo-img{
    background-color: #ee3824;
    width: 7vw;
    height: 7vw;
    line-height: 6.3vw;
    padding: 0 1vw;
    border-radius: 100%;
    margin: 0 auto 5vw;
   }
   .enquery-logo-img img{
    width: 5vw;
   }
   .enuery-logo h3{
    font-size: 2vw;
    font-weight: 300;
    margin: 0 0 1.5vw;
    padding: 0;
    font-family: "Roobert TWHINT Bold";
    color: #7b7b7b;
   }
   .enquery-form{
    position: relative;
   }
   .enquery-form::before{
    content: " ";
    position: absolute;
    top: -2.5vw;
    right: 0;
    left: -3vw;
    bottom: 0;
    width: 0.2vw;
    height: 37.3vw;
    background-color: #3a11373d;
    border-radius: 10vw;
   }
   .sucess-modal .modal-dialog.modal-dialog-centered{
    width: 30vw;
    max-width: 30vw;
   }
   .sucess-content{
    padding: 2vw;
    text-align: center;
   }
   .sucess-content i{
    color: green;
    font-size: 4.5vw;
   }
   .sucess-content h6{
    padding: 0;
    margin: 1vw 0;
    font-size: 1.2vw;
    font-weight: 900;
    color: #e53623;
   }
   .sucess-content p{
    padding: 0;
    margin: 0;
    font-size: 1vw;
    font-weight: 800;
    color: #3a1137;
   }
   .back-hom{
    margin: 3vw 0 1vw;
   }
   .back-hom a{
    text-decoration: none;
    background: #e53623;
    color: #fff;
    font-weight: 900;
    font-size: 1vw;
    padding: 0.9vw 5vw;
    border-radius: 0.5vw;
   }
 


  @media (max-width: 575.98px) { 
    nav.navbar .navbar-brand img {
        width: 200px !important;
    }
    .index-landing .index-lan-heading h1{
       font-size: 35px;
    }
    .process-gts-btn button i {
        font-size: 14px;
    }
   
    nav.navbar .navbar-collapse ul.navbar-nav {
        background: #e53623;
        padding: 10px;
        margin-top: 15px;
    }
    nav.navbar .navbar-collapse ul li a.nav-link {
        padding: 8px;
        margin: 3px 0;
        font-size: 16px;
        color: #ffffff;
    }
    .nmid p {
        font-size: 16px !important;
        color: #ffffff !important;
        margin-bottom: 10px !important;
    }
    nav.navbar .navbar-collapse ul.navbar-nav .second-head{
        padding-top: 0 !important;
    }
    nav.navbar {
        padding: 15px 0;
    }
    .befor-line::before {
        display: none;
    }
    nav.navbar .navbar-collapse ul li a.nav-link i{
        color: #fff;
    }
    nav.navbar .navbar-collapse ul li a.nav-link.gs-btn {
        padding: 12px 50px;
        margin: 0 0.7vw 0 0;
        border-radius: 5px;
        font-size: 12px;
        margin-bottom: 10px;  
          font-size: 12px;
    
    }
    .nav-item.dropdown ul.dropdown-menu li a.dropdown-item{
        font-size: 12px;
        padding: 7px;
    }
    .postion-circle{
        display: none !important;
    }
    .index-lan-heading {
        margin-top: 10vw;
        padding: 20px;
    }
    .index-landing .index-lan-heading a {
        font-size: 14px;
        padding: 15px 35px;
        border-radius: 7px;
    }
    .index-landing .index-lan-heading p {
        font-size: 14px;
        margin: 0 0 40px;
        line-height: inherit;
    }
    .index-landing .index-lan-heading h3 {
        font-size: 17px;
        margin: 20px 0;
    }
    .index-landing{
        background-image: url(../img/mobile-banners/landing-banner-mobile.jpg);
        height: 80vh;
    }
    .proud-purpose {
        padding: 40px 0;
    }
    .proud-heading h1 {
        font-size: 30px;
        margin: 0 0 20px 0;
    }
    .consumer-card h1 {
        font-size: 30px;
    }
    .consumer-card p {
        font-size: 14px;
        margin: 20px 0 0;
    }
    .consumer-card {
        padding: 20px;
        margin: 10px 0;
    }
    .mortage-heading-proud h1 {
        font-size: 30px;
        margin: 30px 0 20px;
    }
    .caclt-filed p {
        font-size: 14px;
    }
    .caclt-filed {
        margin-bottom: 30px;
    }
    .caclt-filed p span {
        font-size: 20px;
    }
    .caclt-filed h4 {
        font-size: 30px;
    }
    
.cal-btn-mot button {
    font-size: 14px;
    padding: 15px 70px;
    border-radius: 7px;
}
.our-process {
    padding: 40px 0;
}
.our-process .op-heading h1 {
    font-size: 30px;
}
.our-process .op-heading h6 {
    font-size: 15px;
}
.our-process .img-border {
    width: 100px;
    height: 100px;
    padding: 9.3px 0;
}
.our-process .img-background {
    width: 80px;
    height: 80px;
    line-height: 81px;
    padding: 0 15px;
}
.our-process .img-background img {
    width: 60px;
}
.our-process .process-content {
    margin: 20px 0;
}
.process-content h4 {
    margin: 20px 0;
    font-size: 25px;
}
.process-content p {
    font-size: 14px;
}
.our-process .process-content .not1 {
    width: 25px;
    height: 25px;
    line-height: 19px;
    right: 120px;
    top: 11px;
}
.our-process .bgcolor-1 {
    padding: 0 15px;
    line-height: 81px;
}
.our-process .bgcolor-1 img {
    width: 50px !important;
}
.our-process .process-content .not1 span {
    font-size: 12px;
}
.img-3 {
    line-height: 80px !important;
    padding: 0 17px !important;
}
.our-process .img-background img {
    width: 45px !important;
}
.line-img {
    display: none;
}
.ahm-heading {
    padding-left: 0 !important;
    margin: 30px 0;
}
.ahm-heading h6 {
    margin: 20px 0;
    font-size: 20px;
}
.ahm-heading h1 {
    font-size: 28px;
    margin: 0 0 20px;
}
.ahm-heading p {
    color: #fff;
    font-size: 15px;
    line-height: inherit;
}
.ahm-heading ul {
    margin: 20px 0 50px;
}
.ahm-heading ul li i.bi-check-circle {
    font-size: 15px;
    margin-right: 15px;
}
.ahm-heading ul li {
    color: #fff;
    margin: 10px 0;
    font-size: 15px;
}
.ahm-heading a {
    font-size: 14px;
    padding: 13px 50px;
    border-radius: 7px;
}
.service-area {
    padding: 40px 0;
}
.servicearea-heading h6 {
    font-size: 15px;
}
.servicearea-heading h1 {
    font-size: 30px;
}
.fha-hl {
    margin: 20px 0 40px;
}
.fha-heading h1 {
    font-size: 25px;
    margin: 10px 0;
}
.fha-heading p {
    font-size: 15px;
}
.fha-heading {
    padding: 20px;
}
.fm-btn a {
    font-size: 15px;
}
.fm-btn {
    padding: 10px 50px;
    left: 12px;
    bottom: -22px;
}
.international-home-mortage {
    padding: 120px 0 60px;
}
.int-mortage-heading h5 {
    font-size: 18px;
}
.int-mortage-heading h5::after {
   display: none;
}
.int-mortage-heading h5::before {
    display: none;
}
.int-mortage-heading h1 {
    font-size: 33px;
    margin: 20px 0;
}
.int-mortage-heading p {
    font-size: 15px;
}
.int-mortage-heading .lets-chat a {
    font-size: 14px;
    padding: 15px 70px;
    border-radius: 7px;
}

.int-mortage-heading .lets-chat {
    margin-top: 50px;
}
.why-choose-us {
    padding: 50px 0;
}
.wcu-heading{
    margin: 20px 0;
}
.why-choose-us .wcu-heading h6 {
    font-size: 15px;
}
.why-choose-us .wcu-heading h1 {
    font-size: 30px;
    margin: 10px 0 20px 0;
}
.why-choose-us .wcu-heading ul li div i {
    font-size: 15px;
    margin-right: 15px;
}
.why-choose-us .wcu-heading ul li span {
    font-size: 15px;
}
.why-choose-us .wcu-heading ul li {
    margin: 10px 0;
}
.get-in-touch-btn a {
    font-size: 14px;
    padding: 15px 80px;
    border-radius: 7px;
}
.get-in-touch-btn{
    margin-top: 40px;
}
.footer-section {
    height: auto;
    padding: 40px 0;
}
.footer-links h5 {
    font-size: 16px;
}
.footer-links a {
    font-size: 14px;
    margin: 5px 0;
}
.footer-links {
    margin: 10px 0;
}
.footer-links a i {
    font-size: 16px;
    margin-right: 15px;
}
form.form-view input {
    margin: 5px;
    padding: 5px;
    font-size: 14px;
    background: #ffffff;
    border-radius: 4px;
    width: 23.5vh;
}
form.form-view textarea {
    margin: 10px 5px 15px;
    padding: 5px;
    font-size: 14px;
    background-color: #fff;
    border-radius: 4px;
}
form.form-view textarea::placeholder{
    font-size: 14px;
}
form.form-view a {
    font-size: 14px;
    padding: 15px 70px;
    border-radius: 7px;
}
.footer-logo img {
    width: 200px;
}
.footer-logo{
    margin: 30px 0;
}
.footer-logo p {
    font-size: 14px;
    margin: 10px 0;
}
.footer-service h6 {
    font-size: 17px;
}
.footer-service p {
    font-size: 14px;
    margin: 5px 0 20px;
}
.footer-service h4 {
    font-size: 16px;
}
.trusted-companys img {
    width: 140px;
}
.terms-con a {
    font-size: 14px;
}
.footer-icons ul{
    padding: 0;
}
.footer-icons ul li{
    width: 30px;
    height: 30px;
    line-height: 31px;
    padding: 0 7.9px;
    margin-right: 10px;
}
.footer-icons{
    margin: 30px  0 10px;
}
.footer-icons ul li a i{
    font-size: 15px;
}
.let-c-img {
    top: -41px;
    left: 130px;
    border: 6px solid #fff;
    width: 100px;
    height: 100px;
    line-height: 77px;
    padding: 0 4px;
}
.let-c-img img {
    width: 80px;
}


/*about us */
.about-us-section .breadcrumb li.breadcrumb-item a {
    font-size: 12px;
}
.about-us-section .breadcrumb li.breadcrumb-item {
    font-size: 12px;
}
.about-us-section .breadcrumb li.breadcrumb-item+.breadcrumb-item::before {
    font-size: 12px;
}
.gt-bg img {
    width: 380px !important;
    height: 50px !important;
}
.about-us-section h1 {
    font-size: 30px;
}
.about-us-section p {
    font-size: 18px;
    margin: 20px 0;
    line-height: inherit;
}
.about-us {
    height: 40vh;
}
.about-us-section nav {
    top: -40px;
}
.our-story {
    padding: 40px 0;
}
.about-us-bg{
    display: none;
}
.our-story-heading {
    padding-left: 0;
    margin: 40px 0 10px;
}
.our-story .our-story-heading h6{
    font-size: 16px;
}
.our-story .our-story-heading h1 {
    font-size: 30px;
    margin: 0 0 20px;
}
.our-story .our-story-heading p {
    font-size: 14px;
    margin: 10px 0;
    line-height: inherit;
}
.process-control {
    padding: 40px 0;
}
.process-control .process-heading h1 {
    font-size: 30px;
    margin: 0 0 30px;
}
.process-apply img {
    width: 50px;
}
.process-control .process-apply {
    margin: 20px 0;
}
.process-apply h2 {
    font-size: 20px;
    margin: 20px 0 10px;
}
.process-apply p {
    font-size: 14px;
}
.wmy-better {
    padding: 40px 0;
}
.wmy-better .wmy-heading h1 {
    font-size: 30px;
    margin: 0 0 30px;
}
.solo-loan h2 {
    font-size: 25px;
    margin: 0 0 20px;
}
.solo-loan {
    padding: 10px;
    margin: 15px 0;
}
.solo-loan ul {
    margin: 20px 0 0;
}
.solo-loan ul li i {
    margin-right: 15px;
    font-size: 15px;
    
}
.solo-loan ul li span {
    font-size: 15px;
}
.solo-loan ul li {
    margin: 7px 0;
}
.process-gts-btn button {
    font-size: 14px;
    padding: 13px 100px;
    border-radius: 7px;
}
ul.dropdown-menu.show li a {
    font-size: 14px;
    padding: 5px 0;
}
ul.dropdown-menu.show {
    width: 250px;
    padding: 10px;
    text-align: center;
}
nav.navbar .navbar-collapse ul li a.nav-link:hover {
    color: #ffffff !important;
}
.conventional-heading .breadcrumb li.breadcrumb-item+.breadcrumb-item::before {
    font-size: 12px;
}
.conventional-heading .breadcrumb li.breadcrumb-item a {
    color: #dad6d6;
    font-size: 12px;
}
.conventional-heading .breadcrumb li.breadcrumb-item {
    font-size: 12px;
}
.conventional-heading h1 {
    font-size: 30px;
}
.conventional-heading p {
    color: #fff;
    font-size: 18px;
    line-height: inherit;
}
.conventional-loans {
    height: 40vh;
}
.conventional-heading nav {
    top: -35px;
}
.coventional-hl {
    padding: 40px 0;
}
.cove-hl-heading h1 {
    font-size: 25px;
    margin: 0 0 20px;
}
.cove-hl-heading p {
    font-size: 14px;
    margin: 5px 0;
}
.cove-hl-heading button {
    font-size: 14px;
    padding: 13px 75px;
    margin: 20px 0;
    border-radius: 7px;
}
.cove-hl-heading button i {
    font-size: 14px;
    margin-left: 6vw;
}
.addventages-cl h1 {
    font-size: 25px;
    margin: 0 0 20px;
}
.addventages-cl  p {
    font-size: 14px;
    margin: 5px 0;
}
.addventages-cl button {
    font-size: 14px;
    padding: 13px 75px;
    margin: 20px 0;
    border-radius: 7px;
}
.addventages-cl button i {
    font-size: 14px;
    margin-left: 6vw;
}
.addventages-cl{
    margin-top: 25px;
}
.addventages-cl ul li {
    font-size: 14px;
    margin: 5px 0;
}
.addventages-cl ul li i {
    font-size: 14px;
    margin-right: 15px;
}
.addventages-cl ul {
    margin: 20px 0;
}
.tips-for-cl .tips-heading h1 {
    font-size: 25px;
}
.tips-for-cl .tips-heading p {
    font-size: 14px;
    margin: 5px 0;
}
.tips-for-cl{
    padding: 40px 0;
}
.wt-next {
    padding: 40px 0;
}
.wt-next .wt-next-heading h1 {
    font-size: 25px;
    margin: 0 0 10px;
}
.wt-next .wt-next-heading p {
    font-size: 14px;
    margin: 5px 0;
}
.wt-next .wt-next-heading button{
    font-size: 14px;
    padding: 13px 75px;
    margin: 20px 0;
    border-radius: 7px;
}
.wt-next .wt-next-heading button i{
    font-size: 14px;
    margin-left: 6vw;
}
.mortage-calculator {
    padding: 40px 0;
    height: auto;
    margin-bottom: 0;
}
.mortage-calculator .mortage-heading h1 {
    font-size: 30px;
    margin-bottom: 30px;
}
.cal-bg {
    background: #fff;
    padding: 1vw;
    border-radius: 1vw;
    position: inherit;
    width: auto;
}
.choose-right .servicearea-heading h1 {
    font-family: "Roobert TWHINT Bold";
}
.choose-right-mortgage {
    padding: 40px 0;
}
.choose-right-mortgage .cr-heading h1 {
    font-size: 30px;
}
.choose-right-mortgage .cr-heading p {
    font-size: 15px;
    margin: 20px 0;
}
.cr-mortage-heading{
    margin: 35px 0 15px;
}
.choose-right-mortgage .cr-mortage-heading h1 {
    font-size: 25px;
    margin: 0 0 10px;
}
.choose-right-mortgage .cr-mortage-heading ul li i {
    font-size: 14px;
    margin-right: 14px;
}
.choose-right-mortgage .cr-mortage-heading ul li span {
    font-size: 14px;
}
.choose-right-mortgage .cr-mortage-heading ul li {
    margin: 5px 0;
}
.choose-right-mortgage .cr-mortage-heading p {
    font-size: 15px;
    margin: 0 0 20px;
}
.hma-h-btn  button{
    font-size: 14px;
    padding: 13px 35px;
    margin: 20px 0;
    border-radius: 7px;
}
.hma-h-btn  button i{
    font-size: 14px;
    margin-left: 6vw;
}
.desktop-none{
    display: block;
}
.mobile-none{
    display: none;
}
.ready-to-lanch {
    padding: 40px 0;
}
.add-map iframe {
    height: 40vh;
}
.add-map {
    padding: 10px;
    border-radius: 7px;
}
.map-icon .con-add p {
    font-size: 12px;
}
.map-icon .con-add a {
    font-size: 14px;
}
.add-map .map-icon .icon-map {
    min-width: 40px;
    height: 40px;
    line-height: 42px;
    margin-right: 5px;
}
.add-map .map-icon .icon-map i {
    font-size: 20px;
}
.con-add {
    margin: 20px 0;
}
.add-map::after {
    width: 100%;
    height: 4px;
}
.form-heading {
    padding-left: 0;
    margin-top: 70px;
}
.form-heading h1 {
    font-size: 25px;
    margin: 0 0 20px;
}
form.contact-form .cont-filed label {
    font-size: 14px;
}
form.contact-form .cont-filed input {
    font-size: 13.7px;
    padding: 5px;
    border-radius: 3px;
}

.send-um-btn button{
    font-size: 14px;
    padding: 13px 35px;
    margin: 20px 0;
    border-radius: 7px;
}
.send-um-btn button i{
    font-size: 14px;
    margin-left: 6vw;
}
.land-conus-section .breadcrumb li.breadcrumb-item a {
    font-size: 12px;
}
.land-conus-section .breadcrumb li.breadcrumb-item {
    font-size: 12px;
}
.land-conus-section .breadcrumb li.breadcrumb-item+.breadcrumb-item::before {
    font-size: 12px;
}
.land-conus-section h1 {
    font-size: 30px;
}
.land-conus-section p {
    font-size: 18px;
    margin: 20px 0 0 0;
    line-height: inherit;
}
.contact-us-landing {
    height: 40vh;
}
.land-conus-section nav {
    top: -32px;
}

/* enquery page */

.enquery-section .enquery-bg {
    padding: 25px !important;
}
.enquery-form::before {
   display: none;
}
.enquery-logo-img img {
    width: 80px;
}
.enquery-logo-img {
    width: 90px;
    height: 90px;
    line-height: 75px;
}
.enuery-logo h3 {
    font-size: 18px;
    margin: 20px 0;
    text-align: center;
}
.enquery-section .enquery-bg .enquery-form h1 {
    font-size: 30px;
    margin: 20px 0 10px;
}
.enquery-section .enquery-bg .enquery-form form input {
    padding: 7px;
    border-radius: 5px;
    margin: 5px 0;
    font-size: 14px;
}
.enquery-section .enquery-bg .enquery-form form select {
    font-size: 14px;
    padding: 7px;
    border-radius: 5px;
    margin: 5px 0 9px;
}
.send-enquery-btn button {
    font-size: 14px;
    padding: 8px 40px;
    border-radius: 7px;
}
.sucess-modal .modal-dialog.modal-dialog-centered {
    width: 300px;
    max-width: 300px;
    margin: 0 auto;
}
.sucess-content {
    padding: 20px;
}
.sucess-content i {
    font-size: 45px;
}
.sucess-content h6 {
    margin: 10px 0;
    font-size: 15px;
}
.sucess-content p {
    font-size: 14px;
}
.back-hom a {
    font-size: 14px;
    padding: 9px 50px;
    border-radius: 5px;
}
.back-hom {
    margin: 30px 0;
}

  }


  @media (min-width: 576px) and (max-width: 767.98px){
    .navbar-nav li .color-btn{
        background-color: #fff !important;
        color: #e53623 !important;
    }
    .nmid p {
        font-size: 16px !important;
        color: #ffffff !important;
        margin-bottom: 10px !important;
    }
    
    nav.navbar .navbar-brand img {
        width: 200px !important;
    }
    .index-landing .index-lan-heading h1 {
        font-size: 40px;
    }
    nav.navbar .navbar-collapse ul.navbar-nav {
        background: #e53623;
        padding: 10px;
    }
    nav.navbar .navbar-collapse ul li a.nav-link {
        padding: 8px 15px !important;
        margin: 3px 0 !important;
        font-size: 16px !important;
        color: #ffffff ;
    }
   
    nav.navbar {
        padding: 15px 0;
    }
    .befor-line::before {
        display: none;
    }
    nav.navbar .navbar-collapse ul li a.nav-link i{
        color: #fff;
    }
    nav.navbar .navbar-collapse ul li a.nav-link.gs-btn {
        padding: 12px 50px;
        margin: 0 0.7vw 0 0;
        border-radius: 5px;
    }
    .postion-circle{
        display: none !important;
    }
    .index-lan-heading {
        margin-top: 10vw;
        padding: 20px;
    }
    .index-landing .index-lan-heading a {
        font-size: 14px;
        padding: 10px 35px;
        border-radius: 7px;
    }
    .index-landing .index-lan-heading p {
        font-size: 14px;
        margin: 0 0 40px;
        line-height: inherit;
    }
    .index-landing .index-lan-heading h3 {
        font-size: 17px;
        margin: 20px 0;
    }
    .index-landing{
        background-image: url(../img/mobile-banners/landing-banner-mobile.jpg);
        height: 60vh;
    }
    .proud-purpose {
        padding: 40px 0;
    }
    .proud-heading h1 {
        font-size: 30px;
        margin: 0 0 20px 0;
    }
    .consumer-card h1 {
        font-size: 30px;
    }
    .consumer-card p {
        font-size: 14px;
        margin: 20px 0 0;
    }
    .consumer-card {
        padding: 20px;
        margin: 10px 0;
    }
    .mortage-heading-proud h1 {
        font-size: 30px;
        margin: 30px 0 20px;
    }
    .caclt-filed p {
        font-size: 14px;
    }
    .caclt-filed {
        margin-bottom: 30px;
    }
    .caclt-filed p span {
        font-size: 20px;
    }
    .caclt-filed h4 {
        font-size: 30px;
    }
    
.cal-btn-mot button {
    font-size: 14px;
    padding: 15px 70px;
    border-radius: 7px;
}
.our-process {
    padding: 40px 0;
}
.our-process .op-heading h1 {
    font-size: 30px;
}
.our-process .op-heading h6 {
    font-size: 15px;
}
.our-process .img-border {
    width: 100px;
    height: 100px;
    padding: 9.3px 0;
}
.our-process .img-background {
    width: 80px;
    height: 80px;
    line-height: 81px;
    padding: 0 17.5px;
}
.our-process .img-background img {
    width: 60px;
}
.our-process .process-content {
    margin: 20px 0;
}
.process-content h4 {
    margin: 20px 0;
    font-size: 25px;
}
.process-content p {
    font-size: 14px;
}
.our-process .process-content .not1 {
    width: 25px;
    height: 25px;
    line-height: 19px;
    right: 220px;
    top: 11px;
}
.our-process .bgcolor-1 {
    padding: 0 18px;
    line-height: 81px;
}
.our-process .bgcolor-1 img {
    width: 50px !important;
}
.our-process .process-content .not1 span {
    font-size: 12px;
}
.img-3 {
    line-height: 80px !important;
    padding: 0 17px !important;
}
.our-process .img-background img {
    width: 45px !important;
}
.line-img {
    display: none;
}
.ahm-heading {
    padding-left: 0 !important;
    margin: 30px 0;
}
.ahm-heading h6 {
    margin: 20px 0;
    font-size: 20px;
}
.ahm-heading h1 {
    font-size: 28px;
    margin: 0 0 20px;
}
.ahm-heading p {
    color: #fff;
    font-size: 15px;
    line-height: inherit;
}
.ahm-heading ul {
    margin: 20px 0 50px;
}
.ahm-heading ul li i.bi-check-circle {
    font-size: 15px;
    margin-right: 15px;
}
.ahm-heading ul li {
    color: #fff;
    margin: 10px 0;
    font-size: 15px;
}
.ahm-heading a {
    font-size: 14px;
    padding: 13px 50px;
    border-radius: 7px;
}
.service-area {
    padding: 40px 0;
}
.servicearea-heading h6 {
    font-size: 15px;
}
.servicearea-heading h1 {
    font-size: 30px;
}
.fha-hl {
    margin: 20px 0 40px;
}
.fha-heading h1 {
    font-size: 25px;
    margin: 10px 0;
}
.fha-heading p {
    font-size: 15px;
}
.fha-heading {
    padding: 20px;
}
.fm-btn a {
    font-size: 15px;
}
.fm-btn {
    padding: 10px 50px;
    left: 100px;
    bottom: -22px;
}
.international-home-mortage {
    padding: 120px 0 60px;
}
.int-mortage-heading h5 {
    font-size: 18px;
}
.int-mortage-heading h5::after {
   display: none;
}
.int-mortage-heading h5::before {
    display: none;
}
.int-mortage-heading h1 {
    font-size: 33px;
    margin: 20px 0;
}
.int-mortage-heading p {
    font-size: 15px;
}
.int-mortage-heading .lets-chat a {
    font-size: 14px;
    padding: 15px 70px;
    border-radius: 7px;
}

.int-mortage-heading .lets-chat {
    margin-top: 50px;
}
.why-choose-us {
    padding: 50px 0;
}
.wcu-heading{
    margin: 20px 0;
}
.why-choose-us .wcu-heading h6 {
    font-size: 15px;
}
.why-choose-us .wcu-heading h1 {
    font-size: 30px;
    margin: 10px 0 20px 0;
}
.why-choose-us .wcu-heading ul li div i {
    font-size: 15px;
    margin-right: 15px;
}
.why-choose-us .wcu-heading ul li span {
    font-size: 15px;
}
.why-choose-us .wcu-heading ul li {
    margin: 10px 0;
}
.get-in-touch-btn a {
    font-size: 14px;
    padding: 15px 80px;
    border-radius: 7px;
}
.get-in-touch-btn{
    margin-top: 40px;
}
.footer-section {
    height: auto;
    padding: 40px 0;
}
.footer-links h5 {
    font-size: 16px;
}
.footer-links a {
    font-size: 14px;
    margin: 5px 0;
}
.footer-links {
    margin: 10px 0;
}
.footer-links a i {
    font-size: 16px;
    margin-right: 15px;
}
form.form-view input {
    margin: 5px;
    padding: 7px;
    font-size: 14px;
    background: #ffffff;
    border-radius: 4px;
    width: 28vh;
}
form.form-view textarea {
    margin: 10px 5px 30px;
    padding: 5px;
    font-size: 14px;
    background-color: #fff;
    border-radius: 4px;
}
form.form-view textarea::placeholder{
    font-size: 14px;
}
form.form-view a {
    font-size: 14px;
    padding: 15px 70px;
    border-radius: 7px;
}
.footer-logo img {
    width: 200px;
}
.footer-logo{
    margin: 30px 0;
}
.footer-logo p {
    font-size: 14px;
    margin: 10px 0;
}
.footer-service h6 {
    font-size: 17px;
}
.footer-service p {
    font-size: 14px;
    margin: 5px 0 20px;
}
.footer-service h4 {
    font-size: 16px;
}
.trusted-companys img {
    width: 140px;
}
.terms-con p {
    font-size: 14px;
}
.footer-icons .ic-bg {
    width: 30px;
    height: 30px;
    line-height: 31px;
    padding: 0 7.9px;
}
.footer-icons{
    margin: 30px  0 10px;
}
.footer-icons .ic-bg {
    font-size: 15px;
}
.let-c-img {
    top: -41px;
    left: 240px;
    border: 6px solid #fff;
    width: 100px;
    height: 100px;
    line-height: 77px;
    padding: 0 4px;
}
.let-c-img img {
    width: 80px;
}


/*about us */
.about-us-section .breadcrumb li.breadcrumb-item a {
    font-size: 12px;
}
.about-us-section .breadcrumb li.breadcrumb-item {
    font-size: 12px;
}
.about-us-section .breadcrumb li.breadcrumb-item+.breadcrumb-item::before {
    font-size: 12px;
}
.gt-bg img {
    width: 450px !important;
    height: 50px !important;
}
.about-us-section h1 {
    font-size: 30px;
}
.process-gts-btn button i {
    font-size: 14px;
}
.about-us-section p {
    font-size: 18px;
    margin: 20px 0;
    line-height: inherit;
}
.about-us {
    height: 40vh;
}
.about-us-section nav {
    top: -40px;
}
.our-story {
    padding: 40px 0;
}
.about-us-bg{
    display: none;
}
.our-story-heading {
    padding-left: 0;
    margin: 40px 0 10px;
}
.our-story .our-story-heading h6{
    font-size: 16px;
}
.our-story .our-story-heading h1 {
    font-size: 30px;
    margin: 0 0 20px;
}
.our-story .our-story-heading p {
    font-size: 14px;
    margin: 10px 0;
    line-height: inherit;
}
.process-control {
    padding: 40px 0;
}
.process-control .process-heading h1 {
    font-size: 30px;
    margin: 0 0 30px;
}
.process-apply img {
    width: 50px;
}
.process-control .process-apply {
    margin: 20px 0;
}
.process-apply h2 {
    font-size: 20px;
    margin: 20px 0 10px;
}
.process-apply p {
    font-size: 14px;
}
.wmy-better {
    padding: 40px 0;
}
.wmy-better .wmy-heading h1 {
    font-size: 30px;
    margin: 0 0 30px;
}
.solo-loan h2 {
    font-size: 25px;
    margin: 0 0 20px;
}
.solo-loan {
    padding: 10px;
    margin: 15px 0;
}
.solo-loan ul {
    margin: 20px 0 0;
}
.solo-loan ul li i {
    margin-right: 15px;
    font-size: 15px;
    
}
.solo-loan ul li span {
    font-size: 15px;
}
.solo-loan ul li {
    margin: 7px 0;
}
.process-gts-btn button {
    font-size: 14px;
    padding: 13px 100px;
    border-radius: 7px;
}
ul.dropdown-menu.show li a {
    font-size: 14px;
    padding: 5px 0;
}
ul.dropdown-menu.show {
    width: 250px;
    padding: 10px;
    text-align: center;
}
nav.navbar .navbar-collapse ul li a.nav-link:hover {
    color: #ffffff !important;
}
.conventional-heading .breadcrumb li.breadcrumb-item+.breadcrumb-item::before {
    font-size: 12px;
}
.conventional-heading .breadcrumb li.breadcrumb-item a {
    color: #dad6d6;
    font-size: 12px;
}
.conventional-heading .breadcrumb li.breadcrumb-item {
    font-size: 12px;
}
.conventional-heading h1 {
    font-size: 30px;
}
.conventional-heading p {
    color: #fff;
    font-size: 18px;
    line-height: inherit;
}
.conventional-loans {
    height: 30vh;
}
.conventional-heading nav {
    top: -35px;
}
.coventional-hl {
    padding: 40px 0;
}
.cove-hl-heading h1 {
    font-size: 25px;
    margin: 0 0 20px;
}
.cove-hl-heading p {
    font-size: 14px;
    margin: 5px 0;
}
.cove-hl-heading button {
    font-size: 14px;
    padding: 13px 75px;
    margin: 20px 0;
    border-radius: 7px;
}
.cove-hl-heading button i {
    font-size: 14px;
    margin-left: 6vw;
}
.addventages-cl h1 {
    font-size: 25px;
    margin: 0 0 20px;
}
.addventages-cl  p {
    font-size: 14px;
    margin: 5px 0;
}
.addventages-cl button {
    font-size: 14px;
    padding: 13px 75px;
    margin: 20px 0;
    border-radius: 7px;
}
.addventages-cl button i {
    font-size: 14px;
    margin-left: 6vw;
}
.addventages-cl{
    margin-top: 25px;
}
.addventages-cl ul li {
    font-size: 14px;
    margin: 5px 0;
}
.addventages-cl ul li i {
    font-size: 14px;
    margin-right: 15px;
}
.addventages-cl ul {
    margin: 20px 0;
}
.tips-for-cl .tips-heading h1 {
    font-size: 25px;
}
.tips-for-cl .tips-heading p {
    font-size: 14px;
    margin: 5px 0;
}
.tips-for-cl{
    padding: 40px 0;
}
.wt-next {
    padding: 40px 0;
}
.wt-next .wt-next-heading h1 {
    font-size: 25px;
    margin: 0 0 10px;
}
.wt-next .wt-next-heading p {
    font-size: 14px;
    margin: 5px 0;
}
.wt-next .wt-next-heading button{
    font-size: 14px;
    padding: 13px 75px;
    margin: 20px 0;
    border-radius: 7px;
}
.wt-next .wt-next-heading button i{
    font-size: 14px;
    margin-left: 6vw;
}
.mortage-calculator {
    padding: 40px 0;
    height: auto;
    margin-bottom: 0;
}
.mortage-calculator .mortage-heading h1 {
    font-size: 30px;
    margin-bottom: 30px;
}
.cal-bg {
    background: #fff;
    padding: 1vw;
    border-radius: 1vw;
    position: inherit;
    width: auto;
}
.choose-right .servicearea-heading h1 {
    font-family: "Roobert TWHINT Bold";
}
.choose-right-mortgage {
    padding: 40px 0;
}
.choose-right-mortgage .cr-heading h1 {
    font-size: 30px;
}
.choose-right-mortgage .cr-heading p {
    font-size: 15px;
    margin: 20px 0;
}
.cr-mortage-heading{
    margin: 35px 0 15px;
}
.choose-right-mortgage .cr-mortage-heading h1 {
    font-size: 25px;
    margin: 0 0 10px;
}
.choose-right-mortgage .cr-mortage-heading ul li i {
    font-size: 14px;
    margin-right: 14px;
}
.choose-right-mortgage .cr-mortage-heading ul li span {
    font-size: 14px;
}
.choose-right-mortgage .cr-mortage-heading ul li {
    margin: 5px 0;
}
.choose-right-mortgage .cr-mortage-heading p {
    font-size: 15px;
    margin: 0 0 20px;
}
.hma-h-btn  button{
    font-size: 14px;
    padding: 13px 35px;
    margin: 20px 0;
    border-radius: 7px;
}
.hma-h-btn  button i{
    font-size: 14px;
    margin-left: 6vw;
}
.desktop-none{
    display: block;
}
.mobile-none{
    display: none;
}
.ready-to-lanch {
    padding: 40px 0;
}
.add-map iframe {
    height: 40vh;
}
.add-map {
    padding: 10px;
    border-radius: 7px;
}
.map-icon .con-add p {
    font-size: 12px;
}
.map-icon .con-add a {
    font-size: 14px;
}
.add-map .map-icon .icon-map {
    min-width: 40px;
    height: 40px;
    line-height: 42px;
    margin-right: 5px;
}
.add-map .map-icon .icon-map i {
    font-size: 20px;
}
.con-add {
    margin: 20px 0;
}
.add-map::after {
    width: 100%;
    height: 4px;
}
.form-heading {
    padding-left: 0;
    margin-top: 70px;
}
.form-heading h1 {
    font-size: 25px;
    margin: 0 0 20px;
}
form.contact-form .cont-filed label {
    font-size: 14px;
}
form.contact-form .cont-filed input {
    font-size: 13.7px;
    padding: 5px;
    border-radius: 3px;
}

.send-um-btn button{
    font-size: 14px;
    padding: 13px 35px;
    margin: 20px 0;
    border-radius: 7px;
}
.send-um-btn button i{
    font-size: 14px;
    margin-left: 6vw;
}
.land-conus-section .breadcrumb li.breadcrumb-item a {
    font-size: 12px;
}
.land-conus-section .breadcrumb li.breadcrumb-item {
    font-size: 12px;
}
.land-conus-section .breadcrumb li.breadcrumb-item+.breadcrumb-item::before {
    font-size: 12px;
}
.land-conus-section h1 {
    font-size: 30px;
}
.land-conus-section p {
    font-size: 18px;
    margin: 20px 0 0 0;
    line-height: inherit;
}
.contact-us-landing {
    height: 30vh;
}
.land-conus-section nav {
    top: -32px;
}

/* enquery page */

.enquery-section .enquery-bg {
    padding: 25px !important;
}
.enquery-form::before {
   display: none;
}
.enquery-logo-img img {
    width: 80px;
}
.enquery-logo-img {
    width: 90px;
    height: 90px;
    line-height: 75px;
}
.enuery-logo h3 {
    font-size: 18px;
    margin: 20px 0;
    text-align: center;
}
.enquery-section .enquery-bg .enquery-form h1 {
    font-size: 30px;
    margin: 20px 0 10px;
}
.enquery-section .enquery-bg .enquery-form form input {
    padding: 7px;
    border-radius: 5px;
    margin: 5px 0;
    font-size: 14px;
}
.enquery-section .enquery-bg .enquery-form form select {
    font-size: 14px;
    padding: 7px;
    border-radius: 5px;
    margin: 5px 0 9px;
}
.send-enquery-btn button {
    font-size: 14px;
    padding: 8px 40px;
    border-radius: 7px;
}
.sucess-modal .modal-dialog.modal-dialog-centered {
    width: 300px;
    max-width: 300px;
    margin: 0 auto;
}
.sucess-content {
    padding: 20px;
}
.sucess-content i {
    font-size: 45px;
}
.sucess-content h6 {
    margin: 10px 0;
    font-size: 15px;
}
.sucess-content p {
    font-size: 14px;
}
.back-hom a {
    font-size: 14px;
    padding: 9px 50px;
    border-radius: 5px;
}
.back-hom {
    margin: 30px 0;
}
    
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .navbar-nav li .color-btn{
        background-color: #fff !important;
        color: #e53623 !important;
    }
    .nmid p {
        font-size: 16px !important;
        color: #ffffff !important;
        margin-bottom: 10px !important;
    } 
     
    nav.navbar .navbar-brand img {
        width: 200px !important;
    }
    nav.navbar .navbar-collapse ul.navbar-nav {
        background: #e53623;
        padding: 10px;
    }
    nav.navbar .navbar-collapse ul li a.nav-link {
        padding: 8px 15px !important;
        margin: 3px 0 !important;
        font-size: 16px !important;
        color: #ffffff;
    }
    nav.navbar {
        padding: 15px 0;
    }
    .befor-line::before {
        display: none;
    }
    nav.navbar .navbar-collapse ul li a.nav-link i{
        color: #fff;
    }
    nav.navbar .navbar-collapse ul li a.nav-link.gs-btn {
        padding: 12px 50px;
        margin: 0 0.7vw 0 0;
        border-radius: 5px;
    }
    .postion-circle{
        display: none !important;
    }
    .index-lan-heading {
        margin-top: 10vw;
        padding: 20px;
    }
    .index-landing .index-lan-heading a {
        font-size: 18px;
    padding: 20px 70px;
    border-radius: 7px;
    }
    .index-landing .index-lan-heading p {
        font-size: 20px;
    margin: 0 0 60px;
    line-height: inherit;
    }
    .index-landing .index-lan-heading h3 {
        font-size: 25px;
        margin: 20px 0;
    }
    .index-landing .index-lan-heading h1 {
        font-size: 50px;
    }
    .index-landing{
        background-image: url(../img/mobile-banners/landing-banner-mobile.jpg);
        height: 60vh;
    }
    .proud-purpose {
        padding: 60px 0;
    }
    .proud-heading h1 {
        font-size: 40px;
        margin: 0 0 20px 0;
    }
    .consumer-card h1 {
        font-size: 35px;
    }
    .consumer-card p {
        font-size: 18px;
        margin: 20px 0 0;
    }
    .consumer-card {
        padding: 20px;
        margin: 10px 0;
    }
    .mortage-heading-proud h1 {
        font-size: 40px;
        margin: 40px 0 30px;
    }
    .caclt-filed p {
        font-size: 14px;
    }
    .caclt-filed {
        margin-bottom: 30px;
    }
    .caclt-filed p span {
        font-size: 20px;
    }
    .caclt-filed h4 {
        font-size: 30px;
    }
    
.cal-btn-mot button {
    font-size: 14px;
    padding: 15px 70px;
    border-radius: 7px;
}
.our-process {
    padding: 40px 0;
}
.our-process .op-heading h1 {
    font-size: 30px;
}
.our-process .op-heading h6 {
    font-size: 15px;
}
.our-process .img-border {
    width: 100px;
    height: 100px;
    padding: 9.3px 0;
}
.our-process .img-background {
    width: 80px;
    height: 80px;
    line-height: 81px;
    padding: 0 17.5px;
}
.our-process .img-background img {
    width: 60px;
}
.our-process .process-content {
    margin: 20px 0;
}
.process-content h4 {
    margin: 20px 0;
    font-size: 25px;
}
.process-content p {
    font-size: 14px;
}
.our-process .process-content .not1 {
    width: 25px;
    height: 25px;
    line-height: 19px;
    right: 125px;
    top: 11px;
}
.our-process .bgcolor-1 {
    padding: 0 18px;
    line-height: 81px;
}
.our-process .bgcolor-1 img {
    width: 50px !important;
}
.our-process .process-content .not1 span {
    font-size: 12px;
}
.img-3 {
    line-height: 80px !important;
    padding: 0 17px !important;
}
.our-process .img-background img {
    width: 45px !important;
}
.line-img {
    display: none;
}
.ahm-heading {
    padding-left: 0 !important;
    margin: 30px 0;
}
.ahm-heading h6 {
    margin: 20px 0;
    font-size: 20px;
}
.ahm-heading h1 {
    font-size: 28px;
    margin: 0 0 20px;
}
.ahm-heading p {
    color: #fff;
    font-size: 15px;
    line-height: inherit;
}
.ahm-heading ul {
    margin: 20px 0 50px;
}
.ahm-heading ul li i.bi-check-circle {
    font-size: 15px;
    margin-right: 15px;
}
.ahm-heading ul li {
    color: #fff;
    margin: 10px 0;
    font-size: 15px;
}
.ahm-heading a {
    font-size: 14px;
    padding: 13px 50px;
    border-radius: 7px;
}
.service-area {
    padding: 40px 0;
}
.servicearea-heading h6 {
    font-size: 15px;
}
.servicearea-heading h1 {
    font-size: 30px;
}
.fha-hl {
    margin: 20px 0 40px;
}
.fha-heading h1 {
    font-size: 25px;
    margin: 10px 0;
}
.fha-heading p {
    font-size: 15px;
}
.fha-heading {
    padding: 20px;
    min-height: 25vh;
}
.fm-btn a {
    font-size: 15px;
}
.fm-btn {
    padding: 10px;
    left: 13px;
    bottom: -22px;
    width: 280px;
}
.international-home-mortage {
    padding: 120px 0 60px;
}
.int-mortage-heading h5 {
    font-size: 18px;
}
.int-mortage-heading h5::after {
   display: none;
}
.int-mortage-heading h5::before {
    display: none;
}
.int-mortage-heading h1 {
    font-size: 33px;
    margin: 20px 0;
}
.int-mortage-heading p {
    font-size: 15px;
}
.int-mortage-heading .lets-chat a {
    font-size: 14px;
    padding: 15px 70px;
    border-radius: 7px;
}

.int-mortage-heading .lets-chat {
    margin-top: 50px;
}
.why-choose-us {
    padding: 50px 0;
}
.wcu-heading{
    margin: 20px 0;
}
.why-choose-us .wcu-heading h6 {
    font-size: 15px;
}
.why-choose-us .wcu-heading h1 {
    font-size: 30px;
    margin: 10px 0 20px 0;
}
.why-choose-us .wcu-heading ul li div i {
    font-size: 15px;
    margin-right: 15px;
}
.why-choose-us .wcu-heading ul li span {
    font-size: 15px;
}
.why-choose-us .wcu-heading ul li {
    margin: 10px 0;
}
.get-in-touch-btn a {
    font-size: 14px;
    padding: 15px 80px;
    border-radius: 7px;
}
.get-in-touch-btn{
    margin-top: 40px;
}
.footer-section {
    height: auto;
    padding: 40px 0;
}
.footer-links h5 {
    font-size: 16px;
}
.footer-links a {
    font-size: 14px;
    margin: 5px 0;
}
.footer-links {
    margin: 10px 0;
}
.footer-links a i {
    font-size: 16px;
    margin-right: 15px;
}
form.form-view input {
    margin: 5px;
    padding: 7px;
    font-size: 14px;
    background: #ffffff;
    border-radius: 4px;
    width: 31vh;
}
form.form-view textarea {
    margin: 10px 5px 15px;
    padding: 5px;
    font-size: 14px;
    background-color: #fff;
    border-radius: 4px;
}
form.form-view textarea::placeholder{
    font-size: 14px;
}
form.form-view a {
    font-size: 14px;
    padding: 15px 70px;
    border-radius: 7px;
}
.footer-logo img {
    width: 200px;
}
.footer-logo{
    margin: 30px 0;
}
.footer-logo p {
    font-size: 14px;
    margin: 10px 0;
}
.footer-service h6 {
    font-size: 17px;
}
.footer-service p {
    font-size: 14px;
    margin: 5px 0 20px;
}
.footer-service h4 {
    font-size: 16px;
}
.trusted-companys img {
    width: 140px;
}
.terms-con p {
    font-size: 14px;
}
.footer-icons .ic-bg {
    width: 30px;
    height: 30px;
    line-height: 31px;
    padding: 0 7.9px;
}
.footer-icons{
    margin: 30px  0 10px;
}
.footer-icons .ic-bg {
    font-size: 15px;
}
.let-c-img {
    top: -41px;
    left: 325px;
    border: 6px solid #fff;
    width: 100px;
    height: 100px;
    line-height: 77px;
    padding: 0 4px;
}
.let-c-img img {
    width: 80px;
}


/*about us */
.about-us-section .breadcrumb li.breadcrumb-item a {
    font-size: 12px;
}
.about-us-section .breadcrumb li.breadcrumb-item {
    font-size: 12px;
}
.about-us-section .breadcrumb li.breadcrumb-item+.breadcrumb-item::before {
    font-size: 12px;
}
.gt-bg img {
    width: 500px !important;
    height: 50px !important;
}
.about-us-section h1 {
    font-size: 30px;
}
.process-gts-btn button i {
    font-size: 14px;
}
.about-us-section p {
    font-size: 18px;
    margin: 20px 0;
    line-height: inherit;
}
.about-us {
    height: 40vh;
}
.about-us-section nav {
    top: -40px;
}
.our-story {
    padding: 40px 0;
}
.about-us-bg{
    display: none;
}
.our-story-heading {
    padding-left: 0;
    margin: 40px 0 10px;
}
.our-story .our-story-heading h6{
    font-size: 16px;
}
.our-story .our-story-heading h1 {
    font-size: 30px;
    margin: 0 0 20px;
}
.our-story .our-story-heading p {
    font-size: 14px;
    margin: 10px 0;
    line-height: inherit;
}
.process-control {
    padding: 40px 0;
}
.process-control .process-heading h1 {
    font-size: 30px;
    margin: 0 0 30px;
}
.process-apply img {
    width: 50px;
}
.process-control .process-apply {
    margin: 20px 0;
}
.process-apply h2 {
    font-size: 20px;
    margin: 20px 0 10px;
}
.process-apply p {
    font-size: 14px;
}
.wmy-better {
    padding: 40px 0;
}
.wmy-better .wmy-heading h1 {
    font-size: 30px;
    margin: 0 0 30px;
}
.solo-loan h2 {
    font-size: 25px;
    margin: 0 0 20px;
}
.solo-loan {
    padding: 10px;
    margin: 15px 0;
}
.solo-loan ul {
    margin: 20px 0 0;
}
.solo-loan ul li i {
    margin-right: 15px;
    font-size: 15px;
    
}
.solo-loan ul li span {
    font-size: 15px;
}
.solo-loan ul li {
    margin: 7px 0;
}
.process-gts-btn button {
    font-size: 14px;
    padding: 13px 100px;
    border-radius: 7px;
}
ul.dropdown-menu.show li a {
    font-size: 14px;
    padding: 5px 0;
}
ul.dropdown-menu.show {
    width: 250px;
    padding: 10px;
    text-align: center;
}
nav.navbar .navbar-collapse ul li a.nav-link:hover {
    color: #ffffff !important;
}
.conventional-heading .breadcrumb li.breadcrumb-item+.breadcrumb-item::before {
    font-size: 12px;
}
.conventional-heading .breadcrumb li.breadcrumb-item a {
    color: #dad6d6;
    font-size: 12px;
}
.conventional-heading .breadcrumb li.breadcrumb-item {
    font-size: 12px;
}
.conventional-heading h1 {
    font-size: 30px;
}
.conventional-heading p {
    color: #fff;
    font-size: 18px;
    line-height: inherit;
}
.conventional-loans {
    height: 30vh;
}
.conventional-heading nav {
    top: -35px;
}
.coventional-hl {
    padding: 40px 0;
}
.cove-hl-heading h1 {
    font-size: 25px;
    margin: 0 0 20px;
}
.cove-hl-heading p {
    font-size: 14px;
    margin: 5px 0;
}
.cove-hl-heading button {
    font-size: 14px;
    padding: 13px 75px;
    margin: 20px 0;
    border-radius: 7px;
}
.cove-hl-heading button i {
    font-size: 14px;
    margin-left: 6vw;
}
.addventages-cl h1 {
    font-size: 25px;
    margin: 0 0 20px;
}
.addventages-cl  p {
    font-size: 14px;
    margin: 5px 0;
}
.addventages-cl button {
    font-size: 14px;
    padding: 13px 75px;
    margin: 20px 0;
    border-radius: 7px;
}
.addventages-cl button i {
    font-size: 14px;
    margin-left: 6vw;
}
.addventages-cl{
    margin-top: 25px;
}
.addventages-cl ul li {
    font-size: 14px;
    margin: 5px 0;
}
.addventages-cl ul li i {
    font-size: 14px;
    margin-right: 15px;
}
.addventages-cl ul {
    margin: 20px 0;
}
.tips-for-cl .tips-heading h1 {
    font-size: 25px;
}
.tips-for-cl .tips-heading p {
    font-size: 14px;
    margin: 5px 0;
}
.tips-for-cl{
    padding: 40px 0;
}
.wt-next {
    padding: 40px 0;
}
.wt-next .wt-next-heading h1 {
    font-size: 25px;
    margin: 0 0 10px;
}
.wt-next .wt-next-heading p {
    font-size: 14px;
    margin: 5px 0;
}
.wt-next .wt-next-heading button{
    font-size: 14px;
    padding: 13px 75px;
    margin: 20px 0;
    border-radius: 7px;
}
.wt-next .wt-next-heading button i{
    font-size: 14px;
    margin-left: 6vw;
}
.mortage-calculator {
    padding: 40px 0;
    height: auto;
    margin-bottom: 0;
}
.mortage-calculator .mortage-heading h1 {
    font-size: 30px;
    margin-bottom: 30px;
}
.cal-bg {
    background: #fff;
    padding: 1vw;
    border-radius: 1vw;
    position: inherit;
    width: auto;
}
.choose-right .servicearea-heading h1 {
    font-family: "Roobert TWHINT Bold";
}
.choose-right-mortgage {
    padding: 40px 0;
}
.choose-right-mortgage .cr-heading h1 {
    font-size: 30px;
}
.choose-right-mortgage .cr-heading p {
    font-size: 15px;
    margin: 20px 0;
}
.cr-mortage-heading{
    margin: 35px 0 15px;
}
.choose-right-mortgage .cr-mortage-heading h1 {
    font-size: 25px;
    margin: 0 0 10px;
}
.choose-right-mortgage .cr-mortage-heading ul li i {
    font-size: 14px;
    margin-right: 14px;
}
.choose-right-mortgage .cr-mortage-heading ul li span {
    font-size: 14px;
}
.choose-right-mortgage .cr-mortage-heading ul li {
    margin: 5px 0;
}
.choose-right-mortgage .cr-mortage-heading p {
    font-size: 15px;
    margin: 0 0 20px;
}
.hma-h-btn  button{
    font-size: 14px;
    padding: 13px 35px;
    margin: 20px 0;
    border-radius: 7px;
}
.hma-h-btn  button i{
    font-size: 14px;
    margin-left: 6vw;
}
.desktop-none{
    display: none;
}
.mobile-none{
    display: block;
}
.ready-to-lanch {
    padding: 40px 0;
}
.add-map iframe {
    height: 40vh;
}
.add-map {
    padding: 10px;
    border-radius: 7px;
}
.map-icon .con-add p {
    font-size: 12px;
}
.map-icon .con-add a {
    font-size: 14px;
}
.add-map .map-icon .icon-map {
    min-width: 40px;
    height: 40px;
    line-height: 42px;
    margin-right: 5px;
}
.add-map .map-icon .icon-map i {
    font-size: 20px;
}
.con-add {
    margin: 20px 0;
}
.add-map::after {
    width: 100%;
    height: 4px;
}
.form-heading {
    padding-left: 0;
    margin-top: 70px;
}
.form-heading h1 {
    font-size: 25px;
    margin: 0 0 20px;
}
form.contact-form .cont-filed label {
    font-size: 14px;
}
form.contact-form .cont-filed input {
    font-size: 13.7px;
    padding: 5px;
    border-radius: 3px;
}

.send-um-btn button{
    font-size: 14px;
    padding: 13px 35px;
    margin: 20px 0;
    border-radius: 7px;
}
.send-um-btn button i{
    font-size: 14px;
    margin-left: 6vw;
}
.land-conus-section .breadcrumb li.breadcrumb-item a {
    font-size: 12px;
}
.land-conus-section .breadcrumb li.breadcrumb-item {
    font-size: 12px;
}
.land-conus-section .breadcrumb li.breadcrumb-item+.breadcrumb-item::before {
    font-size: 12px;
}
.land-conus-section h1 {
    font-size: 30px;
}
.land-conus-section p {
    font-size: 18px;
    margin: 20px 0 0 0;
    line-height: inherit;
}
.contact-us-landing {
    height: 30vh;
}
.land-conus-section nav {
    top: -32px;
}
.our-story-img::before {
    display: none;
}


/* enquery page */

.enquery-section .enquery-bg {
    padding: 25px !important;
}
.enquery-form::before {
   display: block;
   top: -46px;
   left: -34px;
   width: 2px;
   height: 469px;

}
.enquery-logo-img img {
    width: 80px;
}
.enquery-logo-img {
    width: 90px;
    height: 90px;
    line-height: 75px;
}
.enuery-logo h3 {
    font-size: 18px;
    margin: 20px 0;
    text-align: center;
}
.enquery-section .enquery-bg .enquery-form h1 {
    font-size: 30px;
    margin: 20px 0 10px;
}
.enquery-section .enquery-bg .enquery-form form input {
    padding: 7px;
    border-radius: 5px;
    margin: 5px 0;
    font-size: 14px;
}
.enquery-section .enquery-bg .enquery-form form select {
    font-size: 14px;
    padding: 7px;
    border-radius: 5px;
    margin: 5px 0 9px;
}
.send-enquery-btn button {
    font-size: 14px;
    padding: 8px 40px;
    border-radius: 7px;
}
.sucess-modal .modal-dialog.modal-dialog-centered {
    width: 300px;
    max-width: 300px;
    margin: 0 auto;
}
.sucess-content {
    padding: 20px;
}
.sucess-content i {
    font-size: 45px;
}
.sucess-content h6 {
    margin: 10px 0;
    font-size: 15px;
}
.sucess-content p {
    font-size: 14px;
}
.back-hom a {
    font-size: 14px;
    padding: 9px 50px;
    border-radius: 5px;
}
.back-hom {
    margin: 30px 0;
}
   }

   @media (min-width: 992px) and (max-width: 1199.98px) {
    .nmid p {
        font-size: 14px !important;
        margin-bottom: 2px !important;
    } 
        nav.navbar .navbar-brand img {
            width: 190px !important;
        }
       
        nav.navbar .navbar-collapse ul li a.nav-link.gs-btn {
            padding: 5px 10px !important;
            font-size: 12px !important;
            margin: 0 5px !important;
        }
        .navbar-nav li .color-btn{
            background-color: #ee3824 !important;
            color: #fff !important;
        }
        nav.navbar .navbar-collapse ul li a.nav-link {
            font-size: 14px !important;
            padding: 0 5px !important;
            margin: 0 !important;
        }
        nav.navbar {
            padding: 15px 0;
        }
        .befor-line::before {
            display: none;
        }
        nav.navbar .navbar-collapse ul li a.nav-link i{
            color: #fff;
        }
        .transactional p {
            font-size: 14px;
        }
        .transactional img {
            width: 30px;
        }
       
        .d-flex {
            display: flex!important;
        }
        .transactional {
            padding: 5px 15px;
            align-items: baseline;
        }
        .postion-circle::after {
           
            top: 135px;
            
        }
        .postion-circle1{
            top: 214px;
            left: -85px;
        }
        .index-lan-heading {
            margin-top: 10px;
            padding: 20px;
        }
        .index-landing .index-lan-heading a {
            font-size: 18px;
        padding: 20px 70px;
        border-radius: 7px;
        }
        .index-landing .index-lan-heading p {
            font-size: 20px;
        margin: 0 0 60px;
        line-height: inherit;
        }
        .index-landing .index-lan-heading h3 {
            font-size: 25px;
            margin: 20px 0;
        }
        .index-landing .index-lan-heading h1 {
            font-size: 50px;
        }
        .index-landing {
            height: 50vh;
        }
        .proud-purpose {
            padding: 60px 0;
        }
        .proud-heading h1 {
            font-size: 25px;
            margin: 0 0 20px 0;
        }
        .consumer-card h1 {
            font-size: 25px;
        }
        .consumer-card p {
            font-size: 12px;
            margin: 20px 0 0;
        }
        .consumer-card {
            padding: 20px;
            margin: 10px 0;
        }
        .mortage-heading-proud h1 {
            font-size: 25px;
        }
        .caclt-filed p {
            font-size: 14px;
        }
        .caclt-filed {
            margin-bottom: 30px;
        }
        .caclt-filed p span {
            font-size: 20px;
        }
        .caclt-filed h4 {
            font-size: 30px;
        }
        
    .cal-btn-mot button {
        font-size: 14px;
        padding: 15px 70px;
        border-radius: 7px;
    }
    .our-process {
        padding: 40px 0;
    }
    .our-process .op-heading h1 {
        font-size: 30px;
    }
    .our-process .op-heading h6 {
        font-size: 15px;
    }
    .our-process .img-border {
        width: 100px;
        height: 100px;
        padding: 9.3px 0;
    }
    .our-process .img-background {
        width: 80px;
        height: 80px;
        line-height: 81px;
        padding: 0 17.5px;
    }
    .our-process .img-background img {
        width: 60px;
    }
    .our-process .process-content {
        margin: 20px 0;
    }
    .process-content h4 {
        margin: 20px 0;
        font-size: 25px;
    }
    .process-content p {
        font-size: 14px;
    }
    .our-process .process-content .not1 {
        width: 25px;
        height: 25px;
        line-height: 19px;
        right: 70px;
        top: 11px;
    }
    .our-process .bgcolor-1 {
        padding: 0 18px;
        line-height: 81px;
    }
    .our-process .bgcolor-1 img {
        width: 50px !important;
    }
    .our-process .process-content .not1 span {
        font-size: 12px;
    }
    .img-3 {
        line-height: 80px !important;
        padding: 0 17px !important;
    }
    .our-process .img-background img {
        width: 45px !important;
    }
    .line-img {
        display: none;
    }
    .ahm-heading {
        padding-left: 0 !important;
        margin: 30px 0;
    }
    .ahm-heading h6 {
        margin: 20px 0;
        font-size: 20px;
    }
    .ahm-heading h1 {
        font-size: 28px;
        margin: 0 0 20px;
    }
    .ahm-heading p {
        color: #fff;
        font-size: 15px;
        line-height: inherit;
    }
    .ahm-heading ul {
        margin: 20px 0 50px;
    }
    .ahm-heading ul li i.bi-check-circle {
        font-size: 15px;
        margin-right: 15px;
    }
    .ahm-heading ul li {
        color: #fff;
        margin: 10px 0;
        font-size: 15px;
    }
    .ahm-heading a {
        font-size: 14px;
        padding: 13px 50px;
        border-radius: 7px;
    }
    .service-area {
        padding: 40px 0;
    }
    .servicearea-heading h6 {
        font-size: 15px;
    }
    .servicearea-heading h1 {
        font-size: 30px;
    }
    .fha-hl {
        margin: 20px 0 40px;
    }
    .fha-heading h1 {
        font-size: 25px;
        margin: 10px 0;
    }
    .fha-heading p {
        font-size: 15px;
    }
    .fha-heading {
        padding: 20px;
        min-height: 17vh;
    }
    .fm-btn a {
        font-size: 15px;
    }
    .fm-btn {
        padding: 10px;
        left: 60px;
        bottom: -22px;
        width: 280px;
    }
    .cv-lets-btn{
        left: 0;
    }
    .international-home-mortage {
        padding: 120px 0 60px;
    }
    .int-mortage-heading h5 {
        font-size: 18px;
    }
    .int-mortage-heading h5::after {
       display: none;
    }
    .int-mortage-heading h5::before {
        display: none;
    }
    .int-mortage-heading h1 {
        font-size: 33px;
        margin: 20px 0;
    }
    .int-mortage-heading p {
        font-size: 15px;
    }
    .int-mortage-heading .lets-chat a {
        font-size: 14px;
        padding: 15px 70px;
        border-radius: 7px;
    }
    
    .int-mortage-heading .lets-chat {
        margin-top: 50px;
    }
    .why-choose-us {
        padding: 50px 0;
    }
    .wcu-heading{
        margin: 20px 0;
    }
    .why-choose-us .wcu-heading h6 {
        font-size: 15px;
    }
    .why-choose-us .wcu-heading h1 {
        font-size: 30px;
        margin: 10px 0 20px 0;
    }
    .why-choose-us .wcu-heading ul li div i {
        font-size: 15px;
        margin-right: 15px;
    }
    .why-choose-us .wcu-heading ul li span {
        font-size: 15px;
    }
    .why-choose-us .wcu-heading ul li {
        margin: 10px 0;
    }
    .get-in-touch-btn a {
        font-size: 14px;
        padding: 15px 80px;
        border-radius: 7px;
    }
    .get-in-touch-btn{
        margin-top: 40px;
    }
    .footer-section {
        height: auto;
        padding: 40px 0;
    }
    .footer-links h5 {
        font-size: 16px;
    }
    .footer-links a {
        font-size: 14px;
        margin: 5px 0;
    }
    .footer-links {
        margin: 10px 0;
    }
    .footer-links a i {
        font-size: 16px;
        margin-right: 15px;
    }
    form.form-view input {
        margin: 5px;
        padding: 7px;
        font-size: 14px;
        background: #ffffff;
        border-radius: 4px;
        width: 22vh;
    }
    form.form-view textarea {
        margin: 10px 5px 15px;
        padding: 5px;
        font-size: 14px;
        background-color: #fff;
        border-radius: 4px;
        width: 110%;
    }
    form.form-view textarea::placeholder{
        font-size: 14px;
    }
    form.form-view a {
        font-size: 14px;
        padding: 15px 70px;
        border-radius: 7px;
    }
    .footer-logo img {
        width: 200px;
    }
    .footer-logo{
        margin: 30px 0;
    }
    .footer-logo p {
        font-size: 14px;
        margin: 10px 0;
    }
    .footer-service h6 {
        font-size: 17px;
    }
    .footer-service p {
        font-size: 14px;
        margin: 5px 0 20px;
    }
    .footer-service h4 {
        font-size: 16px;
    }
    .trusted-companys img {
        width: 140px;
    }
    .terms-con p {
        font-size: 14px;
    }
    .footer-icons .ic-bg {
        width: 30px;
        height: 30px;
        line-height: 31px;
        padding: 0 7.9px;
    }
    .footer-icons{
        margin: 30px  0 10px;
    }
    .footer-icons .ic-bg {
        font-size: 15px;
    }
    .let-c-img {
        top: -41px;
        left: 465px;
        border: 6px solid #fff;
        width: 100px;
        height: 100px;
        line-height: 77px;
        padding: 0 4px;
    }
    .let-c-img img {
        width: 80px;
    }
    
    
    /*about us */
    .about-us-section .breadcrumb li.breadcrumb-item a {
        font-size: 12px;
    }
    .about-us-section .breadcrumb li.breadcrumb-item {
        font-size: 12px;
    }
    .about-us-section .breadcrumb li.breadcrumb-item+.breadcrumb-item::before {
        font-size: 12px;
    }
    .gt-bg img {
        width: 561px !important;
        height: 60px !important;
    }
    .about-us-section h1 {
        font-size: 30px;
    }
    .process-gts-btn button i {
        font-size: 14px;
    }
    .about-us-section p {
        font-size: 18px;
        margin: 20px 0;
        line-height: inherit;
    }
    .about-us {
        height: 25vh;
    }
    .about-us-section nav {
        top: -40px;
    }
    .our-story {
        padding: 40px 0;
    }
    .about-us-bg{
        display: none;
    }
    .our-story-heading {
        padding-left: 0;
        margin: 40px 0 10px;
    }
    .our-story .our-story-heading h6{
        font-size: 16px;
    }
    .our-story .our-story-heading h1 {
        font-size: 30px;
        margin: 0 0 20px;
    }
    .our-story .our-story-heading p {
        font-size: 14px;
        margin: 10px 0;
        line-height: inherit;
    }
    .process-control {
        padding: 40px 0;
    }
    .process-control .process-heading h1 {
        font-size: 30px;
        margin: 0 0 30px;
    }
    .process-apply img {
        width: 50px;
    }
    .process-control .process-apply {
        margin: 20px 0;
    }
    .process-apply h2 {
        font-size: 20px;
        margin: 20px 0 10px;
    }
    .process-apply p {
        font-size: 14px;
    }
    .wmy-better {
        padding: 40px 0;
    }
    .wmy-better .wmy-heading h1 {
        font-size: 30px;
        margin: 0 0 30px;
    }
    .solo-loan h2 {
        font-size: 25px;
        margin: 0 0 20px;
    }
    .solo-loan {
        padding: 10px;
        margin: 15px 0;
    }
    .solo-loan ul {
        margin: 20px 0 0;
    }
    .solo-loan ul li i {
        margin-right: 15px;
        font-size: 15px;
        
    }
    .solo-loan ul li span {
        font-size: 15px;
    }
    .solo-loan ul li {
        margin: 7px 0;
    }
    .process-gts-btn button {
        font-size: 14px;
        padding: 13px 100px;
        border-radius: 7px;
    }
    ul.dropdown-menu.show li a {
        font-size: 14px;
        padding: 5px 0;
    }
    ul.dropdown-menu.show {
        width: 250px;
        padding: 10px;
        text-align: center;
    }
    nav.navbar .navbar-collapse ul li a.nav-link:hover {
        color: #ffffff !important;
    }
    .conventional-heading .breadcrumb li.breadcrumb-item+.breadcrumb-item::before {
        font-size: 12px;
    }
    .conventional-heading .breadcrumb li.breadcrumb-item a {
        color: #dad6d6;
        font-size: 12px;
    }
    .conventional-heading .breadcrumb li.breadcrumb-item {
        font-size: 12px;
    }
    .conventional-heading h1 {
        font-size: 30px;
    }
    .conventional-heading p {
        color: #fff;
        font-size: 18px;
        line-height: inherit;
    }
    .conventional-loans {
        height: 25vh;
    }
    .conventional-heading nav {
        top: -35px;
    }
    .coventional-hl {
        padding: 40px 0;
    }
    .cove-hl-heading h1 {
        font-size: 25px;
        margin: 0 0 20px;
    }
    .cove-hl-heading p {
        font-size: 14px;
        margin: 5px 0;
    }
    .cove-hl-heading button {
        font-size: 14px;
        padding: 13px 75px;
        margin: 20px 0;
        border-radius: 7px;
    }
    .cove-hl-heading button i {
        font-size: 14px;
        margin-left: 6vw;
    }
    .addventages-cl h1 {
        font-size: 25px;
        margin: 0 0 20px;
    }
    .addventages-cl  p {
        font-size: 14px;
        margin: 5px 0;
    }
    .addventages-cl button {
        font-size: 14px;
        padding: 13px 75px;
        margin: 20px 0;
        border-radius: 7px;
    }
    .addventages-cl button i {
        font-size: 14px;
        margin-left: 6vw;
    }
    .addventages-cl{
        margin-top: 25px;
    }
    .addventages-cl ul li {
        font-size: 14px;
        margin: 5px 0;
    }
    .addventages-cl ul li i {
        font-size: 14px;
        margin-right: 15px;
    }
    .addventages-cl ul {
        margin: 20px 0;
    }
    .tips-for-cl .tips-heading h1 {
        font-size: 25px;
    }
    .tips-for-cl .tips-heading p {
        font-size: 14px;
        margin: 5px 0;
    }
    .tips-for-cl{
        padding: 40px 0;
    }
    .wt-next {
        padding: 40px 0;
    }
    .wt-next .wt-next-heading h1 {
        font-size: 25px;
        margin: 0 0 10px;
    }
    .wt-next .wt-next-heading p {
        font-size: 14px;
        margin: 5px 0;
    }
    .wt-next .wt-next-heading button{
        font-size: 14px;
        padding: 13px 75px;
        margin: 20px 0;
        border-radius: 7px;
    }
    .wt-next .wt-next-heading button i{
        font-size: 14px;
        margin-left: 6vw;
    }
    .mortage-calculator {
        padding: 40px 0;
        height: auto;
        margin-bottom: 0;
    }
    .mortage-calculator .mortage-heading h1 {
        font-size: 30px;
        margin-bottom: 30px;
    }
    .cal-bg {
        background: #fff;
        padding: 1vw;
        border-radius: 1vw;
        position: inherit;
        width: auto;
    }
    .choose-right .servicearea-heading h1 {
        font-family: "Roobert TWHINT Bold";
    }
    .choose-right-mortgage {
        padding: 40px 0;
    }
    .choose-right-mortgage .cr-heading h1 {
        font-size: 30px;
    }
    .choose-right-mortgage .cr-heading p {
        font-size: 15px;
        margin: 20px 0;
    }
    .cr-mortage-heading{
        margin: 35px 0 15px;
    }
    .choose-right-mortgage .cr-mortage-heading h1 {
        font-size: 25px;
        margin: 0 0 10px;
    }
    .choose-right-mortgage .cr-mortage-heading ul li i {
        font-size: 14px;
        margin-right: 14px;
    }
    .choose-right-mortgage .cr-mortage-heading ul li span {
        font-size: 14px;
    }
    .choose-right-mortgage .cr-mortage-heading ul li {
        margin: 5px 0;
    }
    .choose-right-mortgage .cr-mortage-heading p {
        font-size: 15px;
        margin: 0 0 20px;
    }
    .hma-h-btn  button{
        font-size: 14px;
        padding: 13px 35px;
        margin: 20px 0;
        border-radius: 7px;
    }
    .hma-h-btn  button i{
        font-size: 14px;
        margin-left: 6vw;
    }
    .desktop-none{
        display: none;
    }
    .mobile-none{
        display: block;
    }
    .ready-to-lanch {
        padding: 40px 0;
    }
    .add-map iframe {
        height: 17vh;
    }
    .add-map {
        padding: 10px;
        border-radius: 7px;
    }
    .map-icon .con-add p {
        font-size: 12px;
    }
    .map-icon .con-add a {
        font-size: 14px;
    }
    .add-map .map-icon .icon-map {
        min-width: 40px;
        height: 40px;
        line-height: 42px;
        margin-right: 5px;
    }
    .add-map .map-icon .icon-map i {
        font-size: 20px;
    }
    .con-add {
        margin: 20px 0;
    }
    .add-map::after {
        width: 100%;
        height: 4px;
    }
    .form-heading {
        padding-left: 0;
        margin-top: 70px;
    }
    .form-heading h1 {
        font-size: 25px;
        margin: 0 0 20px;
    }
    form.contact-form .cont-filed label {
        font-size: 14px;
    }
    form.contact-form .cont-filed input {
        font-size: 13.7px;
        padding: 5px;
        border-radius: 3px;
    }
    
    .send-um-btn button{
        font-size: 14px;
        padding: 13px 35px;
        margin: 20px 0;
        border-radius: 7px;
    }
    .send-um-btn button i{
        font-size: 14px;
        margin-left: 6vw;
    }
    .land-conus-section .breadcrumb li.breadcrumb-item a {
        font-size: 12px;
    }
    .land-conus-section .breadcrumb li.breadcrumb-item {
        font-size: 12px;
    }
    .land-conus-section .breadcrumb li.breadcrumb-item+.breadcrumb-item::before {
        font-size: 12px;
    }
    .land-conus-section h1 {
        font-size: 30px;
    }
    .land-conus-section p {
        font-size: 18px;
        margin: 20px 0 0 0;
        line-height: inherit;
    }
    .contact-us-landing {
        height: 25vh;
    }
    .land-conus-section nav {
        top: -32px;
    }
    .our-story-img::before {
        display: none;
    }
    .postion-circle{
        display: none  !important;
    }
    
/* enquery page */

.enquery-section .enquery-bg {
    padding: 25px !important;
}
.enquery-form::before {
   display: block;
   top: -46px;
   left: -34px;
   width: 2px;
   height: 469px;

}
.enquery-logo-img img {
    width: 80px;
}
.enquery-logo-img {
    width: 90px;
    height: 90px;
    line-height: 75px;
}
.enuery-logo h3 {
    font-size: 18px;
    margin: 20px 0;
    text-align: center;
}
.enquery-section .enquery-bg .enquery-form h1 {
    font-size: 30px;
    margin: 20px 0 10px;
}
.enquery-section .enquery-bg .enquery-form form input {
    padding: 7px;
    border-radius: 5px;
    margin: 5px 0;
    font-size: 14px;
}
.enquery-section .enquery-bg .enquery-form form select {
    font-size: 14px;
    padding: 7px;
    border-radius: 5px;
    margin: 5px 0 9px;
}
.send-enquery-btn button {
    font-size: 14px;
    padding: 8px 40px;
    border-radius: 7px;
}
.sucess-modal .modal-dialog.modal-dialog-centered {
    width: 300px;
    max-width: 300px;
    margin: 0 auto;
}
.sucess-content {
    padding: 20px;
}
.sucess-content i {
    font-size: 45px;
}
.sucess-content h6 {
    margin: 10px 0;
    font-size: 15px;
}
.sucess-content p {
    font-size: 14px;
}
.back-hom a {
    font-size: 14px;
    padding: 9px 50px;
    border-radius: 5px;
}
.back-hom {
    margin: 30px 0;
}
       }

.tips-heading ul{
    margin: 0;
} 
.tips-heading ul li{
    list-style: none;
    font-family: 'TT Hoves';
    font-weight: 500;
    font-size: 1.08vw;
    padding: 0;
    margin: 0 0 1.5vw;
    color: #434040d6;
}
        
.Quote{
    padding: 7vw 0;
}
.Quote-text{
    text-align: center;
}
.Quote-text h2{
    font-size: 3vw;
    font-weight: 800;
    margin-bottom: 1vw;
}
.Quote-text p{
    font-size: 1.1vw;
}
.models-btn{
  justify-content: center;
  margin-top: 2vw;
}
.model-1{
    margin: 0 .9vw;
}
.model-2{
    margin: 0 .9vw;
}
.model-1 .lone-btn{
    padding: 0.4vw 0.9vw;
    background: white;
    border: 0.4vw solid #ee382466;
    color: #ee3824;
    font-size: 0.8vw;
    font-weight: 900;
    border-radius: 4vw;
    
}
.model-1 .lone-btn img{
    width: 2.7vw;
    margin-right: 0.5vw;
}
.model-1 .lone-btn:hover{
   
    background-color: white !important;
    border: 0.4vw solid #ee3824 !important;
    color: #ee3824 !important;
}
.color-btn {
    background: #ee3824;
}
nav.navbar .navbar-collapse ul li a.nav-link.gs-btn:hover{
    color: white !important;
}
.footer-form button{
    text-decoration: none;
    color: #fff;
    font-size: 0.9vw;
    text-transform: uppercase;
    font-weight: 600;
    background: #ee3824;
    padding: 0.8vw 2vw;
    border-radius: 0.3vw;
    border: inherit;
}
.footer-form button:hover{
    border: .01VW solid #ee3824;
    background-color: inherit;
    color: white;
}
.cal-btn-mot button:hover{
    background-color: #3a1137;
    color: #ffffff;
    transition: 1s all;
}
.about-us-section .breadcrumb li.breadcrumb-item a:hover{
    color: #ee3824;
    font-weight: 900;
    font-size: 0.9vw;
}
.conventional-heading .breadcrumb li.breadcrumb-item a:hover{
    color: #ee3824;
    font-weight: 900;
    font-size: 0.9vw;
}
@media (max-width: 575.98px){
    .footer-form button{
        font-size: 13px;
        padding: 15px 30px;
        border-radius: 7px;
    }
    .color-btn {
        background: #ffffff;
        color: #3a1137 !important;
        font-weight: 900 !important;
    }
    .img-border-1 {
        position: absolute;
        width: 100px;
        height: 100px;
        border: 0.15vw dashed #959191;
        border-radius: 100%;
        top: 0;
        left: 0;
        transform: rotate(0deg);
        transition: transform 0.7s linear;
        animation: rotate 7s infinite linear;
    }
}
@media (min-width: 768px) and (max-width: 991.98px){
    .footer-form button{
        font-size: 13px;
        padding: 15px 30px;
        border-radius: 7px;
    }
    .color-btn {
        background: #ffffff;
        color: #3a1137 !important;
        font-weight: 900 !important;
    }
    .img-border-1 {
        position: absolute;
        width: 100px;
        height: 100px;
        border: 0.15vw dashed #959191;
        border-radius: 100%;
        top: 0;
        left: 0;
        transform: rotate(0deg);
        transition: transform 0.7s linear;
        animation: rotate 7s infinite linear;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px){
    .footer-form button{
        font-size: 13px;
        padding: 15px 30px;
        border-radius: 7px;
    }
    .color-btn {
        background: #ffffff;
        color: #3a1137 !important;
        font-weight: 900 !important;
    }
    .img-border-1 {
        position: absolute;
        width: 100px;
        height: 100px;
        border: 0.15vw dashed #959191;
        border-radius: 100%;
        top: 0;
        left: 0;
        transform: rotate(0deg);
        transition: transform 0.7s linear;
        animation: rotate 7s infinite linear;
    }
}


.nmid p{
    font-size: 0.9vw;
    margin-bottom: 0.2vw;
    color: #3f3b3b;
    font-weight: 500;
}
.nmid p b{
    font-weight: 700;
}
.second-head{
    margin-top: 0 !important;
}