.elementor-15059 .elementor-element.elementor-element-309a3ef{--display:flex;--min-height:170px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15059 .elementor-element.elementor-element-44a68504{--e-image-carousel-slides-to-show:1;}.elementor-15059 .elementor-element.elementor-element-2902eaf8{--display:flex;--min-height:170px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15059 .elementor-element.elementor-element-4666c8ef{--e-image-carousel-slides-to-show:1;}.elementor-15059 .elementor-element.elementor-element-2ed21d3d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-15059 .elementor-element.elementor-element-30160bee{--display:flex;--border-radius:20px 20px 20px 20px;--margin-top:50px;--margin-bottom:50px;--margin-left:50px;--margin-right:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-15059 .elementor-element.elementor-element-30160bee:not(.elementor-motion-effects-element-type-background), .elementor-15059 .elementor-element.elementor-element-30160bee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F1EA;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-15059 .elementor-element.elementor-element-5a4e56cd{text-align:center;font-family:"truestory regular", Sans-serif;font-size:33px;font-weight:400;color:#212121;}.elementor-15059 .elementor-element.elementor-element-24ac41a1{--display:flex;--border-radius:20px 20px 20px 20px;--margin-top:50px;--margin-bottom:50px;--margin-left:50px;--margin-right:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-15059 .elementor-element.elementor-element-24ac41a1:not(.elementor-motion-effects-element-type-background), .elementor-15059 .elementor-element.elementor-element-24ac41a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F1EA;}.elementor-15059 .elementor-element.elementor-element-48f56d8b{text-align:center;font-family:"truestory regular", Sans-serif;font-size:33px;font-weight:400;color:#212121;}.elementor-15059 .elementor-element.elementor-element-1a282bcd{--display:flex;--min-height:600px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:25px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15059 .elementor-element.elementor-element-1a282bcd:not(.elementor-motion-effects-element-type-background), .elementor-15059 .elementor-element.elementor-element-1a282bcd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #F8D983 0%, #F7C548 57%);}.elementor-15059 .elementor-element.elementor-element-578732c2{--display:flex;}.elementor-15059 .elementor-element.elementor-element-7a9b2ae2{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-15059 .elementor-element.elementor-element-140e95d2{text-align:center;}.elementor-15059 .elementor-element.elementor-element-140e95d2 .elementor-heading-title{font-family:"truestory regular", Sans-serif;font-size:100px;font-weight:400;font-style:normal;color:#5a2816;}.elementor-15059 .elementor-element.elementor-element-6598737f{--display:flex;--min-height:400px;--justify-content:center;--background-transition:0.3s;--border-radius:15px 15px 15px 15px;}.elementor-15059 .elementor-element.elementor-element-6598737f:not(.elementor-motion-effects-element-type-background), .elementor-15059 .elementor-element.elementor-element-6598737f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-15059 .elementor-element.elementor-element-6d8b12ef{text-align:center;font-family:"truestory regular", Sans-serif;font-size:33px;font-weight:400;color:#212121;}.elementor-15059 .elementor-element.elementor-element-57666dfd{--display:flex;--min-height:400px;--justify-content:center;--background-transition:0.3s;--border-radius:15px 15px 15px 15px;}.elementor-15059 .elementor-element.elementor-element-57666dfd:not(.elementor-motion-effects-element-type-background), .elementor-15059 .elementor-element.elementor-element-57666dfd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-15059 .elementor-element.elementor-element-70cd909a{text-align:center;font-family:"truestory regular", Sans-serif;font-size:33px;font-weight:400;color:#212121;}.elementor-15059 .elementor-element.elementor-element-75c43543{--display:flex;--min-height:400px;--justify-content:center;--background-transition:0.3s;--border-radius:15px 15px 15px 15px;}.elementor-15059 .elementor-element.elementor-element-75c43543:not(.elementor-motion-effects-element-type-background), .elementor-15059 .elementor-element.elementor-element-75c43543 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-15059 .elementor-element.elementor-element-2fe1272{text-align:center;font-family:"truestory regular", Sans-serif;font-size:33px;font-weight:400;color:#212121;}.elementor-15059 .elementor-element.elementor-element-5e243456{--display:flex;--min-height:400px;--justify-content:center;--background-transition:0.3s;--border-radius:15px 15px 15px 15px;}.elementor-15059 .elementor-element.elementor-element-5e243456:not(.elementor-motion-effects-element-type-background), .elementor-15059 .elementor-element.elementor-element-5e243456 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-15059 .elementor-element.elementor-element-29ea2e8a{text-align:center;font-family:"truestory regular", Sans-serif;font-size:33px;font-weight:400;color:#212121;}.elementor-15059 .elementor-element.elementor-element-37c8ca35{--display:flex;--min-height:400px;--justify-content:center;--background-transition:0.3s;--border-radius:15px 15px 15px 15px;}.elementor-15059 .elementor-element.elementor-element-37c8ca35:not(.elementor-motion-effects-element-type-background), .elementor-15059 .elementor-element.elementor-element-37c8ca35 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-15059 .elementor-element.elementor-element-e1840f1{text-align:center;font-family:"truestory regular", Sans-serif;font-size:33px;font-weight:400;color:#212121;}.elementor-15059 .elementor-element.elementor-element-109bac81{--display:flex;--min-height:400px;--justify-content:center;--background-transition:0.3s;--border-radius:15px 15px 15px 15px;}.elementor-15059 .elementor-element.elementor-element-109bac81:not(.elementor-motion-effects-element-type-background), .elementor-15059 .elementor-element.elementor-element-109bac81 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-15059 .elementor-element.elementor-element-26b32d4c{text-align:center;font-family:"truestory regular", Sans-serif;font-size:33px;font-weight:400;color:#212121;}.elementor-15059 .elementor-element.elementor-element-1fb91240{--display:flex;--min-height:400px;--justify-content:center;--background-transition:0.3s;--border-radius:15px 15px 15px 15px;}.elementor-15059 .elementor-element.elementor-element-1fb91240:not(.elementor-motion-effects-element-type-background), .elementor-15059 .elementor-element.elementor-element-1fb91240 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-15059 .elementor-element.elementor-element-34509431{text-align:center;font-family:"truestory regular", Sans-serif;font-size:33px;font-weight:400;color:#212121;}.elementor-15059 .elementor-element.elementor-element-46f79299{--display:flex;--min-height:400px;--justify-content:center;--background-transition:0.3s;--border-radius:15px 15px 15px 15px;}.elementor-15059 .elementor-element.elementor-element-46f79299:not(.elementor-motion-effects-element-type-background), .elementor-15059 .elementor-element.elementor-element-46f79299 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-15059 .elementor-element.elementor-element-29bb4f8f{text-align:center;font-family:"truestory regular", Sans-serif;font-size:33px;font-weight:400;color:#212121;}.elementor-15059 .elementor-element.elementor-element-16dd422b{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:30px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-50px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:-50px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:50px;--e-n-carousel-swiper-pagination-spacing:30px;}.elementor-15059 .elementor-element.elementor-element-393811dd{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--align-content:flex-start;--overlay-opacity:0;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-15059 .elementor-element.elementor-element-393811dd:not(.elementor-motion-effects-element-type-background), .elementor-15059 .elementor-element.elementor-element-393811dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #424242 0%, #424242 100%);}.elementor-15059 .elementor-element.elementor-element-393811dd::before, .elementor-15059 .elementor-element.elementor-element-393811dd > .elementor-background-video-container::before, .elementor-15059 .elementor-element.elementor-element-393811dd > .e-con-inner > .elementor-background-video-container::before, .elementor-15059 .elementor-element.elementor-element-393811dd > .elementor-background-slideshow::before, .elementor-15059 .elementor-element.elementor-element-393811dd > .e-con-inner > .elementor-background-slideshow::before, .elementor-15059 .elementor-element.elementor-element-393811dd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://mesopotamia.hu/wp-content/uploads/2026/07/back-contact.jpg");--background-overlay:'';}.elementor-15059 .elementor-element.elementor-element-393811dd.e-con{--align-self:flex-start;}.elementor-15059 .elementor-element.elementor-element-26c777cb{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:63px 63px;--row-gap:63px;--column-gap:63px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15059 .elementor-element.elementor-element-5a12e37f{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:center;}.elementor-15059 .elementor-element.elementor-element-5a12e37f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-15059 .elementor-element.elementor-element-6adf8669{text-align:end;}.elementor-15059 .elementor-element.elementor-element-6adf8669 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:26px;font-weight:600;color:#FFFFFF;}.elementor-15059 .elementor-element.elementor-element-34893925{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:start;}.elementor-15059 .elementor-element.elementor-element-4320293c{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--align-content:flex-start;--overlay-opacity:0;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-15059 .elementor-element.elementor-element-4320293c:not(.elementor-motion-effects-element-type-background), .elementor-15059 .elementor-element.elementor-element-4320293c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #424242 0%, #424242 100%);}.elementor-15059 .elementor-element.elementor-element-4320293c::before, .elementor-15059 .elementor-element.elementor-element-4320293c > .elementor-background-video-container::before, .elementor-15059 .elementor-element.elementor-element-4320293c > .e-con-inner > .elementor-background-video-container::before, .elementor-15059 .elementor-element.elementor-element-4320293c > .elementor-background-slideshow::before, .elementor-15059 .elementor-element.elementor-element-4320293c > .e-con-inner > .elementor-background-slideshow::before, .elementor-15059 .elementor-element.elementor-element-4320293c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://mesopotamia.hu/wp-content/uploads/2026/07/back-contact.jpg");--background-overlay:'';}.elementor-15059 .elementor-element.elementor-element-4320293c.e-con{--align-self:flex-start;}.elementor-15059 .elementor-element.elementor-element-3a5a1d1a{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:63px 63px;--row-gap:63px;--column-gap:63px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15059 .elementor-element.elementor-element-35999ff5{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:center;}.elementor-15059 .elementor-element.elementor-element-35999ff5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-15059 .elementor-element.elementor-element-6d1ec464{text-align:end;}.elementor-15059 .elementor-element.elementor-element-6d1ec464 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:26px;font-weight:600;color:#FFFFFF;}.elementor-15059 .elementor-element.elementor-element-7305f9aa{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:center;}.elementor-15059 .elementor-element.elementor-element-7305f9aa.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-15059 .elementor-element.elementor-element-32935b1a{--display:flex;}.elementor-15059 .elementor-element.elementor-element-340b88a7{--display:flex;}.elementor-15059 .elementor-element.elementor-element-6f664ab4{--display:flex;}.elementor-15059 .elementor-element.elementor-element-475aa742{--display:flex;}.elementor-15059 .elementor-element.elementor-element-4a3d0c00{--display:flex;}@media(max-width:1024px){.elementor-15059 .elementor-element.elementor-element-16dd422b{--e-n-carousel-swiper-slides-to-display:2;}.elementor-15059 .elementor-element.elementor-element-34893925{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-15059 .elementor-element.elementor-element-30160bee{--width:100%;}.elementor-15059 .elementor-element.elementor-element-1a282bcd{--content-width:1300px;}.elementor-15059 .elementor-element.elementor-element-393811dd{--content-width:730px;}.elementor-15059 .elementor-element.elementor-element-26c777cb{--width:100%;}.elementor-15059 .elementor-element.elementor-element-5a12e37f{--width:38.181%;}.elementor-15059 .elementor-element.elementor-element-34893925{--width:40%;}.elementor-15059 .elementor-element.elementor-element-4320293c{--content-width:730px;}.elementor-15059 .elementor-element.elementor-element-3a5a1d1a{--width:100%;}.elementor-15059 .elementor-element.elementor-element-35999ff5{--width:38.181%;}.elementor-15059 .elementor-element.elementor-element-7305f9aa{--width:38.181%;}}@media(max-width:767px){.elementor-15059 .elementor-element.elementor-element-140e95d2 .elementor-heading-title{font-size:50px;}.elementor-15059 .elementor-element.elementor-element-16dd422b{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-pagination-spacing:20px;}.elementor-15059 .elementor-element.elementor-element-16dd422b > .elementor-widget-container{margin:0px 15px 0px 15px;}.elementor-15059 .elementor-element.elementor-element-5a12e37f{--justify-content:center;}.elementor-15059 .elementor-element.elementor-element-5a12e37f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-15059 .elementor-element.elementor-element-6adf8669{text-align:center;}.elementor-15059 .elementor-element.elementor-element-6adf8669 .elementor-heading-title{font-size:30px;}.elementor-15059 .elementor-element.elementor-element-34893925{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15059 .elementor-element.elementor-element-3a5a1d1a{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-15059 .elementor-element.elementor-element-35999ff5{--justify-content:center;}.elementor-15059 .elementor-element.elementor-element-35999ff5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-15059 .elementor-element.elementor-element-6d1ec464{text-align:center;}.elementor-15059 .elementor-element.elementor-element-6d1ec464 .elementor-heading-title{font-size:24px;}.elementor-15059 .elementor-element.elementor-element-7305f9aa{--width:100%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-15059 .elementor-element.elementor-element-7305f9aa.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-15059 .elementor-element.elementor-element-32935b1a{--width:20%;}.elementor-15059 .elementor-element.elementor-element-340b88a7{--width:20%;}.elementor-15059 .elementor-element.elementor-element-6f664ab4{--width:20%;}.elementor-15059 .elementor-element.elementor-element-475aa742{--width:20%;}.elementor-15059 .elementor-element.elementor-element-4a3d0c00{--width:20%;}}/* Start custom CSS for container, class: .elementor-element-6598737f *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57666dfd *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75c43543 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e243456 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-37c8ca35 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-109bac81 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1fb91240 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46f79299 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6598737f *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57666dfd *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75c43543 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e243456 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-37c8ca35 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-109bac81 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1fb91240 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46f79299 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6598737f *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57666dfd *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75c43543 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e243456 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-37c8ca35 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-109bac81 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1fb91240 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46f79299 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6598737f *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57666dfd *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75c43543 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e243456 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-37c8ca35 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-109bac81 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1fb91240 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46f79299 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6598737f *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57666dfd *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75c43543 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e243456 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-37c8ca35 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-109bac81 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1fb91240 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46f79299 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6598737f *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57666dfd *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75c43543 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e243456 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-37c8ca35 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-109bac81 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1fb91240 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46f79299 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6598737f *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57666dfd *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75c43543 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e243456 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-37c8ca35 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-109bac81 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1fb91240 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46f79299 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6598737f *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57666dfd *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75c43543 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e243456 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-37c8ca35 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-109bac81 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1fb91240 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46f79299 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6598737f *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57666dfd *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75c43543 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e243456 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-37c8ca35 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-109bac81 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1fb91240 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46f79299 *//* This class targets your container */

.patrat {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.patrat:hover {
    background-color: #CA3730 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.patrat:hover .text {
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-16dd422b *//* Show it on mobile (default Swiper behavior) */
.swiper-pagination {
    display: block; /* or 'flex' depending on your Swiper layout */
}

/* Hide it ONLY on desktop (1024px screens and wider) */
@media (min-width: 1024px) {
    .swiper-pagination {
        display: none !important;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'truestory regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://mesopotamia.hu/wp-content/uploads/2026/09/TrueStory-Regular-RO.ttf') format('truetype');
}
/* End Custom Fonts CSS */