@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

:root{
    --dark-yell: #BF9000;
    --fig: "Figtree", sans-serif;
    --roboto: "Roboto", sans-serif;
    --acu: "Acumin Pro", sans-serif;
    --one: "Onest", sans-serif;
}

body{
    font-family: var(--acu);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.27777;
}

html,
body{
    overflow-x: hidden;
}

.tupp{
    text-transform: uppercase;
}

.tlc{
    text-transform: lowercase;
}

html::-webkit-scrollbar{
    width: 10px;
}

html::-webkit-scrollbar-track{
    background: #f2F2F2;
}

html::-webkit-scrollbar-thumb{
    background: var(--main);
    border-radius: 15px;
}

a{
    text-decoration: none;
    color: #000;
}

p{
    margin: 0;
}

hr{
    max-width: 100%;
    opacity: 100%;
    -webkit-opacity: 100%;
    margin: 1rem 0;
}

.sectitle{
    font-family: var(--one);
    font-size: 32px;
    font-weight: 900;
    line-height: 1.0625;
}

.sectitle strong{
    color: var(--dark-yell);
    font-weight: inherit;
}

.sectitle.w strong{
    color: var(--main);
}

.text{
    color: var(--text);
}

.text p:not(:last-child){
    margin-bottom: 1rem;
}

.telp,
.mailp{
    display: block;
}

.dbtn{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    grid-gap: 1rem;
    width: fit-content;
    color: var(--white);
    border: none;
    border-radius: 7px;
    background: var(--dark-yell);
    padding: 3px 20px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.dbtn:hover{
    color: var(--white);
    background: var(--title);
}

.dbtn.w{
    color: var(--title);
    background: var(--white);
}

.dbtn.b{
    color: var(--white);
    background: var(--title);
}

.dbtn.b:hover{
    color: var(--title);
    background: var(--main);
}

.dbtn.back{
    font-weight: 600;
    padding: 10px 1rem;
    background: var(--main);
}

.wpcf7-not-valid-tip{
    position: absolute;
    font-size: 14px !important;
    top: 100%;
}

h1.entry-title{
    text-align: center;
    margin: 30px 0;
}

form{
    border-radius: 13px 13px 0 0;
    background: var(--black);
    padding: 35px 31px;
}

form .row{
    grid-gap: 19px 0;
    border: 1px solid var(--white);
    border-radius: 18px;
    margin: 0;
    padding: 27px 28px 33px;
}

form label{
    color: var(--white);
    font-size: 14px;
    margin-bottom: 5px;
}

form .ipts{
    color: var(--white);
    font-size: 14px;
    border: 1px solid var(--white);
    border-radius: 11px;
    background: #ffffff66;
    padding: 6px 1rem;
}

form .ipts::placeholder{color:var(--white)}
form .ipts:-moz-placeholder{color:var(--white)}
form .ipts::-moz-placeholder{color:var(--white)}
form .ipts:-ms-input-placeholder{color:var(--white)}
form .ipts::-webkit-input-placeholder{color:var(--white)}

form textarea.ipts{
    height: 127px;
    resize: none;
}

form hr{
    background: var(--white);
    margin: 0;
}

form .dbtn{
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
    font-size: 14px;
    padding: 9px 14px;
}

form .dbtn::after{
    content: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.411 15.235C14.3028 15.235 14.1956 15.2137 14.0957 15.1723C13.9957 15.1309 13.9049 15.0702 13.8283 14.9937C13.7518 14.9171 13.6911 14.8263 13.6497 14.7263C13.6083 14.6264 13.587 14.5192 13.587 14.411V1.648H0.823999C0.605461 1.648 0.395873 1.56119 0.241343 1.40666C0.0868135 1.25213 0 1.04254 0 0.823999C0 0.605461 0.0868135 0.395874 0.241343 0.241344C0.395873 0.0868145 0.605461 0 0.823999 0H14.411C14.6295 0 14.8391 0.0868145 14.9937 0.241344C15.1482 0.395874 15.235 0.605461 15.235 0.823999V14.412C15.235 14.6305 15.1482 14.8401 14.9937 14.9947C14.8391 15.1492 14.6295 15.236 14.411 15.236" fill="black"/><path d="M1.52096 14.5392C1.35797 14.5391 1.19866 14.4907 1.06318 14.4001C0.927701 14.3095 0.822136 14.1808 0.759836 14.0301C0.697537 13.8795 0.681302 13.7138 0.713185 13.554C0.745069 13.3942 0.823638 13.2474 0.938955 13.1322L13.829 0.242178C13.9846 0.0935448 14.1923 0.0117251 14.4075 0.0142154C14.6227 0.0167056 14.8284 0.103309 14.9806 0.255505C15.1328 0.4077 15.2194 0.613404 15.2219 0.828627C15.2244 1.04385 15.1426 1.2515 14.994 1.40718L2.10295 14.2982C2.02655 14.3746 1.93582 14.4353 1.83596 14.4766C1.73609 14.518 1.62905 14.5392 1.52096 14.5392Z" fill="black"/></svg>');
    height: 16px;
}

form.invalid .wpcf7-response-output,
form.unaccepted .wpcf7-response-output,
form.payment-required .wpcf7-response-output{
    color: var(--white);
}

.pagination{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    grid-gap: .5rem;
    margin-top: 2rem;
}

.pagination>*{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    width: 35px;
    aspect-ratio: 1/1;
    color: var(--title);
    font-weight: 700;
    border-radius: 5px;
    background: var(--main);
}

.pagination>*:not(:first-child):not(:last-child):hover,
.pagination>*:not(:first-child):not(:last-child).active{
}

.pagination>*:first-child,
.pagination>*:last-child{
}

.w{
    color: var(--white);
}

.loader{
    position: fixed;
    inset: 0;
    z-index: 999999;
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    background-color: var(--white);
}

.loader::before{
    content: '';
    position: absolute;
    width: 50px;
    aspect-ratio: 1/1;
    border: 3px solid var(--main);
    border-radius: 50%;
    clip-path: polygon(0 0,70% 0,70% 50%,100% 50%,100% 100%,0 100%);
    -webkit-clip-path: polygon(0 0,70% 0,70% 50%,100% 50%,100% 100%,0 100%);
    animation: 1s linear infinite forwards rotate;
    -webkit-animation: 1s linear infinite forwards rotate;
    -moz-animation: 1s linear infinite forwards rotate;
    -ms-animation: 1s linear infinite forwards rotate;
    -o-animation: 1s linear infinite forwards rotate;
}

@keyframes rotate{from{transform: rotateZ(0);-webkit-transform: rotateZ(0);-moz-transform: rotateZ(0);-ms-transform: rotateZ(0);-o-transform: rotateZ(0);}to{transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);}}
@-webkit-keyframes rotate{from{transform: rotateZ(0);-webkit-transform: rotateZ(0);-moz-transform: rotateZ(0);-ms-transform: rotateZ(0);-o-transform: rotateZ(0);}to{transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);}}
@-moz-keyframes rotate{from{transform: rotateZ(0);-webkit-transform: rotateZ(0);-moz-transform: rotateZ(0);-ms-transform: rotateZ(0);-o-transform: rotateZ(0);}to{transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);}}
@-ms-keyframes rotate{from{transform: rotateZ(0);-webkit-transform: rotateZ(0);-moz-transform: rotateZ(0);-ms-transform: rotateZ(0);-o-transform: rotateZ(0);}to{transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);}}
@-o-keyframes rotate{from{transform: rotateZ(0);-webkit-transform: rotateZ(0);-moz-transform: rotateZ(0);-ms-transform: rotateZ(0);-o-transform: rotateZ(0);}to{transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);}}

@media(max-width:992px){
    br{
        display: none;
        display: -webkit-none;
    }
}

@media(max-width:768px){
    form,
    form .row{
        padding: 1.5rem;
    }
}

@media(max-width:575px){
    .dbtn{
        width: 100%;
    }
    form .row{
        grid-gap: 18px 0 !important;
        padding: 2rem .5rem;
    }
}
.sticky,
body:has(.banners) .sticky,
.sticky.scroll,
body:has(.banners) .sticky.scroll{
    padding: 2rem 0;
}

.single-port{
    padding: 99px 0 115px;
}

.single-port .cnt{
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    grid-gap: 1rem;
}

.single-port .cnt::after{
    content: url('data:image/svg+xml;utf8,<svg width="41" height="41" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 33.336V6.985C0 5.13246 0.735917 3.3558 2.04586 2.04586C3.3558 0.735917 5.13246 0 6.985 0L33.337 0C35.1895 0 36.9662 0.735917 38.2761 2.04586C39.5861 3.3558 40.322 5.13246 40.322 6.985V33.336C40.322 35.1885 39.5861 36.9652 38.2761 38.2751C36.9662 39.5851 35.1895 40.321 33.337 40.321H6.985C5.13246 40.321 3.3558 39.5851 2.04586 38.2751C0.735917 36.9652 0 35.1885 0 33.336Z" fill="rgb(191, 144, 0)"/><path d="M28.9795 27.9248H12.3945V11.3408" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.3945 27.9249L28.1295 12.1899" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.single-port .cnt .sectitle{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    grid-gap: 23px;
    width: 100%;
}

.single-port .cnt .sectitle::after{
    content: '';
    display: inline-block;
    display: -webkit-inline-block;
    width: 100%;
    height: 2px;
    background: var(--dark-yell);
}

.single-port .row{
    grid-gap: 2rem 0;
    margin-top: 3rem;
    /* margin-top: 101px; */
}

.single-port .row>*{
    align-content: center;
}

.single-port .content{
    position: relative;
    display: grid;
    display: -webkit-grid;
    align-items: center;
    padding-left: 67px;
}

.single-port .content::before{
    content: '';
    position: absolute;
    inset: auto auto 0 13px;
    width: 2px;
    height: calc(100% - 45px);
    background: var(--dark-yell);
}

.single-port .content::after{
    content: url('data:image/svg+xml;utf8,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.659 21.214V4.445C25.659 3.26611 25.1907 2.13551 24.3571 1.30191C23.5235 0.468311 22.3929 0 21.214 0H4.445C3.26611 0 2.13551 0.468311 1.30191 1.30191C0.468311 2.13551 0 3.26611 0 4.445L0 21.214C0 22.3929 0.468311 23.5235 1.30191 24.3571C2.13551 25.1907 3.26611 25.659 4.445 25.659H21.214C22.3929 25.659 23.5235 25.1907 24.3571 24.3571C25.1907 23.5235 25.659 22.3929 25.659 21.214Z" fill="rgb(191, 144, 0)"/><path d="M12.4938 19.9567L19.9573 12.4932L12.4953 5.03112" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.9564 12.4941H5.7959" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    position: absolute;
    inset: 0 auto auto 0;
}

.single-port .content .text{
    margin-top: 18px;
}

.single-port .owl-carousel{
    margin-top: 143px;
}

.single-port .owl-carousel .item{
    cursor: pointer;
    border: 1px solid #DCDCDC;
    border-radius: 12px;
    padding: 13px;
}

.single-port .owl-carousel .item img{
    width: fit-content;
}

.single-port .bigimg{
    border: 1px solid #DCDCDC;
    border-radius: 12px;
    overflow: hidden;
}

.single-port .bigimg img{
    max-width: 90%;
    margin: 0 auto;
}

@media(max-width:992px){
    .single-port{
        padding: 2rem 0;
    }
    .single-port .owl-carousel,
    .single-port .row{
        margin-top: 2rem;
    }
}

@media(max-width:768px){
    .single-port .cnt .sectitle::after,
    .single-port .cnt::after,
    .single-port .content::after,
    .single-port .content::before{
        display: none;
        display: -webkit-none;
    }
    .single-port .content{
        padding-left: 0;
    }
    .single-port .cnt .sectitle{
        display: block;
        display: -webkit-block;
    }
    .single-port .content .text{
        margin-left: 0;
    }
}