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

@media (max-width: 767px) {
	.header {
		height: 12rem;
	}

	.logo {
		width: 10rem;
	}

	.header_top {
		height: auto;
		font-size: 1.2rem;
		text-align: center;
		padding: 1rem 1rem;
	}

	.header_contact a {
		width: auto;
		height: auto;
		padding: 10px 20px;
		font-size: 1.5rem;
	}
	
	.llp .hero_img {
	    bottom: 0;
	}

	.hero_desc {
		width: 100%;
		margin-top: 0;
	}

	.hero_title {
		font-size: 4rem;
	}

	.hero_txt {
		font-size: 2rem;
		line-height: 2.6rem;
		margin-top: 2.5rem;
		width: 95%;
	}

	.hero__btns {
		gap: 1.5rem;
		margin-top: 2rem;
		flex-direction: column;
		align-items: flex-start;
	}

	.btn_signup {
		height: 50px;
		gap: 1rem;
		padding: 0 5px 0 20px;
		font-size: 1.6rem;
	}

	.btn_offers {
		height: 50px;
		gap: 1rem;
		padding: 0 5px 0 20px;
		font-size: 1.6rem;
	}

	.introduction {
		padding: 9rem 0 9rem 0;
	}

	.introduction_title {
		font-size: 3rem;
		line-height: 4rem;
		margin-bottom: 2.4rem;
	}

	.introduction_txt {
		font-size: 1.8rem;
		line-height: 2.6rem;
		padding: 0 5%;
	}

	.introduction_stxt {
		font-size: 2rem;
	}

    .intro_products--repeat {
        width: 100%;
        margin-bottom: 5%;
    }

	.offers {
		padding: 5rem 0 0rem 0;
		align-items: center;
	}

	.offers_title {
		font-size: 3rem;
		line-height: 4rem;
	}

	.offers_line {
		top: -18rem;
		width: 85%;
	}

	.offers_main_tags {
		top: -20px;
		width: 100%;
		padding: 0;
		left: 0;
		justify-content: center;
	}

	.offers_main_top_firstrow {
		flex-direction: column;
	}

	.offers_main_top_firstrow-left {
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.offers_main_top_firstrow-right {
		width: 100%;
		font-size: 1.8rem;
		line-height: 2.6rem;
		margin-top: 2rem;
	}

	.offers_main_top_secondrow {
		align-items: flex-start;
		flex-direction: column;
	}

	.offers_main_top_title {
		font-size: 2.5rem;
	}

	.offers_main_top_secondrow-left {
		width: 100%;
		font-size: 1.8rem;
		display: none;
	}

	.offers_main_top_secondrow-right {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		gap: 1rem;
	}

	.accordion-header {
		font-size: 1.8rem;
		padding: 1rem 1rem;
	}

	.accordion-content_inner {
		flex-direction: column;
	}

	.accordion-content_col {
		width: 100%;
	}

	.accordion-content_col:nth-child(1) {
		margin-bottom: 2rem;
	}

	.accordion_table_row {
		padding: 2rem 1rem;
		flex-direction: column;
	}

	.accordion_table_row > div:nth-child(1) {
		width: 100%;
		margin-bottom: 1rem;
		font-weight: 700;
	}

	.accordion_table_row > div:nth-child(2) {
		width: 100%;
		font-size: 1.8rem;
	}

	.accordion_table .accordion_table_row:nth-child(1) {
		display: none;
	}

	.offers_box_promo strong {
		font-size: 2.4rem;
		line-height: 3rem;
	}

	.offers_box {
		box-shadow: none;
	}

	.offers_swiper {
		padding: 2rem 0 5rem;
	}

	.offers_wp {
		padding-bottom: 8rem;
	}

	.intro_logos {
		flex-wrap: wrap;
		gap: 1rem;
		margin-top: 1rem;
	}

	.intro_logos .intro_logos_boxes {
		display: flex;
		margin: 0;
		width: 10rem;
		height: 10rem;
	}

	.intro_logos_img {
		width: 5rem;
		height: 5rem;
	}

	.formsection .cnt_wp {
		flex-direction: column;
	}

	.formsection_left {
		width: 100%;
		height: 45vh;
		padding: 2.5rem 1.5rem 2.5rem 2.5rem;
	}
	
	.llp .formsection_left {
        background-position: top;
        padding: 1.5rem 2rem;
    }

	.formsection_left_title {
		font-size: 3rem;
		line-height: 4rem;
	}
	
	.llp .formsection_left_title {
	    font-size: 2.4rem;
	}

	.formsection_left_txt {
		font-size: 1.8rem;
		line-height: 2.5rem;
	}

	.formsection_right {
		width: 100%;
		padding: 3.5rem 2.5rem 4.5rem 2.5rem;
		height: auto;
		margin-top: 2rem;
	}

	.testimonials_quote span {
		width: 3.8rem;
	}

	.testimonials_box_txt {
		font-size: 2rem;
		line-height: 3rem;
		margin-bottom: 2rem;
	}

	.testimonials_box_name h4,
	.testimonials_box_name p {
		font-size: 1.8rem;
		line-height: 2rem;
	}

	.footer .cnt_wp {
		flex-direction: column;
	}

	.footer_wp {
		padding: 4rem 0;
	}

	.footer_left {
		width: 14rem;
	}

	.footer_right {
		width: 100%;
		margin-right: 0;
	}

	.footer_title {
		margin-top: 3rem;
		font-size: 3rem;
		line-height: 4rem;
	}

	.footer_btn {
		margin-top: 2rem;
	}

	.footer_contact {
		width: 100%;
		margin-top: 5rem;
		flex-direction: column;
	}

	.footer_contact_right {
		width: 100%;
		margin-left: auto;
		display: flex;
		gap: 6rem;
		margin-top: 0rem;
		order: 1;
	}

	.footer_contact_left {
		order: 2;
		margin-top: 4rem;
	}

	.selectyouroffer .checkboxlist > div {
		width: 100%;
	}

	.umbraco-forms-submitmessage {
		font-size: 2rem;
		font-weight: 300;
		line-height: 3rem;
	}
	
	.triber .logo {
        width: 10rem;
    }
    
    .triber .llp .hero_img {
        display: none;
    }
        
     .triber .hero_desc {
        width: 100%;
        margin-top: 5rem;
    }
    
    .triber .llp .hero_wp {
        padding-top: 11rem;
        background: linear-gradient(292deg, #FDFEFF -11.79%, #E5F5FF 102.47%);
    }
    
    .stickySection .cnt_wp {
        align-items: flex-start;
        flex-direction: column;
        width: 100%;
    }
    
    .sticky_swiper {
        width: 100%;
        height: 25rem;
    }
    
    .stickySection .stickySection_left {
        width: 100%;
        padding-right: 30px;
        position: relative;
        top: inherit;
    }
    
    .sSwiper_img {
        width: 100%;
        height: auto;
        border: 1px solid rgba(27, 65, 105, 0.20);
        padding: 1rem;
    }

    .stickySection .stickySection_left .swiper-pagination-vertical.swiper-pagination-bullets, .stickySection .stickySection_left .swiper-vertical>.swiper-pagination-bullets {
        top: auto;
        transform: inherit;
        right: -3px;
        bottom: auto;
        top: 50%;
        transform: translate3d(0px, -50%, 0);
    }
    
    .stickySection .stickySection_right {
        width: 100%;
        margin-left: auto;
    }
    
    .stickySection_title {
        color: #10141C;
        font-size: 2rem;
        font-style: normal;
        font-weight: 400;
        line-height: 3rem;
        letter-spacing: -1.5px;
    }
    
    
    .stickySection_listing ul {
        display: flex;
        flex-wrap: wrap;
        gap: 2%;
        flex-direction: column;
    }
    
    .stickySection_listing ul li {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-bottom: 3rem;
    }

    .stickySection {
        padding: 9rem 2rem 5rem;
        position: relative;
    }
    
    .inner-functionalities {
        max-width: 98.75%;
        margin: 0rem auto;
    }   
    
    .functionalities-acc-bloc {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        flex-direction: column;
    }
    
    .functionalities-acc-repeat {
        width: 100%;
        position: relative;
        margin-bottom: 1.4%;
        border: 1px solid rgba(16, 20, 28, 0.20);
        border-radius: .8rem;
        padding: 1.8rem 1rem;
        cursor: pointer;
    }

    .stickySection_img {
        position: absolute;
        right: 0%;
        width: 29%;
        top: -45px;
    }
    
.arivelaHero .hero_title {
    color:#10141c;
}

 .arivelaHero .hero_title span {
    color: #10141c;
 }
 
 .arivelaHero .introduction_btn a {
	color: #10141c;
	border: 1px solid #fff;
	background: #fff;
}

 .arivelaHero .introduction_btn a span {
	background: #10141c;
}

 .arivelaHero .introduction_btn a:hover {
	background: #10141c;
	border: 1px solid #10141c;
	color:#fff;
}

 .arivelaHero .introduction_btn a:hover span{
     background: #fff;
 }
 
 .fillarivela{
     fill:#fff;
     	transition: all 0.3s ease-in-out;
 }
 
 .arivelaHero .hero_txt {
    color: #10141c;
     
 }
 
  .arivelaHero .introduction_btn a:hover .fillarivela{
     fill: #10141c;
 }
 
 .functionalities-acc-shown .tit {
    width: 75%;
}




}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.header {
		height: 18rem;
	}
	.header_top {
		height: auto;
		font-size: 1.4rem;
		text-align: center;
		padding: 1.5rem 1rem;
	}

	.header_contact a {
		width: auto;
		height: auto;
		padding: 10px 20px;
		font-size: 1.5rem;
	}
	
	.llp .hero_img {
	    bottom: 0;
	}

	.hero_desc {
		width: 100%;
		margin-top: -5rem;
	}

	.hero_title {
		font-size: 8rem;
	}

	.hero_txt {
		font-size: 3rem;
		line-height: 3.6rem;
		margin-top: 2.5rem;
		width: 90%;
	}

	.hero__btns {
		gap: 1.5rem;
		margin-top: 3rem;
	}

	.btn_signup {
		height: 50px;
		gap: 1rem;
		padding: 0 5px 0 20px;
		font-size: 1.6rem;
	}

	.btn_offers {
		height: 50px;
		gap: 1rem;
		padding: 0 5px 0 20px;
		font-size: 1.6rem;
	}

	.introduction_title {
		font-size: 5rem;
		line-height: 6rem;
		margin-bottom: 2.4rem;
	}

	.cnt_990 {
		width: 85%;
	}

	.offers {
		padding: 5rem 0 0rem 0;
		align-items: center;
	}

	.offers_title {
		font-size: 5rem;
		line-height: 6rem;
	}

	.offers_line {
		width: 85%;
		top: -20rem;
	}

	.offers_main_tags {
		top: -20px;
		width: 100%;
		padding: 0;
		left: 0;
		justify-content: center;
	}

	.offers_main_top_firstrow {
		flex-direction: column;
	}

	.offers_main_top_firstrow-left {
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.offers_main_top_firstrow-right {
		width: 100%;
		font-size: 1.8rem;
		line-height: 2.6rem;
		margin-top: 2rem;
	}

	.offers_main_top_secondrow {
		align-items: flex-start;
		flex-direction: column;
	}

	.offers_main_top_title {
		font-size: 2.5rem;
	}

	.offers_main_top_secondrow-left {
		width: 100%;
		font-size: 1.8rem;
		display: none;
	}

	.offers_main_top_secondrow-right {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		gap: 1rem;
	}

	.accordion-content_inner {
		flex-direction: column;
	}

	.accordion-content_col {
		width: 100%;
	}

	.offers_box_promo strong {
		font-size: 2.5rem;
		line-height: 3.5rem;
	}

	.offers_box_content_list li {
		padding: 2rem 0.5rem 2rem 2.5rem;
	}

	.formsection .cnt_wp {
		flex-direction: column;
	}

	.formsection_left {
		width: 100%;
		height: 45vh;
		padding: 3.5rem 3.5rem 2.5rem 3.5rem;
	}

	.formsection_left_title {
		font-size: 4rem;
		line-height: 5rem;
	}

	.formsection_left_txt {
		font-size: 1.8rem;
		line-height: 2.5rem;
	}

	.formsection_right {
		width: 100%;
		padding: 3.5rem 3.5rem 4.5rem 3.5rem;
		height: auto;
		margin-top: 2rem;
	}

	.footer .cnt_wp {
		flex-direction: column;
	}

	.footer_wp {
		padding: 4rem 0;
	}

	.footer_left {
		width: 14rem;
	}

	.footer_right {
		width: 100%;
		margin-right: 0;
	}

	.footer_title {
		margin-top: 3rem;
		font-size: 4rem;
		line-height: 5rem;
		width: 70%;
	}

	.footer_btn {
		margin-top: 2rem;
	}

	.footer_contact {
		width: 100%;
		margin-top: 5rem;
	}

	.umbraco-forms-submitmessage {
		font-size: 2rem;
		font-weight: 300;
		line-height: 3rem;
	}
	
	
	.triber .logo {
        width: 10rem;
    }
    
    .triber .llp .hero_img {
        display: none;
    }
        
     .triber .hero_desc {
        width: 100%;
        margin-top: 5rem;
    }
    
    .triber .llp .hero_wp {
        padding-top: 11rem;
        background: linear-gradient(292deg, #FDFEFF -11.79%, #E5F5FF 102.47%);
    }
    
    .stickySection .cnt_wp {
        align-items: flex-start;
        flex-direction: column;
        width: 100%;
    }
    
    .sticky_swiper {
        width: 100%;
    }
    
    .stickySection .stickySection_left {
        width: 100%;
        padding-right: 30px;
        position: relative;
        top: inherit;
    }
    
    .sSwiper_img {
        width: 100%;
        height: auto;
        border: 1px solid rgba(27, 65, 105, 0.20);
        padding: 1rem;
    }

    .stickySection .stickySection_left .swiper-pagination-vertical.swiper-pagination-bullets, .stickySection .stickySection_left .swiper-vertical>.swiper-pagination-bullets {
        top: auto;
        transform: inherit;
        right: -3px;
        bottom: auto;
        top: 50%;
        transform: translate3d(0px, -50%, 0);
    }
    
    .stickySection .stickySection_right {
        width: 100%;
        margin-left: auto;
    }
    
    
    .stickySection_listing ul {
        display: flex;
        flex-wrap: wrap;
        gap: 8%;
    }
    
    .stickySection_listing ul li {
        display: flex;
        flex-direction: column;
        margin-bottom: 2rem;
    }

    .stickySection {
        padding: 9rem 2rem 5rem;
        position: relative;
    }
    
    .inner-functionalities {
        max-width: 98.75%;
        margin: 0rem auto;
    }   
    
    .functionalities-acc-bloc {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        flex-direction: column;
    }
    
    .functionalities-acc-repeat {
        width: 100%;
        position: relative;
        margin-bottom: 1.4%;
        border: 1px solid rgba(16, 20, 28, 0.20);
        border-radius: .8rem;
        padding: 1.8rem 3rem;
        cursor: pointer;
    }
    
    .stickySection_img {
        position: absolute;
        right: 0%;
        width: 29%;
        top: -45px;
    }
    
    .arivelaHero .hero_title {
        color:#10141c;
    }
    
     .arivelaHero .hero_title span {
        color: #10141c;
     }
     
    
     .arivelaHero .hero_txt {
        color: #10141c;
     }

}

@media screen and (min-width: 1024px) and (max-width: 1183px) {
	.header_contact a {
		width: auto;
		height: auto;
		padding: 10px 20px;
		font-size: 1.5rem;
	}

	.hero_img {
		width: 54%;
	}

	.llp .hero_img {
		width: 100%;
	}

	.hero_desc {
		width: 65%;
		margin-top: 5rem;
	}
	.hero_title {
		font-size: 7rem;
	}

	.hero_txt {
		font-size: 2.4rem;
		line-height: 3rem;
		width: 80%;
	}

	.hero__btns {
		gap: 1.5rem;
		margin-top: 3rem;
	}

	.btn_signup {
		height: 50px;
		gap: 1rem;
		padding: 0 5px 0 20px;
		font-size: 1.6rem;
	}

	.btn_offers {
		height: 50px;
		gap: 1rem;
		padding: 0 5px 0 20px;
		font-size: 1.6rem;
	}

	.cnt_990 {
		width: 85%;
	}

	.introduction_title {
		font-size: 4.8rem;
		font-weight: 500;
		margin-bottom: 2.4rem;
	}

	.offers_line {
		width: 85%;
	}

	.offers_title {
		font-size: 4.6rem;
		line-height: 6rem;
	}

	.accordion_table_row > div:nth-child(1) {
		width: 30%;
	}
	.accordion_table_row > div:nth-child(2) {
		width: 70%;
	}

	.offers_main_top_firstrow-left {
		width: 40%;
	}

	.offers_main_top_secondrow-left {
		width: 40%;
		font-size: 2rem;
		line-height: 2.6rem;
	}

	.offers_main_top_secondrow-left strong {
		font-size: 2.8rem;
		line-height: 3rem;
	}

	.accordion_table_row {
		height: 68px;
	}

	.swiper-horizontal > .swiper-pagination-bullets,
	.swiper-pagination-bullets.swiper-pagination-horizontal,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 0;
	}

	.formsection_left_title {
		font-size: 4rem;
		line-height: 5rem;
	}

	.formsection_left {
		width: 49.21%;
		padding: 3.5rem 2.5rem 3.5rem 2.5rem;
	}

	.formsection_right {
		padding: 3.5rem 2.5rem 4.5rem 1.5rem;
	}

	.footer .cnt_wp {
		flex-direction: column;
	}

	.footer_wp {
		padding: 4rem 0;
	}

	.footer_left {
		width: 14rem;
	}

	.footer_right {
		width: 100%;
		margin-right: 0;
	}

	.footer_title {
		margin-top: 3rem;
		font-size: 4rem;
		line-height: 5rem;
		width: 50%;
	}

	.footer_btn {
		margin-top: 2rem;
	}

	.footer_contact {
		width: 100%;
		margin-top: 5rem;
	}

	.selectyouroffer .checkboxlist > div {
		width: 47%;
	}
	
    .triber .logo {
        width: 12.5rem;
    }
    
    .triber .hero_title {
        font-size: 5rem;
    }
    
     .triber .hero {
        background: linear-gradient(292deg, #FDFEFF -11.79%, #E5F5FF 102.47%);
    }
    
    .sticky_swiper {
        width: 100%;
        height: 30rem;
    }
    
    .stickySection_title {
        color: #10141C;
        font-size: 2.4rem;
        line-height: 3rem;
        letter-spacing: -1.5px;
    }


}

@media screen and (min-width: 1184px) and (max-width: 1399px) {
	html {
		font-size: 55.5%;
	}
	.header {
		height: 18rem;
	}

	.hero_img {
		width: 55%;
	}

	.llp .hero_img {
		width: 100%;
	}

	.hero_title {
		font-size: 7rem;
	}

	.header_contact a {
		width: 160px;
		height: 50px;
	}

	.hero_txt {
		font-size: 2.6rem;
		line-height: 2.8rem;
		margin-top: 3.5rem;
		width: 90%;
	}

	.hero__btns {
		gap: 2rem;
		margin-top: 4rem;
	}

	.btn_signup {
		height: 55px;
		min-width: 220px;
		font-size: 1.6rem;
	}

	.btn_offers {
		font-size: 1.6rem;
		padding: 0 15px 0 22px;
		height: 55px;
		min-width: 175px;
	}

	.offers_line {
		top: -20rem;
		width: 75%;
	}

	.offers_main_top_secondrow-right > div {
		font-size: 1.4rem;

		padding: 12px 10px;
	}

	.offers_box_promo strong {
		font-size: 2.5rem;
		line-height: 3.5rem;
	}

	.formsection_left_title {
		font-size: 4rem;
		line-height: 5rem;
	}

	.formsection_left {
		width: 49.21%;
		padding: 3.5rem 3.5rem 3.5rem 3.5rem;
		height: auto;
	}

	.formsection_right {
		padding: 3.5rem 3.5rem 4.5rem 3.5rem;
	}

	.footer_right {
		width: 55%;
		margin-right: 5%;
	}

	.footer_title {
		font-size: 6rem;
	}
	
	.sticky_swiper {
        width: 100%;
        height: 43rem;
    }

}

@media screen and (min-width: 1400px) and (max-width: 1663px) {
	html {
		font-size: 55.5%;
	}
	.header {
		height: 18rem;
	}

	.hero_title {
		font-size: 7rem;
	}

	.header_contact a {
		width: 160px;
		height: 50px;
	}

	.hero_txt {
		margin-top: 3.5rem;
		width: 80%;
	}

	.hero__btns {
		gap: 2rem;
		margin-top: 4rem;
	}

	.btn_signup {
		height: 55px;
		min-width: 220px;
		font-size: 1.6rem;
	}

	.btn_offers {
		font-size: 1.6rem;
		padding: 0 15px 0 22px;
		height: 55px;
		min-width: 175px;
	}

	.offers_line {
		width: 65%;
	}

	.formsection_left {
		width: 49.21%;
		padding: 3.5rem 3.5rem 3.5rem 3.5rem;
		height: auto;
	}

	.formsection_right {
		padding: 3.5rem 3.5rem 4.5rem 3.5rem;
	}

	.footer_title {
		font-size: 6rem;
	}
}

@media screen and (min-width: 1530px) and (max-width: 1663px) {
	.hero_title {
		font-size: 8rem;
	}
}

@media screen and (min-width: 1664px) and (max-width: 1750px) {
}

@media screen and (min-width: 1720px) and (max-width: 1750px) {
}

@media screen and (min-width: 2400px) and (max-width: 2700px) {
}
