/*@media only screen and (max-width: 2560px){

html{
    font-size: 100%;
}




}

@media only screen and (max-width: 1600px){

    html{
        font-size: 80%;
    }

    }*/




    @media only screen and (max-width: 1440px){
        .slider .carousel-control-next, .carousel-control-prev{
            width: 10%;
        }
        .slider .carousel-control-next-icon, .carousel-control-prev-icon{
            width: 30px;
            height: 30px;
        }
        .dashboard-slider.partner-dashboard-slider .container.world-position .world-environment h1 {
            font-size: 50px;
        }
        .dashboard-slider.partner-dashboard-slider .container.world-position .world-environment span {
            font-size: 18px;
        }
        .dashboard-slider.partner-dashboard-slider .container.world-position .world-environment a {
            font-size: 13px;
        }
        .dashboard-slider.partner-dashboard-slider .bottom-data-text.orange{
            padding: 26px 0px;
        }
        .dashboard-slider.partner-dashboard-slider .bottom-data-text {
            padding: 26px 0px;
        }
        .dashboard-slider.partner-dashboard-slider .container.world-position .bottom-data {
            transform: translateY(9.4%);
        }
         
        } 
        @media only screen and (max-width: 1280px){
        .dashboard-slider.partner-dashboard-slider .bottom-data-text {
            padding: 14px 0px;
        }
        .dashboard-slider.partner-dashboard-slider .container.world-position .world-environment a {
            font-size: 12px;
        }
        .dashboard-slider.partner-dashboard-slider .container.world-position .world-environment .span-number-alpha .span-number {
            font-size: 18px;
         
        }
        .dashboard-slider.partner-dashboard-slider .container.world-position .world-environment .span-number-alpha .span-alpha {
            font-size: 13px;
        }
        .dashboard-slider.partner-dashboard-slider .container.world-position .bottom-data {
            transform: translateY(8%);
        }
        }
        
        
        @media only screen and (max-width: 1200px){
            .login-detail .left-login .left-login-slide{
                width: 80%;
                margin: auto;
            }
            .dashboard-slider.partner-dashboard-slider .container.world-position .bottom-data {
            transform: translateY(9.5%);
        }
         .dashboard-slider.partner-dashboard-slider .container.world-position .world-environment h1 {
            font-size: 40px;
        }
        .dashboard-slider.partner-dashboard-slider .container.world-position .world-environment span {
            font-size: 15px;
        }
        .dashboard-slider.partner-dashboard-slider .container.world-position .world-environment p {
            font-size: 13px;
        }
        .dashboard-slider.partner-dashboard-slider .container.world-position .world-environment .span-number-main{
            flex-wrap: wrap;
            gap:2rem;
        }
        .dashboard-slider.partner-dashboard-slider .container.world-position .world-environment a {
            font-size: 15px;
            width: 100%;
        }
        .dashboard-slider.partner-dashboard-slider .container.world-position .world-environment .span-number-alpha {
            margin-left: 0;
            padding: 10px 15px;
            width: 100%;
        }
        .dashboard-slider.partner-dashboard-slider .container.world-position .world-environment .span-number-alpha .span-number {
            font-size: 15px;
            vertical-align:inherit;
            margin-top: 0;
        }
        .dashboard-slider.partner-dashboard-slider .bottom-data-text {
            padding: 14px 0px;
        }
        .dashboard-slider.partner-dashboard-slider .bottom-data-text.orange {
            padding-top: 14px;
            padding-bottom: 24px;
        }
        
          .slider .carousel-control-next, .carousel-control-prev{
            width: 4%;
        }
        .slider .carousel-control-next-icon, .carousel-control-prev-icon{
            width: 24px;
            height: 24px;
        }  
        
        .slider .container.world-position .col-lg-4.col-md-4.col-sm-12.custom-col-width{
            max-width: 29%;
        }
        .slider .container.world-position .world-earth .world-down p{
            font-size: 12px;
        }
        .slider .container.world-position .world-earth .world-up p{
            font-size: 12px;
        }
         
        }
        
        @media only screen and (max-width: 1100px){
            .slider .bottom-data{
                width: 960px;
                transform: translate(-50%, -2%);
            }
            .slider .bottom-data .bottom-data-text{
                height: 74px;
            }
        
            .slider .bottom-data .bottom-data-text span.span-large{
                font-size: 30px;
            }
            .slider .container.world-position .col-lg-4.col-md-4.col-sm-12.custom-col-width{
            max-width: inherit;
        }
        .slider .container.world-position .world-earth .world-up{
            right: -10%;
        }
        .slider .container.world-position .world-earth .world-down p{
            font-size: 10px;
        }
        .slider .container.world-position .world-earth .world-up p{
            font-size: 10px;
        }
        }
        
        @media only screen and (max-width: 1024px){
            .my-impact .pr-main ul li a img {
                max-width: 13rem;
                max-height: 13rem;
            }
            .my-impact .pr-main ul li .view-list img{
                max-width: 13rem;
                max-height: 13rem;
            }
            li.sidebar-li a{
            font-size: 13px;
        }
        .dashboard-slider.partner-dashboard-slider .container.world-position .world-environment h1 {
            font-size: 40px;
        }
        .dashboard-slider.partner-dashboard-slider .container.world-position .world-environment span {
            font-size: 14px;
            padding: 0;
        }
        .dashboard-slider.partner-dashboard-slider .container.world-position .world-environment p {
            font-size: 11px;
        }
        .dashboard-slider.partner-dashboard-slider .container.world-position .world-environment a {
            font-size: 12px;
        }
        .dashboard-slider.partner-dashboard-slider .container.world-position .world-environment .span-number-alpha .span-number {
            font-size: 12px;
        }
        .dashboard-slider.partner-dashboard-slider .container.world-position .world-environment .span-number-alpha .span-alpha {
            font-size: 12px;
        }
        .dashboard-slider.partner-dashboard-slider .bottom-data-text span.span-large {
            font-size: 18px;
        }
        .dashboard-slider.partner-dashboard-slider .container.world-position .bottom-data {
            transform: translateY(7.8%);
        }
        
            .dashboard-sider li{
                padding: 15px 0px;
            }
            .dashboard-sider li a span {
            margin-right: 7px;
        }
        .dashboard-sider li a {
            font-size: 13px;
            padding-left: 12px;
        }
        .dashboard-slider .container.world-position .bottom-data {
            transform: translateY(6.5%);
        }
        .dashboard-slider .bottom-data-text span.span-large {
        
            font-size: 18px;
          
        }
        .dashboard-slider .bottom-data-text span.span-small {
            font-size: 11px;
        }
        
            html{
                font-size: 52%;
            }
            .my-impact .pr-main ul li .view-list .d-flex.justify-content-between{
                width: calc(100% - 15rem);
            }
            .my-impact .pr-main ul li a .d-flex.justify-content-between {
                width: calc(100% - 15rem);
            }
            .my-impact .pr-main ul li a .btns button {
                padding: 1.7rem 4rem;
            }
            .create-eventf form input[type="file"].form-control{
                width: 20%;
            }
        }
        
        @media only screen and (max-width: 991px){
            .slider.custom-col-height{
                height: 100dvh;
            }
            .slider.custom-col-height .carousel-item.active{
                height: 100dvh;
            }
            .slider .bottom-data .row{
                row-gap:26px;
             }
             .slider .carousel-control-next, .carousel-control-prev{
                width: 7%;
             }
           .slider .container.world-position .row {
            flex-direction: column-reverse;
        }
        .slider .container.world-position {
            transform: translate(-50%, -62%);
         
        }
        .dashboard-slider.partner-dashboard-slider .bottom-data-text.orange {
            padding-top: 12px;
            padding-bottom: 22px;
        }
        
        .slider .bottom-data .bottom-data-text{
            background-color: #fff !important;
            border-radius: 8px;
        }
        .slider .bottom-data .bottom-data-text{
            font-weight: 600;
            gap: 5px;
            padding: 10px;
        }
        .slider .bottom-data .bottom-data-text.light-blue{
            border-bottom: 3px solid #00acee; 
        }
        .slider .bottom-data .bottom-data-text.light-blue .span-large{
            color:#00acee; 
        }
        .slider .bottom-data .bottom-data-text.light-blue .span-small{
            color:#131313; 
        }
        .slider .bottom-data .bottom-data-text.blue{
            
            border-bottom: 3px solid #0054a2;
        }
        .slider .bottom-data .bottom-data-text.blue .span-large{
            color:#0054a2; 
        }
        .slider .bottom-data .bottom-data-text.blue .span-small{
            color:#131313; 
        }
        .slider .bottom-data .bottom-data-text.dark-orange{
            
            border-bottom: 3px solid #f36c20;
        }
        .slider .bottom-data .bottom-data-text.dark-orange .span-large{
            color:#f36c20; 
        }
        .slider .bottom-data .bottom-data-text.dark-orange .span-small{
            color:#131313; 
        }
        .slider .bottom-data .bottom-data-text.orange{
           
             border-bottom: 3px solid #eea600;
        }
        .slider .bottom-data .bottom-data-text.orange .span-large{
            color: #eea600; 
        }
        .slider .bottom-data .bottom-data-text.orange .span-small{
            color:#131313; 
        }
        
        
        }
        
        
        
        
        @media only screen and (max-width: 980px) {
        html{
            font-size: 52%;
        }
        .fproduct .pr-main ul li{
            width: 75%;
            margin: auto;
        }
        .my-impact .pr-main ul li {
            width: 75% !important;
            margin: auto;
        }
         .carousel-item-next, .carousel-item-prev, .carousel-item.active{
            height: 14vh;
        }
        section.slider {
            height: 14vh;
        }
        section.slider img {
            object-fit: cover;
        
        } 
        .creatorf .creator-form .btn-success{
            width: 40%;
        }
        .creatorf .creator-form .form-row .form-group.col-md-4.col-12.col-lg-4 .btn-success:nth-child(3){
            margin-left: 1rem;
        }
        
        .creatorf .creator-form label.reg{
            height: max-content;
        }
        
        }
            
        
        
        
        @media only screen and (max-width: 768px){
            .registration-reward-modal .modal-dialog.modal-dialog-centered{
                width: 100%;
            }
            .col-12.col-sm-12.col-md-3.col-lg-3.sidebar-col{
                display: none;
            }
            html{
                font-size: 50%;
            }
            .my-impact .card .pr-main{
                padding: 2rem;
            }
            .dashboard-sider-main{
                display: none;
            }
            .dashboard-slider .carousel-inner .carousel-item img.d-block.w-100 {
            height: 860px;
            object-fit: cover;
        }
        .dashboard-slider .container.world-position .world-environment h1{
            font-size: 56px;
        }
        .dashboard-slider .container.world-position .world-environment span{
            font-size: 20px;
        }
        .dashboard-slider .container.world-position .world-environment p{
            font-size: 16px;
        }
        .dashboard-slider .container.world-position .world-environment a{
            font-size: 18px;
        }
        .dashboard-slider .container.world-position .bottom-data{
            display: flex;
            row-gap: 20px;
            flex-wrap: wrap;
            column-gap: 4%;
        }
        .dashboard-slider.partner-dashboard-slider .bottom-data-text {
            width: calc(50% - 2%);
        }
        .dashboard-slider.partner-dashboard-slider .bottom-data-text.light-blue {
            width: 100%;
        }
        
        .dashboard-slider.partner-dashboard-slider .container.world-position .bottom-data {
            transform: translateY(20.8%);
        }
        .dashboard-slider .bottom-data-text {
            width: calc(50% - 4%);
            border-top: none;
            border-bottom: 3px solid transparent;
            border-radius: 8px;
            justify-content: center;
        }
        .dashboard-slider .bottom-data-text span.span-large{
            font-size: 30px;
        }
        .dashboard-slider .bottom-data-text span.span-small{
            font-size: 18px;
            color: #131313;
            font-weight: 600;
        }
        
        
        .dashboard-slider .bottom-data-text.light-blue{
            border-radius: 8px;
            background-color: #fff;
            border: 2px solid #00acee;
            border-top-width: inherit;
            border-left-width: inherit;
            border-right-width: inherit;
            width: calc(100% - 4%);
        }
        
        .dashboard-slider .bottom-data-text.light-blue span.span-large{
            color: #00acee;
        }
        
        .dashboard-slider .bottom-data-text.orange{
            padding: inherit;
            background-color: #fff;
            border-bottom-color:#f36c20;
        
        }
        .dashboard-slider .bottom-data-text.orange span.span-large{
            color:#f36c20;
        }
        .dashboard-slider .bottom-data-text.blue{
            border-bottom-color:#0054a2;
            background-color: #fff;
        }
        .dashboard-slider .bottom-data-text.blue span.span-large{
            color:#0054a2; 
        }
        
        .dashboard-slider .bottom-data-text.blue:after{
            display: none;
        }
        
            .slider .bottom-data{
                width: 540px;
            }
            .slider .bottom-data .bottom-data-text{
                flex-direction: column;
                height: auto;
                align-items: center;
                text-align: center;
            }
            .slider .container.world-position .world-earth .world-up{
                display: none;
            }
              .slider .container.world-position .world-earth .world-down{
                display: none;
            }
            .slider .carousel-control-next, .carousel-control-prev{
                display: none;
            }
            .slider .carousel-indicators{
                display: none;
            }
        
            .display{
                display: block;
            }
         .row.row-eq-height .equal-boxes{
                max-width: calc(50% - 1.5rem);
            }
            .courses-section .row.row-eq-height .equal-boxes{
                max-width: 100%;
            }
            .volunteer-section .row.row-eq-height .equal-boxes .main-box .card .card-img-top{
                max-height: 26rem;
            }
            .creator h3{
                text-align: center;
            }
            .reward .rewards{
                flex-direction: column;
                row-gap: .5rem;
                justify-content: inherit;
            }
            .reward .rewards .rewards-both{
                row-gap: .5rem;
                column-gap: 0;
                flex-direction: column;
            }
            .creatorf .creator-form form input[type="file"].documents::before{
                left: 14;
            }
            .profile .card .card-header{
                padding: 0 5rem;
            }
        
            .gift-card .d-flex.justify-content-between.align-items-center.flex-wrap{
                flex-direction: column-reverse;
            } 
            .gift-card ul.d-flex.flex-wrap {
                width: 100%;
                justify-content: space-between;
                row-gap: 2rem;
            }
            .gift-card ul li{
                width: calc(50% - 1.5rem);
            }
        
            .gift-card .reward-history{
                margin-bottom: 4rem;
                width: 100%;
            }
            .gift-card ul li .gif-img{
                height: 25rem;
            }
        
            .custom-margin{
                margin-bottom: 3rem !important;
            }
            .v-1{
                z-index: 1;
            }
            .v-1 h4{
                text-align: center;
            }
        
            .v-1::after{
                content: '';
                position: absolute;
                left: 0;
                bottom: 0;
                height: 100%;
                width: 100%;
                background: rgb(0, 0, 0, 0.5);
                z-index: -1;
            }
            .ids{
                display: block;
            }
            .profile .reward-icon ul li{
                width: calc(50% - 2rem);
            }
            .fproduct .search-bar svg:not(:host).svg-inline--fa, svg:not(:root).svg-inline--fa{
                left: 5%;
                font-size: 3rem;
            }
          
            .fproduct .pr-main ul li{
                width: 100%;
            }
            .fair h3{
                text-align: center;
            }
            .impact h3{
                text-align: center;
            }
            .my-impact .pr-main ul li{
                width: 100% !important;
            }
            .my-impact .tabbable-responsive{
                margin: 0;
            }
            .my-impact .card .card-header {
                padding: 2rem 0rem;
                background-color: #ededef;
                border-bottom-color: transparent;
                text-align: center;
                margin-bottom: 2rem;
                border-radius: 0.8rem;
            }
            .my-impact .nav-tabs .nav-item{
                margin-bottom: 0;
            }
            .my-impact .nav-tabs .nav-link {
                border: none;
                transition: .5s;
                background: transparent;
                color: #757575;
                font-size: 1.8rem !important;
                border-radius: 0.8rem;
                margin: 0 1rem;
                width: 18rem;
            }
            .my-impact .nav-tabs .nav-link.active {
                background: #ffffff;
                color:  #0e1133;
                box-shadow: 0 5px 15px -5px rgb(0 0 0 / 15%);
            }
            .my-impact .tabbable .nav-tabs{
                padding: 0;
            }
            .young .young-inner ul li {
                width: 100%;
                padding: 1.5rem;
                column-gap: 1.5rem;
            }
            .ids ul li{
                width: calc(50% - 1.5rem);
            }
            .login-detail{
                flex-wrap: wrap;
            }
            header .navbar-collapse .desktop-menu{
                display: none;
            }
        
            header .navbar-collapse .mobile-menu{
                display: block;
                text-align: left;
            }
            header .navbar-collapse .mobile-menu .profile-image{
                width: 100px;
                height: 100px;
                border-radius: 100%;
                border: none;
                overflow: hidden;
            }
            header .navbar-collapse .mobile-menu .profile-image img{
                width: 100%;
                height: 100%;
            }
            header .navbar-collapse .mobile-menu .verification-tik{
                position: absolute;
                left: 30%;
                bottom: 34%;
                width: 25px;
            }
            header .navbar-collapse .mobile-menu .verification-tik img{
                border: inherit;
                width: 100%;
                height: auto;
                border-radius: inherit;
            }
            header .navbar-collapse .mobile-menu .profile-dropmain .user-name{
                display: block;
                font-size: 16px;
                font-weight: 600;
                text-align: left;
                color: #161616;
            }
            header .navbar-collapse .mobile-menu .profile-dropmain .user-id {
                display: block;
                font-size: 14px;
                font-weight: normal;
                text-align: left;
                color: #757575;
                margin-top: 5px;
            }
            header .navbar-collapse .mobile-menu .profile-dropmain .form-control {
                padding: 0px 10px;
                height: 30px;
                width: auto;
                font-size: 14px;
                font-weight: normal;
                color: #3742a0;
                background-color: #fff;
                background-clip: padding-box;
                border: 1px solid #3742a0;
                border-radius: 50px;
                outline: none;
            }
            header .navbar-collapse .mobile-menu .profile-dropmain .form-control:focus{
                box-shadow: none;
            }
            header .navbar-collapse .mobile-menu .dropdown-menu{
                box-shadow: none;
            }
            header .navbar-nav .dropdown-menu::before{
                display: none;
            }
            header .navbar-collapse .mobile-menu li.nav-item{
                margin: 0px 10px;
                border-bottom: 1px solid #e3e5e9;
            }
            header .navbar-collapse .mobile-menu li.nav-item:first-child,
            header .navbar-collapse .mobile-menu li.nav-item:last-child{
                border-bottom: none;
            }
            header .navbar-collapse .mobile-menu .nav-link{
                vertical-align: middle;
                padding: 10px 0px;
            }
            header .navbar-collapse {
                background-color: #fff;
                padding: 30px 20px;
                position: fixed;
                top: 0px;
                left: 0;
                padding-left: 15px;
                padding-right: 15px;
                padding-bottom: 15px;
                width: 75%;
                height: 100%;
                z-index: 2;
                overflow: scroll;
            }
            
            .login-detail .right-login {
                width: 100%;
                padding: 5rem 0;
                height: 100vh;
                justify-content: center;
            }
        
            .login-detail .left-login{
                width: 100%;
                display: none;
            }
            .login-detail .left-login .left-login-slide .slide-content .slide-img{
                margin: auto;
            }
        
            header .navbar-collapse.collapsing {
                left: -75%;
                transition: height 0s ease;
            }
        
            header .navbar-collapse.show {
                left: 0;
                transition: left 300ms ease-in-out;
            }
        
            header .navbar-toggler.collapsed ~ .navbar-collapse {
                transition: left 500ms ease-in-out;
            }
            .young .young-inner ul li.w-50 {
                width: 100% !important;
            }
        
            .young .young-inner ul li.w-50.party {
                border-radius: 0 !important;
            }
        
            .young .young-inner ul li:first-child{
                border-radius: 1.6rem 1.6rem 0 0rem;
            }
            .young .young-inner ul li:last-child{
                border-radius:0;
            }
            .young .young-inner ul li:nth-child(2)::after{
                display: none;
            }
        
            .young .young-inner .skills ol{
                width: 100%;
                row-gap: 1rem;
            }
        
        
            .young .young-inner .skills .skills-inner .spans{
                width: 100%;
                row-gap: 1rem;
                column-gap: 1rem;
                justify-content: inherit;
            }
        
            .young .young-inner .skills .skills-inner.custom .spans {
                width: 100%;
                column-gap: 1rem;
            }
        
        }
        
        @media only screen and (max-width: 599px){
            section.slider img{
                height: auto;
            }
            .heading-main .title-main::after{
                width: 34%;
            }
            .mock-interview-section .row.row-eq-height .equal-boxes{
                max-width: inherit;
            }
            .mock-interview-section .row.row-eq-height {
                row-gap: 5rem;
            }
            .login-detail .left-login .left-login-slide{
                width: 80%;
            }
            .v-1 .v-1-img {
                height: 80vh;
                justify-content: center;
                flex-direction: column-reverse;
                row-gap: 4rem;
            }
            .profile .profile-main{
                padding: 2.5rem;
            }
            .profile .profile-main .user_avtar_img .verification-tik {
                left: 53.5%;
                bottom: 35%;
                width: 24px;
            }.slider .bottom-data .bottom-data-text span.span-small{
                font-size: 12px;
            }
            .profile .reward-icon{
                padding: 2.5rem;
            }
            .profile .current{
                padding: 2.5rem;
            }
            .creatorf .creator-form{
                padding: 2.5rem;
            }
            .create-eventf form{
                padding: 2.5rem;
            }
            .young .young-inner .skills .d-flex .vlntr-image{
                margin: 2rem 0;
            }
        
            .v-1 .v-1-img img {
                max-width: 100%;
            }
            .v-1 .v-1-img .v-1-content {
                width: 100%;
            }
        
            .creatorf .creator-form form .submit-btn{
                display: flex;
                flex-direction: column;
                row-gap: 1.5rem;
            }
            .creatorf .creator-form form .submit-btn a{
                margin-right: 0;
            }
            .login-detail .left-login .left-login-slide .slide-content .slide-img{
                width: 45rem;
                height: 45rem;
            }
        
            .login-detail .left-login .left-login-slide .slide-content .slide-img img{
                object-fit: cover;
                border-radius: 50%;
            }
            .my-impact .nav-tabs .nav-link {
                width: 19rem;
             
            }
            .gift-card ul li{
                width: 100%;
            }
        
            .gift-card ul li .gif-img{
                height: 30rem;
            }
            .reward{
                height: 60rem;
            }
        
            .reward .rewards {
                display: flex;
                height: 100%;
                justify-content: center;
            }
        
            .reward .rewards .rewards-both {
                display: flex;
                justify-content: space-between;
                align-items: center;
                column-gap: 0rem;
                row-gap: 2rem; 
                width: 100%;
                flex-wrap: wrap;
            }
        
            .reward .rewards .rewards-both .gift {
                width: 100%;
                text-align: center;
                height: inherit;
            }
        
            .reward .rewards .rewards-both .gift img {
                width: 24rem;
                height: 24rem;
                object-fit: cover;
                border-radius: 50%;
            }
           
             .row.row-eq-height{
                margin-right: 0;
            }
        
            .courses-section .row.row-eq-height{
                margin-right: 0;
            }
        
            .reward .rewards .rewards-both p {
                text-align: center;
                width: 100%;
            }
            .slider .bottom-data{
                width: 100%;
                bottom: 2%;
            }
        
        }
        
        @media only screen and (max-width: 560px){
            .job .view {
                display: none;
            }
            .job .view2 {
                display: block;
            }
            .job .view2 a{
                margin: auto;
            }
            .wallet .wallet-main {
                padding: 2rem;
            }
            .wallet .wallet-main .box-left {
                width: 30%;
            }
            .wallet .wallet-main .box-right {
                width: 70%;
            }
            .wallet .wallet-main a.a-left,.wallet .wallet-main a.a-right {
                padding: 8px 5px;
            }
            .subscription .reward-icon ul li {
                margin-bottom: 55px;
                width: 100%;
            }
            svg.svg-inline--fa.fa-check,svg.svg-inline--fa.fa-xmark {
                margin-right: 25px;
            }
            svg.svg-inline--fa.fa-xmark {
                font-size: 18px;
            }
            .subscription-pro p {
                font-size: 16px;
            }
            .profile .reward-icon ul li{
                width: calc(100% - 2rem);
                margin-bottom: 2rem;
            }
            .my-impact .nav-tabs .nav-link {
                width: 16rem;
                line-height: 5.4rem;
                height: 6rem;
             
            }
            .dashboard-slider .container.world-position .bottom-data{
                transform: translateY(18%);
            }
            .dashboard-slider .container.world-position .bottom-data .bottom-data-text span.span-small{
                font-size: 12px;
            }
            .dashboard-slider .container.world-position .world-environment h1{
                font-size: 44px;
                letter-spacing: 2px;
            }
            .dashboard-slider .container.world-position .world-environment span{
                font-size: 18px;
            }
            .dashboard-slider .container.world-position .world-environment p{
                font-size: 13px;
            }
            .dashboard-slider .container.world-position .world-environment a{
                font-size: 13px;
            }
            .fproduct .pr-main ul a .ratings span svg:not(:host).svg-inline--fa.search-buttons, svg:not(:root).svg-inline--fa.search-buttons{
                left: 5%;
            }
            .slider.custom-col-height{
                height: 14dvh;
            }
            .slider.custom-col-height .carousel-item.active{
               height: 14dvh; 
            }
            .slider .container.world-position{
                transform: translate(-50%, -65%);
            }
             .container.world-position .world-environment h1{
                font-size: 44px;
                letter-spacing: 2px;
             }
             .container.world-position .world-environment span{
                font-size: 18px;
             }
             .container.world-position .world-environment p{
                font-size: 13px;
             }
             .container.world-position .world-environment a{
                font-size: 13px;
             }
        }
        
        @media only screen and (max-width: 475px){
        
            .create-eventf form input[type="file"].form-control{
                width: 35%;
            }
            .young .young-inner .skills ol li{
                width: 50%;
            }
        
        
            .custom-modal .modal-content form .s-city{
                row-gap: 2.5rem;
                flex-wrap: wrap;
            }
        .row.row-eq-height .equal-boxes{
                max-width: 100%;
            }
        
            section.slider{
                height: 14vh;
            }
            .volunteer-section .row.row-eq-height .equal-boxes .main-box .card .card-img-top{
                max-height: 35rem;
            }
            .carousel-item-next, .carousel-item-prev, .carousel-item.active{
                height: 14vh;
            }
        
            .custom-modal .modal-content form .s-city .state-d{
                width: 100%;
            }
        
            .custom-modal .modal-content form .double-radio.d-flex.justify-content-between{
                flex-wrap: wrap;
                row-gap: 1.5rem;
            }
        
            .create-eventf form .weekend.d-flex{
                row-gap: 2.5rem;
            }
            .my-impact .nav-tabs .nav-link {
                width: 14rem;
                line-height: 3.1rem;
                height: 4rem;
            }
            .my-impact .card .card-header{
                padding: 1rem 0;
            }
        
        
        
            .create-eventf form .weekend.d-flex .multi-check.d-flex.flex-column{
            flex-wrap: wrap;
            row-gap: 1.5rem;
             }
            .my-impact .pr-main ul li a .btns pre {
             padding: 0.5rem 4.2rem;
              
            }
        
            .my-impact .pr-main ul li a .btns button {
                padding: 0.7rem 3rem;
             
            }
            .volunteer-section .heading-main .heading-button span:first-child{
                display: none;
            }
            .volunteer-section .heading-main .heading-button span:nth-child(2){
                font-family: 'Poppins', sans-serif;
                font-size: 1.6rem;
                font-weight: 500;
                text-align: left;
                color: #83848a;
                transition: .5s;
                width: 5rem;
                height: 5rem;
                background: #3fa5c1;
                display: inline-block;
                border-radius: 50%;
                line-height: 5rem;
                padding-left: 6%;
            }
            .volunteer-section .heading-main .heading-button span img{
                filter: brightness(0) invert(1);
            }
            .events-section .heading-main .heading-button span:first-child{
                display: none;
            }
        
            .events-section .heading-main .heading-button span:nth-child(2){
                font-family: 'Poppins', sans-serif;
                font-size: 1.6rem;
                font-weight: 500;
                text-align: left;
                color: #83848a;
                transition: .5s;
                width: 5rem;
                height: 5rem;
                background: #3fa5c1;
                display: inline-block;
                border-radius: 50%;
                line-height: 5rem;
                padding-left: 6%;
            }
            .events-section .heading-main .heading-button span img{
                filter: brightness(0) invert(1);
            }
            .courses-section .heading-main .heading-button span:first-child{
                display: none;
            }
        
            .courses-section .heading-main .heading-button span:nth-child(2){
                font-family: 'Poppins', sans-serif;
                font-size: 1.6rem;
                font-weight: 500;
                text-align: left;
                color: #83848a;
                transition: .5s;
                width: 5rem;
                height: 5rem;
                background: #3fa5c1;
                display: inline-block;
                border-radius: 50%;
                line-height: 5rem;
                padding-left: 6%;
            }
            .courses-section .heading-main .heading-button span img{
                filter: brightness(0) invert(1);
            }
        
            .login-detail .left-login .left-login-slide{
                width: 90%;
            }
            .login-detail .right-login form{
                width: 90%;
            }
            .ids ul li {
                width: 100%;
            }
        
            .login-detail .left-login .left-login-slide .slide-content .slide-img{
                width: 48rem;
                height: 48rem;
            }
            .young .young-inner .skills{
                padding: 2rem;
            }
            .gift-card ul li .gif-img{
               height: 25rem;
            }
            .all-covers{
                flex-wrap: wrap;
                height: 175px;
                overflow-y: scroll;
                overflow-x: hidden;
        
            }
        .cover_img .all-covers img{
            width: 100%;
            height: 12em;
        }
        .cover_img input:is([type="radio"]){
            width: 92%;
        }
        
        }
        
        @media only screen and (max-width: 425px){
            .age-disclaimer-modal .modal-dialog.modal-dialog-centered{
                width: 80%;
                margin: auto;
            }
            .my-impact .nav-tabs .nav-link {
                width: 11rem;
            }
            .pr-width{
                width: 60% !important;
            }
            .my-impact .pr-main ul li a .d-flex.justify-content-between{
                width: calc(100% - 14rem);
            }
            .my-impact .pr-main ul li a img{
                max-width: 13rem;
                max-height: 13rem;
            }
            .login-detail .left-login .left-login-slide{
                width: 93%;
            }
            .login-detail .left-login .left-login-slide .slide-content .slide-img{
                width: 42rem;
                height: 42rem;
            }
            .login-detail .right-login form{
                width: 93%;
            }
            footer .powered p {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                row-gap: 1rem;
            }
            .gift-card .reward-history {
                padding: 2.5rem 1.5rem;
            }
            .custom-modal .modal-content{
                width: 38rem;
            }
        
        .my-impact .pr-main ul li .view-list{
                column-gap: 1.5rem;
            }
        
        .my-impact .pr-main ul li .view-list .ratings span{
            height: 3rem;
            width: 3rem;
        }
        
        .my-impact .pr-main ul li .view-list .btns pre{
            padding: .5rem 0;
        }
        .my-impact .pr-main ul li .view-list .btns.up-tab pre{
            padding: .8rem 0;
        }
        
        
        .my-impact .pr-main ul li .view-list .btns a{
            padding: .7rem 0;
        }
        .my-impact .pr-main ul li .view-list .event-participate{
            padding: .7rem 0;
        }
        
            .my-impact .pr-main ul li .view-list img {
                max-width: 10rem;
                max-height: 10rem;
            }
            .my-impact .pr-main ul li .view-list .d-flex.justify-content-between {
                width: calc(100% - 11.5rem);
            }
            .my-impact .pr-main ul li .view-list .pr-content {
                row-gap: 0.5rem;
            }
        
            .my-impact .pr-main ul li .view-list .pr-content a{
                font-size: 2rem;
            }
            .my-impact .pr-main ul li .view-list p{
                column-gap: 0.5rem;
            }
        
            .young h3{
                font-size: 2.6rem;
            }
            .cover_img .all-covers.sept input:is([type="radio"]){
                left: 50%;
                width: 14rem;
            }
            .v-1 h4{
                font-size: 4rem;
            }
        
        
        }
        
        @media only screen and (max-width: 400px){
            button.regBtnHide {
                padding: 1.5rem 2rem !important;
            }
            .young .d-flex.justify-content-between.align-items-center button.wishBtnHide svg.svg-inline--fa.fa-heart, .young .d-flex.justify-content-between.align-items-center button.shareBtn svg.svg-inline--fa.fa-share-from-square{
                font-size: 26px!important;
            }
            .volunteer-section .heading-main .heading-button span img{
                margin-left: .7rem;
            }
            .cover_img input:is([type="radio"]){
                width: 90%;
            }
            .create-eventf form .weekend.d-flex{
                column-gap: .5rem;
            }
            .create-eventf form .weekend.d-flex .multi-check.d-flex.flex-column p.d-flex.align-items-center{
                column-gap: .5rem;
            }
        
        
            .cover_img .all-covers.sept .all-sept{
                width: 10rem;
            }   
        
            .fproduct .search-bar svg:not(:host).svg-inline--fa, svg:not(:root).svg-inline--fa{
                left: 6%;
            }
        .fproduct .pr-main ul a .ratings span svg:not(:host).svg-inline--fa.search-buttons, svg:not(:root).svg-inline--fa.search-buttons{
            font-size: 3rem !important;
            left: 7%;
        }
        header .navbar-toggler-icon svg:not(:host).svg-inline--fa.burger, svg:not(:root).svg-inline--fa.burger{
            color: #0e1133;
            font-size: 5rem;
        }
            .my-impact .pr-main ul li a img {
                max-width: 12rem;
                max-height: 15rem;
                border-radius: 0.5rem;
            }
            .my-impact .pr-main ul li a .btns pre {
                padding: 0.5rem 3.2rem;
                 
               }
           
               .my-impact .pr-main ul li a .btns button {
                   padding: 0.7rem 2rem;
                
               }
            .fproduct .pr-main ul a .ratings span{
                height: 3rem;
                width: 3rem;
                font-size: 1.6rem;
            }
            .fproduct .pr-main ul a .ratings span svg:not(:host).svg-inline--fa, svg:not(:root).svg-inline--fa{
                font-size: 1.6rem !important;
            }
            .my-impact .pr-main ul li a .ratings span svg:not(:host).svg-inline--fa, svg:not(:root).svg-inline--fa{
                font-size: 1.6rem;
            }
            .my-impact .pr-main ul li a .ratings span {
                height: 3rem;
                width: 3rem;
                font-size: 1.6rem;
            }
            .events-section .heading-main .heading-button span img{
                margin-left: .7rem;
            }
            .courses-section .heading-main .heading-button span img{
                margin-left: .7rem;
            }
            .fproduct .pr-main ul a img{
                width: auto;
                height: auto;
                border-radius: 0.5rem;
                max-width: 12rem;
                width: 12rem;
                max-height: 12rem;
            }
            .fproduct .d-flex.justify-content-between {
                width: calc(100% - 14rem);
            }
            header .navbar-toggler-icon svg:not(:host).svg-inline--fa.burger, svg:not(:root).svg-inline--fa.burger{
                color: #0e1133;
                font-size: 3rem !important;
            }
            .young .young-inner .skills .skills-inner .spans span{
                width: 14rem;
                font-size: 1.5rem;
            }
            .young .young-inner .skills .skills-inner .spans{
                padding: 0 3rem;
            }
        
        
        }
        
        @media only screen and (max-width: 375px){
            .my-impact .pr-main ul li a .ratings span {
                height: 3rem;
                width: 3rem;
                font-size: 1.5rem !important;
            }
            .my-impact .pr-main ul li a img {
                max-width: 10rem;
                max-height: 13rem;
                border-radius: 0.5rem;
            }
            .my-impact .pr-main ul li a .d-flex.justify-content-between {
                width: calc(100% - 12rem);
            }
            .my-impact .pr-main ul li a .pr-content {
                row-gap: 0.5rem;
            }
        
            .fproduct .pr-main ul a img{
                width: auto;
                height: auto;
                border-radius: 0.5rem;
                max-width: 10rem;
                width: 10rem;
                max-height: 10rem; 
            }
            .fproduct .d-flex.justify-content-between {
                width: calc(100% - 12rem);
            }
            .fproduct .pr-main ul li a .pr-content {
                row-gap: 0.5rem;
            }
            .my-impact .pr-main ul li a .ratings span svg:not(:host).svg-inline--fa, svg:not(:root).svg-inline--fa{
                font-size: 1.5rem;
            }
            .my-impact .pr-main ul li a h5{
                font-size: 2rem;
            }
            .fproduct .pr-main ul a h5{
                font-size: 2rem; 
            }
            .card-title{
                font-size: 2rem !important;
            }
        
            .login-detail .left-login .left-login-slide .slide-content .slide-img{
                width: 37rem;
                height: 37rem;
            }
            .young .young-inner .skills ol li span img{
                max-width: 3.5rem;
                max-height: 3.5rem;
            }
            .young .young-inner .skills ol li:last-child span{
                width: 5rem;
            }
            .young .young-inner .skills .skills-inner p span img{
                max-width: 3.5rem;
                max-height: 3.5rem;
            }
        
            .volunteer-section .heading-main .heading-button span img{
                margin-left: .9rem;
            }
            .events-section .heading-main .heading-button span img{
                margin-left: .9rem;
            }
            .courses-section .heading-main .heading-button span img{
                margin-left: .9rem;
            }
        }
        
        @media only screen and (max-width: 360px){
        
        }
        
        @media only screen and (max-width: 320px){}