html {
  font-size: 14px;
}

#bashgah-page .f-main-title {
  font-size: 24px;
  margin: 0 0 30px;
}

.pt-0 {
  padding-top: 0px!important;
}

.d-none {
  display: none;
}
.d-block {
  display: block;
}
@media (min-width: 768px) {
    .d-md-block {
        display: block;
    }
    .d-md-none {
        display: none;
    }
}

.mb-4 {
  margin-bottom: 15px;
}
.mt-4 {
  margin-top: 20px;
}

.f-round {
  border-radius: 20px;
}
.f-title {
  font-size: 1.5rem;
  font-weight: 600;
}
#bashgah-page .f-about {
  padding: 10px;
}
#bashgah-page .f-about p {
  padding: 15px 0 5px;
}
#bashgah-page .f-feature {
  text-align: right;
}
#bashgah-page .feature-btn-tag {
	display: flex;
	padding: 1.5rem 1.25rem 1.5rem 1.5rem;
	border: 1px solid #ddd;
	background: linear-gradient(45deg,#fff 0%, #fff 50%, #ddd 100%);
	border-radius: 1rem;
	align-items: center;
  height: 100%;
  box-shadow: 0px 10px 15px -4px rgba(135, 143, 155, 0.1);
}
#bashgah-page .bg-gradiant {
  border: 1px solid #ddd;
	background: linear-gradient(45deg,#fff 0%, #fff 50%, #ddd 100%);
  box-shadow: 0px 10px 15px -4px rgba(135, 143, 155, 0.1);
}
#bashgah-page .feature-btn-image {
  font-size: 30px;
}
#bashgah-page .feature-splitter {
	width: 1px;
	min-height: 3rem;
	border-right: 1px solid #4A5F6A !important;
	margin: 0 1rem;
}
#bashgah-page .feature-btn-description {
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 1.5rem;
	margin-bottom: .5rem;
	color: #000;
  font-weight: bolder;
}
#bashgah-page .feature-btn-title {
	font-size: 1rem;
	line-height: 1.5rem;
	color: #666;
}
#bashgah-page .go-down-box {
	display: flex;
	justify-content: center;
	border: 1px solid #ddd;
	position: relative;
}
#bashgah-page .go-down-icon {
	position: absolute;
	top: -40px;
	cursor: pointer;
	border: 1rem solid #fff;
	border-radius: 1.5rem;
}
#bashgah-page .f-logos-block {
  padding: 60px 0 50px;
  position: relative;
}
#bashgah-page .f-logos-block:before,
#bashgah-page .f-logos-block:after {
  content: '';
  height: 300px;
  position: absolute;
  width: 150px;
  z-index: 2;
  top: 0;
}
#bashgah-page .f-logos-block:before {
  right: 0;
  background: linear-gradient(90deg,transparent 0%, #fff 60%, #fff 100%);
}
#bashgah-page .f-logos-block:after {
  left: 0;
  background: linear-gradient(90deg,#fff 0%, #fff 40%, transparent 100%);
}

@media (max-width: 576px) {
    #bashgah-page .f-logos-block:before,
    #bashgah-page .f-logos-block:after {
        background: none;
    }
}

#bashgah-page .f-block-cards {
  padding: 20px 50px 50px;
}

#bashgah-page .block-2-b {
  max-width: 1100px;
  margin: auto;
  padding: 30px 50px 20px;
}



.slides-wrapper {
    position: relative;
    width: 100%;
    height: 400px;
    max-height: 500px;
    overflow: hidden;
    border-radius: 1rem;
}

.tmn-slide-block {
    position: absolute;
    display: block;
    width: 100%;
    right: 0;
    transform: translateX(0);
    transition: 1s;
}

.tmn-slide-block:nth-child(1) {
    z-index: 2;
}

.tmn-slide-block:nth-child(2) {
    z-index: 3;
    transform: translateX(calc((-100% + 4rem * 7) + 1rem));
}

.tmn-slide-block:nth-child(3) {
    z-index: 4;
    transform: translateX(calc((-100% + 4rem * 6) + 1.8rem));
}

.tmn-slide-block:nth-child(4) {
    z-index: 5;
    /*transform: translateX(calc(-100% + 72px + 72px));*/
    transform: translateX(calc((-100% + 4rem * 5) + 1.8rem));
}

.tmn-slide-block:nth-child(5) {
    z-index: 6;
    transform: translateX(calc((-100% + 4rem * 4) + 1.8rem));
}
.tmn-slide-block:nth-child(6) {
    z-index: 7;
    transform: translateX(calc((-100% + 4rem * 3) + 1.8rem));
}
.tmn-slide-block:nth-child(7) {
    z-index: 8;
    transform: translateX(calc((-100% + 4rem * 2) + 1.8rem));
}
.tmn-slide-block:nth-child(8) {
    z-index: 9;
    transform: translateX(calc((-100% + 4rem * 1) + 1.8rem));
}


.tmn-slide {
    display: flex;
    height: 400px;
    max-height: 400px;
}

.slide-header {
    width: 4rem;
    border-radius: 0 1rem 1rem 0;
    padding: .2rem .5rem;
    text-align: center;
    z-index: 2;
}

.tmn-slide.active > .slide-header, .tmn-slide-last > .slide-header {
    width: 4.5rem;
}
.tmn-slide.active > .slide-header, .tmn-slide-last > .slide-inside {
    border-radius: 1.5rem 0 0 1.5rem;
}

.slide-logo img {
  background: rgba(0, 0, 0, 0.2);
  padding: 10px;
  max-width: 160px;
}

.slide-header-text {
    color: #fff;
    font-size: 1rem;
    font-weight: bolder;
    line-height: 1.5rem;
    transform: rotate(180deg);
    writing-mode: vertical-lr;
    margin-top: 1rem;
}

.slide-inside {
    --slide-inside-width: calc(100% - (5.2rem * 2) - (5.2rem * 2) + 1rem);
    width: var(--slide-inside-width);
    display: flex;
    align-items: stretch;
    justify-content: center;
    z-index: 1;
}


.slide-inside-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 700px;
    margin: auto auto;
    gap: .5rem;
    position: relative;
    padding: 30px;
}
.slide-action {
    display: flex;
    justify-content: space-around;
    flex-direction: row-reverse;
    margin-bottom: 3rem;
    align-items: center;
    gap: 1rem;
}

.slide-content {
    max-width: 80%;
}

.slide-title {
    color: #fff;
    font-size: 2rem;
    font-weight: bolder;
    line-height: 2.5rem;
    margin-bottom: .5rem;
}
.slide-description{
    text-align: justify;
}


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

    .container {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    
    .content-container {
        max-width: initial;
    }
    .tmn-slide {
        justify-items: stretch;
        flex-wrap: wrap;
        height: 100%;
        max-height: 100%;
        min-height: 100%;
    }
    .slide-header {
        width: 100%;
        height: 56px;
        border-radius: 1rem 1rem 0 0;
        padding: 1rem;
        text-align: right;
    }
    .slide-inside{
        width: 100%;
        height: 100%;
    }
    .slide-header-text {
        writing-mode: initial;
    }
    .slide-inside-wrapper{
        flex-wrap: wrap;
        padding: 4rem 1.5rem;
        margin-top: 0;
        justify-content: center;
    }
    .slide-title {
        font-size: 1.3rem;
        font-weight: bold;
    }
    .slide-image{
        flex: 1 0 100%;
        order: 1;
        text-align: center;
    }
    .slide-image img{
        max-width: 180px;
    }
    .slide-content{
        flex: 1 0 100%;
        order: 0;
        max-width: 100%;
        gap: .5rem;
    }
    .tmn-slide-block{
        transform: translateX(0);
        position: absolute;
    }
    .tmn-slide-block:not(.active) .tmn-slide .slide-header{
        height: 66px;
    }
    .tmn-slide-block:nth-child(2) {
        transform: translateY(calc((-100% + 3.5rem * 7 ) + 1rem));
    }

    .tmn-slide-block:nth-child(3) {
        transform: translateY(calc(100% + 56px  * (-5) - 20px));
    }

    .tmn-slide-block:nth-child(4) {
        transform: translateY(calc(100% + 56px * (-4) - 30px));
    }

    .tmn-slide-block:nth-child(5) {
        transform: translateY(calc(100% + 56px * (-3) - 40px));
    }
    .tmn-slide-block:nth-child(6) {
        transform: translateY(calc(100% + 56px * (-2) - 50px));
    }
    .tmn-slide-block:nth-child(7) {
        transform: translateY(calc(100% + 56px * (-1) - 60px));
    }
    .tmn-slide-block:nth-child(8) {
        transform: translateY(calc(100% + 56px * (0) - 70px));
    }
    .slide-description{
        margin-top: .5rem;
        min-height: 180px;
        display: inline-block;
    }
    .slide-logo img {
        display: block;
        max-width: 100%;
        height: auto;
    }
    .tmn-slide.active > .slide-header, .tmn-slide-last > .slide-header {
        width: 100%;
    }
    .slides-wrapper {
        /*height: calc(100vh - 150px);
        height: 650px;*/
        min-height: 100%;
        max-height: 100%;
        height: 100%;
    }
    .tmn-slide.active > .slide-header, .tmn-slide-last > .slide-inside {
        border-radius: 0;
    }
  

    
}
.tmn-bg-a{
    background: #B400AF;
}
.tmn-bg-a-body{
    background: linear-gradient(to left, #5E1C69, #3E264F);
    color: #fff;
}

.tmn-bg-b{
    background: #4A5F6A;
}
.tmn-bg-b-body{
    background: linear-gradient(to left, #34414D, #2B3643);
    color: #fff;
}

.tmn-bg-c{
    background: #ED135A;
}
.tmn-bg-c-body{
    background: linear-gradient(to left, #742347, #492840);
    color: #fff;
}

.tmn-bg-d{
    background: #00AAED;
}
.tmn-bg-d-body{
    background: linear-gradient(to left, #175F81, #1F445A);
    color: #fff;
}

.tmn-bg-e{
    background: #434C51;
}
.tmn-bg-e-body{
    background: linear-gradient(to left, #313A44, #2A333F);
    color: #fff;
}

.tmn-bg-f{
    background: #FFD100;
}
.tmn-bg-f-body{
    background: linear-gradient(to left, #7B6E24, #4B4A31);
    color: #fff;
}

.tmn-bg-g{
    background: #D1354D;
}
.tmn-bg-g-body{
    background: linear-gradient(to left, #6B3142, #432F3E);
    color: #fff;
}

.tmn-bg-h{
    background: #7861FF;
}
.tmn-bg-h-body{
    background: linear-gradient(to left, #464288, #33365D);
    color: #fff;
}

.slick-initialized .slick-slide {
	align-items: center;
	display: flex;
	min-height: 100px;
    justify-content: center;
}

#dnn_ctr2177_ModuleContent {
    padding: 20px;
    background: #fff;
    border-radius: 10px;
}
#dnn_ctr2177_ContentPane {
    position: fixed;
    background: #222;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}
#dnn_ctr2177_ModuleContent .dnnFormItem {
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    align-items: center;
}
#dnn_ctr2177_ModuleContent .dnnLabel {
    text-align: center;
    padding: 0;
    margin: 0 0 10px;
}

 #bashgah-page .btn-primary {
    margin-bottom: 30px;
}

@media (max-width: 576px) {
    #bashgah-page .block-2-b {
        max-width: 1100px;
        margin: 0 auto 30px;
        padding: 0;
    }
    #bashgah-page .block-2 {
        padding-right: 0;
        padding-left: 0;
    }
}