.pointer {
            cursor: pointer;
        }

        .bannerH1tag {
            font-weight: 400;
            font-size: 1.6rem;
        }

        .bannerUl {
            font-size: 1.1rem;
            font-weight: 400;
            line-height: 1.4rem;
            padding-left: 1.4rem;
        }

        .bannerUl li::marker {
            color: #2A67B1;
            font-size: 1.5rem;
        }

        .bannerHrLine {
            border-bottom: 1px solid;
            margin: 0;
        }

        .text-green {
            color: #006A4E;
        }

        .takeFreeTrialBtn,
        .upgradeBtn {
            border-radius: 5px;
        }

        .upgradeBtn {
            background-color: transparent !important;
            border: 1.5px solid #FCAF1B !important;
        }

        @font-face {
            font-family: "Espuma Regular";
            src: url("/mena/wp-content/themes/tally/assets/fonts/espuma/espuma-pro-bold.ttf");
            font-weight: normal;
        }

        @font-face {
            font-family: "Espuma Normal";
            src: url("/mena/wp-content/themes/tally/assets/fonts/espuma/espuma-regular.ttf");
            font-weight: normal;
        }

        .espuma-regular {
            font-family: "Espuma Regular" !important;
        }

        .espuma-normal {
            font-family: "Espuma Normal" !important;
        }

        .hypen {
            background: url('/mena/wp-content/themes/tally/assets/images/hypen.png') no-repeat left top;
            height: 28px;
            padding-left: 24px;
            background-size: 20px;
            background-position-y: 10px;
        }

        .takeFreeTrialBtn,
        .upgradeBtn {
            border-radius: 5px;
        }

        .border-radius-5px {
            border-radius: 5px;
        }

        .primeBlueBg {
            background-color: #1B9DC1;
        }

        .primeBlue {
            color: #1B9DC1;
        }
        .videosRepeater .slick-prev, .videosRepeater .slick-next {
            width: 32px;
            height: 42px;
        }
        .videosRepeater .slick-next,.videosRepeater .slick-prev,
        .videosRepeater .slick-next:hover,.videosRepeater .slick-prev:hover {
           background-image: url('/wp-content/themes/tally/assets/images/next-icon.svg');
           background-repeat: no-repeat;
        }
        .videosRepeater .slick-prev {
           left: -24px;
           transform: rotate(180deg) !important;
           top: 10.2rem !important;
        }

        @media screen and (max-width: 576px) {
            .banner-headings {
                font-size: 2.5rem;
            }
        }

        @media (min-width:280px) {
            .bannerImage {
                width: 16rem !important;
            }
            
            /*.bannerRightImage{
              width:80%
            }*/
            /*.bannerRightImage3 {
            width: 18rem;
        }*/
            .btn-notify {
                font-size: 12px;
            }

            .bannerContentSection {
                margin-top: 8rem !important;
            }

            .bannerTpLogo {
                width: 18rem;
            }

            .bannerHrLine {
                width: 72%;
            }

            .tallyPrimeLogo {
                width: 6rem;
            }

            .bannerRightImage {
                width: 18rem;
            }

            .hypen {
                height: auto;
            }

            .mainHeading {
                font-size: 2rem;
            }

            .notificationSection {
                margin-top: 1.5rem;
            }

            .primeBankingText {
                font-size: 1.3rem;
            }

            .bannerSectionBg {
                background: url('/wp-content/themes/tally/assets/images/yellow-mobile-banner-bg.svg');
                background-repeat: no-repeat;
                background-position-y: -8rem;
                background-size: cover;
            }

            .changes {
                margin-top: 170px;
            }
                .bannerImg4 {
                width: 20rem;
            }
            .thoughtfullyBuiltLogo {
                width: 16rem;
            }
            .prime7Logo{
                width: 9rem;
            }
            .videosRepeater .play-icon img {
               width: 3rem !important;
               position: absolute;
               z-index: 1;
               /*top: -8rem;
               left: 11rem;*/
           }
            
            .videosRepeater .slick-slide .playBtn {
                width: 4rem;
                position: absolute;
                top: 5rem;
                margin-left: 11rem;
            }
        }

        @media (min-width:375px) {
            .bannerImage {
                width: 16rem !important;
            }

            .notificationSection {
                margin-top: 2rem;
            }

            /*.bannerRightImage{
  width:80%
}*/
            .changes {
                margin-top: 175px;
            }
            .videosRepeater .slick-slide .videoThumbnail{
                width: 100%;
            }
            .videosRepeater .slick-slide .playBtn {
                width: 3rem;
            }
            .videosRepeater .slick-prev {
			    left: 0rem;
			    top: 5rem !important;
			    z-index: 1;
			}
			    
			.videosRepeater .slick-next {
			    right: 0rem;
			}
        }

        @media (min-width:425px) {
            .mainHeading {
                font-size: 2.8rem;
            }
		    .prime7Logo {
		        width: 11rem;
		    }
		    .videosRepeater .slick-slide .playBtn {
                width: 4rem;
                position: absolute;
                /*top: 10rem;
                margin-left: 20rem;*/
            }
            .videosRepeater .slick-prev{
            	top: 6rem !important;
            }
            .videosRepeater .slick-slide .playBtn{
            	top: 6rem;
            	margin-left: 12rem;
            }
        }

        @media (min-width:576px) {
            .banner-headings {
                font-size: 2.5rem !important;
            }

            .btn-notify {
                font-size: 13px;
            }

            .bannerContentSection {
                margin-top: 6rem !important;
            }

            .bannerSectionBg {
                background-position-y: -17rem;
            }

            .bannerHrLine {
                width: 50%;
            }

            .mainHeading {
                font-size: 3.5rem;
            }
            .notificationBar2 {
                width: 94%;
            }
            .videosRepeater .play-icon img {
		        /*top: -10.5rem !important;
		        left: 17rem !important;*/
		    }
		    .videosRepeater .slick-prev {
		        top: 8rem !important;
		    }
			.videosRepeater .slick-slide .playBtn {
		        top: 8rem;
		        margin-left: 16rem;
		    }
        }

        @media (min-width:768px) {
            .bannerSectionBg {
                background-image: url('/mena/ar/wp-content/themes/tally/assets/images/hero-section.svg');
                background-size: cover;
                background-position: center bottom;
                margin-top: 95px;
                background-color: #ddf2fb;
            }

            .changes {
                margin-top: 0px;
            }

            .bannerSectionBg {
                height: 36rem;
            }

            .notificationSection {
                margin-top: -3.5rem;
            }

            .main-banner.section-margin-top {
                padding-top: 120px;
            }

            .bannerContentSection {
                margin-top: 4rem !important;
            }

            .bannerHrLine {
                width: 73%;
            }
            .notificationBar2 {
                width: 79%;
            }
            .videosRepeater .play-icon img {
		        /*top: -8rem !important;
		        left: 10rem !important;*/
		    }
		    .videosRepeater .slick-prev {
		        top: 5rem !important;
		    }
		    .videosRepeater .slick-slide .playBtn {
		        top: 5rem;
		        margin-left: 10rem;
		        width: 3rem;
		    }
        }

        @media (min-width:992px) {
            .banner-headings {
                font-size: 3rem !important;
            }

            .bannerImage {
                width: 16rem;
            }

            .main-banner.section-margin-top {
                padding-top: 135px;
            }

            .bannerTpLogo {
                width: 18rem;
            }

            .mainHeading {
                font-size: 2.8rem;
            }

            .bannerSectionBg {
                height: 33rem;
            }

            .primeBankingText {
                font-size: 1.8rem;
            }

            .bannerHrLine {
                width: 46%;
            }

            .bannerTpLogo {
                width: 20rem;
            }
            .prime7Logo {
		        width: 11.5rem;
		    }
            .thoughtfullyBuiltLogo {
		        width: 14rem;
		    }
    		.notificationBar2 {
                width: 98%;
            }
            .notificationBar2 .notificationText {
                font-size: .85rem !important;
            }
        }
		@media (min-width:1024px) {
        	.videosRepeater .slick-slide .playBtn {
		        top: 7rem;
		        margin-left: 14rem;
		    }
		    .videosRepeater .slick-prev {
		        top: 7rem !important;
		    }
		}

        @media (min-width:1200px) {
            .main-banner.section-margin-top {
                padding-top: 140px;
            }

            .bannerRightImage {
                width: 25rem;
            }

            .mainHeading {
                font-size: 3.5rem !important;
            }

            .bannerTpLogo {
                width: 18rem;
            }


            .bannerTpLogo {
                width: 18rem;
            }

            .bannerHrLine {
                width: 73%;
            }
            .bannerImg4 {
                width: 22rem;
            }
            .prime7Logo {
                width: 11rem;
            }
            .notificationBar2 .notificationText {
                font-size: 1rem !important;
            }
            .notificationBar2 {
                width: 96%;
            }
            .videosRepeater .slick-prev {
		        top: 8.5rem !important;
		    }
		    .videosRepeater .slick-slide .playBtn {
		        top: 9rem;
		        margin-left: 17rem;
		    }
		    .videosRepeater .slick-prev {
		        left: -2rem;
		    }
		    .videosRepeater .slick-next {
		        right: -2rem;
		    }
        }

        @media (min-width: 1280px) {
            .bannerSectionBg {
                height: 42rem;
            }

            .bannerRightImage {
                width: 25rem;
            }
        }
		@media (min-width: 1440px) {
		    .prime7Logo {
		        width: 13rem;
		    }
		    .videosRepeater .play-icon img {
                /*top: 10rem !important;
                left: 19rem !important;*/
            }
		}

        #lunch-video {
            height: calc(100vh - 150px);
            position: relative;
        }

        #lunch-video iframe {
            width: 100%;
            height: 100%;
            border: none;
        }

        @media (min-width:900px) {
            #lunch-video {
                width: 760px;
                margin: auto;
            }
        }

        .bannerSectionBgRel3 {
            background-image: url('/bd/en/wp-content/themes/tally/assets/images/banner-bg-img.svg');
            background-size: cover;
            background-position: center bottom;
            margin-top: 65px;
        }

        .notificationSection1 {
            margin-top: -48px;
        }

        .bannerContentSection {
            margin-top: 35px;
            background-image: url(/wp-content/themes/tally/assets/images/home-bannerbg.svg);
            background-size: contain;
            background-position: top -35px right -193px;
            background-repeat: no-repeat;
        }

        #breadcrumbs {
            display: none;
        }

        .bannerLeftHeading {
            font-size: 3.2rem;
            font-weight: 500;
            line-height: 60px;
        }

        .bannerLeftHeading span {
            color: #FFC032;
        }

        .notificationArea {
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
            border-radius: 10px;
        }

        .bgBlue {
            background-color: #2A67B2;
        }

        .bgYellow,
        .getFreetrialBtn:hover,
        .getFreetrialBtn:active {
            background-color: #FFC632 !important;
        }


        .takeFreeTrialBtn {
            background-color: #FFC632 !important;
            padding: 10px;
        }

        .carousel-control-next,
        .carousel-control-prev {
            width: 40px !important;
            position: absolute;
            top: 50% !important;
            bottom: 50% !important;
        }

        @media (max-width:1200px) {
            .bannerLeftHeading {
                font-size: 2.8rem;
                line-height: normal;
            }

            .tallyPrimeLogo {
                width: 10rem;
            }

            .bannerSectionBg {
                height: 35rem;
            }

            .bannerRightImage {
                width: 25rem;
            }
        }

        @media only screen and (max-width:992px) {
            .bannerSectionBgRel3 {
                padding-bottom: 4rem !important;
            }

            .bannerLeftHeading {
                font-size: 2.6rem;
            }
        }

        @media only screen and (max-width:768px) {
            .bannerSectionBgRel3 {
                padding-bottom: 3rem !important;
            }

            .bannerLeftHeading {
                font-size: 2.2rem;
            }

            .notificationSection1 {
                margin-top: -65px;
            }
        }

        @media (min-width:768px) {
            .notificationSection1 {
                margin-top: -65px;
            }

            .mainHeading {
                font-size: 2.5rem;
            }
        }
		@media (min-width:1600px) {
		    .bannerImg4 {
		        width: 27rem;
		    }
    		.videosRepeater .slick-prev {
		        top: 10rem !important;
		    }
		    .videosRepeater .slick-slide .playBtn {
		        top: 10rem;
		        margin-left: 19rem;
		    }
		}

		@media (min-width:1440px) {
	        .notificationBar2 {
	            width: 83%;
	        }
	        .videosRepeater .slick-slide .playBtn {
		        top: 10rem;
		        margin-left: 20rem;
		    }
		    .videosRepeater .slick-prev {
		        top: 10.4rem !important;
		    }
	    }

        @media (min-width:1920px) {
            .bannerContentSection {
                padding-bottom: 2rem;
            }

            .bannerRow {
                padding-top: 11rem !important;
            }

            .bannerSectionBg {
                height: 50rem;
            }
            .notificationSection {
                margin-top: -3.8rem;
            }
            .notificationBar2 {
                width: 82%;
            }
        }

        #navbar-template #navbar-custom {
            background-color: #ffffff;
        }