html, body{overflow-x: hidden;}

a{text-decoration: none;}
#back-to-top {display: none; position: fixed; bottom: 50px; right: 20px; z-index: 1000; color: white; cursor: pointer; font-size: 14px;}
#back-to-top .eb-button-anchor{background: #06244b; width: 50px; height: 50px; border-radius: 100%; padding: 0;}
#back-to-top .eb-button-anchor i{margin: 0;}
/*.sticky-header{position: absolute; left: 0; top: 0; content:''; z-index: 9; width: 100%; background: #ffffffe8;}*/
body{padding-top: 120px;}
header.wp-block-template-part{position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background: #fff;}
.h-logo{width: 280px; padding: 10px 0;}
.f-logo{width: 280px;}
.header-menu .wp-block-navigation-item__content{color: #2c69c5 !important; padding: 0 20px; font-weight: 500; font-size: 16px; text-transform: uppercase;}
.header-menu li{border-right: 1px solid #2c69c5;}
.header-menu li:last-child{border-right: none;}
.header-menu .wp-block-navigation-item__content:hover{text-decoration: none; color: #47bb5e !important; }
.eb-slider-content{width: 70% !important; margin: 0 15%;}

.h-slider img{width: 100%; height: auto !important;}

.focus-wrap{padding: 50px;}

.eb-slider-button{background: url('https://chakragrowthcapital.com/wp-content/uploads/2025/05/angle-right.png') no-repeat center right 15px;}
.section-top-p-100{padding-top: 100px;}
.section-bottom-p-100{padding-bottom: 100px;}
.small-heading{font-size: 16px; font-weight: 500; text-transform: uppercase;}
.heading{font-size: 34px; font-weight: 400;}
.portfolio-block{text-align:center; padding: 20px 50px;}

.portfolio-grid-wrap{overflow-x: hidden;  /*display: flex; align-items: end; gap: 30px;*/}
.portfolio-block1{background: #fff; min-width: 1000px; border-radius: 10px; box-shadow: 0px 2px 5px 0px #0000001A; overflow: hidden; display: flex; transition: ease 0.5s;}
/*.portfolio-block1:hover{transform: scale(1.06, 1.06);}*/
.portfolio-block1 figure{border-radius: 10px 10px 0 0; width: 35%;}
.portfolio-block1 figure img{object-fit: cover; width: 100%; height: 100%;}
.portfolio-block1 .content{padding: 30px; color: #fff; width: 35%;}
.portfolio-block1 figure.portfolio-picture{width: 50%;}
.portfolio-block1 .text{min-height: 100px;}
.marquee {display: flex; align-items: end; gap: 50px; animation: scroll-left 40s linear infinite; padding: 10px 0;}
.marquee:hover {animation-play-state: paused;}
/* Animation Keyframes */
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-3500px);
  }
}

.eb-slider-wrapper.eb-slider-v02cj .slick-next{right: 80px !important;}

.logos{padding: 20px;}
.team-block-wrap{margin: 30px 0;}
.team-block{width: 300px;  text-align: center;}
.team-block .name{font-size: 20px; font-weight: 500;  margin: 10px 0 0 !important;}
.team-block img{border-radius: 10px;}
.contact-wrap{padding: 70px 60px;}
.contact-block{position: relative;}
.contact-block figure{position: relative;}
.contact-block figure+figure{left: 40%; margin-top: -40%;}
.contact-form {width: 100%;}
.contact-form .wpcf7-form-control{background: #FAFAFACC; border: 1px solid #092E5E; border-radius: 5px; padding: 12px 15px; width: calc(100% - 30px); margin-bottom: 10px; font-family: "DM Sans", sans-serif;  font-size: 14px; font-weight: 400; color: #06244B;}
.contact-form select.wpcf7-form-control{width: 100%;}
.contact-form .wpcf7-form-control::placeholder{font-family: "DM Sans", sans-serif;  font-size: 14px; font-weight: 400; color: #06244B;}
select option:hover {background-color: red;}
.wpcf7-form-control.wpcf7-select {  appearance: none; -webkit-appearance: none; -moz-appearance: none;
  background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8"><path fill="none" stroke="%23333" stroke-width="2" d="M1 1l6 6 6-6"/></svg>');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 14px 8px;
}


.contact-form .wpcf7-submit{width: auto; padding: 15px 30px; background:#2D67B1; font-family: "DM Sans", sans-serif;  font-size: 16px; font-weight: 600; color:#fff; text-transform: uppercase;}
.wpcf7-response-output{color: #fff;}

.logos-wrap{padding: 20px 80px;}

.about-section{background: url('https://chakragrowthcapital.com/wp-content/uploads/2025/05/about-bg.png') no-repeat left bottom; background-size: 700px;}

.contact-img img{border-radius: 10px;}

.contact-wrap{/*background: url('https://chakragrowthcapital.com/wp-content/uploads/2025/05/contact-bg.png') no-repeat right bottom; background-size: 150px;*/}

.f-block i{margin-top: 10px;}
.f-block a{text-decoration: none;}

.wpcf7-response-output{color: #526175;}

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content{ outline-offset: 0; outline: none;}

.f-content-wrap{display: none;}
.d-none{display: none;}

.file-upload { display: flex; align-items: center; background-color: #fbfbfb; border: 1px solid #001f4d; border-radius: 5px; padding: 12px 15px; margin: -15px 0 -5px; font-size: 14px; color: #06244B; box-sizing: border-box;}
.file-upload p{margin: 0;}
.file-upload input[type="file"] { display: none;}
.file-label {cursor: pointer;}
.file-label span{}
#fileName {flex: 2; color: #06244B;}

.slick-arrow i{background: #47bb5e; color: #092e5e; width: 50px; height: 50px; border-radius: 100%; display: block; line-height: 50px; font-size: 20px; }

.custom-owl-slider .portfolio-block1{background: #fff; min-width: auto; border-radius: 10px; box-shadow: 0px 2px 5px 0px #0000001A; overflow: hidden; display: flex; transition: ease 0.5s; margin: 20px 0;}
/*.custom-owl-slider .portfolio-block1:hover{transform: scale(1.06, 1.06);}*/
.custom-owl-slider .portfolio-block1 figure{border-radius: 10px 10px 0 0; width: 35%; margin: 0;}
.custom-owl-slider .portfolio-block1 figure img{object-fit: cover; width: 100%; height: 100%;}
.custom-owl-slider .portfolio-block1 figure.logo img+img{display: none;}
.custom-owl-slider .portfolio-block1 .content{padding: 30px; color: #fff; width: 35%; text-align: justify;}
.custom-owl-slider .portfolio-block1 .content h4{font-size: 16px;}
.custom-owl-slider .portfolio-block1 .content .sub-title{font-style: italic;}
.custom-owl-slider .portfolio-block1 figure.portfolio-picture{width: 50%;}
.custom-owl-slider .portfolio-block1 .text{min-height: 100px;}
.custom-owl-slider .portfolio-block1.aid .content{background: #121a38cc;}
.custom-owl-slider .portfolio-block1.bluewheel .content{background: #4c6fce;}
.custom-owl-slider .portfolio-block1.kazam .content{background: linear-gradient(135deg,rgb(217,52,74) 0%,rgb(240,83,106) 100%);}
.custom-owl-slider .portfolio-block1.spintly .content{background: linear-gradient(135deg,rgb(244,145,79) 0%,rgb(255,186,140) 100%);}
.custom-owl-slider .portfolio-block1.volektra .content{background: #2190bd;}
.owl-carousel .owl-nav{display: flex; justify-content: center; gap: 120px; position: absolute; top: 95%; width: 100%; margin-top: 10px;}
.owl-carousel .owl-nav .owl-prev{}
.owl-carousel .owl-nav .owl-next{}
.owl-carousel .owl-nav button i{background: #47bb5e; color: #092E5E; width: 30px; height: 30px; border-radius: 100%; display: block; line-height: 30px; font-size: 16px; }
.owl-carousel .owl-dots{display: flex; justify-content: center; gap: 10px; margin-top: 20px;} 
.owl-carousel button.owl-dot span{width: 15px; height: 15px; border-radius: 15px; background: #092e5e; display: block;}
.owl-carousel button.owl-dot.active span{background: #47bb5e;}

:where(.wp-site-blocks *:focus){outline-width: 0; outline-style: solid;}

.text-justify{text-align: justify;}
.space-3{margin-bottom: 15px; display: block;}

.c-green{color: #47bb5e;}

.select2-container .select2-selection--single{height: 45px !important; border: 1px solid #092E5E !important; font-size: 15px; margin-bottom: 10px;}
.select2-container--default .select2-selection--single .select2-selection__rendered { color: #444;  line-height: 43px !important; background: #fbfbfb; border-radius: 5px; padding-left: 15px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 43px !important;}
.select2-container--default .select2-results__option--highlighted {background-color: #2D67B1 !important;  color: #fff !important;}
.select2-container--default .select2-results__option--selected{background-color: #fff !important; }
.select2-container--default .select2-results__option[aria-selected="true"] { background-color: #2D67B1 !important; color: #fff !important;}
.select2-search{display: none !important;}
.select2-dropdown{padding: 0;}
.select2-results__option{font-size: 15px;}

.intl-tel-input{width: 100%; margin-bottom: 10px;}
.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=tel]{width: 100%;}

.bg-banner img{max-width: 100%;}

.wpcf7-not-valid-tip{height: 6px; font-size: 16px;}

.premier-global img{border-radius: 10px;}

.select2-dropdown{position: relative;  top: -10px;}

.eb-accordion-hidden .eb-accordion-title, .eb-accordion-hidden .eb-accordion-icon{color: #ffffff !important;}

.motion-bg figure.wp-block-image+figure.wp-block-image{display: none;}

.d-hidden{display: none;}

.chakra-card{padding: 20px; border-radius: 24px;}
.chakra-card figure{ width: 100%; height: 198px; overflow: hidden;}
.chakra-card figure img{height: 100%;}
.chakra-card.bluwheelz figure{background: #EFF3F6;}
.chakra-card.kazam figure{background: #EFF3F6;}
.chakra-card.volekatra figure{background: #FFFFFF;}
.chakra-card.spintly figure{background: #FFFFFF;}

.riso-wrapper{display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px;}
.riso-card {background: #fff; padding: 20px;}
.riso-top, .riso-middel{display: flex; justify-content: space-between; gap: 10px; align-items: center;}
.riso-top{margin-bottom: 15px;}
.riso-btn{background: #012E7A; border-radius: 4px; color: #FFFFFF; font-size: 12px; padding: 10px 20px;}
.riso-title, .ai-label{margin: 0; font-size: 15px; font-weight: 700; color: #000; margin: 0;}
.riso-dis p{font-size: 16px; font-weight: 400; color: #838383; text-align: justify; min-height: 155px;}

.chakra-wrapper{display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px;}
.chakra-card {background: #fff; padding: 20px;}
.chakra-top, .chakra-middel{display: flex; justify-content: space-between; gap: 10px; align-items: center;}
.chakra-top{margin-bottom: 15px;}
.chakra-btn{background: #012E7A; border-radius: 4px; color: #FFFFFF; font-size: 12px; padding: 10px 20px;}
.chakra-title, .ai-label{margin: 0; font-size: 15px; font-weight: 700; color: #000; margin: 0;}
.chakra-dis p{font-size: 16px; font-weight: 400; color: #838383; text-align: justify;}


@media(max-width: 1200px){
	html, body{overflow-x: hidden;}
	body{font-size: 14px;}
	.h-logo{width: 150px;}
	.header-menu .wp-block-navigation-item__content{padding: 0 10px;}
	.eb-slider-content{width: 100% !important; margin: 30px 0;}
	.small-heading{font-size: 16px;}
	.heading{font-size: 28px;}
	.focus-grid-wrap{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px;}
	.portfolio-grid-wrap{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px;}
	.team-block-wrap{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px;}
	.contact-wrap{padding: 20px 30px;}	
	.contact-block figure{width:80%; position: relative;}
	.contact-block figure+figure{width: 60%; left: 20%; margin-top: -40%;}
	.section-top-p-100{padding-top: 50px;}
	.section-bottom-p-100{padding-bottom: 50px;}
	.contact-form .wpcf7-form-control{width: 90%;}
}

@media(max-width: 768px){	
	body{padding-top: 94px;}
	header.wp-block-template-part{position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background: #fff;}
	.h-logo{width: 200px; order: 2;}
	.eb-slider-content{width: 100% !important; margin: 0 0;}
	.header-menu .wp-block-navigation-item__content{color: #fff !important;}
	.header-menu .wp-block-navigation-item__content:hover{color: #fff !important;}
	.h-slider img{width: 100%; height: auto !important;}
	.small-heading{font-size: 14px;}
	.heading{font-size: 24px;}
	.focus-wrap{padding: 15px;}
	.focus-grid-wrap{grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 5px;}
	.portfolio-block{padding: 10px 0;}
	.portfolio-grid-wrap{grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 15px;}
	.team-block-wrap{grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 20px; display: grid !important; }
	.contact-wrap{padding: 20px 0 0;}
	.contact-block figure{width:100%; position: relative;}
	.contact-block figure+figure{width: 60%; left: 20%; margin-top: -40%;}
	.section-top-p-100{padding-top: 50px;}
	.section-bottom-p-100{padding-bottom: 50px;}
	.contact-form .wpcf7-form-control{width: 90%;}
	.f-block i {margin-top: 0;}
	.wp-block-navigation__responsive-container-close, .wp-block-navigation__responsive-container-open{
    background: #2D67B1;  border: none; color: #fff;}
	.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{background-color: #2D67B1 !important;}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{align-items: flex-start;}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{align-items: flex-start; width: 100%;}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item{width: 100%; align-items: flex-start;}
	.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content{outline: none; outline-offset: 0;}
	.header-menu li{border-right: none; border-bottom: 1px solid #7fa1cb;  padding: 10px 0 !important;}
	.header-menu li:last-child{border-right: none; border-bottom: none;}	
	.logos-wrap{padding: 20px 0;}
	
	.portfolio-block1 .text{min-height: auto;}
	#who-are-we-section img{margin-top: 20px;}
	#about-section img{margin-top: 20px;}
	#about-section .is-layout-flow > .alignright{margin-inline-start: 0;}
	#about-chakra-section .is-layout-flow > .alignright{margin-inline-start: 0; float: inherit; width: 100%; text-align: center;}
	.team-block{width: 100%;}
	.f-content-wrap{gap: 10px;}
	.f-content-wrap .f-block{width: 100%;}
	.f-content-wrap  .wp-block-social-links{margin-top: 0 !important;}
	.contact-form .wpcf7-form-control.wpcf7-submit{width: 60%; margin: 0 auto; display: block;}
	.section-top-m-p-100{padding-top: 0;}
	
	.contact-form select.wpcf7-form-control{padding: 10px 20px !important; min-height: 40px; line-height: 40px;}
	
	.portfolio-block1{ min-width: 700px;}
	.portfolio-block1 figure{border-radius: 10px 10px 0 0; width: 30%;}
	.portfolio-block1 figure img{object-fit: cover; width: 100%; height: 100%;}
	.portfolio-block1 .content{padding: 10px; color: #fff; width: 35%;}
	.portfolio-block1 figure.portfolio-picture{width: 35%;}
	.custom-owl-slider .portfolio-block1 figure.logo img{display: none;}
	.custom-owl-slider .portfolio-block1 figure.logo img+img{display: block;}
	.portfolio-block1{flex-wrap: wrap; border-radius: 0; position: relative; z-index: 1;}
    .custom-owl-slider .portfolio-block1 figure{width: 100%; border-radius: 0;}
	.custom-owl-slider .portfolio-block1 figure img{border-radius: 0;}
    .custom-owl-slider .portfolio-block1 .content{width: 100%; margin-top: -10px; z-index: 1; min-height: 330px;}
    .custom-owl-slider .portfolio-block1 figure.portfolio-picture{width: 100%; border-radius: 0; margin-top: -10px; z-index: -1;}
	.custom-owl-slider .portfolio-block1 figure.portfolio-picture img{ border-radius: 0;}
	.slick-arrow i { width: 30px; height: 30px; line-height: 30px; font-size: 10px !important;}
	.slick-arrow i, .owl-carousel .owl-nav button i { width: 30px; height: 30px; line-height: 30px; font-size: 10px !important;}
	.owl-carousel .owl-nav .owl-prev{left: 15px;}
	.owl-carousel .owl-nav .owl-next{right: 15px;}
	.custom-owl-slider .portfolio-block1{margin: 20px 0 0; border-radius: 0;}
	.owl-carousel .owl-nav{top: 98%; margin-top: 0;}
	.eb-slider-wrapper.eb-slider-v02cj .slick-next{right: 25px !important;}
	.team-section{padding-top: 50px;}
	.story-section{padding-left: 0; padding-right: 0;}
	.story-section .content-1{padding-left: 30px; padding-right: 30px;}
	.contact-wrap{padding-left: 0; padding-right: 0;}
	.contact-wrap .content-1{padding-left: 30px; padding-right: 30px;}
	.motion-bg figure.wp-block-image{display: none;}
	.motion-bg figure.wp-block-image+figure.wp-block-image{display: block;}
	.about-section figure{padding-top: 40px;}
	.premier-global img{border-radius: 0;}
	.contact-img img{border-radius: 0;}
	
	.chakra-wrapper, .riso-wrapper{grid-template-columns: repeat(1, 1fr);}
	.chakra-card, .riso-card{padding: 15px; border-radius: 12px;}
	.chakra-middel, .riso-middel{flex-wrap: wrap; flex-direction: row;}
	.chakra-dis p, .riso-dis p{font-size: 14px; margin: 0;}
	.riso-btn{padding: 6px 20px; margin-top: 10px; display: inline-block;}
	
}