/*Global Style*/
:root {
    --primary-clr : #006aa8;
    --secondary-clr: #222222;
    --black-color: #000000;
    --white-color: #ffffff;
    --button-hover: #006aa8;
    --primary-fonts: 'Montserrat';
    --txt-color :#555555;
    --title-txt-color :#404040;
    --bg-gray: #f5f5f5;
}

/*Fonts*/
@font-face {
    font-family: 'Montserrat';
    src: url('/assets/fonts/Montserrat-Regular.eot');
    src: url('/assets/fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Montserrat-Regular.woff2') format('woff2'),
        url('/assets/fonts/Montserrat-Regular.woff') format('woff'),
        url('/assets/fonts/Montserrat-Regular.ttf') format('truetype'),
        url('/assets/fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/assets/fonts/Montserrat-Medium.eot');
    src: url('/assets/fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Montserrat-Medium.woff2') format('woff2'),
        url('/assets/fonts/Montserrat-Medium.woff') format('woff'),
        url('/assets/fonts/Montserrat-Medium.ttf') format('truetype'),
        url('/assets/fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/assets/fonts/Montserrat-Bold.eot');
    src: url('/assets/fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Montserrat-Bold.woff2') format('woff2'),
        url('/assets/fonts/Montserrat-Bold.woff') format('woff'),
        url('/assets/fonts/Montserrat-Bold.ttf') format('truetype'),
        url('/assets/fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/assets/fonts/Montserrat-SemiBold.eot');
    src: url('/assets/fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('/assets/fonts/Montserrat-SemiBold.woff') format('woff'),
        url('/assets/fonts/Montserrat-SemiBold.ttf') format('truetype'),
        url('/assets/fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


/*Common Style*/
*{padding:0;margin:0;border:none;box-sizing:border-box;}
*,*:before,*:after{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;outline:none;}
html{scroll-behavior:smooth;-webkit-scroll-behavior:smooth;-o-scroll-behavior:smooth;-moz-scroll-behavior:smooth;border:0;margin:0;outline:0;padding:0;  font-family: 'Gotham', sans-serif !important;}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility; overflow-x: hidden;}
/* Default selection styling for the whole site */
::selection {background: rgb(0,128,187,0.2);color: var(--black-color);}
a,p,span,h1,h2,h3,h4,h5,h6,li{font-family: 'Montserrat', sans-serif !important;}
ul,ol{margin:0;padding:0;}
.container{max-width: 1170px;padding: 0px 15px;margin: auto;}
.container-full{max-width: 100%;}
.img-full{max-width: 100%;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:600;color:var(--title-txt-color);letter-spacing: -0.01em;}
h1,.h1{font-size: 64px;line-height: 1.10em;}
h2,.h2{font-size: 48px;line-height: 1.18em;}
h3,.h3{font-size: 40px;line-height: 1.20em;}
h4,.h4{font-size: 36px;line-height: 1.20em;}
h5,.h5{font-size: 24px;line-height: 1.50em;}
h6,.h6{font-size: 20px;line-height: 1.50em;}
p{font-size: 16px;line-height: 1.5em;font-weight: 400;color:var(--txt-color);}
.list-unstyled{list-style: none;}
.section{padding: 80px 0;}
.width-100{width: 100%;}
/*Zig-Zag Section with Two-Column Image and Text*/
.flex{display: flex;gap: 30px;flex-wrap: wrap;}
.flex .col-100{width:100%;}
.flex .col-50{width:calc((100% * 0.5) - 20px)}
.flex .col-40{width: calc((100% * 0.4) - 20px);}
.flex .col-25{width: calc((100% * 0.25) - 20px);}
.flex .col-33{width: calc((100% * 0.33) - 20px);}
.flex .col-60{width:calc((100% * 0.6) - 20px)}
.flex-left{flex-direction: row;}
.flex-right{flex-direction: row-reverse;}
.flex-align{align-items:flex-start;}
.sec-equal-height .flex-align{align-items: stretch;}
.sec-equal-height .flex-align .col{height: auto;}
.txt-blue{color: var(--primary-clr);}
.txt-white{color: var(--white-color);}
.bg-gray{background: var(--bg-gray);}
.bg-blue{background: var(--primary-clr);}
.font-600{font-weight: 600;}
.flex-no-wrap{flex-wrap: nowrap;}
.txt-content p{word-break: break-word;}

/*Title Text*/
.title-txt{margin-bottom: 30px;}
.text-center{text-align: center;}
.title-main{margin-bottom: 50px;position: relative;padding-bottom: 30px;border-bottom: 1px solid #d5d0d0;}
.title-main:after{content: "";height: 15px;width: 15px;background: var(--primary-clr);position: absolute;top: 100%;transform: translate(0, -50%) rotate(45deg);}

/*Header*/
.header{padding: 15px 0;box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);}
.header .flex{justify-content: space-between;align-items: center;}
.contact-dtl .list-unstyled{display: flex;column-gap: 20px;}
.contact-dtl .list-unstyled .item{display: inline-flex;align-items: center;column-gap: 10px;text-decoration: none;}
.contact-dtl .list-unstyled .item .txt{color: var( --secondary-clr);}
.contact-dtl .list-unstyled .item:hover .txt{text-decoration: underline;}
.logo-content .img-full{max-width: 180px;}
.contact-dtl .icn{display: inline-flex;height: 40px;width: 40px;background: var(--primary-clr);align-items: center;justify-content: center;border-radius: 30px;}
.contact-dtl .icn svg{max-width: 20px;height: auto;}
.contact-dtl .icn svg path{stroke: var(--white-color);}

/*Card*/
.card{padding: 20px !important;box-shadow: -3px 0 20px rgba(0, 0, 0, 0.2);background: #ffffff;}
.card .img-content img{max-width: 100%;}
.card .txt-content .h6{margin-bottom: 25px;margin-top: 20px;border-bottom: 1px solid #d5d0d0;padding-bottom: 15px;position: relative;}
.card .txt-content .h6:after{content: "";height: 5px;min-width: 80px;background: var(--primary-clr);position: absolute;top: 100%;transform: translate(0, -50%);left: 0;}
.card .rate{min-height: 50px;display: flex;align-items: center;background: var(--bg-gray);width: 100%;padding: 15px;gap: 5px;font-size: 18px;flex-wrap: wrap;}
.card .rate .txt-blue{font-weight: 600;}


/*Main*/
.sec-card .card-list{flex-wrap: wrap;gap: 25px;justify-content: center;}
.sec-offer .highligh-txt{padding: 50px;}
.sec-offer .flex.bg-blue{padding: 50px;max-width: 80%;margin: 0 auto;position: relative;box-shadow: -3px 0 20px rgba(0, 0, 0, 0.2);background: #ffffff;flex-wrap: wrap;}
.sec-offer .flex.bg-blue .rate{ position: absolute;top: 0;min-width: 100px;display: flex;align-items: center;justify-content: center;min-height: 200px;background: #006aa8;font-size: 36px;padding: 20px;color: #ffffff;font-weight: 600;}
.sec-offer .flex.bg-blue .txt-content{padding-left: 170px;}
.sec-offer .flex.bg-blue .txt-content p{font-size: 18px;}
.sec-offer .flex.bg-blue .txt-content p .txt-blue{font-weight: 600;}
.sec-offer .flex.bg-blue .rate:after{    position: absolute;content: "";width: 0;height: 0px;border-left: 60px solid transparent;border-right: 60px solid transparent;border-bottom: 25px solid #ffffff;bottom: 0;}
.sec-adviser{padding: 30px 0;}
.sec-adviser .flex{justify-content: space-between; align-items: center; gap:10px;}
.sec-adviser .flex .title-txt{margin-bottom: 0;}
.sec-adviser .flex .title-txt .txt-blue{display: block;}
.other-service{ margin-top: 50px;background: #ffffff;padding: 50px;text-align: center;box-shadow: -3px 0 20px rgba(0, 0, 0, 0.2);}
.other-service .flex{justify-content: center;}
.sec-policy .txt-content ul{display: flex;font-size: 18px;line-height: 1.5em;flex-direction: column;width: 80%;margin: 0 auto;gap: 10px;}
.sec-policy .txt-content ul li{background: #ffffff;min-height: 50px;display: flex;align-items: center;padding: 10px 10px 10px 20px;border-left: 5px solid #006aa8;flex-wrap: wrap;font-size: 18px;line-height: 1.5em;}
.sec-policy .txt-content .txt-blue{padding: 0 5px;display: inline-flex;}

/*Footer*/
.sec.contact-dtl{padding: 50px 0;background: #353535;}
.sec.contact-dtl .list-unstyled {display: flex;gap: 40px;justify-content: center;flex-wrap: wrap;}
.sec.contact-dtl .list-unstyled li{width: calc((100% * 0.33) - 30px); text-align: center;}
.sec.contact-dtl .list-unstyled .item {flex-direction: column;row-gap: 20px;} 
.sec.contact-dtl .list-unstyled .item .txt{color: var(--white-color);text-align: center;line-height: 1.5em;}
.sec.contact-dtl .list-unstyled div.item:hover .txt{text-decoration: none;}
.sec.contact-dtl .icn{height: 60px;width: 60px;}
.sec.contact-dtl .icn svg {max-width: 30px;}
.sec.contact-dtl div.item .icn svg{max-width: 35px; fill: #ffffff;}
.sec.contact-dtl .list-unstyled div.item .icn{    background: #ffffff;padding: 10px;}


.footer .copyright{background: var(--secondary-clr);min-height: 60px;color: #cbcbcb;display: flex;align-items: center;justify-content: center;text-align: center;}


/*==================================== Media Query ====================================*/
/* common css for below screen 1366 */
@media only screen and (max-width: 1366px){
    h4, .h4 {font-size: 30px;}
}
/* css only for hover effect all hover effect must write in this Media query */
@media only screen and (min-width: 1200px) {
}
/* common css for below screen 1199 */
@media only screen and (max-width: 1199px) {
    .section{padding: 60px 0;}
    .title-txt {margin-bottom: 25px;}
    h4, .h4 {font-size: 26px;line-height: 1.5em;}
    
}
/* common css for below screen 1024 */
@media only screen and (max-width: 1024px) {
    .flex .col-25 {width: calc((100% * 0.50) - 20px);}
    .sec-adviser .col-40.pl-100{padding-left: 15px !important;}
    .sec-policy .txt-content ul{width: 100%;}
}
/* common css for below screen 991 */
@media only screen and (max-width: 991px) {
    .section{padding: 50px 0;}
    h4, .h4 {font-size: 22px;}
    .other-service {padding: 30px;}
}
/* common css for below screen 767 */
@media only screen and (max-width: 767px){
    .section{padding: 40px 0;}
    .logo-content .img-full {max-width: 150px;}
    .contact-dtl .list-unstyled .item .txt{display: none;}
    h4, .h4 {font-size: 20px;}
    .sec-offer .flex.bg-blue{max-width: 100%;}
    .sec-banner .img-content{width: 70%;}
    .sec-banner .flex .col-50 {width: 100%;}
    .card .rate{font-size: 16px;}
    .flex .col-33 {width: calc((100% * 0.50) - 20px);}
    .sec-offer .flex.bg-blue .rate {min-width: 90px;min-height: 140px;font-size: 24px;padding: 10px;right: 15px;}
    .sec-offer .flex.bg-blue .txt-content {padding-right: 90px;padding-left: 0;}
    .sec-offer .flex.bg-blue .txt-content p {font-size: 16px;}
    .sec-offer .flex.bg-blue {padding: 30px;}
    .other-service {padding: 20px;}
    .sec-policy .txt-content ul li {padding: 8px 8px 8px 15px;font-size: 16px;line-height: 1.4em;}
    .sec.contact-dtl .list-unstyled .item .txt{display: inline-flex;}
    .sec.contact-dtl .list-unstyled li {width: 100%}
    .sec.contact-dtl .list-unstyled li .txt span{margin-left: 5px;}
}
/* common css for below screen 576 */
@media screen and (max-width: 576px){
    .flex .col-33,.flex .col-25 {width: 100%;}
    .sec-banner .img-content {width: 100%;}
    .sec-adviser .flex.flex-no-wrap{flex-wrap: wrap;}
    .sec-adviser .flex .col{width: 100%;}
    .sec-adviser .flex .col .txt-content.mt-30{margin-top: 0;}
}
/* common css for below screen 479 */
@media screen and (max-width: 479px){
    .section{padding: 30px 0;}
    .title-txt {margin-bottom: 20px;}
}
/* common css for screen size between 768 to 820 */
@media only screen and (min-width: 768px) and (max-width: 820px){
    .contact-dtl .list-unstyled .item .txt{display: none;}
    .flex .col-33 {width: calc((100% * 0.50) - 20px);}
    .sec-offer .flex.bg-blue{max-width: 100%;}
    .sec-banner .img-content{width: 50%;}
    .sec-banner .flex .col-50 {width: 100%;}
    .sec.contact-dtl .list-unstyled .item .txt{display: inline-flex;}
    .sec.contact-dtl .list-unstyled li {width: calc((100% * 0.50) - 30px);}
}
/* common css for screen size between 991 to 965 */
@media only screen and (min-width: 768px) and (max-width: 965px){
    .contact-dtl .list-unstyled .item .txt{display: none;}
    .sec.contact-dtl .list-unstyled .item .txt{display: inline-flex;}
    .sec.contact-dtl .list-unstyled li {width: calc((100% * 0.50) - 30px);}
}