@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
@font-face {
    font-family: 'Myriad Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Regular'), url('./fonts/MYRIADPRO-REGULAR.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Condensed'), url('./fonts/MYRIADPRO-COND.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Condensed Italic'), url('./fonts/MYRIADPRO-CONDIT.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Light';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Light'), url('./fonts/MyriadPro-Light.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Semibold';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Semibold'), url('./fonts/MYRIADPRO-SEMIBOLD.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Semibold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Semibold Italic'), url('./fonts/MYRIADPRO-SEMIBOLDIT.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Bold Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold Condensed'), url('./fonts/MYRIADPRO-BOLDCOND.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold'), url('./fonts/MYRIADPRO-BOLD.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold Italic'), url('./fonts/MYRIADPRO-BOLDIT.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Bold Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold Condensed Italic'), url('./fonts/MYRIADPRO-BOLDCONDIT.woff') format('woff');
    }


/*******GENERAL*****/

:root{
    --text-color:#222222;
    --yellow:#d19c1f;
}
a:hover{
	color:var(--yellow) !important;
	text-decoration:underline !important;
}
a.btn:hover{
	text-decoration:none !important;
}
.site-header .bottom .nav-links>li:not('.sub-menu') a:not('.btn'):hover{
	text-decoration:none !important;
	color:#000 !important;
}
.container{
    max-width: 1220px;
}
.desktop{
    display: block;
}
.row.desktop{
    display: flex;
}
.mobile{
    display: none;
}
.timeline-Widget{
	border-radius:0 !important;
}
.twitter-container{
	background-color:#fff;
	height:100%;
-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);
}
iframe:{
	background:#fff !important;
}
main{
    /* overflow-x: ; */
    /* position: relative; */
}
.site-wrapper{
    position: relative;
}
.site-header{
	z-index:9999;
	position:relative
}
.site-header .bottom .nav-links li{
	position:relative
}

.has-submenu:hover .submenu{
	
	visibility:visible;
	display:block
}
.submenu{
	
	display:none;
	position:absolute;
	z-index:9999;
	padding-top:30px;
	padding-left:0;
}
.submenu li:after{
	display:none !important;
}
.site-header .bottom .nav-links li .submenu li a:hover{
	color:#fff !important;
}
.site-header .bottom .nav-links li:hover:after{
	height:5px
}

.site-header .bottom .nav-links li:after{
	position:absolute;
	content:"";
	width:100%;
	height:3px;
	background-color:var(--yellow);
	bottom:-30px;
	left:0;
	transition:0.1s all;
	height:0;
}
.site-header .bottom .nav-links li.button:after{
	display:none !important;

}
.site-header .bottom .nav-links li a:hover{
	color:#000 !important;
	text-decoration:none !important;
}

.submenu li{

	padding-left:26px;
	padding-right:46px;
	padding-top: 10px;
    padding-bottom: 10px;
	background-color:#e7e7e7;
}
.submenu li:hover a{
	color:#fff !important;
	text-decoration:none !important;
}
.submenu li:hover{
	background-color:var(--yellow);
	
}

.submenu:hover{
	display:block;
}
.site-wrapper>.bg{
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: top right;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('./images/hero-bg.png');
    z-index: -1;
}
.footer-middle .items-logo img{
  filter: grayscale(1);
}
.footer-middle .items-logo img:hover{
	filter:unset;
}

.hover{
	display:none !important;
}

.section{
    overflow-x: hidden;
}
.brand-logo-footer img{
	filter: grayscale(1);
	opacity: 0.5;
}
/*******GENERAL*****/


/*****HEADER****/
.site-header .top {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(34, 34, 34, 0.13);
}
.site-header .top ul{
    margin-bottom: 0;
}
.site-header .top ul.contact{
    display: flex;
    flex-direction: row;
    list-style-type: none;
    padding-left: 0;

}
.site-header .top ul.contact li{
    list-style-type: none;
    margin-right: 36px;
    position: relative;
    padding-left: 23px;
}
.site-header .top ul.contact li:before{
    position: absolute;
    left: 0;
    top: 13%;
    /* transform: translateY(-50%); */
}
.site-header .top ul.contact li.phone:before{
        content: url('./images/phone.png');
}

.site-header .top ul.contact li.email:before{
    content: url('./images/mail.png');
}
.site-header .top ul.contact li a{
    color: var(--text-color);
    font-weight: 500;
    text-decoration: none;
    font-size: 14px;
    font-family: 'Lora', serif;
}

.site-header .top ul.contact>li:last-child{
    margin-right: 0;

}

.site-header .top .social-links{
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
}

.site-header .top .social-links li{
    list-style-type: none;
    margin-right: 7px;
}
.site-header .top .social-links>li:last-child{
    margin-right: 0;
}

.site-header .bottom{
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(34, 34, 34, 0.13);

}
.site-header .bottom .nav-links{
    display: flex;
    margin-bottom: 0;
    align-items: center;
    justify-content: flex-end;
}
.site-header .bottom .nav-links li{
    list-style-type: none;
    margin-right: 54px;
}
.site-header .bottom .nav-links>li:last-child{
    margin-right: 0;
}

.site-header .bottom .nav-links li a{
    font-size: 16px;
        font-family: 'Lora', serif;
    color: var(--text-color);
    text-decoration: none;
	font-weight:500

}



/*****HEADER****/

/****BUTTON****/
.btn{
    padding-left: 30px;
    padding-right: 30px;
    height: 51px !important;
    display: flex;
    width: fit-content;
    align-items: center;
}
.btn-yellow{
    
    background-color: var(--yellow);
    border-radius: 50px;
    font-family: 'Lora', serif;
    font-size: 18px;
    color: #fff !important;
}   
.btn-yellow:hover{
    background-color: #fff;
    color: var(--yellow) !important;
    border:1px solid var(--yellow)
}
.site-header .bottom .nav-links li  .btn-yellow:hover{
		background-color:#4d8695;
	   border-color:#4d8695;
		color:#fff !important;
		
}

.btn-dark{

    background-color: #000;
    border-radius: 50px;
    font-family: 'Myriad Pro Regular';
    font-size: 18px;
    color: #fff !important;
}  
.btn-dark:hover{
    color: #fff !important;
    background-color: var(--yellow);
	border-color:transparent

}
.btn-outline:hover{
   color: #fff !important;
    background-color: var(--yellow);
	border-color:transparent
    
}
.btn-outline{

    background-color: transparent;
    border-radius: 50px;
    font-family: 'Myriad Pro Regular';
    font-size: 18px;
    color: #000 !important;
    border-color: #000;
}  
.btn-outline.light{
    color: #fff !important;
    border-color: #fff;
}
.btn-outline.light:hover{
	background-color:#fff;
	border-color:#fff;
	color:#4d8695 !important;
}
/****BUTTON****/

/****SECTION INTRO*****/
.section-intro{
    position: relative;
    /* padding-top: 100px; */
}
.section-intro .item{
    padding-bottom: 50px;
}

.section-intro:before{
    width: 30px;
    height: 110px;
    background: var(--yellow);
    content: "";
    position: absolute;
    top: 35%;
    left: 0;
    transform: translateY(-50%);
}
.section-intro:after{
    width: 30px;
    height: 110px;
    background: var(--yellow);
    content: "";
    position: absolute;
    top: 35%;
    right: 0;
    transform: translateY(-50%);
}
.section-intro .top{
    display: flex;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
    margin-bottom: 10px;


}
.section-intro .top li{
    list-style-type: none;
    padding-right: 51px;
    font-size: 22px;
    font-family: 'Lora', serif;
    position: relative;

}
.section-intro .top>li:last-child{
    padding-right: 0;
}
.section-intro .top>li:before{
    position: absolute;
    content: '';
    width: 26px;
    height: 3px;
    right: 10%;
    top: 60%;
    transform: translateY(-50%);
    background: var(--yellow);

}
.section-intro .top>li:last-child:before{
    display: none;
}


.section-intro .container {
    max-width: 1090px;
}

.section-intro .title {
    font-size: 37px;
    font-family: 'Lora', serif;
    /* max-width: 80%; */
    
}
.section-intro .links{
    margin-top: 24px;
    display: flex
}
.section-intro .links>*{

    margin-right: 18px;
}

.section-intro .slick-dots{
    /* top: 90%; */
    /* transform: translateY(-50%); */
    text-align: left;
    left: -2px;
}
.section-intro .slick-dots li button:before{
    font-size: 20px;
}
.section-intro .slick-dots li.slick-active button:before{

    color: var(--yellow);
}
/****SECTION INTRO*****/

/****SECTION FEATURE****/

.section-features{
    background-image: url('./images/bg-features.png');
    background: none;
    background-repeat: no-repeat;
    background-position: center center;
    background-position-x: 43%;
    background-size: 50%;

}
.section-features .content{
	cursor:pointer
}
.section-features .content:hover .hover {
	display:block !important;
	
}
.section-features .content:hover .non-hover {
	display:none !important;
}

.section-features .content {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    max-width: 218px;
    margin: auto;
    text-align: center;
    justify-content: space-between;
    margin-bottom: 63px;
}
.section-features .content p{
    margin-bottom: 0;
    margin-top: 10px;
    font-size: 16px;
    font-family: 'Lora', serif;
    color: #000;

}

.section-features .content img{
    width: 60px;
    height: 60px;

}
.section-features .title-col {
    margin-bottom: 56px;
}
.section .title-col .title{
    font-size: 37px;
    font-family: 'Lora', serif;
    position: relative;
    padding-bottom: 5px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;


}
.section .title-col .title:before{
    position: absolute;
    bottom: 0;
    width: 75%;
    height: 3px;
    background-color: #000;
    content: "";
    left: 0;
}

.section .title-col .title:after{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 20%;
    height: 3px;
    background-color: var(--yellow);
    content: "";
}


/****SECTION FEATURE****/
/****SECTION PRODUCTS****/
.section-products{
    padding-bottom: 104px;
}
.section-products .title-col{
    margin-bottom: 32px;
}
.section-products .content{
    background-color: #F3F5F7;
    padding-bottom: 28px;
	cursor:pointer
}
.section-products .content:hover{
    background-color: var(--yellow);

}
.section-products .content:hover .hover{
	display:block !important;
}
.section-products .content:hover .non-hover{
	display:none
}

.section-products .content:hover *{
	color:#fff !important;
}
    .section-products .bg{
    /* max-width: 360px; */
    position: relative;
    max-height: 192px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
	border-bottom: 4px solid var(--yellow);
}
 /*.section-products .bg:after{
    position: absolute;
    top: 3px;
    left: 3px;
    background-color: var(--yellow);
    width: calc(100% - 3px);
    height: 100%;
    content: "";
	border-bottom: 4px solid var(--yellow);
    z-index: 99;
}*/

*::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
  }
  html::-webkit-scrollbar,.main::-webkit-scrollbar{
    display: block !important;
}
.section-products .description{
    /* max-width: 310px; */
    margin: auto;
    padding-left: 22px;
    padding-right: 22px;

    text-align: center;
}
.section-products .description .title{
    font-size: 24px;
    font-family: 'Lora', serif;
	font-weight: 700;
    text-align: center;
    margin-top: 20px;
    color: #000;
    margin-bottom: 5px;
    
}

.section-products .description .subtitle{
    font-size: 16px;
    font-family: 'Lora', serif;
    color: #000;
    text-align: center;
    margin-bottom: 12px;
}
.section-products .description .para{
	min-height: 150px;
}
.section-products .description .para>*{
    font-size: 13px;
    
    text-align: center;
    color: #000;

}
.section-products .link-know-more{
    text-decoration: none;
    color: #000;
    font-size: 16px;
    font-family: 'Lora', serif;
	font-weight: 500;
	display:flex;
   	align-items:center;
	justify-content:center
}
.section-products .link-know-more img{
    width: 26px;
    height: 26px;
}


/****SECTION PRODUCTS****/


/*****SECTION CTA ****/
.section-cta{
    background-color: #4d8695;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
}
.section-cta .title{
    margin-bottom: 0;
    font-size: 37px;
    font-family: 'Lora', serif;
    color: #fff;
    text-shadow: 0px 3px 7px rgba(0, 0, 0, 0.43);


}
.section-cta:before  , .section-cta:after{
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 60px;
    background:#fff;

}
.section-cta:before {
    left: 0;
}

.section-cta:after {
    right: 0;
}

/*****SECTION CTA ****/

/*****SECTION OUR TEAM*******/
.section-about-us{
    padding-top: 100px;
    padding-bottom: 100px;
}
.section-about-us .title-col{
    margin-bottom: 42px;
}
.section-about-us .content{
    text-align: center;
}
.section-about-us .content img{
    margin-bottom: 33px;
} 
.section-about-us .content .title{
    font-size: 22px;
    font-family: 'Lora', serif;

}
.section-about-us .content .subtitle{
    color: var(--yellow);
    font-size: 16px;
}
.section-about-us{
    background-image: url('./images/about-us-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
/*****SECTION OUR TEAM*******/
/******SECTION TWEETS******/
.section-tweets{
    background-image: url('./images/tweet-by-ali-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    background-position: top center;
	

}
.secion-tweets .container{
    max-width: 1150px !important;
    overflow: hidden;
}
.section-tweets .content{
    padding-top: 187px;
    padding-bottom: 160px;
}
.section-tweets .content img{
    margin-bottom: 18px;
}
.section-tweets .content .top-text{
    font-size: 22px;
    font-family: 'Lora', serif;
    color: #fff;
    margin-bottom: 11px;

}
.section-tweets .content .title{
    color: #fff;
    font-size: 37px;
    font-family: 'Lora', serif;


}
.section-tweets .content .bottom-text{
    color: #fff;
    font-size: 22px;
    font-family: 'Lora', serif;

}



/******SECTION TWEETS******/



/*****SITE FOOTER ******/
.site-footer{
    padding-top: 100px;
}
.site-footer .footer-top{
    margin-bottom: 46px;
}
.site-footer .footer-top .location{
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;

}
.site-footer .footer-top .location li{
    list-style-type: none;
    position: relative;
    font-size: 22px;
    margin-right: 18px;
    color: gray;
    opacity: 0.5;
    font-family: 'Lora', serif;
	font-weight: 500;
	cursor: pointer;

    

}
.site-footer .footer-top .location li.active{
    color: var(--yellow);
	opacity: 1;
}
.footer-copyright {
    background-color: #f3f5f7;
}
.footer-copyright .container{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    padding-top: 24px;
    padding-bottom: 24px;
    border-top: 1px solid #dcdee0;
}

/* .site-footer .footer-top .location li:after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 160px;
    height: 1px;
    background-color: #000;
    left: 130%;
    

} */
.site-footer .footer-top .location li:before{
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #000;
    left: calc(130% + 50%);
    border-radius: 50px;

}
.site-footer .footer-top .location>li:last-child{
    margin-right: 0;
}

.site-footer .footer-top .location li:last-child:after{
    display: none;
}
.slick-next,.slick-prev{
    z-index: 20;
}
 .slick-next:before {
    content:url("../images/side-arrow.png");
    
}
 .slick-prev:before {
    content:url("../images/side-arrow-prev.png");
    
}
/*****SITE FOOTER ******/

.footer-middle .container{
    max-width: 1302px;
}

.footer-middle .slick-slider .slick-track{
    display: flex;
    align-items: center;
}
.footer-middle img{
    margin: auto;
}
.site-footer .footer-bottom{
    background-color: #f3f5f7;
    padding-top: 24px;
    padding-bottom: 10px;
    margin-top: 50px;
}
.site-footer .footer-bottom .logo{
    margin-bottom: 37px;
}
.site-footer .footer-bottom .title{
    font-size: 22px;
    font-family: 'Lora', serif;

}
.site-footer .footer-bottom ul{
    padding-left: 0;
}
.site-footer .footer-bottom ul.contact li{
    padding-left: 30px;
    position: relative;
}
.site-footer .footer-bottom ul.contact li:before{
    
    position: absolute;
    left: 0;
    top: 4px;

}
.site-footer .footer-bottom ul.contact li{
    margin-bottom: 12px;
}
.site-footer .footer-bottom ul.contact p,.site-footer .footer-bottom ul.contact .title{
    margin:0;
}
.site-footer .footer-bottom ul.contact li.address:before{
    content: url('../images/location.png');
}
.site-footer .footer-bottom ul.contact li.phone:before{
    content: url('../images/call-footer.png');
}
.site-footer .footer-bottom ul.contact li.mail:before{
    content: url('../images/mail-footer.png');
    top: 4px;
}

.site-footer .footer-bottom .quick-links li{
    margin-bottom: 13px;
}
.site-footer .footer-bottom .quick-links .title{
    margin-bottom: 15px;
}


.site-footer .footer-bottom *{
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
    color: #000;
    list-style-type: none;

}

@media screen and (min-width:1400px){
    .section-features{
        background-image: unset;
    }
  
}
@media screen and (max-width:1350px){
    .container{
        max-width: 1024px !important;
    }
    .footer-middle .container{
        max-width: 1080px
    }
    .site-footer .footer-top .location li{
        font-size: 18px;
    }
    .section-intro .slick-dots{
        top: 80%;
    }
}
@media screen and (max-width:1100px){
    .site-footer .footer-top .location li{
        font-size: 15px;
    }
    .container{
        max-width: 992px !important;
    }
    .footer-middle .container{
        max-width: 1024px
    }
    .section-intro .slick-dots {
        top: 95%;
        /* transform: translateY(-50%); */
        text-align: left;
        left: -2px;
    }
    .site-header .bottom .nav-links li a{
        font-size: 12px;
    }
    .site-header .bottom .nav-links li{
        margin-right: 30px;
    }
    .btn{
        font-size: 12px;
    }
}
@media screen and (max-width:1100px){
    .section-intro .container{
        max-width: 850px !important;

    }
    .section-intro{
        padding-top: 50px;
    }
    .section-intro .title{
        max-width: 100%;
    }
}

@media screen and (max-width:1000px){
    .container{
        max-width: 800px;
    }

}
@media screen and (max-width:992px){
	.section-products .description .para{
		min-height:unset
	}
	.section-tweets .left-col{
		text-align:center
	}
    .mobile-nav-bar.mobile{
        position: fixed;
        top: 0;
		transition:unset;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        z-index: 99999;
        display: none;

    }
    .mobile-nav-bar.mobile img{
    max-width: 50%;
    padding-top: 0;
    margin: auto;
    padding-bottom: 10%;
    }
     .mobile-nav-bar.mobile .nav-links li{
         text-align: center;
        margin-right: 0;
        margin-bottom: 10px;
    }
     .mobile-nav-bar.mobile .nav-links {
        padding-left: 0;
    }
     .mobile-nav-bar.mobile .nav-links li a{
         text-decoration: none;
        color: var(--yellow);
        font-size: 16px;
		 font-family: 'Lora', serif;
		 font-weight:500

    }

    .site-footer .footer-top .location li{
        font-size: 19.17px;
        margin-right: 0;
        position: relative;
    }
    .site-footer .footer-top .location li:after{
        position: absolute;
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 50px;
        border: 1px solid #000;
        bottom: 0;
        background: #fff;
        left: 50%;
        transform: translateY(-50%);
        top: 130%;
        display: block !important;

    }
    .site-footer .footer-top .location{
        padding-bottom: 10px;
        background-image: url('./images/mobile-footer-middle-bg.png');
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: bottom center;
        width: 100vw;
        position: relative;
        left: -10px;
        margin-bottom: 10px;
    }
    .site-wrapper>.bg{
        background-size: 100% 50%;
    }
    .site-footer .footer-top .location{
        margin-top: 26px;
        justify-content: space-around;
    }
    .site-footer .footer-top .location li:nth-child(even)
    {
        display: none;
    }
    .section-products .description .para>*{
        font-size: 11.09px;
    }
    .section-products .description .para>p:last-child{
        margin-bottom: 0;
    }
    

    .section-products .link-know-more{
        font-size: 14.78px;

    }
    .section-features{
        padding-top: 40px;
        background-image: unset;
    }
    .section-features .row{
        margin-bottom: 30px;
    }

    .mobile{
        display: block;
    }
    .desktop{
        display: none;
    }
    .row.desktop{
        display: none;
    }
    .section-intro img{
        margin: auto;
    }
    .btn{
        font-size: 18px;
    }
    .site-header .bottom{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .section-intro  .content{
        text-align: center;
        
    }
    .section-intro  .content>ul{
        justify-content: center;
    }
    
    .section-intro  .content>*{
        margin: auto;
    }
    .section-intro .top{
        margin-bottom: 17.6px;
    }
    .section-intro .links{
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 24.4px ;
    }
    .section-intro .links>a{
        margin-bottom: 21px;

    }
    .section-intro{
        padding-top: 46px;
    }
    .section-intro:before , .section-intro:after{
        height: 110px;
        width: 15px;
        top: 50%;
    }

    .section-intro .top li{
        font-size: 17.24px;
    }
    .section-intro .title{
        font-size: 29.19px;
        max-width: 100%;
    }
    .section-features .slick-dots li button:after, .section-intro .slick-dots li button:before{
        font-size: 15px
    }
    .section-features .slick-dots ,.section-intro .slick-dots{
        text-align: center;
        top: 100%;
    }
    .section-features .content p{
        font-size: 12.7px;
    }
    .section-features .content{
        margin-bottom: 10px;
        
    }

    .section-features .title-col{
        margin-bottom: 0;
    }

    .section .title-col .title{
        font-size: 27.74px;
        margin-left: auto !important;
        margin-right: auto;
    }
    .slick-dots li button:before{
        font-size: 15px;
    }
    .slick-dots li.slick-active button:before{
        color: var(--yellow);
    }
  
    .section-products .description .title{
        font-size: 20.33px;

    }
    .section-features .row>div:nth-child(1) .content ,.section-features .row>div:nth-child(2) .content  {
        padding-top: 0;
    }
    .section-products .description .subtitle{
        font-size: 14.78px;
    }
    .section-products .content{
        background-color: #F3F5F7;
        padding-bottom: 10px;
    }
    .section-products .link-know-more{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        
    }
    .section-cta .title{
        font-size: 27.94px;
        max-width: 80%;
        margin: auto;
        text-align: center;
        margin-bottom: 24.5px;
    }
    .btn-outline.light{
        margin-left: auto;
        margin-right: auto;
    }
    .section .title-col .title:before{
        height: 1px;
    }
    .section .title-col .title:after{
        height: 1px;
    }

    .section-cta{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .section-about-us .content img{
        margin-left: auto;
        margin-right: auto;
    }
    .section-about-us .slick-prev{
        left: 20px;
    }
    .section-about-us .slick-next{
        right: 20px;
    }
    .section-about-us .slick-next,  .section-about-us .slick-prev{
    top: 30%;
    }
    .section-products{
        padding-top: 56px;
    }
    .section-about-us{
        padding-bottom: 60px;
        padding-top: 60px;
    }
    .section-tweets {
        padding-top: 61px;
        padding-bottom: 60px;
        background-position-x: 26%  ;
    }
    .section-tweets iframe{
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-direction: row;
        margin: auto;
        height: 304px !important;
        border-radius: 0; 
    }
    .section-tweets .content{
        padding: 0;
        text-align: center;
        margin-bottom: 40px;
    }
    .section-products .description{
        padding: 20.9px;
		padding-top:0
   }
    .section-products {
        padding-bottom: 36px;
    }
    .section-products .description{
        padding-bottom: 0;
    }
    .section-products .row{
        margin-bottom: 20px;
    }

    .section-products .row>div{
        width: 100%;

    }
    .section-products .bg{
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
    }
    .section-about-us .row>div{
        width: 100%;
    }
    .site-footer .footer-bottom{
        margin-top: 64px;
    }
    .site-footer .footer-bottom *{
        font-weight: 400;
    }
    .site-footer .footer-bottom .contact.first{
        margin-bottom: 47px;
    }
    .site-footer .footer-bottom .quick-links.first{
        margin-top: 52px;
    }
    .site-footer .footer-bottom .quick-links.first .title{
        margin-bottom: 15px;
    }
    .site-footer .footer-bottom .quick-links .title{
        margin-bottom: 0;
    }

}
@media screen and (max-width:768px){
    .section-features .content{
    padding-top: 93px;
    }
    .footer-middle img{
        max-width: 150px;
    }
    
 .section-features .row{
    background-image: url('../images/feature-bg-mobile.png');
    /* background-size: 50% 50%; */
    background-position: center center;
    background-position-y:0% ;
    background-repeat: no-repeat;

 }
 .section-features .row.title-row
    {
        background-image: unset;
    }
    

}