/* mobile sidebar */
    @media only screen and (max-width: 991px) {
		.offcanvas {
			&{max-width: 75%;
		}
        .list-group-item{
            margin-bottom: 0px !important;
        }
        .list-group-item:active{
            background: #e0e0e0 !important;
            border: 1px solid #a7a7a7 !important;
        }
        ul li a{
			font-size: 16px !important;
            display: block;
		}
        span{
			font-size: 18px !important;
		}
        .btn:active{
            background: #047d72 !important;
            border: 1px solid #fff !important;
        }
    }

		.slide-menu ul.submenu {
			display: none;
			padding-inline: 1rem;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
		}

		.slide-menu ul.main-menu.slide-out,
		.slide-menu ul.submenu.slide-out {
			animation: slideOut 0.3s forwards;
		}

		.slide-menu ul.main-menu.slide-in,
		.slide-menu ul.submenu.slide-in {
			animation: slideIn 0.3s forwards;
		}

		@keyframes slideIn {
			from {
				opacity: 0;
				transform: translateX(-100%);
			}

			to {
				opacity: 1;
				transform: none;
			}
		}

		@keyframes slideOut {
			from {
				opacity: 1;
				transform: none;
			}

			to {
				opacity: 0;
				transform: translateX(-100%);
			}
		}

		#fixed-bottomNav {
			background: #333333;
			color: #fff;
			padding: 0;
			height: 75px;
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			justify-content: center;
			align-items: center;
		}

		#slide-scroll-nav {
			-ms-overflow-style: none;
			scrollbar-width: none;
		}

		#slide-scroll-nav::-webkit-scrollbar {
			display: none;
		}

		.splide__track--nav>.splide__list>.splide__slide.is-active {
			border-radius: 50% !important;
			border-color: #dc3545 !important;
		}
		#allProfilesMenu li a{
			color: black;
		}
	}

/* quick search mobile */
	
  .advanced-search-container-mobile{
        display: flex;
        justify-content: center;
        align-items: center;
        background-color:#a8ddd5;
        margin-top: 10px;
    }
    .advanced-search-container-mobile a{
        text-decoration: underline;
        font-size: 16px;
        font-weight: bold;
        padding: 8px 15px 8px 40px;
    }
    .advanced-search-container-mobile i{
        color:white;
        background-color: #46B196;
        padding: 6px;
        font-size: 25px;
        border-radius: 50%;
    }
   .mobile-qsearch-form{
    width: 90%;
    background-color: #f5f5f5;
    margin-top: 15px;
    border-radius: 20px;
   }
   .mobile-qsearch-form h4{
    margin-top: 20px;
   }
   .advanced-submit{
    background-color: #242323bf;
    color: white;
    outline: none;
    width: 160px;
    padding: 8px 0 7px 0;
    border: none;
    border-radius: 20px;
   }
   .mobile-qsearch-form .form-select{
    margin-left: 7px;
    height: 35px;
    padding: 0 0 8px 10px;
   }
   .mobile-qsearch-form .form-select-region{
    margin-left: 7px;
    height: 35px;
    padding: 8px 0 8px 8px;
    width: 285px;
    border: none;
   }
   .mobile-qsearch-form .mobile-form-container{
    width: 310px;
   }
   .mobile-search-id-form{
        display: flex;
    }
    .mobile-search-id-form .mobile-searchInput{
        height: 40px;
        width: 225px;
        border-radius:50px 0 0 50px;
        border: 1px solid #c7c5c5;
        outline: none;
        padding-left: 40px;
        margin-left: 10px;
    }
   .mobile-search-id-form .mobile-searchBtn{
        background-color:#242323bf;
        border: none;
        border-radius: 0px 50px 50px 0;
        width: 100px;
        color: white;
   }
   .mobile-quickSearch-list{
    display: flex;
    flex-direction: column;
    align-items: center;
   }
   .mobile-quickSearch-list ul{
    list-style: none;
   }
   .mobile-quickSearch-list ul li{
    padding-bottom:15px;
   }
   .mobile-quickSearch-list ul li a {
    display: block;
    text-decoration: none;
    color: #333;
    font-weight: bold;
    }
    .mobile-quickSearch-list .other-option-link {
    background: #46B196;
    display: block;
    width: 250px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    line-height: 40px;
    font-weight: normal;
    font-size: 14px;
    border-radius: 30px;
    margin-top: 15px;
}


/* quick seacrch desktop */

 .home-search-id-sec {
        text-align: center;
    }

    .home-search-id-sec #searchid {
        width: 100%;
        border-radius: 20px;
        line-height: 40px;
        border: 1px solid #c3c3c3;
        padding-left: 15px;
    }

    .home-search-id-sec p {
        margin: 0;
        font-weight: normal;
        font-size: 1.5rem;
    }

    .home-search-id-submit input {
        background: transparent;
        border: 1px solid #c3c3c3;
        border-radius: 20px;
        width: 90px;
        padding-left: 25px;
        line-height: 25px;
        float: right;
        margin-right: 15px;
        margin-top: -36px;
        position: relative;
        color: #8f8f8f;
    }

    .home-search-id-submit .fa-search {
        float: right;
        margin-right: 80px;
        margin-top: -31px;
        position: relative;
        color: #c3c3c3;
    }

    .modal-top-section {
        border-bottom: 1px solid #f1f1f1;
        margin-bottom: 13px;
    }

    .modal-top-section h2 {
        font-size: 18px;
        margin: 10px 0 0 10px;
        padding: 0;
    }
   
    .container-advance-search .click-advance-search a{
        color: #333;
        margin-right: 10px;
        font-weight: bold;
        text-decoration: underline;
    }
    
 
   .container-advance-search .click-advance-search{
    float: right;
    background-color: #a8ddd5;
    text-align: center;
    padding: 1rem;
    margin-top: -1rem;
    
   }

   .container-advance-search .click-advance-search i{
    background-color:#48b095 ;
    color: white;
    text-align: center;
    padding: 10px;
    font-size: 25px;
    border-radius: 56%;
    margin-left: 10px;
   }


    .modal-top-section .col-1 button {
        float: right;
    }
    @media screen and (max-width:991px) {
    #searchInfoModal {
      display: none !important;
    }
  }

  /* quick search desktop content */

    #searchInfoModal .modal-title {
        font-size: 18px !important;
    }

    .quickSearch-left {
        background: #f5f5f5;
        padding: 15px 30px 30px 30px;
        margin: 10px;
        border-radius: 30px;
    }
   
    .quickSearch-left .quicksearch-box {
        margin-top: 15px;
    }

    .quickSearch-left .quick-searchLbl {
        padding-bottom: 20px;
    }

    .quickSearch-left .form-select {
        line-height: 35px;
        font-size: 13px;
        padding-left: 15px;
    }

    .quickSearch-left .quickSubmit-button {
        background: #333;
        border: 0;
        color: #fff;
        line-height: 40px;
        border-radius: 30px;
        font-size: 15px;
        width:200px;
        height:50px;
        margin-left:120px;
    }

    .quickSearch-left .quickSubmit-button:hover {
        background: #a3a3a3;
        color: #000;
    }

    .quickSearch-left .click-for-adv-search {
        text-align: center;
    }

    .quickSearch-left .click-for-adv-search a {
        color: #000;
        font-weight: bold;
        text-decoration: none;
        padding-top: 12px;
    }

    .quickSearch-left .click-for-adv-search i {
        background: #48b095;
        color: #fff;
        font-size: 17px;
        padding: 10px;
        border-radius: 50%;
    }

    .quickSearch-right {
        margin-top: 10px;
        border-radius: 30px;
    }

    .quickSearch-right h2 {
        font-weight: bold;
        font-size: 22px;
        text-align: center;
    }

    .quickSearch-right ul {
        padding: 10px;
        margin: 0;
        list-style: none;
    }

    .quickSearch-right ul li {
        padding: 15px 0;
    }

    .quickSearch-right ul li a {
        display: block;
        text-decoration: none;
        color: #333;
        font-weight: bold;
    }

    .quickSearch-right ul li a:hover {
        text-decoration: underline;
    }

    .quickSearch-right .other-option-link {
        background: #48b095;
        display: block;
        width: 275px;
        text-align: center;
        color: #fff;
        text-decoration: none;
        line-height: 40px;
        font-weight: normal;
        font-size: 14px;
        border-radius: 30px;
        margin-top: 15px;
    }

    .quickSearch-right .other-option-link:hover {
        background: #b5dad2;
        color: #000;
    }

    .fa-circle-arrow-right {
        color: #b5dad2;
    }
    
    .search-id-form{
        display: flex;
    }
    .search-id-form .searchInput{
        height: 50px;
        width: 280px;
        border-radius:50px 0 0 50px;
        border: 1px solid #c7c5c5;
        outline: none;
        padding-left: 40px;
        margin-left: 10px;
    }
   .search-id-form .searchBtn{
        background-color:#333333BF;
        border: none;
        border-radius: 0px 50px 50px 0;
        width: 100px;
        color: white;
   }
   .foreignlovemates-modal.show{
    opacity: 1;
   }