@font-face {
            font-family: 'HindSiliguri';
            font-style: 'normal';
            font-weight: '700';
            src: 
                url('/fonts/HindSiliguri.woff') format('woff'), /* Pretty Modern Browsers */
                url('/fonts/HindSiliguri.ttf') format('truetype'), /* Safari, Android, iOS */
            }

        @font-face {
            font-family: 'RA';
            font-style: 'normal';
            font-weight: '700';
            src: 
                url('/fonts/RA.woff') format('woff'), /* Pretty Modern Browsers */
                url('/fonts/RA.ttf') format('truetype'), /* Safari, Android, iOS */
            }

        html,
        body {
        	margin:0;
        	padding:0;
        	height:100%;
        	font-family: 'RA', Fallback, sans-serif;
        }
        .wrapper {
        	min-height:100%;
        	position:relative;
        }
        .header {
            margin-bottom:50px;
        }
        .content {
        	padding-bottom:100px; /* Height of the footer element */
        }
        .footer {
        	background:#07A39B;
        	width:100%;
        	position:absolute;
        	bottom:0;
        	padding:1em;
        }
        .my-bg{
            /* background-color:#7E5CCC; */
            background-color:#07A39B;
        }
        .my-font{
            color:#07A39B;
            text-align: justify;
        }
        .myborder{
            border-color:#07A39B;
        }
        
        .cardanimation{

                box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
                  transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
              cursor: pointer;
            }
        
        
        .cardanimation:hover{
              transform: scale(1.05);
              box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
            }

        /* ads image gallery */
        /* Add a pointer when hovering over the thumbnail images */
                .cursor {
                cursor: pointer;
                }

                /* Six columns side by side */
                .imgcolumn {
                float: left;
                width: 25%;
                padding:5px;
                padding-left:12px;
                padding-right:12px;
                }

                /* Add a transparency effect for thumnbail images */
                .demo {
                opacity: 0.4;
                }

                .active,
                .demo:hover {
                opacity: 1;
                }
        /* ads image gallery */

        /* breadcrumbs */
        .breadcrumbs {
            border: 1px solid #cbd2d9;
            border-radius: 0.3rem;
            display: inline-flex;
            overflow: hidden;
            margin-top:10px;
            margin-bottom:10px;
            }

            .breadcrumbs__item {
            background: #fff;
            color: #333;
            outline: none;
            padding: 0.4em 0.75em 0.4em 1.25em;
            position: relative;
            text-decoration: none;
            transition: background 0.2s linear;
            }

            .breadcrumbs__item:hover:after,
            .breadcrumbs__item:hover {
            background: #edf1f5;
            }

            .breadcrumbs__item:focus:after,
            .breadcrumbs__item:focus,
            .breadcrumbs__item.is-active:focus {
            background: #323f4a;
            color: #fff;
            }

            .breadcrumbs__item:after,
            .breadcrumbs__item:before {
            background: white;
            bottom: 0;
            clip-path: polygon(50% 50%, -50% -50%, 0 100%);
            content: "";
            left: 100%;
            position: absolute;
            top: 0;
            transition: background 0.2s linear;
            width: 1em;
            z-index: 1;
            }

            .breadcrumbs__item:before {
            background: #cbd2d9;
            margin-left: 1px;
            }

            .breadcrumbs__item:last-child {
            border-right: none;
            }

            .breadcrumbs__item.is-active {
            background: #07A39B;
            color:white;
            }
            
            /*top button*/
            .top-btn {
              all: unset;
              font-size:.8rem; 
              position: fixed;
              right: 20px;
              bottom: 20px;
              cursor: pointer;
              transform:scale(1.8);
              opacity: 0;
              transition: .3s;
              background-color:#07A39B;
              color:white;
              padding: 2px 7px 2px 7px;
              border-radius: 30px;
              /*mix-blend-mode: difference;*/
              /*color: #f26b6b;*/
            }
            /*top button*/
        
        
            .socialbox
            {
            background-color:black;
            padding:8px 12px 8px 12px;
            margin:5px;
            border-radius: 5px;
            text-align:center;
            text-decoration:none;
            transition-duration: 0.3s;
            font-size:20px;
            color:white;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            }
            .socialbox:hover
            {
            background-color:white;
            color:#07A39B;
            }
            
            
            
            /*read more button*/
             .readmore {
                    position: relative;
                    max-height: 250px;
                    overflow: hidden;
                    padding: 10px;
                    margin-bottom: 20px;
                    transition: max-height 0.15s ease-out;
                }
            
                .readmore.expand {
                    max-height: 5000px !important;
                    transition: max-height 0.35s ease-in-out;
                }
            
                .readmore-link {
                    position: absolute;
                    bottom: 0;
                    right: 0;
                    display: block;
                    width: 100%;
                    height: 60px;
                    text-align: center;
                    color: #07A39B;
                    font-weight: bold;
                    font-size: 16px;
                    padding-top: 40px;
                    background-image: linear-gradient(to bottom, transparent, white);
                    cursor: pointer;
                }
            
                .readmore-link.expand {
                    position: relative;
                    background-image: none;
                    padding-top: 10px;
                    height: 20px;
                }
            
                .readmore-link:after {
                    content: "Read more";
                }
            
                .readmore-link.expand:after {
                    content: "Read less";
                }

            /*read more button*/
            
            
            
            
            
            @if(Route::is('ads_details_page') )
                @media (max-width: 767px) {
            		.carousel-inner .carousel-item > div {
            			display: none;
            		}
            		.carousel-inner .carousel-item > div:first-child {
            			display: block;
            		}
            	}
            
            	.carousel-inner .carousel-item.active,
            	.carousel-inner .carousel-item-next,
            	.carousel-inner .carousel-item-prev {
            		display: flex;
            	}
            
            	/* medium and up screens */
            	@media (min-width: 768px) {
            
            		.carousel-inner .carousel-item-end.active,
            		.carousel-inner .carousel-item-next {
            			transform: translateX(25%);
            		}
            
            		.carousel-inner .carousel-item-start.active, 
            		.carousel-inner .carousel-item-prev {
            			transform: translateX(-25%);
            		}
            	}
            
            	.carousel-inner .carousel-item-end,
            	.carousel-inner .carousel-item-start { 
            		transform: translateX(0);
            	}
            	
            	  .carousel-control-prev , .carousel-control-next {
                    position: absolute;
                    top: 50%;
                    transform: TranslateY(-50%);
                 }
                 .carousel-control-prev {
                    right: auto;
                    left: -7%;
                 }
                 .carousel-control-next {
                    left: auto;
                    right: -7%;
                 }
                 
                 
                 
                 
                 /*.............sponsor ads display.............*/
                    .slider {
                     /*overflow: hidden;*/
                     width: 100%;
                     position: relative;
                    }
                     
                    .slider .slide {
                     position: absolute;
                     top: 0;
                     left: 0;
                     width: 100%;
                     height: 100%;
                     background-size: contain;
                     background-position: center;
                     animation: slider 11s infinite;
                     background-repeat:no-repeat;
                    }
 
                     
                    .slider .slide:nth-child(1) {
                       animation-delay: 0s;
                    }
                    
                    .slider .slide:nth-child(2) {
                       animation-delay: -5.5s;
                    }
                    
                    
                    @keyframes slider {
                      0%, 45%, 100% {
                        opacity: 1;
                        animation-timing-function: ease;
                        z-index: 0;
                      }
                      50% {
                        opacity: 0;
                        animation-timing-function: step-end;
                        z-index: 0;
                      }
                      95% {
                        opacity: 1;
                        animation-timing-function: step-end;
                        z-index: -1;
                      }
                    }
            @endif
            /*pagination*/
            .page-item .page-link{
                color:#07A39B;
            }
            .page-item.active .page-link {
                color: #fff;
                background-color: #07A39B;
                border-color: #07A39B;
            }
            
            
            .description p {
                margin: 5px;
            }
            
            
                        /*mySlides*/
            .mySlides{
                width:100%;
                background-color:
                lightgray;height:400px;
                text-align:center;
            }
            
            .mySlides img{
                width:100%;
                height:100%;
                object-fit: contain;
            }
            /*mySlides*/