@media (min-width:769px) {

	.floting-message .carsds:first-child {
		position: absolute;
		right: 4%;
		top: 50%;
		transform: translateY(calc(-50% - 75px));
		-webkit-animation: move-four 4s ease-in-out infinite;
		animation: move-four 4s ease-in-out infinite;

	}

	.floting-message .carsds:nth-child(2) {
		/* transform: translate(-135px, 90px); */
		transform: translateY(135px);
		-webkit-animation: move-five 4s ease-in-out infinite;
		animation: move-five 4s ease-in-out infinite;
		left: -125px;
		position: relative;

	}

	/* @-webkit-keyframes move-four {
		0% {
			-webkit-transform: translateY(calc(-50%));
			transform: translateY(calc(-50%));
		}

		50% {
			-webkit-transform: translateY(calc(-50% + 20px));
			transform: translateY(calc(-50% + 20px));
		}

		100% {
			-webkit-transform: translateY(calc(-50%));
			transform: translateY(calc(-50%));
		}
	} */
 @-webkit-keyframes move-four {
		0% {
			-webkit-transform: translateY(calc(-50% - 75px));
			transform: translateY(calc(-50% - 75px));
		}

		50% {
			-webkit-transform: translateY(calc(-50% - 55px));
			transform: translateY(calc(-50% - 55px));
		}

		100% {
			-webkit-transform: translateY(calc(-50% - 75px));
			transform: translateY(calc(-50% - 75px));
		}
	}
	@keyframes move-five {
		0% {
			-webkit-transform: translateY(calc(135px + 20px));
			transform: translateY(calc(135px + 20px));
		}

		50% {
			-webkit-transform: translateY(135px);
			transform: translateY(135px);
		}

		100% {
			-webkit-transform: translateY(calc(135px + 20px));
			transform: translateY(calc(135px + 20px));
		}
	}

	.no-wrap-m {
		flex-wrap: nowrap;

	}

	.flex-prop .medium-4 {
		width: calc(33.33% - 27px);
	}
	.flex-prop .medium-6 {
		width: calc(50% - 27px);
	}

	.timeline-path {
		padding: 170px 125px 135px 125px;

	}

	#risk-disclouser .modal-content {
		max-height: 600px;
	}
	.fixed-heigth-cont{
	max-height: 485px;
	height: 485px;
    padding: 10px 80px;
	}
	.fixed-heigth-cont.fixed-heigth-cont-no{
		height: auto !important;
		        max-height: max-content !important;
         padding: 50px 80px !important;
	}
	.padd-box{
		padding: 55px 80px;
	}
	.breadcrumb .nav-bread{
    padding: 40px 80px;
}
.login-form .form-container,.signup-form .form-container{
    max-width: 90%;
}
  /* #login-pop .left.medium-6{
        height: calc(100vh - 45px);
  } */

.login-typepop .left.bg-white{
     height: -webkit-fill-available;
   }
   .nri-services .list.arrow img{
        margin-top: -55px;
}

#scrollsmoother-container{
	margin-top: 129.77px;
}
/* .footer.bg-prblue{
padding-bottom: 177.77px;
} */
	.hidden-desktop,.hideon-desktop{
		display: none;
	}
	img.footer-up-trades{
    /* min-width: calc(100% + 100px);
    left: -100px; */
}
.accordion-title::before {

    right: 30px;
}
.services-info.box-ani .bg-white{
	/* max-width: 255px; */
	max-width: 370px;
	height: 100%;
}
button.wd-65,.login-typepop button[type=submit]{
  /* width: 350px; */
  max-width: 350px;
        width: -webkit-fill-available;
}
/* .footer-contact h6{
 font-size: 18px;
}
.footer-contact p,.footer-contact li a{
 font-size: 14px;
} */
 .login-typepop .scroll-area {
    max-height: calc(100vh - 100px);
    overflow: auto;
    overflow-x: hidden;
}
.nri-services .list.text-center{
    max-width: 100px;
}
}

@media (max-width: 1075px) {
.main-header .login-info{
    gap: 10px 10px;
}
.main-header .login-infoinner{
    gap: 40px 30px;
}
.login-infoinner.hight-100::before {
    /* right: 73px; */
	 right: 160px;
}

}

@media (max-width: 992px) {
	.heder-hideon-desktop{
     display: block !important;
	}
#mobile-navmenu{
	display: block !important;
}
.primary-header-one{
	display: none !important;
}
header .hideon-mobile{
   display: none !important;
}
header .hidden-desktop{
	display: block !important;
}
.head_bg::after{
	display: none;
}
    .login-drop .dropdown {
        right: 0;
    }
		.login-infoinner.hight-100::before{
		display: none;
	}
	    #scrollsmoother-container {
        margin-top: 86px !important;
    }
	    .screen-area .owl-nav {
        display: none;
    }
	    .footer-contact .grid-x.grid-padding-x {
        gap: 15px;
    }
}

@media (max-width:768px) {
	.testicont .radiuos-cont.bg-white {
    min-height: auto;
}
	.testicont .radiuos-cont.bg-white .img.mb-30{
   margin-bottom: 0px;
}
.testimaonial .owl-dots{
    padding: 30px;
}
.testi-author .section-greybg-2 {
    padding: 10px 20px 10px 0;
}
	.scroll-top{
		right: -30px;
	}
	.login-typepop .inner-cont:not(#login-pop.login-typepop .inner-cont) {
   overflow: auto;
}
.login-typepop .right .img-cont {
    max-width: 200px;
    margin: auto;
}
    #login-pop.login-typepop .scroll-area {
        max-height: calc(100vh);
        overflow: auto;
        overflow-x: hidden;
    }
	#login-pop.login-typepop .left.bg-white{
      height: -webkit-fill-available;
	}
	.grid-x.grid-margin-x .small-12 {
    width: calc(100% - 1.25rem);
}
	  .grid-x > .small-12 {
    width: 100%; /* or whatever you want */
  }
	h1, .h1, h2, .h2, h3, .h3, h4, .h4, .h5, h6, .h6 {
  	  line-height: normal;
	}
	.mb-60 {
        margin-bottom: 20px;
    }
	.flex-prop .small-12 {
		width: 100%;
	}

	.screen-area {
		max-width: auto !important;
	}

	.screen-area .owl-nav {
		display: none;

	}

	.hideon-mobile {
		display: none;
	}
	.dir-column-m{
		flex-direction: column;
		gap: 20px;
	}
	.dir-rcolumn-m{
        flex-direction: column-reverse;
	}
	.p-80 {
		padding: 30px 20px !important;
	}
	.login-infoinner.hight-100::before{
		display: none;
	}
	.round-btn {
    height: 50px;
	    font-size: 14px !important;
}
.btn-primary {
    padding: 10px 15px;

}

.footer-contact {
    padding: 25px 25px !important;
}
.footer-contact .grid-x.grid-padding-x{
    gap: 15px;
}
.footer-contact .footer-ctc.gap-20 {
    gap: 5px 20px;
}
.footer-contact {
    max-width: calc(90% - 5%);
}
.whwe-sec :where(.bg-sec.p-35,.bg-transblue.p-30){
padding: 15px !important;
}
.whwe-sec h4.white-txt span.mr-10{
	margin-right: 0;
}
.whwe-sec h4.white-txt{
	 display: flex;
    align-items: center;
}
.main-header .login-info.grid-x{
    gap: 20px;
}
.main-header .login-info.grid-x .btn-primary{
    padding: 0px;
    min-width: auto;
    background: none;
	    color: #fff !important;
}
.main-header .login-info.grid-x  .btn-primary::after{
   display: none;
}

/* .login-cont-h:after{
content: "";
    position: absolute;
    right: -12px;
    width: 2px;
    background: #fff;
    opacity: 0.50;
    height: 17px;
	bottom: 3px;
} */
.banner-slide .grid-container {
	background: none;
	    padding-top: 35px;
    padding-bottom: 90px;
}
.mobile-nav-content li a .drop-img{
	transform: rotate(242deg);
width: 26px;
    height: 26px;
   /* background: var(--secondary-color); */
    border-radius: 50%;
    padding: 6px;
}
    #scrollsmoother-container {
        margin-top: 86px;
    }
	/* .footer.bg-prblue{
padding-bottom: 86px;
} */
	.padding-sec {
    padding: 40px 0;
}
.gap-40-eve {
    gap: 20px;
}
.timeline-path .timeline-data:nth-child(odd) .left {
    padding-left: 0px;
}
.timeline-path .timeline-data:nth-child(even) .left {
    padding-right: 0px;
}

.timeline-data{
	flex-direction: column-reverse !important;
    gap: 10px;
}
.timeline-data div{
  width: 100%;
  text-align: center;	
}
.timeline-path {
    padding: 40px 0;
    gap: 40px;
}
.screen-area {
    max-width: calc(100% - 25%);
	top: 5px;
}
.screen-area .owl-stage-outer{
  background: #fff;
}
.vcpl-mobsection .carsds-padding2 {
    left: -33px;
}
.vcpl-mobsection .carsds:first-child{
	right: 0;
}
.accordion .accordion-title {
    padding: 20px 40px 20px 15px;
}
.accordion .accordion-content {
    padding: 15px 25px 0;
}
.testimonial-main{
	margin-top: 0;
	margin-bottom: 0;
}

.vcpl-section .tab-btn {
    padding: 0 10px;
	min-width: max-content;
    font-size: 14px;
}
.corporate-cta .bg-secblue{
    padding: 20px 10px;
}
.corporate-cta{
	padding-top: 0px !important;
}
.line-height-n{
  line-height: normal !important;
}
.corporate-cta button {
    width: 120px;
        padding-right: 15px !important;
        min-width: auto;
        text-align: center !important;
}
.corporate-cta button::before{
  display: none !important;
}
.gap-25:not(.mobile-menu-list.gap-25) {
    gap: 10px;
}
.logo-carousel {
    margin-top: 40px;
}
.login-drop .dropdown{
	right: 0;
}
.fixed-heigth-cont,.padd-box:has(.cell){
	    padding: 20px 10px;
}
.breadcrumb .nav-bread .flex-prop{
    gap: 5px 5px;
}

.services-cont .serices{
    flex-direction: column;
	gap: 0;
}
.premium-sec-dir .circle-blue{
    width: 135px;
    height: 135px;
    bottom: 5px;
}
.premium-sec-dir .circle-blue p{
   font-size: 12px;
}
.inner-sec.relative:has(.circle-blue){
	min-height: 295px;
}
.line-60 {
    line-height: normal;
}
.ivest-sec-dir .bg-lightblu .inner-sec.absolute{
 position: static;
 top: unset;
 transform: none;
}
.ivest-sec-dir .bg-lightblu .grid-x{
	gap: 30px;
}
.ivest-sec-dir .py-70{
	padding: 0;
}
.direct-equitytabs .tabs-title > a {
        padding: 17px 10px;
        min-width: max-content;
		font-size: 14px !important;
}
.mf-slide-con .grid-x{
 gap: 45px;
}
.mf-tab .items.bg-banner{
width: 100%;
    min-width: fit-content;
}
.slider-cont{
        width: calc(100% - 45px);
        margin: auto;
        max-width: 450px;
}
/* padding and margin aajust */
.ml-50:has(ul):not(.list-number-cont.ml-50:has(ul)){
	margin-left: 20px;
}
.mb-15 {
    margin-bottom: 10px;
}
.margintop40 {
    margin-top: 20px;
}
.section-greybg-pad {
    padding: 50px 0;
}
.py-60{
	padding: 40px 0;
}
.mb-80 {
    margin-bottom: 40px;
}
.p-35,.p-25 {
    padding: 20px;
}
.mb-30 {
    margin-bottom: 15px;
}
.mb-40{
	margin-bottom: 25px;
}
.pb-40 {
    padding-bottom: 20px !important;
}
.banner-top .p-50,.p-40,.p-60,.ivest-sec-dir .bg-lightblu{
    padding: 30px 20px;
}
.premium-sec-dir .grid-x{
    gap: 30px;
}
.circle-white {
    width: 250px;
    height: 250px;
}
/* end of padding and margin aajust */

.owl-carousel .vcpl-markerts, .owl-carousel .aim-wealth, .owl-carousel .trading-backoffice, .owl-carousel .snippets {
    opacity: 1;
    visibility: visible;
    position: static;
    width: auto;
}
.number-box {
    width: 40px;
    height: 40px;
    background-color: #c5ddfa;
    color: var(--secondary-color);
    font-size: 20px;
}
.overflow-x-auto:has(li:last-child:where(:not(:in-viewport))) {
  justify-content: flex-start;
}
/* alt attribute "mobile" irukura image ku */


.owl-item.active .number-cont .number-box {
    background-color: var(--secondary-color);
    color: #fff;
}
.owl-item.active .number-cont p.black-txt {
    color: var(--secondary-color);
}
.login-typepop .left.bg-white{
padding: 30px 20px;
}
.owl-carousel.vpl .item .img-cont img[alt="mobile"] {
	width: auto;
	margin: 0px auto;
}
.vcpl-mobsection .carsds:first-child {
        right: 80px;
        height: auto;
    }
	.dropdownm ul{
	padding: 15px 0;
    background: #171718;
	border-radius: 10px;
}
.login-typepop .sideb-log img {
    width: 85px;
}
.play-store img{
  height: auto;
  width: auto;
}

.mobile-dwnapp .app-dwncnt{
    min-width: 50%;
    max-width: calc(100% - 50px) !important;
	 padding: 30px 20px;
}

	.date-slide .owl-nav span{
    font-size: 30px;
	}
	.date-slide .owl-prev, .date-slide .owl-next{
		    left: -45px;
		width: 40px;
    height: 40px;
	}
	.date-slide .owl-next {
    right: -45px !important;
	left: unset;
}
.date-slide .owl-item img{
  width: 60px !important;
}
.mf-slide-con img[alt=mobile]{
	    width: 280px !important;
}

  .overflow-x-auto::before,
  .overflow-x-auto::after {
    content: "";
    flex: 1; 
  }
  /* .sidebar-one__content :where(.left,.right){
	    padding: 30px 20px;
  } */
   .carsds p {
    font-size: 10px;
}
.carsds:last-child :where(p.bold, span) {
    font-size: 14px;
}
.vcpl-mobsection img[alt="mobile"] {
    width: 220px !important;
    margin: 0px auto !important;
}
.vcpl-mobsection .carsds-padding2 {
    bottom: 45px;
}
.carsds-padding2 {
    padding: 10px 9px !important;
}
    .vcpl-mobsection .carsds:first-child img.mb-5 {
        width: 30px;
        margin: 0px auto 10px;
    }
.vcpl-mobsection .carsds:first-child {
    right: -25px;
    top: 30px;
    max-width: 85px;
    padding: 12px 15px;
    height: auto;
}
.vcpl-mobsection .img-cont{
	text-align: center;
}
.vcpl-mobsection .item .relative ,.vcpl-mobsection .inner-sec.absolute{
	width: max-content;
    margin: auto;
	 position: relative !important;
}
.head_bg::after{
	display: none;
}
.grid-container.full{
	max-width: 90%;
}
}
@media (max-width:1200px) {
.nav-menus ul {
    gap: 10px 10px;
}
}
@media (min-width:1600px) {
.banner-slide .grid-container{
   position: relative;
}
    .floting-message .carsds:first-child{
		right: -10%;
	}
}




@media (max-width:1024px) {
	.sell-buyimg {
		bottom: 0px;
		left: 50%;
		max-width: 50%;
		transform: translateX(-35%);
	}
	li:not(.dropdown li):has(.active)::before, li:not(.dropdown li):has(.active)::after{
		display: none;
	}

	.gap-20-m {
		gap: 20px;
	}
	.nav-menus ul {
    gap: 10px 10px;
}
}