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

.btn-primary {
    --bs-btn-bg: #013AE3;
    --bs-btn-border-color: #013AE3;
    --bs-btn-hover-bg: #0066FF;
    --bs-btn-hover-border-color: #0066FF;
    --bs-btn-active-bg: #0066FF;
    --bs-btn-active-border-color: #0066FF;
    --bs-btn-disabled-bg: #013AE3;
    --bs-btn-disabled-border-color: #013AE3;

}
.btn-success {
    --bs-btn-bg: #14c169;
    --bs-btn-border-color: #14c169;
    --bs-btn-hover-bg: #00b258;
    --bs-btn-hover-border-color: #00b258;
    --bs-btn-active-bg: #00b258;
    --bs-btn-active-border-color: #00b258;
}

:root{
    --color-primary: #013AE3;
    --color-primary-dark: #00369F;
    --color-primary-darkest: #001131;
    --color-secondary: #00D1FF;
    --color-green: #00A68C;
    --bg-light-1: #F5F8FF;
    --bg-light-2: #CAE2FF;
    --bg-light-3: #BCD6FF;
    --bg-light-4: #F6FAFF;
    --bg-light-5: #eef6ff;
    --color-dark-1: #1A1A1A;
    --color-dark-2: #555555;
	--color-dark-3: #0d2d8a;
    --color-light-1: #F8FBFF;
    --color-light-2: #DEE8FF;

    /*SHADOW*/
    --shadow-prime: 0 5px 10px 4px #013ae33d;

    /*SECTION HEADING*/
    --heading-color: #001131;

    /*FORM*/
    --form-control-border: #9BAAC1;
    
    /*SWIPER*/
    --swiper-navigation-sides-offset: 10px;
    --swiper-bullet-bg-normal: #999;
    --swiper-bullet-bg-active:var(--color-primary);
}



html, body {width: 100%; height: 100%; margin: 0; padding: 0;}
body {font-family: Inter, sans-serif; font-size: 16px; background-color:#fff; color: #353535; font-weight: 400; line-height: 1.6; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; text-rendering: optimizeLegibility; font-optical-sizing: auto; font-style: normal; font-variation-settings:"slnt" 0; }

/*TRANSITIONS*/
.btn, a, button, .transition {webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}


/*FONTS==========================================================================================*/
.body-font{font-family: Inter serif;}
.heading-font{font-family: Inter, serif;}


/*HEADINGS==========================================================================================*/
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; line-height: 1.3; line-height: 120%;font-optical-sizing: auto;font-style: normal;}


/*ANCHOR TAGS==========================================================================================*/
a {color: var(--color-dark); text-decoration: none; background-color: transparent; }
a:hover, a:focus{color: var(--color-text-dark);}


/*FORM ELEMENTS==========================================================================================*/
.form-control, textarea, select, .form-select{border-color:#d4d4d4;}
.form-control, textarea, select, .form-select, button{}
.form-control:focus, 
.form-select:focus {outline: 0; box-shadow: 0 0 0 0.25rem #013ae31c; background-color: white;}


/*SECTION HEADINGS=======================================================================================*/
.section-heading{margin-bottom: 20px;}
.section-heading h5,.sectionsubhdn{font-size: 19px; color: var(--color-primary); font-weight: 600; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 5px;}
.section-heading h2,.sectionhdn{font-size:32px; font-weight: 700; color: var(--heading-color); line-height: 120%; margin-bottom: 10px; letter-spacing:-1px; }
.section-heading h2.text-prime-dark,.sectionhdn.text-prime-dark{color: var(--color-primary-dark);}
.section-heading p{color: var(--bs-body-color); font-size: 18px; margin-bottom: 0; line-height: 1.8;}

.section-heading h2.fslg{font-size: 56px;font-weight: 700;}

/*TEXT COLOR==========================================================================================*/
.text-prime{color: var(--color-primary);}
.text-prime-dark{color: var(--color-primary-dark);}
.text-prime-darkest{color: var(--color-primary-darkest);}
.text-green{color: var(--color-green);}
.text-dark-1{color: var(--color-dark-1);}


/*BACKGROUND==========================================================================================*/
.bg-prime{background-color: var(--color-primary);}
.bg-primary-darkest{background-color: var(--color-primary-darkest);}
.bg-light-1{background-color: var(--bg-light-1);}
.bg-light-2{background-color: var(--bg-light-2);}
.bg-light-3{background-color: var(--bg-light-3);}
.bg-light-4{background-color: var(--bg-light-4);}
.bg-light-5{background-color: var(--bg-light-5);}
.bg-dark-3 {background-color: var(--color-dark-3);}
/*SECTION TOP BOTTOM PADDINGS==========================================================================================*/
.section-tb-padding{padding-top: 72px;padding-bottom: 72px;}
.section-tb-padding64{padding-top: 64px;padding-bottom: 64px;}
.section-tb-padding56{padding-top: 56px;padding-bottom: 56px;}
.section-tb-padding48{padding-top: 48px;padding-bottom: 48px;}
.section-tb-padding40{padding-top: 40px;padding-bottom: 40px;}
.section-tb-padding32{padding-top: 32px;padding-bottom: 32px;}
.section-tb-padding24{padding-top: 24px;padding-bottom: 24px;}
.section-tb-padding16{padding-top: 16px;padding-bottom: 16px;}



/*BUTTONS==========================================================================================*/
.btn{border-radius: 50px; font-weight: 600; font-size: 13px; letter-spacing:0.3px;display: inline-flex; align-items: center; justify-content: center;} 
.btn-sm{font-size: 12px;border-radius: 50px;}
.btn-lg{font-size: 14px;border-radius: 50px;font-weight: 600; letter-spacing:0.5px; line-height: 1; padding-top: 16px;padding-bottom: 16px;}


/*BUTTON PRIME======================================================================================*/
.btn-prime{background-color: var(--color-primary); border-color: var(--color-primary); color: var(--bs-white);}
.btn-prime:hover,.btn-prime:focus,.btn-prime:active{background-color: var(--color-primary-dark)!important; border-color: var(--color-primary-dark)!important; color: var(--bs-white)!important;}


/*BUTTON OUTLINE PRIME======================================================================================*/
.btn-outline-prime{background-color: transparent; border-color: var(--color-primary); color: var(--color-primary);}
.btn-outline-prime:hover,.btn-outline-prime:focus,.btn-outline-prime:active{background-color: var(--color-primary); border-color: var(--color-primary); color: white;}


/*SECTION MAIN BUTTON======================================================================================*/
.section-button .btn, .section-button-lg {font-weight: 600; border-radius: 50px; font-size: 12px;letter-spacing:0.4px; box-shadow: 0 3px 5px rgb(0 0 0 / 5%); height: 52px; display: inline-flex; justify-content: center; align-items: center; min-width: 240px; padding-left: 20px; padding-right: 20px; text-transform: uppercase;}


/*SHADOWS======================================================================================*/
.thin-shadow{-webkit-box-shadow: 0 0 2px 0 rgb(0 0 0 / 30%); box-shadow: 0 0 2px 0 rgb(0 0 0 / 30%);transition: all 200ms ease;}
.thin-shadow:hover{-webkit-box-shadow: 0 3px 4px 0px rgb(0 0 0 / 10%); box-shadow: 0 3px 4px 0px rgb(0 0 0 / 10%);}
.shadow-prime{box-shadow: var(--shadow-prime);}


/*CARD======================================================================================*/
.card, .card-header{border-color: rgb(0 0 0 / 9%);}

/*SWIPER PAGINATION======================================================================================*/
.swiper-pagination{margin-top: 10px;}
.swiper-pagination-bullet{background-color: var(--swiper-bullet-bg-normal); opacity: 1;}
.swiper-pagination-bullet-active{background-color: var(--swiper-bullet-bg-active);}

.swiper-pagination.custom-pagination{position: relative; transform: none; width: 100%; text-align: center;}
.swiper-pagination.tp10 {padding-top: 10px;}
.swiper-pagination.tp15 {padding-top: 15px;}
.swiper-pagination.tp20 {padding-top: 20px;}
.swiper-pagination.tp25 {padding-top: 25px;}
.swiper-pagination.tp25 {padding-top: 25px;}
.swiper-pagination.tp30 {padding-top: 30px;}


/*SWIPER NAV BUTTONS======================================================================================*/
.swiper-button-next, .swiper-button-prev,
.swiper-button-prev:after, .swiper-button-next:after{height: 36px; width: 36px;}

.swiper-button-next, .swiper-button-prev{z-index: 1;}
.swiper-button-prev:after, .swiper-button-next:after{font-size: 16px; color: var(--color-primary); background-color: white;  display: flex; border-radius: 20px; justify-content: center; align-items: center; box-shadow: 0 5px 10px rgb(0 0 0 / 20%);webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}

.swiper-button-prev:hover:after, .swiper-button-next:hover:after{background-color: var(--color-primary);color: white;}

/*TEXT WHITE TO LIGHT WHITE==========================================================================================*/
.text-white-5{color: rgb(255 255 255 / 5%)!important;} .text-white-10{color: rgb(255 255 255 / 10%)!important;} .text-white-20{color: rgb(255 255 255 / 20%)!important;} .text-white-25{color: rgb(255 255 255 / 25%)!important;} .text-white-30{color: rgb(255 255 255 / 30%)!important;} .text-white-35{color: rgb(255 255 255 / 35%)!important;} .text-white-45{color: rgb(255 255 255 / 45%)!important;} .text-white-50{color: rgb(255 255 255 / 50%)!important;} .text-white-55{color: rgb(255 255 255 / 55%)!important;} .text-white-60{color: rgb(255 255 255 / 60%)!important;} .text-white-65{color: rgb(255 255 255 / 65%)!important;} .text-white-70{color: rgb(255 255 255 / 70%)!important;} .text-white-75{color: rgb(255 255 255 / 75%)!important;} .text-white-80{color: rgb(255 255 255 / 80%)!important;} .text-white-85{color: rgb(255 255 255 / 85%)!important;} .text-white-90{color: rgb(255 255 255 / 90%)!important;} .text-white-95{color: rgb(255 255 255 / 95%)!important;}

/*TEXT BLACK TO LIGHT BLACK==========================================================================================*/
.text-black-5{color: rgb(0 0 0 / 5%)!important;} .text-black-10{color: rgb(0 0 0 / 10%)!important;} .text-black-20{color: rgb(0 0 0 / 20%)!important;} .text-black-25{color: rgb(0 0 0 / 25%)!important;} .text-black-30{color: rgb(0 0 0 / 30%)!important;} .text-black-35{color: rgb(0 0 0 / 35%)!important;} .text-black-45{color: rgb(0 0 0 / 45%)!important;} .text-black-50{color: rgb(0 0 0 / 50%)!important;} .text-black-55{color: rgb(0 0 0 / 55%)!important;} .text-black-60{color: rgb(0 0 0 / 60%)!important;} .text-black-65{color: rgb(0 0 0 / 65%)!important;} .text-black-70{color: rgb(0 0 0 / 70%)!important;} .text-black-75{color: rgb(0 0 0 / 75%)!important;} .text-black-80{color: rgb(0 0 0 / 80%)!important;} .text-black-85{color: rgb(0 0 0 / 85%)!important;} .text-black-90{color: rgb(0 0 0 / 90%)!important;} .text-black-95{color: rgb(0 0 0 / 95%)!important;}

/*TEXT GREY AND DARK==========================================================================================*/
.text-grey{ color: #6c757d;} .text-grey-dark{ color: #343a40;} .text-grey-10{ color: #f8f9fa;} .text-grey-20{ color: #e9ecef;} .text-grey-30{ color: #dee2e6;} .text-grey-40{ color: #ced4da;} .text-grey-50{ color: #adb5bd;} .text-grey-60{ color: #6c757d;} .text-grey-70{ color: #495057;} .text-grey-80{ color: #343a40;} .text-grey-90{ color: #212529;}

/*FONT WEIGHTS==========================================================================================*/
.fw100{font-weight: 100!important;} .fw200{font-weight: 200!important;} .fw300{font-weight: 300!important;} .fw400{font-weight: 400!important;} .fw500{font-weight: 500!important;} .fw600{font-weight: 600!important;} .fw700{font-weight: 700!important;} .fw800{font-weight: 800!important;} .fw900{font-weight: 900!important;}

/*LETTER SPACING==========================================================================================*/
.lshalf{letter-spacing:0.5px} .ls1{letter-spacing:1px} .ls2{letter-spacing:2px} .ls3{letter-spacing:3px} .ls4{letter-spacing:4px} .ls5{letter-spacing:5px} .ls6{letter-spacing:6px} .ls7{letter-spacing:7px} .ls8{letter-spacing:8px} .ls9{letter-spacing:9px} .ls10{letter-spacing:10px}

/*LINE HEIGHT==========================================================================================*/
.lh100{line-height:100%} .lh120{line-height:120%} .lh130{line-height:130%} .lh140{line-height:140%} .lh150{line-height:150%} .lh160{line-height:160%} .lh170{line-height:170%} .lh180{line-height:180%} .lh190{line-height:190%} .lh200{line-height:200%}

/*FONT SIZE 0 to 72px ==========================================================================================*/
.fs0{font-size: 0;} .fs7{font-size: 7px;} .fs8{font-size: 8px;} .fs9{font-size: 9px;} .fs10{font-size: 10px;} .fs11{font-size: 11px;} .fs12{font-size: 12px;} .fs13{font-size: 13px;} .fs14{font-size: 14px;} .fs15{font-size: 15px;} .fs16{font-size: 16px;} .fs17{font-size: 17px;} .fs18{font-size: 18px;} .fs19{font-size: 19px;} .fs20{font-size: 20px;} .fs21{font-size: 21px;} .fs22{font-size: 22px;} .fs23{font-size: 23px;} .fs24{font-size: 24px;} .fs25{font-size: 25px;} .fs26{font-size: 26px;} .fs27{font-size: 27px;} .fs28{font-size: 28px;} .fs29{font-size: 29px;} .fs30{font-size: 30px;} .fs31{font-size: 31px;} .fs32{font-size: 32px;} .fs33{font-size: 33px;} .fs34{font-size: 34px;} .fs35{font-size: 35px;} .fs36{font-size: 36px;} .fs37{font-size: 37px;} .fs38{font-size: 38px;} .fs39{font-size: 39px;} .fs40{font-size: 40px;} .fs41{font-size: 41px;} .fs42{font-size: 42px;} .fs43{font-size: 43px;} .fs44{font-size: 44px;} .fs45{font-size: 45px;} .fs46{font-size: 46px;} .fs47{font-size: 47px;} .fs48{font-size: 48px;} .fs49{font-size: 49px;} .fs50{font-size: 50px;} .fs51{font-size: 51px;} .fs52{font-size: 52px;} .fs53{font-size: 53px;} .fs54{font-size: 54px;} .fs55{font-size: 55px;} .fs56{font-size: 56px;} .fs57{font-size: 57px;} .fs58{font-size: 58px;} .fs59{font-size: 59px;} .fs60{font-size: 60px;} .fs61{font-size: 61px;} .fs62{font-size: 62px;} .fs63{font-size: 63px;} .fs64{font-size: 64px;} .fs65{font-size: 65px;} .fs66{font-size: 66px;} .fs67{font-size: 67px;} .fs68{font-size: 68px;} .fs69{font-size: 69px;} .fs70{font-size: 70px;} .fs71{font-size: 71px;} .fs72{font-size: 72px;}

/*OPACITY==========================================================================================*/
.opacity0{opacity: 0;} .opacity1{opacity: 0.1;} .opacity2{opacity: 0.2;} .opacity3{opacity: 0.3;} .opacity4{opacity: 0.4;} .opacity5{opacity: 0.5;} .opacity6{opacity: 0.6;} .opacity7{opacity: 0.7;} .opacity8{opacity: 0.8;} .opacity9{opacity: 0.9;}

/*PAGINATION==========================================================================================*/
.pagination .page-link{color: var(--color-dark); font-size: 15px; height: 40px; width: 60px; display: flex; align-items: center; justify-content: center; text-align: center;}
.pagination .page-link:hover{color: white; background-color: var(--color-primary); border-color: var(--color-primary);}
.pagination .active>.page-link, 
.pagination .page-link.active {color: white; background-color: var(--color-primary); border-color: var(--color-primary); }
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link{width: auto;}

/*IMAGE HOVER==========================================================================================*/
.image-hover img{webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
.image-hover:hover img{transform: scale(1.05);}


/* FOCUS STATE STYLE FOR KEBOARD NAVIGATION ON FOCUSABLE ELEMENTS ==========================================================================================*/
*[tabindex]:focus-visible, input[type="file"]:focus-visible {outline: 0.125rem solid #4d65ff; outline-offset: 0.125rem;}

/* PREVENT CLICKS ==========================================================================================*/
.pointer-events-off {pointer-events: none;}

/* ENABLE CLICKS ==========================================================================================*/
.pointer-events-on {pointer-events: auto;}

/* SQUARE BLOCK ==========================================================================================*/
.square-block::after {content: ""; display: block; padding-bottom: 100%;}

/* CONTAINER CENTER ALIGN ==========================================================================================*/
.container-center-align{margin-right: auto !important; margin-left: auto !important;}


/* TEXT TRUNCATE ELLIPSES AFTER 3 LINES==========================================================================================*/
.text-style-3lines {display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
/* TEXT TRUNCATE ELLIPSES AFTER 2 LINES==========================================================================================*/
.text-style-2lines {display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }


/*##############################################################################*/
/*##################__________MAIN STYLE STARTS HERE_________###################*/
/*##############################################################################*/

.tickertape-wrap {white-space: nowrap; overflow: hidden; width: 100%; background: #fff; padding: 3px 0; border-bottom: 1px solid #eee; }
.tickertape-wrap ul {display: inline-block; padding: 0; margin: 0; animation: tickerscroll 400s infinite linear; }
.tickertape-wrap li {display: inline-flex; padding: 0 16px; font-size: 12px; justify-content:center; align-items:center; }
.tickertape-wrap li span.stockname{font-weight: 600;color: #333;font-size: 12px;}
.tickertape-wrap li span.up { color: #1aae55;font-size: 12px;}
.tickertape-wrap li span.down { color: #F00;font-size: 12px;} 

@-moz-keyframes tickerscroll {
  100% {
    transform: translateX(-100%);
  }
}
@-webkit-keyframes tickerscroll {
  100% {
    transform: translateX(-100%);
  }
}
@-o-keyframes tickerscroll {
  100% {
    transform: translateX(-100%);
  }
}
@keyframes tickerscroll {
  100% {
    transform: translateX(-100%);
  }
}

/*===============================================================================*/
/*===============================================================================*/
.site-header{background-color: transparent;}
.header-navbar{ background-color:transparent;padding-top: 20px; padding-bottom: 20px;}
.header-navbar .header-logo .header-logo-img{width: 191px;height: 39px;position: relative;top: -1px;}


.header-navbar .navbar-nav .nav-item{padding-left: 10px;padding-right: 10px;}
.header-navbar .navbar-nav .nav-item .nav-link{font-size: 13px; color: var(--bs-text-dark); font-weight: 500;}
.header-navbar .navbar-nav .nav-item .nav-link:hover{color: var(--color-primary-darkest);}

.header-navbar .navbar-nav .dropdown-menu {min-width: 280px; padding: 0; overflow: hidden; transform: translateX(-25%);}
.header-navbar .navbar-nav .dropdown-menu li {margin-top: -1px;}
.header-navbar .navbar-nav .dropdown-menu li i{font-size: 24px; margin-right: 10px; color: #013ae3; width: 36px; text-align: center;}

.header-navbar .navbar-nav .nav-item .dropdown-item{font-size: 12px; padding-top: 12px; padding-bottom: 12px; display: flex; align-items: center; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.header-navbar .navbar-nav .nav-item .dropdown-item:hover,
.header-navbar .navbar-nav .nav-item .dropdown-item:focus{background-color: #013ae3;color: #fff;}

.header-navbar .navbar-nav .nav-item .dropdown-item:hover i,
.header-navbar .navbar-nav .nav-item .dropdown-item:focus i{color: #fff;}

.header-navbar .navbar-nav .nav-item .nav-link.dropdown-toggle.show:after{transform: rotate(180deg);}


.header-navbar .header-right{gap: 10px;}
.header-navbar .header-cta .btn{height: 40px; width: 136px; font-size: 13px;}

.header-navbar .header-search .btn{height: 40px;width: 40px; font-size: 13px;}

body.header-fixed .site-header.fixed-top{background-color: white; box-shadow: var(--bs-box-shadow-sm);}
body.header-fixed .site-header.fixed-top .header-navbar{padding-top: 10px;padding-bottom: 10px;}


body.inner-page .site-header{background-color: white;box-shadow: var(--bs-box-shadow-sm);}
body.inner-page .site-header .header-navbar{padding-top: 20px;padding-bottom: 20px;}
body.inner-page .main-content.inner-content{padding-top: 122px;}



/*===============================================================================*/
/*===============================================================================*/


.hero-section{background-color: #ecf1fa; background-image: url(../images/hero.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; height: 720px; width: 100%; padding-top: 110px; }

.hero-content{padding-top: 140px;}

.hero-content .searchbar-wrap {background-color:white; padding: 10px; border-radius: 50px;}

.hero-content .form-control{border-color: var(--form-control-border); padding-left: 20px; padding-right: 20px;}
.hero-content .form-control,
.hero-content .btn{height: 48px; font-size: 13px; border-radius: 50px;}
.hero-content .btn{padding-left: 30px;padding-right: 30px;text-transform: uppercase;}


/*===============================================================================*/
/*===============================================================================*/

.usp-section{background-color: var(--color-primary);}

/*===============================================================================*/
/*===============================================================================*/

.shares-wrap{}
.shares-wrap .share-column{}
.shares-wrap .share-column .share-block{min-height: 250px;}
.shares-wrap .share-column .share-block .comingsoon{background-color: var(--bs-red); color: white; font-size: 10px; font-weight: 500; text-transform: uppercase; padding: 4px 16px;position: absolute; top: 0;left: 50%; border-radius: 0 0 3px 3px; transform: translateX(-50%);}
.shares-wrap .share-column .share-block .sector-name {font-size: 10px; letter-spacing: 0.5px; text-transform: uppercase; font-weight: 600; color: #dc3545; line-height: 1; margin-bottom: 8px;}
.shares-wrap .share-column .share-block:hover{transform: translate(0,-3px); box-shadow: var(--bs-box-shadow);}
.shares-wrap .share-column .share-block:hover h5{color: var(--color-primary-dark);}
.shares-wrap .share-column .share-block figure{min-height: 120px; padding-top: 20px;padding-bottom: 20px; display: flex; align-items: center; justify-content: center;}
.shares-wrap .share-block .btn{background-color: var(--color-light-1); border-color: var(--color-light-2);color: var(--color-dark-2); padding: 6px 20px; text-transform: uppercase; font-size: 10px;}
.shares-wrap .share-block .btn:hover{background-color: var(--color-light-2);}
.shares-wrap .share-block .btn.btn-notify{background-color: transparent; border-color: var(--bs-red);color: var(--bs-red);}
.shares-wrap .share-block .btn.btn-notify:hover{background-color: var(--bs-red);; border-color: var(--bs-red);color: white;}

/*===============================================================================*/
/*===============================================================================*/
.market-tabs .nav-link{text-transform: uppercase; font-size: 13px; min-width: 150px; margin-left: 4px;margin-right: 4px; color: var(--bs-gray-800); font-weight: 600; border : 1px solid  var(--bs-gray-300); }
.market-tabs .nav-link.active{border-color: var(--color-primary); background-color: var(--color-primary);}

.stock-block{padding: 16px;height: 100%;}
.stock-block .stock-block__logo{height: 64px; margin-bottom: 20px; display: flex; justify-content: center; align-items: center;padding: 10px;}
.stock-block .stock-block__logo img{height: auto; width: 90px;}
.stock-block .stock-block__name{margin-bottom: 5px; font-size: 15px;font-weight: 600; margin-bottom: 2px; line-height: 1;}
.stock-block .stock-block__result span{font-weight: 500; font-size: 12px; line-height: 1;}
.stock-block .stock-block__result .stock-block__price{font-weight: 600;}
.stock-block .stock-block__result span.up { color: #1aae55;}
.stock-block .stock-block__result span.down { color: #F00;}


/*===============================================================================*/
/*===============================================================================*/
.whychoose-block{transition: all 300ms linear;background-color: white;}
.whychoose-block:hover{transform: translate(0,-3px); box-shadow: var(--bs-box-shadow); background-color: var(--color-light-1);}
.whychoose-block img{height: 52px;width: 52px;}

/*===============================================================================*/
/*===============================================================================*/

.process-wrap{}
.process-wrap .process-block{text-align: center;}
.process-wrap .process-block:last-child:after{display: none;}
.process-wrap .process-block:after{background-image: url(../images/arrow.svg); width: 166px; height: 26px; background-repeat: no-repeat; background-position: center; content: ""; position: absolute; right: -166px; top: 110px; transform: translate(-50%, 0); z-index: 1;}
.process-wrap .process-block figure{width: 120px; height: 120px; margin-left: auto; margin-right: auto; box-shadow: inset 0 0px 10px 3px #0000000f;}
.process-wrap .process-block figure img{height: 52px;width: 52px;}
.process-wrap .process-block .process-count{height: 42px;width: 42px;align-items: center; justify-content: center;position:relative; top: -21px;}


/*===============================================================================*/
/*===============================================================================*/


.company-name{font-size: 14px; font-weight: 600;}

.unlisted-share-price, .ipo-price, .cmp, .return-status{font-size: 13px;}

.return-status .badge{padding: 8px;display: inline-block; min-width: 90px;font-size: 11px; font-weight: 600;}


/*#####################__________TESTIMONIAL SECTION__________########################*/
.testimonial-block .card{ padding: 5px; border:0;min-height: 275px; border-radius: 10px;padding: 24px 40px; background-color: white;}
.testimonial-block .card .card-body{position: relative;}
.testimonial-block .card .card-body p{line-height: 160%; font-size: 13px;}
.testimonial-block .card .author-info img{height: 65px; width: 65px;}


/*#####################__________FAQS SECTION__________########################*/
.collapse-block{background-color: var(--bg-light-1); border: 2px solid var(--color-light-2); margin-bottom: 10px;border-radius: 10px;}
.collapse-block .collapse-header{color: var(--color-primary-darkest);font-weight: 600;padding: 16px 60px 16px 22px; font-size: 16px;position: relative;cursor: pointer;}
.collapse-block .collapse-header .collapse-icon{background-color: var(--bs-gray-600); color: white; height: 28px;width: 28px; border-radius: 50px; position: absolute; right: 20px;top: 15px; display: flex; justify-content: center; align-items: center;webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
.collapse-block .collapse-content{padding: 0 22px 24px 22px; font-size: 14px;display: none;}
.collapse-block .collapse-content p{margin-bottom: 16px;}
.collapse-block .collapse-content p:last-child{margin-bottom: 0;}
.collapse-block.isOpen{border-color: var(--color-primary);background-color: white;}
.collapse-block.isOpen .collapse-header{color: var(--color-primary);}
.collapse-block.isOpen .collapse-header .collapse-icon{background-color: var(--color-primary); transform: rotate(180deg);box-shadow: 0 -7px 7px rgba(13, 110, 253, 0.25);}
.collapse-block.isOpen .collapse-content{display: block;}


/*#####################__________FOOTER SECTION__________########################*/
.site-footer{background-color: var(--color-primary-darkest);padding-top: 96px;}
.footer-top{border-bottom: 1px solid var(--bs-black); box-shadow: 0 1px 0 rgb(255 255 255 / 15%); padding-bottom: 30px;}
.footer-about-content{margin-bottom: 30px;}
.footer-about-content .footer-logo{display: inline-block;padding-bottom: 20px;}
.footer-about-content .footer-logo img{width: 180px;height: auto;}
.footer-about-content p{font-size: 13px; color: white; opacity: 0.7; line-height: 1.7;}
.footer-about-content .social-handles{margin-top: 30px;}
.footer-about-content .social-handles a {color: var(--color-primary-darkest); font-size: 22px; height: 42px; width: 42px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50px; margin-right: 10px; background-color: white;}
.footer-about-content .social-handles a:hover{transform: scale(1.07); background-color: var(--color-primary); color: white;}

.footer-links{margin-bottom: 30px;}
.footer-links ul{margin: 0;padding: 0;}
.footer-links ul li{margin-bottom: 14px;list-style: none;}
.footer-links ul li a{font-size: 13px; color: white; opacity: 0.7; line-height: 1.3; display: block;font-weight: 400;}
.footer-links ul li a:hover{color: white; opacity: 1;}

.footer-btn .btn{padding-top: 12px;padding-bottom: 12px;}

.footer-contact-info{margin-bottom: 30px;}
.footer-contact-info address, .footer-contact-info p{font-size: 13px; color: white; opacity: 0.7; line-height: 1.5; display: block;margin-bottom: 0;}

.footer-middle{padding-top: 10px;padding-bottom: 10px;box-shadow: 0 1px 0 rgb(255 255 255 / 15%);}
.footer-middle .termcondlinks a{font-size: 12px; color: white; opacity: 0.7; line-height: 1.3;}
.footer-middle .termcondlinks a:hover {color: var(--color-primary);opacity: 1;}

.footer-btm p{font-size: 12px; color: white; opacity: 0.7; line-height: 1.3;}

.whatsapp-fixedbtn {background-color: #25d366; color: #fff; width: 60px; height: 60px; display: inline-flex; border-radius: 50px; justify-content: center; align-items: center; font-size: 30px; position: fixed; right: 12px; bottom: 12px; }
.whatsapp-fixedbtn:hover{background-color: #2ec452; color: white;}

a.whatsapp-fixedbtn.left-side {left: 10px;right: auto;bottom: 10px;width: auto;padding: 12px 18px;display: inline-flex;height: 40px;font-size: 13px;letter-spacing: 0.5px;font-weight: 500;line-height: 1;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px;align-items: center;justify-content: center;}

a.whatsapp-fixedbtn.left-side i {font-size: 20px;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;margin-right: 5px;}


/*#################################################################*/
/*################___________INNER PAGES_____________##############*/
/*#################################################################*/ 

.hero-title {background-color: var(--color-primary-darkest);height: 300px; padding-top: 40px; padding-bottom: 40px; text-align: center; background-image: url(../images/inner-banner.jpg); background-repeat: no-repeat; background-position: center right; background-size: cover; display: flex; align-items: center; justify-content: flex-start; text-align: left; }
.hero-title .hero-title-lg {color: white; font-size: 2.5rem; font-weight: 700; text-transform: uppercase; }

/*COMPANIES PAGE================================================================================*/
.companies-section .shares-wrap .share-column .share-block{min-height: 200px;}
.companies-section .shares-wrap .share-column .share-block figure{min-height: 130px;}
/*CONTACT PAGE================================================================================*/

.contact-info-block i.fa {background: white; height: 64px; width: 64px; border-radius: 50%; display: flex; justify-content: center; align-items: center; }

.contact-info-block .social-handles a{color: white;}
.contact-info-block .social-handles a:hover{color:var(--color-secondary);}

.location-map iframe{height: 500px;width: 100%;display: block;}


/*CART PAGE================================================================================*/
.quanitity-chooser .form-control{width: 80px; border-radius: 4px 0 0 4px; height: 40px; width: 60px; text-align: center; } 
.quanitity-chooser .btn-prime{height: 40px; font-size: 12px; font-weight: 700; padding-left: 24px; padding-right: 24px; margin-left: 10px; } 
.quanitity-chooser .form-control{border-color: var(--color-primary-darkest); } 
.quanitity-chooser .quantity-buttons{margin-left: -1px; border: 1px solid var(--color-primary-darkest); height: 40px; overflow: hidden; border-radius: 0 4px 4px 0; } 
.quanitity-chooser .quantity-buttons .btn{padding: 0; height: 20px; border-radius: 0; width: 30px; text-align: center; border: 0; } 

/*#################_______BLOG DETAILS PAGE________##################*/
.blog-article-content{}
.blog-article-content h2,
.blog-article-content h3,
.blog-article-content h4,
.blog-article-content h5,
.blog-article-content h6{font-weight: 700;color: var(--color-primary-darkest); margin-bottom: 10px;}
.blog-article-content ul,
.blog-article-content ol{margin: 0 0 1rem 0; padding: 0 0 0 18px;}
.blog-article-content ul li,
.blog-article-content ol li{margin: 0 0 0.5rem 0;}
.blog-article-content ul li{list-style: disc;}
.blog-article-content p a,
.blog-article-content ul li a,
.blog-article-content ol li a{font-weight: 600;}

.blog-article-content p,
.blog-article-content ul li,
.blog-article-content ol li{color: var(--bs-gray-700); font-size: 14px;}


/*#################_______LISTING PAGE________##################*/
.filter-block{margin-bottom: 12px;}
.filter-block .card-header{background-color: var(--color-light-1); font-size: 13px; font-weight: 600; color: var(--color-primary-darkest); display: flex; justify-content: space-between; align-items: center; cursor: pointer;}
.filter-block.isOpen .card-header{background-color: var(--color-light-2);}
.filter-block.isOpen .card-header i{transform: rotate(180deg);}
.filter-block .filter-content{display: none;}
.sectors-block .search-control-wrap{position: relative;padding-bottom: 5px;}
.sectors-block .search-control-wrap i{position: absolute; top: 13px; left: 10px; transition: all 200ms linear;}
.sectors-block .search-control-wrap .search-control{padding-left: 32px;}
.sectors-list-wrap{height: 240px; overflow-x: auto; padding-top: 10px; padding-bottom: 10px; font-size: 13px;}

.top-search-lg{border-bottom: 1px solid var(--bs-gray-300);}
.top-search-lg .top-search-wrap{position: relative;}
.top-search-lg .top-search-wrap i{font-size: 16px; position: absolute; top: 17px; left: 17px; color: var(--bs-gray-400);}
.top-search-lg .top-search-wrap input{font-size: 16px; padding-left: 45px; height: 48px;}
.listing-content-main.filterHidden{width: 100%;}
.listing-content-main.filterHidden .share-column{width: 25%;}

/*#################_______DETAIL PAGE________##################*/
.share-header{align-items: center; margin-bottom: 16px;}
.share-header figure{height: 80px;width: 80px; padding: 5px; display: flex; justify-content: center; align-items: center; margin-right: 16px;}

.about-content-wrap p, .about-content-wrap ul li{margin-bottom: 10px; font-size: 15px; line-height: 1.6;}
.about-content-wrap h1,
.about-content-wrap h2,
.about-content-wrap h3,
.about-content-wrap h4,
.about-content-wrap h5,
.about-content-wrap h6{margin-bottom: 10px; color: var(--bs-gray-900); font-weight: 600; margin-top: 15px;}

.buysell-block .nav-link{color: white; border-radius: 50px; padding-left: 30px;padding-right: 30px;}
.buysell-block .nav-link.active{background-color: white; color: var(--color-primary-darkest);}
.detail-sidebar .card .btn-lg{width: 100%; padding: 16px; font-size: 14px; font-weight: 600;}
.buysell-block__content-row:hover{background-color: #f7f9ff;}
.buysell-block__unit .btn{border-radius: 8px;width: 56px; font-size: 20px;}
.buysell-block__unit .form-control, .buysell-block__unit .btn{height: 48px!important;}


.main-content-block{background-color: white;padding:24px; border-radius: 6px; border: 1px solid rgb(0 0 0 / 9%); margin-bottom: 24px;}
.main-content-block .main-content-heading{color: var(--bs-black); font-weight: 700; font-size: 26px; margin-bottom: 10px;}
.main-content-block .nav-pills .nav-link:hover{color: var(--bs-nav-pills-link-active-bg);}
.main-content-block .nav-pills .nav-link{color: var(--bs-gray-800);}
.main-content-block .nav-pills .nav-link.active{color: white;}
.main-content-block .table-wrap{border: 1px solid var(--bs-border-color);}

.main-content-block .about-content-wrap{margin-bottom: 40px;}
.main-content-block .about-content-wrap ul, .main-content-block .about-content-wrap ol {padding: 0 0 12px 18px;}
.main-content-block .about-content-wrap #toggleButton {margin-top: 12px;}

.detail-sidebar .card-header{background-color: #f7f9ff;}
.detail-sidebar-inner{position: sticky; top: 128px;}
.detail-sidebar .form-control{font-size: 13px; height: 48px;}
.detail-sidebar textarea.form-control{height: auto;}



/*#################_______BANKING ALERT PAGE________##################*/
.official-bank__block{margin-bottom: 24px; font-size: 14px;}
.official-bank__block .official-bank__bank-logo img{width: auto;height: 60px;}

.verify-step{margin: 0;padding: 30px 0 0 0;}
.verify-step-list{margin-bottom: 20px; list-style: none; position: relative; padding-left: 60px;}
.verify-step-list .verify-step-list__number{font-weight: 600; background-color: var(--color-primary); color: white; font-weight: 500; height: 40px;width: 40px; border-radius: 50px;display: flex; justify-content: center; align-items: center;position: absolute;top: 3px;left: 0;}
.verify-step-list .verify-step-list__desc{font-size: 15px;}
.verify-step-list .verify-step-list__desc span{font-weight: 700;display: block;font-size: 17px;text-transform: uppercase;}

/*#################_______UNLISTED SHARES PAN PAGE________##################*/
.unlisted-shares-pan{}
.unlisted-shares-pan th,
.unlisted-shares-pan td{padding-left: 16px;padding-right: 16px; padding-top: 10px;padding-bottom: 10px; font-size: 13px;}
.unlisted-shares-pan td:first-child{font-weight: 500;}

/*#################_______LOGIN PAGE________##################*/
.login-section, .login-section .login-left, .login-section .login-right {min-height: 100vh; }
.login-section .login-left {display: -moz-box; display: flex; -moz-box-pack: center; justify-content: center; -moz-box-align: center; align-items: center; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; justify-content: center; }

.login-form {width: 60%; display: -moz-box; display: flex; background-position: 100% 0; background-repeat: no-repeat; height: 100%; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; justify-content: center; }
.login-form .login-form__logo {max-width: 180px; width: auto; margin-bottom: 20px; }
.login-form .login-form__title {font-weight: 600; }
.login-form__element{position: relative;}
.login-form__element .form-control{font-size: 13px; height: 48px; padding-left: 72px;}
.login-form__element .login-form__country-code {position: absolute; left: 0; top: 0; height: 48px; width: 56px; text-align: center; display: flex; justify-content: center; align-items: center; border-right: 1px solid #d4d4d4; font-size: 15px; font-weight: 500; }

.login-section .login-right {background-image: url(../images/loginbg.jpg); background-size: cover; background-repeat: no-repeat; background-position: 50%; min-height: 100vh; display: -moz-box; display: flex; -moz-box-pack: center; justify-content: center; -moz-box-align: center; align-items: center; }
.right-content__usps{margin-bottom: 42px;}
.right-content__more-usps-icon,
.right-content__more-usps-heading,
.right-content__more-usps-description{color: #fff;}

.right-content__more-usps-icon{font-size: 24px;margin-bottom: 12px;}
.right-content__more-usps-description{font-size: 12px; opacity: 0.8; margin-bottom: 2px;}
.right-content__more-usps-heading{font-size:18px; font-weight: 600;}

/*#################_______REGISTER PAGE________##################*/
.register--section,.forgotpwd--section{width: 100%;}
.register--section .register-form,
.forgotpwd--section .forgotfwd-form{width: 480px;}

.forgotpwd--section, .forgotpwd--section .login-left{min-height: 60vh;}
.register--section,.register--section .login-left{min-height: inherit; height: auto;}

/*#################_______INNER TEXTUAL CONTENT PAGE________##################*/
.content-section h1,
.content-section h2,
.content-section h3,
.content-section h4,
.content-section h5,
.content-section h6{font-weight: 600;margin-bottom: 5px; line-height: 120%; color: #222;}
.content-section p, 
.content-section ul li, 
.content-section ol li{font-size: 14px; color: #444;}
.content-section ul{padding: 0 0 0 18px;margin: 0;}
.content-section h1{font-size: 36px;}
.content-section h2{font-size: 32px;}
.content-section h3{font-size: 28px;}
.content-section h4{font-size: 24px;}
.content-section h5{font-size: 20px;}
.content-section h6{font-size: 16px;}

/*#################_______BECOME A PARTNER PAGE________##################*/

.becomeapartner-header{background: var(--color-dark-3); padding: 0 40px; border-radius: 40px;}

.howitwork-block .howitwork-number{height: 64px;width: 64px;}


.share-block figure img{ height:60px}
.pagination svg { width: 40px;}
.leading-5{ margin-top: 12px;}
.pagination{margin: 50px auto 0 auto; text-align: center;}


/*#################_______header-search-bar________##################*/
.header-search-bar{max-width: 360px;margin-right: 20px;}

.header-search-bar .form-control {background: transparent;margin-top: 2px; font-size: 12px; padding-right: 20px; border-radius: 0!important; border: 0; border-bottom: 1px solid #b4b4b4; padding-left: 0}
.header-search-bar .form-control:focus { box-shadow:none}


.select2-option-text{font-size: 12px;padding-left: 10px;}
.filter-block .select2-selection__choice__display{ font-size:12px}
.search-banner .list-group{ font-size:13px;margin-top: -10px;height:200px;overflow-y: scroll; }
.search-top .list-group{font-size: 13px;position: absolute;overflow-y: scroll;height:305px;}
.search-banner .text-danger, .search-top .text-danger{ font-size:11px}



.mobile-fx {display: block;position: fixed;bottom: 0;left: 0;right: 0;z-index: 999;}
.mobile-fx .box-text{background-color: #14c169;height: 52px;line-height: 52px;}
.mobile-fx .box-text2{background-color:#013AE3;}

.Top-innermenu-sec .bar-nav {font-size: 14px;padding: 18px 20px;display: inline-block;font-weight: 600;}
.Top-innermenu-sec .bar-nav a:hover{ color: #013AE3}

/*INNER HEADER FIXED ON SCROLL*/
.isFixed {position: fixed; top: 0; right: 0;  left: 0;  z-index: 1030;background-color: #fff; z-index: 99;animation: smoothScroll 1s forwards}
@keyframes smoothScroll { 0% {transform: translateY(-40px); }100% { transform: translateY(0px); }}

.details-page-class.header-fixed  .fixed-top{ position:static }
#balance .w-40, #income .w-40, #cashflow .w-40{ width:270px}
/*##############################################################################*/
/*##################_______________MEDIAQUERIES______________###################*/
/*##############################################################################*/

@media (max-width: 1399.98px) {

}
/*===============================================================================*/
/*===============================================================================*/
@media (max-width: 1199.98px) {
    .shares-wrap .share-column{width: 25%;}
}
/*===============================================================================*/
/*===============================================================================*/
@media (max-width: 991.98px) {
    .shares-wrap .share-column{width: 33.33%;}

}
/*===============================================================================*/
/*===============================================================================*/
@media (max-width: 767.98px) {
    .shares-wrap .share-column{width: 50%;}
}
/*===============================================================================*/
/*===============================================================================*/
@media (max-width: 575.98px) {
.navbar-toggler { margin:0 auto; margin-right:0}
.header-navbar .header-logo .header-logo-img {width: 145px;height:auto}
.hero-section {background-position: center left;height: auto;} 
.hero-content {padding-top: 40px; padding-bottom:20px}
.hero-content .searchbar-wrap {border-radius: 10px;}
.hero-content .d-flex{display: block !important;margin-top: 10px;}
.hero-content #searchButton{ width:100%; margin-top:10px}
.hero-content .fs35 { font-size: 27px;}
.header-navbar .navbar-nav .dropdown-menu {transform: inherit;}

.market-tabs .nav-link {font-size: 11px; min-width: 100px;}

.stock-block .stock-block__logo img {width: 100%;}
.section-heading h2, .sectionhdn {font-size: 26px;}
 
.section-tb-padding {padding-top: 40px;padding-bottom: 40px;}

 /*PROCESS SECTION*/
.process-wrap .process-block:after{display: none;}
 
.site-footer {padding-top: 50px;overflow-x: hidden;padding-bottom: 50px;}

.video-block iframe{ height:225px}

.becomeapartner-header {padding-top: 35px;}
.becomeapartner-header .fs18{ font-size:14px}
.hiw-wrap .arrow-block i{transform: rotate(-270deg);} 

body.inner-page .main-content.inner-content {padding-top: 150px;}

.login-form {width: 100%;}
.right-content__usps.fs13{ font-size:10px}

.right-content__more-usps-description {font-size: 11px;} 
.right-content__more-usps-heading {font-size: 17px;}
.register--section .register-form, .forgotpwd--section .forgotfwd-form { width: auto;}
.register--section, .forgotpwd--section { width: auto}

#hideShowFilters{ display:none}
.search-filter-header .d-flex{display: block !important; } 
.whatsapp-fixedbtn, a.whatsapp-fixedbtn.left-side {bottom: 70px;}

.navbar-nav{ background-color:#fff}
.hero-content .btn { width: 100%;margin-top: 10px}
.hero-video{ display:none}
.header-navbar {padding-top:10px;padding-bottom:0px}
.header-search-bar {max-width: 100%;margin-right: 0;width: 100%;margin-bottom: 5px;}

.pagination svg {width: 25px}
.pagination .px-4 { padding-left:10px!important; padding-right:10px!important;}

.main-content-block .table-responsive{ font-size:14px}
.main-content-block {padding: 24px;}
.main-content-block p{ font-size:14px}
.collapse-block .collapse-header {padding: 16px 60px 16px 20px;font-size: 15px}
.about-content-wrap h1, .about-content-wrap h2, .about-content-wrap h3, .about-content-wrap h4, .about-content-wrap h5, .about-content-wrap h6 {font-size: 16px}
.Top-innermenu-sec .bar-nav { display:none}
}