@charset "utf-8";
/*..............embedded fonts..............*/

@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap');

/*..............embedded fonts..............*/
/*font-family: "Onest", sans-serif;*/

/*..............root..............*/

:root{
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */
    --transition-common: all 0.6s ease 0s;
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */

    /* ~-~-~-~-~ colors ~-~-~-~-~ */
    --clr-primary: #364052;
    --clr-secondary: #222;
    --clr-white: #fff;
    --clr-sky: #4F8CFD;
    --clr-blue: #022056;
    --clr-btn: #D96F52;
    --clr-dark: #1A2435;
    /* ~-~-~-~-~ colors ~-~-~-~-~ */

    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */
    --margin-title: 0 0 25px 0;
    --button-broder-radius: 50px;

    --border-radius-image: 10px;
    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */
}

:root{
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */
    --ff-base: "Onest", sans-serif;
    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-samibold: 600;
    --fw-bold: 700;
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */

    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --f-size-XXXL: 90px;/*-- h1 --*/
    --f-size-XXL: 50px;/*-- h2 --*/
    --f-size-XL: 30px;/*-- h3 --*/
    --f-size-L: 24px;/*-- h4 --*/
    --f-size-M: 22px;/*-- h5 --*/
    --f-size-S: 20px;/*-- h6 --*/
    --f-size-Body: 18px;/*-- p --*/
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
}

body, p{ font-family: var(--ff-base); font-weight: var(--fw-regular); font-size: var(--f-size-Body); color: var(--clr-primary);}
h1, h2, h3, h4, h5, h6{ font-family: var(--ff-base); font-weight: var(--fw-medium); color: var(--clr-secondary); margin: var(--margin-title);}
h1{ font-size: var(--f-size-XXXL);}
h2{ font-size: var(--f-size-XXL);}
h3{ font-size: var(--f-size-XL);}
h4{ font-size: var(--f-size-L);}
h5{ font-size: var(--f-size-M);}
h6{ font-size: var(--f-size-S);}
p{margin: var(--margin-title);}


/*..............common styles..............*/
body { margin: 0; padding: 0;}
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { /*color: #179ae2;*/ outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}

input, textarea, select{ font-family: var(--ff-base); font-weight: var(--fw-regular); font-size: var(--f-size-Body); color: var(--clr-primary); outline: none;}
/*input[type="submit"]{ font-family: 'Josefin Sans', sans-serif; font-weight: 500; font-size: 16px; transition:all 0.3s ease 0s; outline: none;}*/


/* --- Button Styles --- */
.btn { border: 0; display: inline-block; vertical-align: top; background: var(--clr-btn); color: var(--clr-white); 
    padding: 14px 80px 14px 25px; font-family: var(--ff-base); font-weight: var(--fw-regular); font-size: var(--f-size-Body); text-transform: capitalize; border-radius: 50px; position: relative; overflow: hidden; transition: var(--transition-common);}
.btn span{width: 45px; height: 45px; background-color: var(--clr-btn); border-radius: 50px; position: absolute; top: 5px; right: 5px; display: flex; justify-content: center; align-items: center;}
.btn-arrow-rotate span{transform: rotate(-30deg); transition: var(--transition-common);}
.btn.border { background: rgba(255, 255, 255, 0.07); color: var(--clr-white); border: 1px solid var(--clr-white);}
.btn.btn-transparent{background-color: transparent; color: var(--clr-secondary); padding-left: 0;}
.btn.btn-arrow-transparent span{ background-color: transparent;}


.btn:hover{background-color: var(--clr-blue); color: var(--clr-white);}
.btn.border:hover{background-color: var(--clr-white); color: var(--clr-blue);}
.btn.btn-transparent:hover{background-color: transparent; color: var(--clr-btn);}
.btn-arrow-rotate:hover span { transform: rotate(0deg);}

.btn:focus, button:focus{outline: none;}

/* --- Button Styles --- */


/*..............common styles..............*/

.click { display:none; /*color: #000; float: right; font-size: 28px;*/     position: absolute;
    top: 0;
    right: 0;
    /*background-color: rgba(255,255,255,0.8);*/
    background-color: transparent;
    width: 50px;
    height: 50px;}
.main_menu a.closebtn{
    display: none;}

.common-padding{padding-top: 100px; padding-bottom: 100px;}
.common-padding-md{padding-top: 50px; padding-bottom: 50px;}
.common-margin{margin-top: 100px; margin-bottom: 100px;}

.dark-bg{ background-color: var(--clr-dark);}

.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p{color: var(--clr-white);}

/*for header css*/
.main-header { /*background: rgba(30, 30, 34, 0.9);*/ padding: 30px 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 9; transition: var(--transition-common);}
header.main-header.stickyHeader { background-color: rgba(26, 36, 53, 0.98);}
header.main-header.stickyHeader nav.main_menu, header.main-header.stickyHeader .sub-menu { background-color: rgb(121 125 136);}
.headerRow{display: flex; justify-content: space-between; align-items: center;}

.logo { width: 270px;}
/*.dnt-btn { float: right; margin-left: 10px; padding-top: 5px;}
.dnt-btn a { background: #97c88b; color: #fff; text-transform: uppercase; border-radius: 6px; padding: 10px 25px; letter-spacing: 1px;}*/


nav.main_menu { background-color: rgba(255, 255, 255, 0.4); border-radius: 50px; padding: 0 10px;}
.main_menu ul { margin: 0; padding: 0; list-style: none;}
.main_menu ul li { list-style: none; display: inline-block; vertical-align: top; padding: 0 30px; position: relative;}
.main_menu ul li:after{background-color: #E0E0E0; height: 23px; width: 1px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: "";}
.main_menu ul li:first-child:after{display: none;}
.main_menu ul li a { display: block; padding: 15px 0; color: var(--clr-white);}
.main_menu ul li:hover>a, .main_menu ul li.current-menu-item>a { color: var(--clr-blue);}

.main_menu ul li.menu-item-has-children span { position: absolute; top: 15px; right: 13px; width: 12px; height: 24px; /*filter: brightness(500);*/ filter: invert(100); -webkit-filter: invert(100);}
.main_menu ul li:hover span, .main_menu ul li.current-menu-item span{filter: invert(0); -webkit-filter: invert(0);}

.sub-menu{position: absolute; /*width: 150px;*/ width: 320px; left: 0; top: 57px; /*background-color: rgba(255, 255, 255, 0.4);*/ background-color: rgba(121, 125, 136, 0.99); border-radius: 0 0 15px 15px; overflow: hidden; display: none;}
.main_menu ul li:hover .sub-menu{display: block;}
.main_menu ul li .sub-menu li{display: block; padding: 0 0px; font-size: 15px;}
.sub-menu li:after{display: none;}
.main_menu ul li .sub-menu li a{padding: 8px;}
.main_menu ul li .sub-menu li a:hover{background-color: var(--clr-blue); color: var(--clr-white);}

/*for header css*/

.slider-wrap { position: relative;}
.banner-pic { position: relative; padding-top: 50%;}
.banner-pic>img{width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; top: 0;}
.banner-pic:after{width: 100%; height: 100%; top: 0; left: 0; content: ""; /*background: rgba(0, 1, 1, 0.37);*/ background: linear-gradient(to top, rgba(0, 1, 1, 0.98), rgba(0, 1, 1, 0.3), transparent); position: absolute;}
.banner-slider-row .container{position: relative;}
.bann-content { position: absolute; bottom: 140px; width: 100%; left: 0;}
.bann-content-row{display: flex; flex-flow: wrap; justify-content: space-between; align-items: center;}
.bann-content-left{max-width: 953px;}
.bann-content-right{max-width: 518px; border-left: 5px solid var(--clr-btn); padding-left: 25px;}
.bann-content h1 span{background: linear-gradient(to right, #4F8CFD, #5CBDF9); background: -webkit-linear-gradient( #4F8CFD, #5CBDF9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.banner_carousel .bann-content-row .bann-content-left h1 span {display: block;}
.bann-content-right h4{font-weight: var(--fw-samibold); margin-bottom: 30px;}
.slider-wrap .slick-dots { bottom: 40px;}
.slider-wrap .slick-dots li{width: 7px; height: 6px;}
.slider-wrap .slick-dots li button{width: 7px; height: 6px; position: relative;}
.slider-wrap .slick-dots li button:before {
    /*content: "";*/
    font-size: 0px;
    line-height: 0px;
    width: 7px;
    height: 6px; background-color: #fff;
    opacity: 1; border-radius: 20px; top: 0; left: 0;}
.slider-wrap .slick-dots li.slick-active button:before{width: 27px; background-color: var(--clr-sky); color: var(--clr-sky);}
.slider-wrap .slick-dots li.slick-active button, .slider-wrap .slick-dots li.slick-active{width: 27px;}
.slider-wrap .banner_carousel.slick-dotted.slick-slider { margin-bottom: 0px;}
/*for main sections css*/

/*main.main-section { padding: 80px 0;}*/

.slick-arrow {
    background-color: #fff;
    width: 45px;
    height: 45px;
    border-radius: 100px;
    z-index: 1;
    /*box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.14);*/
    border: 1px solid var(--clr-btn);
    transition: all 0.6s ease-in-out 0s;
}
.slick-arrow:hover{background-color: var(--clr-btn);}
.slick-prev {
    background-image: url(../images/arrow-left-orange.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    left: 0;
}
.slick-next {
    background-image: url(../images/arrow-right-orange.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    right: 0;
}
.slick-prev:hover {
    background-image: url(../images/arrow-left-wh.png) !important;}
.slick-next:hover {
    background-image: url(../images/arrow-right-wh.png) !important;}
/*.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus*/

.slick-prev:before, .slick-next:before{display: none;}

/*for main sections css*/

/*-- counsel-sec(Start) --*/
.sec-subtitle{position: relative; padding: 0 20px; display: inline-block;}
.sec-subtitle h4{color: var(--clr-sky); margin-bottom: 0;}
.sec-subtitle:before{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; border-radius: 50px; overflow: hidden; content: ""; background-color: var(--clr-sky);}
.sec-subtitle:after{position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; border-radius: 50px; overflow: hidden; content: ""; background-color: var(--clr-sky);}
.hom-counsel-box{border: 1px solid rgba(151, 156, 159, 0.7); border-radius: 20px; padding: 20px;}
.hom_counsel_carousel .hom-counsel-box{height: auto;}
.hom_counsel_carousel .slick-track { display: flex; flex-flow: wrap;}
.hom-counsel-icon{margin: 18px 0 20px; width: 80px; height: 80px;}
.hom-counsel-bottom{background-color: #E9EDF2; border-radius: 20px; padding: 30px 20px; height: calc(100% - 119px);}
.hom-counsel-box.slick-slide {
    margin: 0 15px;
}
.nav-top button.slick-arrow {
    /*top: -60px;*/
    top: -70px;
}
.nav-top button.slick-arrow.slick-prev{right: 65px; left: inherit;}

/*-- hom-advisory-sec(Start) --*/

.hom-advisory-bg{ position: relative; /*background: linear-gradient(to right, var(--clr-dark)50%, #fff 50%);*/}
.hom-advisory-bg:before{ position: absolute; content: ""; top: 0; left: 0; /*width: calc(100% - 8.5vw);*/ /*width: calc(100vw - 5vw);*/ width: calc(100vw - 9vw);  height: 100%; background-color: var(--clr-dark); border-bottom-right-radius: 160px; overflow: hidden; z-index: -1;}
/*.hom-advisory-bg .container{background-color: var(--clr-dark); border-bottom-right-radius: 160px; overflow: hidden;}*/
/*.hom-advisory-pic { position: absolute; left: 0; top: 100px;}*/
.container-wrape{display: flex; flex-flow: wrap; align-items: center;}
.hom-advisory-picture, .help-fintech-picture { width: 50%;}
.hom-advisory-picture img, .help-fintech-picture img { width: calc(100% - 150px);}
.hom-advisory-content-width, .help-fintech-content-width{width: 50%; max-width: 800px;}
.hom-focused-img-width {
    width: calc(50% - 150px);
    margin-right: 100px;
}
.hom-focused-pic img{width: 100%;}
/*.hom-focused-pic img{width: calc(100% - 150px);}*/
.hom-focused-content-width{ width: 50%; max-width: 800px;}
.hom-focused-sec .container-wrape{ justify-content: flex-end;}


.hom-advisory-content{padding-right: 20px;}
.check-bullet-list ul{padding-left: 0; list-style: none;}
.check-bullet-list ul li{position: relative; padding-left: 45px; margin-bottom: 20px;}
.check-bullet-list ul li:before{position: absolute; left: 0; top: 0; width: 25px; height: 25px; content: ""; background: url(../images/list-check.png) no-repeat top left;}
.check-bullet-list.text-white ul li, .check-bullet-list.text-white ul li a{color: var(--clr-white);}

/*-- hom-founder-sec(Start) --*/

.hom-founder-left{max-width: 925px;}
.hom-founder-left h2{font-weight: var(--fw-regular);}
.hom-founder-left h2 span{color: #707070;}
.hom-founder-pic{border-radius: 20px; overflow: hidden;}
.hom-founder-content{padding-top: 30px;}

/*-- hom-focused-sec(Start) --*/
.hom-focused-bg{/*background: linear-gradient(to right, #fff 50%, #F3E8E5 50%);*/ position: relative;}
.hom-focused-bg:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    /* width: calc(100% - 8.5vw); */
    /* width: calc(100vw - 5vw); */
    width: calc(100vw - 9vw);
    height: 100%;
    background-color: #F3E8E5;
    border-bottom-left-radius: 160px;
    overflow: hidden;
    z-index: -1;}
.hom-focused-bg .container{background-color: #F3E8E5; border-bottom-left-radius: 160px; /*overflow: hidden;*/}

.hom-focused-content{padding-left: 20px;}
.hom-focused-content-width{ padding-right: 60px;}
.hom-focused-pic{border-radius: 30px; overflow: hidden; /*margin-right: -100px;*/}

/*-- hom-serve-sec(Start) --*/
.hom-serve-box{border-radius: 30px; background-color: var(--clr-white); box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.1); padding: 30px; transition: var(--transition-common); height: 100%;}
.hom-serve-box:hover{background-color: var(--clr-blue);}
.hom-serve-pic{border-radius: 20px; overflow: hidden; position: relative; padding-top: 59%;}
.hom-serve-pic img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.hom-serve-content{padding-top: 30px;}
.hom-serve-content h4{margin-bottom: 15px; color: var(--clr-secondary);}
.hom-serve-content h4 a{color: var(--clr-secondary);}
.hom-serve-box:hover .hom-serve-content h4 a, .hom-serve-box:hover .hom-serve-content h4{color: var(--clr-white);}

/*for footer sections css*/

.ftr-main{position: relative;}
.ftr-main:before{width: 1px; height: 100%; top: 0; bottom: 0; background: rgba(255, 255, 255, 0.3); content: ""; position: absolute; left: 43%;}
.ftr-top { /*background: #fff;*/ padding: 50px 0;}
.ftr-logo { margin: 0 0 60px; max-width: 230px;;}
.ftr-menu ul { margin: 0; padding: 0; list-style: none; column-count: 2;}
.ftr-menu ul li { margin-bottom: 20px; text-transform:capitalize;}
.ftr-menu ul li a { color: var(--clr-white);}
.ftr-menu ul li a:hover { color: var(--clr-btn);}

.ftr-talt{ padding-left: 130px;}
.ftr-btn-row { margin-top: 40px; padding-top: 40px; border-top: 1px solid rgba(255, 255, 255, 0.3);}

/*.ftr-btm { background: #1a1a1a; padding: 35px 0; color: #fff;}*/
.ftr-copyright{margin-top: -35px; max-width: 600px;}
.ftr-copyright p { margin-bottom: 0; color: rgba(255, 255, 255, 0.6); font-weight: var(--fw-light);}

.ftr-col h2 { text-transform: capitalize; font-size: var(--f-size-XXXL);}

/*for footer sections css*/

/*-- Inner-pages(Start) --*/

/*-- Services-page(Start) --*/

.inner-banner .banner-pic{padding-top: 26%;}
.inner-banner .bann-content{bottom: 100px;}
.slider-wrap.inner-banner .bann-content-left h1 { font-size: var(--f-size-XXL);}
.inner-banner .bann-content h1.blog-title { margin-bottom: 0;}
.inner-banner .bann-content-left h4{font-weight: var(--fw-samibold); margin-bottom: 0;}
body.single.single-blogs .inner-banner .bann-content { bottom: 40px;}

.inner-banner .bann-content-left { width: 100%; max-width: inherit;}
.pic-radius{border-radius: 20px; overflow: hidden;}
.hom-counsel-box{height: 100%;}
.counsel-sec .hom-counsel-bottom p { min-height: 135px;}

/*-- Services-details-page(Start) --*/
/*.help-fintech-bg{ background: linear-gradient(to right, #fff 50%, var(--clr-dark) 50%); position: relative;}
.help-fintech-bg .container{background-color: var(--clr-dark); border-bottom-left-radius: 160px;}*/

.help-fintech-bg{position: relative;}
.help-fintech-bg:before{position: absolute; content: ""; top: 0; right: 0; /*width: calc(100% - 8.5vw);*/ /*width: calc(100vw - 5vw);*/ width: calc(100vw - 9vw);  height: 100%; background-color: var(--clr-dark); border-bottom-left-radius: 160px; overflow: hidden; z-index: -1;}
.help-fintech-pic{position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.help-fintech-content{padding-left: 20px;}
..bg-right .help-fintech-content.help-fintech-content-width{ order: 1;}
.bg-right .help-fintech-picture { order: 2; text-align: right;}
.bg-right .container-wrape  { justify-content: flex-end;}


/*-- About-page(Start) --*/

.about-philosophy-box{ background-color: #F3E8E5; border-bottom-right-radius: 160px; padding-left: 30px; padding-right: 30px;}
.client-logo-box.slick-slide img { margin: 0 auto;}
.sec-height, .sec-height .container{min-height: 800px;}
.client-logo-box.slick-slide { margin-left: 15px; margin-right: 15px;}

/*-- Meet the founder(Start) --*/

.fonnder-name{position: absolute; bottom: 0px; left: 0; padding: 20px; width: 100%;}
.fonnder-name h2, .fonnder-name p{margin-bottom: 10px;}
.career-sec .hom-counsel-bottom { height: calc(100% - 53px);}

/*-- Blog-details-page(Start) --*/

.blog-content-pic{position: relative; padding-top: 24%;}
.blog-content-pic img{width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;}

/*-- Contact-page(Start) --*/
.contact-form{ background: #f5f5f5; border:1px solid rgba(151,156,159,40%); padding: 32px; border-radius: 20px;}
.contact-form .form-control, .contact-form .form-select { height: 54px; border-radius: 50px; border: 1px solid var(--clr-sky);}
.contact-form textarea.form-control{height: auto; border-radius: 30px;}
.main_menu ul li.for-mob-link{display: none;}
.contact-pic { height: 100%;}
.contact-pic img { height: 100%; width: 100%; object-fit: cover;}
.wpcf7-response-output { text-align: center;}
form.invalid .wpcf7-response-output{color: #dc3232;}
form.sent .wpcf7-response-output{color: #1f912a;}
form.invalid .wpcf7-not-valid{border-color: #dc3232;}
.wpcf7-not-valid-tip{display: none;}
.contact-form form .btn { padding: 14px 25px 14px 25px; min-width: 170px;}

body.single.single-blogs section.blog-sec { min-height: 52vh;}
.not-found-box{ border-radius: 30px; background-color: var(--clr-white); box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.1); padding: 70px 20px;}

/*-- New-css(19-08-2025) --*/
.counsel-pic img {width: 100%;}
/*.credential-pic { height: 100%;}
.credential-pic img { width: 100%; height: 100%; object-fit: cover;}*/

/*Media Query css*/

@media only screen and ( min-width:1301px ) {
    .container { max-width: 1200px;}

}

@media only screen and ( min-width:1501px ) {
    .container { max-width: 1300px;}

}

@media only screen and ( min-width:1801px ) {
    .container { max-width: 1600px;}

}


@media only screen and ( min-width:1950px ) {
    .hom-advisory-bg:before, .help-fintech-bg:before{width: calc(100% - 8.5vw);}
    .hom-focused-bg:before{width: calc(100% - 8.5vw);}
}
@media only screen and ( max-width:2000px ) {
    .hom-advisory-content-width, .help-fintech-content-width { max-width: 700px;}
    .hom-focused-content-width { max-width: 700px;}

}
@media only screen and ( max-width:1800px ) {
    :root{
       --f-size-XXXL: 70px;/*-- h1 --*/
    --f-size-XXL: 45px;/*-- h2 --*/
    --f-size-XL: 28px;/*-- h3 --*/
    --f-size-L: 23px;/*-- h4 --*/
    --f-size-M: 21px;/*-- h5 --*/
    --f-size-S: 19px;/*-- h6 --*/
    --f-size-Body: 17px;/*-- p --*/
    }
    /*--f-size-XXXL: 90px;
    --f-size-XXL: 50px;
    --f-size-XL: 30px;
    --f-size-L: 24px;
    --f-size-M: 22px;
    --f-size-S: 20px;
    --f-size-Body: 18px;*/

    .bann-content-left { max-width: 830px;}
    .bann-content-right { max-width: 445px; border-width: 3px; padding-left: 20px;}
    .common-padding { padding-top: 80px; padding-bottom: 80px;}
    .hom-counsel-bottom { padding: 20px; border-radius: 15px;}
    .hom-counsel-box { padding: 15px; border-radius: 15px;}
    .hom-advisory-bg:before, .help-fintech-bg:before{ width: calc(100vw - 5vw);}
    .hom-focused-bg:before{ width: calc(100vw - 5vw);}

}
@media only screen and ( max-width:1600px ) {
    :root{
       --f-size-XXXL: 60px;/*-- h1 --*/
    --f-size-XXL: 40px;/*-- h2 --*/
    --f-size-XL: 26px;/*-- h3 --*/
    --f-size-L: 22px;/*-- h4 --*/
    --f-size-M: 20px;/*-- h5 --*/
    --f-size-S: 18px;/*-- h6 --*/
    --f-size-Body: 16px;/*-- p --*/
    }
    /*--f-size-XXXL: 80px;
    --f-size-XXL: 45px;
    --f-size-XL: 28px;
    --f-size-L: 23px;
    --f-size-M: 21px;
    --f-size-S: 19px;
    --f-size-Body: 17px;*/
    /*.hom-focused-pic { margin-right: -80px;}*/
    .common-padding { padding-top: 70px; padding-bottom: 70px;}
    /*.hom-counsel-bottom { padding: 20px; border-radius: 15px;}
    .hom-counsel-box { padding: 15px; border-radius: 15px;}*/
    .hom-advisory-pic { max-width: 600px;}
    .hom-advisory-content-width, .help-fintech-content-width{ max-width: 650px;}
    .hom-focused-content-width { max-width: 650px;}
    .hom-focused-content{padding-left: 20px;}
    .hom-focused-content-width{ padding-right: 40px;}
    .logo { width: 230px;}
    .ftr-logo { max-width: 200px;}
    .btn { padding: 14px 70px 14px 20px;}
    .btn span { width: 35px; height: 35px;}
    

}
@media only screen and ( max-width:1500px ) {
    :root{
       --f-size-XXXL: 50px;/*-- h1 --*/
        --f-size-XXL: 38px;/*-- h2 --*/
        --f-size-XL: 24px;/*-- h3 --*/
        --f-size-L: 20px;/*-- h4 --*/
        --f-size-M: 19px;/*-- h5 --*/
        --f-size-S: 17px;/*-- h6 --*/

        /*--f-size-Body: 16px;*/
    }

        /*--f-size-XXXL: 70px;
        --f-size-XXL: 40px;
        --f-size-XL: 26px;
        --f-size-L: 22px;
        --f-size-M: 20px;
        --f-size-S: 18px;
        --f-size-Body: 16px;*/

    /*.hom-focused-pic { margin-right: -50px;}*/
    .hom-focused-pic, .hom-serve-box{ border-radius: 25px;}
    .hom-serve-pic, .hom-founder-pic, .pic-radius{ border-radius: 15px;}
    .hom-serve-box { padding: 15px;}
    /*.hom-counsel-bottom { border-radius: 15px;}
    .hom-counsel-box { border-radius: 15px;}*/
    .hom-advisory-content-width, .help-fintech-content-width{ max-width: 600px;}
    .hom-focused-content-width { max-width: 600px;}
    .contact-form { padding: 20px; border-radius: 15px;}
    .contact-form .form-control, .contact-form .form-select { height: 40px;}
    .contact-form textarea.form-control { border-radius: 10px;}
    .not-found-box{ border-radius: 25px; padding: 50px 20px;}
    .logo { width: 200px;}
    .ftr-logo { max-width: 170px;}


}

@media only screen and ( max-width:1400px ) {
    :root{
       --f-size-XXXL: 45px;/*-- h1 --*/
        --f-size-XXL: 36px;/*-- h2 --*/
        --f-size-XL: 23px;/*-- h3 --*/
        --f-size-L: 19px;/*-- h4 --*/
        --f-size-M: 18px;/*-- h5 --*/

        /*--f-size-S: 17px;
        --f-size-Body: 16px;*/
    }

    /*--f-size-XXXL: 60px;
        --f-size-XXL: 38px;
        --f-size-XL: 24px;
        --f-size-L: 20px;
        --f-size-M: 19px;
        --f-size-S: 17px;
        
        --f-size-Body: 16px;*/


    .hom-focused-pic, .hom-serve-box{ border-radius: 20px;}
    .hom-serve-pic, .hom-founder-pic, .pic-radius{ border-radius: 10px;}
    .common-padding { padding-top: 60px; padding-bottom: 60px;}
    .logo { width: 200px;}
    nav.main_menu { padding: 0 5px;}
    .main_menu ul li { /*padding: 0 15px;*/ padding: 0 25px;}
    /*.btn { padding: 14px 70px 14px 20px;}
    .btn span { width: 35px; height: 35px;}*/
    .contact-form form .btn { padding: 14px 20px 14px 20px; min-width: 150px;}
    .hom-advisory-bg .container { border-bottom-right-radius: 120px;}
    .hom-focused-bg .container { border-bottom-left-radius: 120px;}
    .hom-advisory-bg:before{border-bottom-right-radius: 120px;}
    .help-fintech-bg:before{border-bottom-left-radius: 120px;}
    .hom-focused-bg .container { border-bottom-left-radius: 120px;}
    .about-philosophy-box {border-bottom-right-radius: 120px;}
    .hom-focused-bg:before { border-bottom-left-radius: 120px;}
    .hom-advisory-pic { max-width: 600px;}
    .hom-advisory-content-width, .help-fintech-content-width{ max-width: 550px;}
    .hom-focused-content-width { max-width: 550px;}
    .main_menu ul li.menu-item-has-children span { /*right: 3px;*/ right: 5px; width: 9px; height: 22px;}
    .sub-menu { top: 54px;}
    .contact-form { border-radius: 10px;}
    .inner-banner .bann-content { bottom: 80px;}
    .inner-banner .bann-content .bann-content-left h1{margin-bottom: 15px;}
    .not-found-box{ border-radius: 20px; padding: 40px 15px;}
    

}
@media only screen and ( max-width:1366px ) {
    .hom-advisory-content-width, .help-fintech-content-width{ max-width: 520px;}
    .hom-focused-content-width { max-width: 520px;}
}

@media only screen and ( max-width:1199px ) {
    :root{
       --f-size-XXXL: 40px;/*-- h1 --*/
        --f-size-XXL: 34px;/*-- h2 --*/
        --f-size-XL: 22px;/*-- h3 --*/

       /* --f-size-L: 19px;
        --f-size-M: 18px;
        --f-size-S: 17px;
        --f-size-Body: 16px;*/
        --margin-title:  0 0 20px 0;
    }

    /*--f-size-XXXL: 50px;
        --f-size-XXL: 36px;
        --f-size-XL: 23px;
        --f-size-L: 19px;
        --f-size-M: 18px;

        --f-size-S: 17px;
        --f-size-Body: 16px;*/


    
    .common-padding { padding-top: 50px; padding-bottom: 50px;}
    .logo {width: 180px;}
    /*.hom-focused-pic { margin-right: -20px;}*/
    .hom-focused-pic, .hom-serve-box { border-radius: 15px;}
    .hom-serve-box { padding: 10px;}
    .hom-advisory-bg .container { border-bottom-right-radius: 100px;}
    .hom-focused-bg .container { border-bottom-left-radius: 100px;}
    .hom-advisory-bg:before{border-bottom-right-radius: 100px;}
    .help-fintech-bg:before{border-bottom-left-radius: 100px;}
    .hom-focused-bg .container { border-bottom-left-radius: 100px;}
    .about-philosophy-box {border-bottom-right-radius: 100px;}
    .hom-focused-bg:before { border-bottom-left-radius: 100px;}
    .hom-advisory-pic { max-width: 500px;}
    .hom-advisory-content-width, .help-fintech-content-width{ max-width: 450px;}
    .hom-focused-content-width { max-width: 450px;}
    .hom-advisory-bg:before, .help-fintech-bg:before { width: calc(100vw - 6%);}
    .hom-focused-bg:before { width: calc(100vw - 6%);}
    .btn { padding: 9px 60px 9px 10px;}
    .btn span { width: 30px; height: 30px;}
    .contact-form form .btn { padding: 9px 10px 9px 10px; min-width: 140px;}
    .hom_counsel_carousel.nav-top.slick-initialized.slick-slider { padding-top: 50px;}
    .nav-top button.slick-arrow { /*top: 10px;*/ top: -40px;}
    .hom-counsel-icon { margin: 10px 0 15px; width: 70px; height: 70px;}
    .hom-counsel-box { padding: 10px; border-radius: 10px;}
    .hom-counsel-bottom { padding: 15px; border-radius: 10px; height: calc(100% - 96px);}
    .ftr-talt { padding-left: 100px;}
    .ftr-main:before { left: 47%;}
    .ftr-top { padding: 40px 0;}
    .contact-form .form-control, .contact-form .form-select { height: 38px;}
    .hom-focused-content-width { padding-right: 15px;}
    .hom-focused-content { padding-left: 10px;}
    .inner-banner .bann-content{bottom: 50px;}


    .ftr-main:before{display: none;}
    .ftr-copyright { max-width: inherit; margin-top: 30px; text-align: center;}
    .ftr-menu ul {column-count: 1;}
    .ftr-menu ul li { margin-bottom: 8px; text-align: left;}
    .main_menu ul li { font-size: 14px;}
    .main_menu ul li .sub-menu li { font-size: 13px;}
    .sub-menu {top: 51px;}
    .not-found-box{ border-radius: 15px; padding: 30px 15px;}
    .ftr-logo { margin: 0 0 30px;}
    .ftr-btn-row { margin-top: 20px; padding-top: 20px;}
    .hom-counsel-sec .sec-title-row { width: 80%;}
    
    

}
@media only screen and ( max-width:1024px ) {
    .common-padding { padding-top: 40px; padding-bottom: 40px;}
    .hom-advisory-content-width, .help-fintech-content-width{ max-width: 430px;}
    .hom-focused-content-width { max-width: 430px;}
    body.single.single-blogs .inner-banner .bann-content { bottom: 10px;}
}
@media only screen and ( min-width: 992px ) {
    .main_menu{
        display: block !important;
    }
    #mySidenav{
        width: auto !important;
    }
}
@media only screen and ( max-width: 991px ) {
    /*-- toggle-new-menu-icon to cross-icon(Start) --*/

    .menu-toggle {
  position: absolute;
  right: 0;
  top: -5px;
}
.menu-toggle, .menu-toggle:hover {
  color: #000;
}

.menu-toggle-bar {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  right: 0;
  margin: 0 auto;
  left: 0;
  width: 26px;
  height: 3px;
  border-radius: 4px;
  background-color: black;
  background-color: var(--clr-white);
  transition: all 0.3s ease;
}
.menu-toggle-bar.menu-toggle-bar--top {
  transform: translate(0, -8px);
}
.menu-toggle-bar.menu-toggle-bar--bottom {
  transform: translate(0, 8px);
}
.nav-open .menu-toggle-bar.menu-toggle-bar--top {
  transform: translate(0, 0) rotate(45deg);
}
.nav-open .menu-toggle-bar.menu-toggle-bar--middle {
  opacity: 0;
}
.nav-open .menu-toggle-bar.menu-toggle-bar--bottom {
  transform: translate(0, 0) rotate(-45deg);
}
    /*-- toggle-new-menu-icon to cross-icon(End) --*/

    .click{
        display: block;
        cursor: pointer;
    }
    .main_menu a.closebtn{
        color: #000;
        display: block;
    }

    /*-- For_mob_menu(Start) --*/
    .main_menu {
        /*height: 100%;*/
    /*min-height: calc(100vh - 101px);*/
    min-height: calc(100vh - 61px);
    width: 100%;
    position: fixed;
    z-index: 1;
    /*top: 101px;*/
    top: 61px;
    bottom: 0;
    /*background-color: rgba(255, 255, 255, 0.97);*/
    background-color: rgba(26, 36, 53, 0.98);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    z-index: 999;
    right: -100%;}
    
    nav.main_menu{border-radius: 0;}
    body.nav-open .main_menu {
    right: 0 !important;
    }
    nav.main_menu, header.main-header.stickyHeader nav.main_menu, header.main-header.stickyHeader .sub-menu{background-color: rgba(26, 36, 53, 0.98);}
    .main_menu ul li:hover>a, .main_menu ul li.current-menu-item>a {
    color: var(--clr-sky);}
    body.nav-open header.main-header{background-color: rgba(26, 36, 53, 0.98);}
    .main_menu a {
        /*padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        color: #818181;*/
        display: block;
        transition: 0.3s;
    }
    .main_menu ul li.menu-item-has-children a { width: calc(100% - 15px);}
    .main_menu a:hover {
        color: #333;
    }

    .main_menu .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }
    body.scrollOff{height: 100vh; overflow: hidden; position: relative;}
    /*body.scrollOff:before { position: fixed; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: rgba(0, 0, 0, 0.5); z-index: 1;}*/

    .main_menu ul li:hover ul.sub-menu { display: none;}
    .main_menu ul li.menu-item-has-children.active ul.sub-menu{display: block;}
    ul.sub-menu { position: relative; left: 0; width: 100%; border-radius: 0px; top: 0px; background-color: rgba(0, 0, 0, 0.4);}
    .main_menu ul li.menu-item-has-children span { top: 12px; right: 5px; width: 14px; height: 18px; filter: brightness(100);}
    .main_menu ul li{display: block; width: 100%;}
    .headerRow { position: relative;}
    .header-right { margin-right: 70px;}
    .main_menu ul li:after{display: none;}
    .main_menu ul li.for-mob-link a { padding: 9px 0;}
    .main-header { padding: 10px 0;}

    /*-- For_mob_menu(End) --*/
        :root{
       --f-size-XXXL: 35px;/*-- h1 --*/
        --f-size-XXL: 30px;/*-- h2 --*/
        --f-size-XL: 20px;/*-- h3 --*/


       /* --f-size-L: 19px;
        --f-size-M: 18px;
        --f-size-S: 17px;
        --f-size-Body: 16px;*/
    }
     /*--f-size-XXXL: 40px;
        --f-size-XXL: 34px;
        --f-size-XL: 22px;

       --f-size-L: 19px;
        --f-size-M: 18px;
        --f-size-S: 17px;
        --f-size-Body: 16px;*/

        .hom-advisory-pic { max-width: 450px; position: relative; min-height: inherit; top: 0;}
        .hom-advisory-content-width, .help-fintech-content-width {width: 100%; max-width: 720px; margin: 0 auto;}
        .hom-focused-content-width { width: 100%; max-width: 720px; margin: 0 auto;}
        .hom-focused-img-width { width: 70%; margin: 0px auto;}
        .hom-advisory-picture, .help-fintech-picture{ width: 100%;}
        .hom-advisory-bg:before, .help-fintech-bg:before{ width: calc(100vw - 3%);}
        .hom-focused-bg:before { width: calc(100vw - 3%);}
        .bg-right .help-fintech-picture { order: 1;}
        .bg-right .help-fintech-content-width { order: 2;}
        .logo { width: 140px;}
        .bann-content { bottom: 60px;}
        .slider-wrap .slick-dots { bottom: 10px;}
        .bann-content-left { max-width: 750px;}
        .bann-content-right{ max-width: 350px; border-width: 3px;padding-left: 10px;}
        .hom-advisory-bg:before { border-bottom-right-radius: 50px;}
        .help-fintech-bg:before{border-bottom-left-radius: 50px;}
        .hom-focused-bg .container { border-bottom-left-radius: 50px;}
        .about-philosophy-box {border-bottom-right-radius: 50px;}
        .hom-focused-bg:before { border-bottom-left-radius: 50px;}
        .hom-advisory-picture img, .help-fintech-picture img { width: auto;}
        .career-sec .hom-counsel-bottom { height: auto;}
        /*.ftr-copyright { max-width: 250px;}*/
        .counsel-content, .about-philosophy-content { padding-top: 30px; text-align: center;}
        .hom-advisory-sec .hom-advisory-content { padding-top: 20px;}
        .contact-pic {height: auto;}
        .contact-form{ margin-bottom: 30px;}
        .credential-content { padding-top: 30px;}
        .hom-focused-content, .sec-title-row { padding-left: 0px; text-align: center;}
        .hom-focused-content-width { padding-right: 0px;}
        .about-fintech-sec .counsel-content { padding-top: 0px;}
        .check-bullet-list ul li { padding-left: 25px;}
        .check-bullet-list ul li:before { top: 4px; width: 16px; height: 16px; background-size: cover;}
        .hom-founder-left { max-width: inherit; text-align: center;}
        .hom-founder-pic img {width: 100%;}
        .hom-founder-content { padding-top: 20px; text-align: center;}
        .inner-banner .bann-content { bottom: 40px;}
        .inner-banner .bann-content .bann-content-left h1 { margin-bottom: 10px;}
        .nav-top button.slick-arrow.slick-next { right: calc(50% - 50px);}
        .nav-top button.slick-arrow.slick-prev { right: inherit; left: calc(50% - 50px);}
        .ftr-talt {padding-left: 20px;}
        .hom-counsel-sec .sec-title-row {width: 100%;}
        .nav-top button.slick-arrow { top: 10px;}


}
/*@media only screen and ( min-width: 767px ) {
    .main_menu{
        display: block !important;
    }
}*/

@media only screen and ( max-width: 767px ) {
    :root{
        --margin-title:  0 0 15px 0;
    }
    .bann-content { position: relative; bottom: 0; left: 0; background-color: var(--clr-dark); padding-top: 20px; /*padding-bottom: 40px;*/ padding-bottom: 20px; text-align: center;}
    .slider-wrap{background-color: var(--clr-dark);}
    .bann-content-left{max-width: inherit; width: 100%;}
    .bann-content-right{max-width: inherit; width: 100%; padding-left: 0; border-left: none; border-top: 2px solid var(--clr-btn); padding-top: 15px;}
    .inner-banner .bann-content{bottom: 0px;}
    body.single.single-blogs .inner-banner .bann-content { bottom: 0px;}
    .hom-advisory-bg:before, .help-fintech-bg:before { width: 100%;}
    .hom-focused-bg:before { width: 100%;}
    .hom-focused-pic { margin-right: 0px;}
    .hom-advisory-content-width, .help-fintech-content-width{ max-width: 540px;}
    .hom-counsel-icon { margin: 0px 0 15px;}
    .ftr-talt { padding-left: 0px; text-align: center;}
   
    .ftr-btn-row { margin-top: 20px; padding-top: 30px;}
    .ftr-menu ul li { margin-bottom: 15px; text-align: center;}
    .ftr-logo { margin: 0 auto 20px; text-align: center;}
    .ftr-menu { margin-bottom: 20px;}
    .counsel-sec .hom-counsel-bottom p { min-height: inherit;}
    .inner-banner .banner-pic { padding-top: 36%;}
    /*.nav-top button.slick-arrow.slick-next { right: calc(50% - 11%);}
    .nav-top button.slick-arrow.slick-prev { right: inherit; left: calc(50% - 11%);}*/
    .slider-wrap .banner_carousel { padding-bottom: 20px;}
    


}
@media only screen and ( max-width: 575px ) {
    :root{
       --f-size-XXXL: 30px;/*-- h1 --*/
        --f-size-XXL: 25px;/*-- h2 --*/
        --f-size-XL: 19px;/*-- h3 --*/
        --f-size-L: 18px;/*-- h4 --*/
        --f-size-M: 17px;/*-- h5 --*/
        --f-size-S: 16px;/*-- h6 --*/
        --f-size-Body: 15px;/*-- p --*/

        --margin-title:  0 0 15px 0;
    }
    .hom-advisory-content-width, .help-fintech-content-width { padding-left: 24px; padding-right: 24px;}
    
    .hom-advisory-bg:before { border-bottom-right-radius: 30px;}
    .help-fintech-bg:before{border-bottom-left-radius: 30px;}
    .hom-focused-bg .container { border-bottom-left-radius: 30px;}
    .about-philosophy-box {border-bottom-right-radius: 30px;}
    .hom-focused-bg:before { border-bottom-left-radius: 30px;}
    .ftr-logo { width: 190px;}
    .main_menu { min-height: calc(100vh - 60px); top: 60px;}
    .not-found-box{ padding: 20px 15px;}
    .about-philosophy-box { padding-left: 15px; padding-right: 15px;}


}
@media only screen and ( max-width: 480px ) {
    :root{
       --f-size-XXXL: 28px;/*-- h1 --*/
        --f-size-XXL: 24px;/*-- h2 --*/
        
    }
    
    .header-right{display: none;}
    .menu-toggle { top: -14px;}
    /*.main_menu { min-height: calc(100vh - 84px); top: 84px;}*/
    .main_menu { min-height: calc(100vh - 82px); top: 82px;}
    .hom-counsel-box.slick-slide { margin: 0 5px;}
    .check-bullet-list ul li { margin-bottom: 12px;}
    .main_menu ul li.for-mob-link{display: block;}
    .main_menu ul li a.btn{color: #fff;}
    .main_menu ul li a.btn span { filter: brightness(1);}






    .main_menu ul li.for-mob-link{display: block;}
    .main_menu { min-height: calc(100vh - 42px); top: 42px;}
    .main_menu ul li.for-mob-link a.btn { text-align: left; padding: 9px 10px;}
    .check-bullet-list ul li { margin-bottom: 12px;}
    .common-padding { padding-top: 30px; padding-bottom: 30px;}
    .common-margin { margin-top: 30px; margin-bottom: 30px;}
    .common-padding-md{padding-top: 15px; padding-bottom: 15px;}
    .ftr-top { padding: 30px 0 20px;}
    .ftr-logo { width: 170px;}
    .contact-form { padding: 15px;}

    .btn { padding: 9px 35px 9px 10px;}
    .btn span { width: 20px; height: 20px; top: 10px;}
    .btn span img { width: 12px;}
    /*.nav-top button.slick-arrow.slick-next { right: calc(50% - 14%);}
    .nav-top button.slick-arrow.slick-prev { right: inherit; left: calc(50% - 14%);}*/
    

}
@media only screen and ( max-width: 380px ) {
    :root{
       --f-size-XXXL: 23px;/*-- h1 --*/
        --f-size-XXL: 20px;/*-- h2 --*/
        --f-size-XL: 18px;/*-- h3 --*/
       --f-size-L: 17px;/*-- h4 --*/
       --f-size-M: 16px;/*-- h5 --*/
       --f-size-S: 15px;/*-- h6 --*/
       --f-size-Body: 14px;/*-- p --*/
        
    }
    .ftr-logo { width: 150px;}
    .inner-banner .banner-pic { padding-top: 46%;}
    .not-found-box { padding: 20px 10px;}
    /*.nav-top button.slick-arrow.slick-next { right: calc(50% - 16%);}
    .nav-top button.slick-arrow.slick-prev { right: inherit; left: calc(50% - 16%);}*/
    


}

/*Media Query css*/