/*
Theme Name: kontorxr
Theme URI: https://knotorxp.transfunnel.co/
Author: knotorxp
Author URI: https://wordpress.org
Description: knotorxp is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 7.0
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: knotorxp
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


@media (min-width: 768px) {
    .container,.container-md,.container-sm {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container,.container-lg,.container-md,.container-sm {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width:1140px
    }
}

@media (min-width: 1400px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1320px
    }
}


h1, h2, h3, h4, h5, h6 {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    -webkit-hyphens: none;
    hyphens: none;
    margin-bottom: .5rem;
}
body {
    -webkit-text-size-adjust: none;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    overflow-x: hidden;
    text-rendering: geometricPrecision;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: .75rem;
    padding-right: .75rem;
    width: 100%;
}
a.wp-block-navigation-item__content:hover {
    text-decoration: none;
    color: #33dcfe !important;
}
a.wp-block-navigation-item__content{
    transition: all .5s;
}
section.banner {
    background-image: url(http://knotorxp.transfunnel.co/wp-content/uploads/2024/06/Rectangle-1-1-1.png);
    background-size: cover;
    background-position: center;
    padding: 120px 0px;
}
header.wp-block-template-part>.wp-block-group{
    background-image: url(http://knotorxp.transfunnel.co/wp-content/uploads/2024/06/Rectangle-2.png) !important;
    background-position: bottom;
    position: relative;
    z-index: 999999;
    background-color: transparent !important;
}
section.banner {
    margin-top: -30px !important;
}
.banner-inner p {
    color: #fff;
    margin: 0;
    font-size: 18px; 
}
.banner-inner-top-logo {
    padding-bottom: 40px;
}
.banner-inner-bottom-logo {
    padding-top: 80px;
    padding-bottom: 60px;
}

a.primary-button {
    background: #E1140A;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    padding: 10px 70px;
    border-radius: 10px;
    transition: all .5s ease;   
}
a.primary-button:hover {
    background: #fff;
    color: #E1140A;
}
section.section2 {
    margin: 0;
    position: relative;
}
section.section2 h2 {
    font-size: 65px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    color: #fff;
    margin: 0px 0px;
}
section.section2:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    mix-blend-mode: luminosity;
    background-image: url(http://knotorxp.transfunnel.co/wp-content/uploads/2024/06/Rectangle-3.png);
    background-size: cover;
    background-position: center;
}
section.section2 h2 span{
	color: #E1140A;
}


.section2-inner {
  position: relative;
    background-image: url(http://knotorxp.transfunnel.co/wp-content/uploads/2024/06/Mask-group-1.png);
    background-size: cover;
    background-position: center;
    padding: 8rem 0px 16rem 0px;
}


section.section3 {
    background-image: url(http://knotorxp.transfunnel.co/wp-content/uploads/2024/06/bg-3.png);
    background-size: cover;
    background-position: center;
    padding: 120px 0px;
    margin: 0;
}

.section-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.section-row-50 {
    flex: 0 0 48%;
}
section.section3 p {
    
    color: #fff;
    margin-top: 0;
}
.section-row-50 img{
   max-width:100%
}
.section3-content {
    padding-top: 80px;
    padding-bottom: 20px;
}
section.section4 {
    background: linear-gradient(73deg, #000 2.12%, #000 46.47%, #E1140A 108.57%);
    padding: 80px 0;
    margin: 0;
}

section.section4 h2 {
    color: #fff;
    text-align: center;
    font-size: 65px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
    padding-bottom: 60px;
}

.section4-inner {
    text-align: center;
    max-width: 160px;
    margin: 0 auto;
    color: #fff;
}
.section-row-33 {
    flex: 0 0 32%;
}

.section-row-center {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px 0px;
}


section.section5 {
    background-image: url(http://knotorxp.transfunnel.co/wp-content/uploads/2024/06/bg-4.png);
    background-size: cover;
    background-position: center;
    padding: 80px 0px 0px 0px;
    margin: 0;
}
.section5-right-content h3 {
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    color: #fff;
    margin-top: 0;
}
.section5-right-content p {
    color: #FFF;
    max-width: 470px;
    margin: 0 0px 0 auto;
    padding: 10px 0px 30px 0px;
}

.section5-right-content {
    text-align: right;
}
.section5-box {
    border-radius: 10px;
    border: 2px solid #E1140A;
    background: rgba(71, 59, 58, 0.70);
    padding: 20px;
    color: #fff;
}
.section5-box h5 {
    margin: 0;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
}
.section5-box p {
    margin-bottom: 0;
    font-weight: 300;
}

.section5 .section-row {
    padding-top: 40px;
    padding-bottom: 40px;
}

section.section6 {
    margin: 0;
    position: relative;
}

section.section6:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    mix-blend-mode: luminosity;
    background-image: url(http://knotorxp.transfunnel.co/wp-content/uploads/2024/06/bg5.png);
    background-size: cover;
    background-position: center;
}

.section6-inner {
    position: relative;
    padding: 60px 0px 0px 0px;
}
.section6-left-content h3 {
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    color: #fff;
    margin-top: 40px;
    max-width: 400px;
}

.section6-left-content p {
    color: #FFF;
    max-width: 480px;
    padding: 10px 0px 10px 0px;
}

.section6 .section-row:nth-child(2) {
    padding-top: 100px;
    padding-bottom: 40px;
}
.section6-inner .section-row-50 img:nth-child(1) {
    padding-bottom: 40px;
}

section.section7 {
    background-image: url(http://knotorxp.transfunnel.co/wp-content/uploads/2024/06/bg-6.png);
    background-size: cover;
    background-position: center;
    padding: 100px 0px 100px 0px;
    margin: 0;
  text-align: center;
 position: relative;
}
section.section7 h2 {
    color: #FFF;
    font-size: 45px;
    text-align: center;
    font-weight: 600;
    margin-top: 0;
}
section.section7 p {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    text-align: center;
    padding-bottom: 20px;
}
section.section7 .container {
    position: relative;
}

section.section7:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(-131deg, rgba(225, 20, 10, 0.00) 38.25%, rgba(225, 20, 10, 0.55) 84.22%, #E1140A 116.4%);
}

section.section8 {
    background: linear-gradient(73deg, #000 2.12%, #000 46.47%, #E1140A 108.57%);
    color: #fff;
    padding: 120px 0px;
    margin: 0;
}

section.section8 h2 {
    font-size: 55px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    padding: 0px 0px;
}
section.section8 h2 span{
    color:#E1140A;
}
section.section8 h5 {
    font-size: 20px;
    color: #fff;
    margin: 0;
    font-weight: 600;
    padding: 10px 0px;
}


a.secondary-button {
    border-radius: 10px;
    border: 2px solid #E1140A;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    padding: 10px 70px;
    transition: all .5s ease;  
}
a.secondary-button:hover {
    background: #E1140A;
}
.section8-cta {
    text-align: center;
    padding-top: 40px;
}
.wp-block-group {
    padding-bottom: 0px;
}
footer.wp-block-template-part {
    margin: 0;
}
.font-size-xx-small {
    color: #fff;
    font-size: 0.666rem;
}
span.opacity-60 {
    opacity: .6 !important;
}
.list-style-none {
    list-style-type: none !important;
}
ul.p-0.list-style-none.d-flex.justify-content-start.gap-6.gap-sm-4.flex-grow-1.legal {
    padding: 0;
    margin: 0;
}
ul:last-child {
    margin-bottom: 0;
}
.font-size-xx-small li a {
    color: #fff;
    text-decoration: none;
}
.d-flex {
    display: flex;
}
.gap-sm-4 {
        gap: 1rem ;
}
.justify-content-start {
    justify-content: flex-start;
}
.legal li{
	position:relative;
}

.legal li a:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 10px;
    left: -.5rem;
    opacity: .6;
    position: absolute;
    top: 3px;
    width: 1px;
}

.wp-site-blocks,.wp-block-group {
    padding: 0;
}


header a.wp-block-button__link.wp-element-button {
    background: #0C9;
    border-radius: 40px;
    color: #000;
    padding: 15px 30px;
}




@media(max-width:767px){
	img {
    		max-width: 100%;
	}
	.container {
        	padding: 0px 0px;
        	max-width: 85%;
   	 }
	section.section2 h2,section.section4 h2,section.section8 h2,section.section7 h2 {
    		font-size: 26px;
	}
	.section-row-33 {
    		flex: 0 0 100%;
	}
	.section-row-50 {
    		flex: 0 0 100%;
	}
	section.section7 iframe {
    		width: auto;
   	 	height: auto;
	}
	a.secondary-button,a.primary-button {    
    		padding: 10px 20px;
        	font-size: 14px;
	}
	section.banner,.section2-inner,section.section3,section.section7,section.section8 {
	   padding: 60px 0px;
	}
	.banner-inner-bottom-logo {
    		padding-top: 40px;
    		padding-bottom: 50px;
	}
	.section5-box {
    		margin-bottom: 20px;
	}
	.section6-left-content {
    		padding-bottom: 40px;
	}
	.section5-right-content {
	    padding-top: 40px;
	}
	section.wp-block-group.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-8.wp-block-group-is-layout-flex {
    		display: block;
    		text-align: center;
    		padding-left: 20px !important;
    		padding-right: 20px !important;
	}
	.font-size-xx-small.font-family-poppins-light.d-flex.flex-column.flex-sm-row.align-items-center.justify-content-center.gap-2.gap-sm-4 {
    		text-align: center;
    		justify-content: center;
    		padding-bottom: 40px;
	}
	footer ul.wp-block-navigation__container.has-text-color.has-base-2-color.wp-block-navigation {
    		justify-content: center;
	}

}