@import url("https://p.typekit.net/p.css?s=1&k=ool2kyx&ht=tk&f=47890.47891.47892.47893.47894&a=25583525&app=typekit&e=css");

:root {
    --lp-container-small: 67.875rem;
    --lp-container-medium: 80rem;
    --lp-container-large: 90rem;
    --lp-grid-gap-xxsmall: .25rem;
    --lp-grid-gap-xsmall: .5rem;
    --lp-grid-gap-small: 1.25rem;
    --lp-grid-gap-medium: 1.5rem;
    --lp-grid-gap-large: 5rem;
    --lp-grid-gap-xlarge: 17.8125rem;
    --lp-grid-gap-left: 11.75rem;
    --lp-grid-gap-left-xlarge: 41.86rem;
}

:root {
    --border-radius: 100px;
    --border-radius-xsmall: .25rem;
    --border-radius-small: .5rem;
    --border-radius-large: 500px;
    --circle-size: 3.5rem;
    --circle-size-medium: 2.5rem;
    --circle-size-small: 1.5rem;
}

:root {
    --lp-color-primary-1: #FFF;
    --lp-color-primary-2: #AAAAAA;
    --lp-color-primary-3: #EAEAEA;
    --lp-color-primary-4: #131826;
    --lp-color-primary-5: #000;
    --lp-color-primary-text-disabled: #EFF3FF;
    --lp-color-primary-accent: #f39200;
    --lp-color-primary-accent-hover: #002FCF;
    --lp-color-primary-accent-active: #0028AF;
    --lp-color-primary-accent-focused: #00218F;
    --lp-color-primary-accent-disabled: #EFF3FF;
    --lp-color-primary-g-1: #F7F7F7;
    --lp-color-primary-g-2: #E7E7E7;
    --lp-color-primary-g-3: #D7D7D7;
    --lp-color-primary-g-4: #C7C7C7;
    --lp-color-primary-g-5: #B7B7B7;
    --lp-color-primary-g-6: #A7A7A7;
    --lp-color-primary-g-7: #979797;
    --lp-color-primary-g-8: #878787;
    --lp-color-primary-g-9: #787878;
    --lp-color-primary-g-10: #686868;
    --lp-color-primary-g-11: #585858;
    --lp-color-primary-g-12: #484848;
    --lp-color-primary-g-13: #383838;
    --lp-color-primary-g-14: #282828;
    --lp-color-primary-g-15: #181818;
    --lp-color-primary-g-16: #080808;
    --lp-color-primary-1-100: rgba(255, 255, 255, 0.08);
    --lp-color-primary-1-200: rgba(255, 255, 255, 0.12);
    --lp-color-primary-1-300: rgba(255, 255, 255, 0.16);
    --lp-color-primary-1-400: rgba(255, 255, 255, 0.24);
    --lp-color-primary-1-500: rgba(255, 255, 255, 0.32);
    --lp-color-primary-1-600: rgba(255, 255, 255, 0.40);
    --lp-color-primary-1-700: rgba(255, 255, 255, 0.64);
    --lp-color-primary-1-800: rgba(255, 255, 255, 0.8);
    --lp-color-primary-5-100: rgba(0, 0, 0, 0.08);
    --lp-color-primary-5-200: rgba(0, 0, 0, 0.12);
    --lp-color-primary-5-300: rgba(0, 0, 0, 0.16);
    --lp-color-primary-5-400: rgba(0, 0, 0, 0.24);
    --lp-color-primary-5-500: rgba(0, 0, 0, 0.32);
    --lp-color-primary-5-600: rgba(0, 0, 0, 0.40);
    --lp-color-primary-5-700: rgba(0, 0, 0, 0.64);
    --lp-color-error: #D8401E;
    --lp-color-warning: #DF982F;
    --lp-color-success: #16A869;
}

:root {
    --btn-height: 3.5rem;
    --btn-height-medium: 2.5rem;
    --btn-height-small: 1.5rem;
    --btn-vertical-paddings: calc(1.125rem - 1px);
    --btn-vertical-paddings--medium: calc(.625rem - 1px);
}

:root {
    --lp-icon-facebook: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23000' d='M8.153 10.967H6.24c-.31 0-.406-.113-.406-.394V8.3c0-.3.116-.394.406-.394h1.914V6.255c0-.751.136-1.465.522-2.122.406-.676.986-1.126 1.721-1.389a4.418 4.418 0 0 1 1.489-.244h1.895c.27 0 .386.113.386.375v2.14c0 .263-.116.376-.386.376-.522 0-1.044 0-1.566.019-.523 0-.793.244-.793.77-.02.563 0 1.107 0 1.69h2.243c.309 0 .425.112.425.412v2.272c0 .3-.097.394-.425.394H11.42v6.12c0 .32-.097.432-.445.432H8.56c-.29 0-.406-.113-.406-.394v-6.14Z'/%3E%3C/svg%3E");
    --lp-icon-ig: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12.798 4.365c-.73-.033-.95-.04-2.798-.04s-2.067.007-2.797.04c-.675.03-1.042.143-1.286.238a2.145 2.145 0 0 0-.796.518 2.145 2.145 0 0 0-.518.796c-.095.244-.207.61-.238 1.286-.033.73-.04.949-.04 2.797 0 1.849.007 2.068.04 2.798.03.675.143 1.041.238 1.285.126.323.276.554.518.796s.473.393.796.518c.244.095.61.208 1.286.239.73.033.949.04 2.797.04 1.849 0 2.068-.007 2.798-.04.675-.031 1.041-.144 1.285-.239.323-.126.554-.276.796-.518.243-.242.393-.473.518-.796.095-.244.208-.61.239-1.285.033-.73.04-.95.04-2.798s-.007-2.067-.04-2.797c-.031-.675-.144-1.042-.239-1.286a2.145 2.145 0 0 0-.518-.796 2.146 2.146 0 0 0-.796-.518c-.244-.095-.61-.207-1.285-.238ZM7.146 3.119c.738-.034.974-.042 2.854-.042 1.88 0 2.116.008 2.855.042.736.033 1.24.15 1.68.322.455.177.841.413 1.226.798.385.385.622.771.799 1.226.171.44.288.944.322 1.68.033.74.041.975.041 2.855s-.008 2.116-.041 2.855c-.034.736-.151 1.24-.322 1.68a3.395 3.395 0 0 1-.799 1.226c-.385.385-.77.622-1.226.799-.44.17-.944.288-1.68.322-.739.033-.975.041-2.855.041s-2.116-.008-2.854-.041c-.737-.034-1.24-.151-1.68-.322a3.393 3.393 0 0 1-1.227-.799 3.394 3.394 0 0 1-.798-1.226c-.172-.44-.289-.944-.322-1.68-.034-.739-.042-.975-.042-2.855s.008-2.116.042-2.854c.033-.737.15-1.24.322-1.68.177-.456.413-.842.798-1.227a3.394 3.394 0 0 1 1.226-.798c.44-.172.944-.289 1.68-.322Zm-.697 6.885a3.555 3.555 0 1 1 7.11 0 3.555 3.555 0 0 1-7.11 0Zm1.247 0a2.308 2.308 0 1 0 4.615 0 2.308 2.308 0 0 0-4.615 0Z' clip-rule='evenodd'/%3E%3Cpath fill='%23000' d='m12.798 4.365-.014.3.014-.3Zm-5.595 0 .013.3-.013-.3Zm-1.286.238.109.28-.109-.28Zm-.796.518.212.212-.212-.212Zm-.518.796.28.109-.28-.109Zm-.238 1.286.3.013-.3-.013Zm0 5.595.3-.014-.3.014Zm.238 1.285.28-.108-.28.108Zm.518.796.212-.212-.212.212Zm.796.518.109-.28-.109.28Zm1.286.239.013-.3-.013.3Zm5.595 0-.014-.3.014.3Zm1.285-.239-.108-.28.108.28Zm.796-.518.212.212-.212-.212Zm.518-.796-.28-.108.28.108Zm.239-1.285-.3-.014.3.014Zm0-5.595-.3.013.3-.013Zm-.239-1.286-.28.109.28-.109Zm-.518-.796.212-.212-.212.212Zm-.796-.518-.108.28.108-.28ZM7.146 3.12l.014.3-.014-.3Zm5.709 0-.014.3.014-.3Zm1.68.322.109-.28-.109.28Zm1.226.798.213-.212-.213.212Zm.799 1.226.28-.108-.28.108Zm.322 1.68-.3.015.3-.014Zm0 5.71-.3-.014.3.014Zm-.322 1.68.28.109-.28-.109Zm-.799 1.226.213.212-.213-.212Zm-1.226.799-.109-.28.11.28Zm-1.68.322-.014-.3.014.3Zm-5.71 0 .015-.3-.014.3Zm-1.68-.322.109-.28-.109.28ZM4.24 15.76l-.212.212.212-.212Zm-.798-1.226.28-.109-.28.11Zm-.322-1.68.3-.014-.3.014Zm0-5.71.3.015-.3-.014Zm.322-1.68.28.109-.28-.109Zm.798-1.226-.212-.212.212.212Zm1.226-.798-.108-.28.108.28ZM10 4.625c1.848 0 2.061.007 2.784.04l.027-.6c-.736-.033-.96-.04-2.81-.04v.6Zm-2.784.04c.723-.033.937-.04 2.784-.04v-.6c-1.85 0-2.074.007-2.811.04l.027.6Zm-1.19.218c.214-.083.548-.19 1.19-.218l-.027-.6c-.708.033-1.107.152-1.38.259l.217.559Zm-.693.45c.213-.212.408-.34.693-.45l-.217-.56c-.362.141-.628.314-.9.586l.424.424Zm-.45.693c.11-.285.238-.48.45-.693L4.91 4.91a2.443 2.443 0 0 0-.585.9l.559.217Zm-.218 1.19c.029-.642.135-.976.218-1.19l-.56-.217c-.106.273-.225.672-.258 1.38l.6.027ZM4.625 10c0-1.847.007-2.06.04-2.784l-.6-.027c-.033.737-.04.961-.04 2.811h.6Zm.04 2.784c-.033-.723-.04-.937-.04-2.784h-.6c0 1.85.007 2.074.04 2.811l.6-.027Zm.218 1.19c-.083-.213-.19-.548-.218-1.19l-.6.027c.033.708.152 1.107.259 1.38l.559-.216Zm.45.693a1.847 1.847 0 0 1-.45-.692l-.56.217c.141.361.314.627.586.9l.424-.425Zm.693.45a1.846 1.846 0 0 1-.693-.45l-.424.424c.272.272.538.445.9.586l.217-.56Zm1.19.219c-.642-.03-.976-.135-1.19-.219l-.217.56c.273.106.672.226 1.38.258l.027-.6Zm2.784.04c-1.847 0-2.06-.007-2.784-.04l-.027.6c.737.033.961.04 2.811.04v-.6Zm2.784-.04c-.723.033-.936.04-2.784.04v.6c1.85 0 2.075-.007 2.811-.04l-.027-.6Zm1.19-.219c-.213.084-.548.19-1.19.219l.027.6c.709-.033 1.107-.153 1.38-.26l-.216-.559Zm.693-.45c-.212.213-.408.34-.692.45l.217.56c.361-.14.627-.314.9-.586l-.425-.424Zm.45-.692c-.11.284-.237.48-.45.692l.424.424c.273-.272.445-.538.586-.9l-.56-.216Zm.219-1.191c-.03.642-.135.976-.219 1.19l.56.218c.106-.274.226-.673.258-1.38l-.6-.028Zm.04-2.784c0 1.847-.007 2.061-.04 2.784l.6.027c.033-.737.04-.961.04-2.81h-.6Zm-.04-2.784c.033.723.04.937.04 2.784h.6c0-1.85-.007-2.074-.04-2.811l-.6.027Zm-.219-1.19c.084.214.19.548.219 1.19l.6-.027c-.033-.708-.153-1.107-.26-1.38l-.559.217Zm-.45-.693c.213.213.34.408.45.693l.56-.217a2.444 2.444 0 0 0-.586-.9l-.424.424Zm-.692-.45c.284.11.48.238.692.45l.424-.424a2.443 2.443 0 0 0-.9-.585l-.216.559Zm-1.19-.218c.641.029.976.135 1.19.218l.217-.56c-.274-.106-.672-.225-1.38-.258l-.028.6ZM10 2.777c-1.881 0-2.123.008-2.868.042l.028.6c.731-.034.961-.042 2.84-.042v-.6Zm2.868.042c-.745-.034-.986-.042-2.868-.042v.6c1.879 0 2.11.008 2.84.042l.028-.6Zm1.776.342c-.475-.184-1.01-.307-1.776-.342l-.027.6c.708.032 1.179.143 1.585.301l.218-.559Zm1.33.866a3.694 3.694 0 0 0-1.33-.866l-.218.56c.42.162.77.377 1.123.73l.425-.424Zm.866 1.33a3.694 3.694 0 0 0-.867-1.33l-.424.424c.354.354.568.704.731 1.123l.56-.217Zm.341 1.775c-.035-.765-.157-1.301-.341-1.775l-.56.217c.158.406.27.877.302 1.586l.6-.028ZM17.223 10c0-1.881-.008-2.123-.042-2.868l-.599.028c.033.731.041.961.041 2.84h.6Zm-.042 2.868c.034-.745.042-.986.042-2.868h-.6c0 1.879-.008 2.11-.041 2.84l.6.028Zm-.341 1.776c.184-.475.306-1.01.341-1.776l-.599-.027c-.032.708-.144 1.179-.302 1.585l.56.218Zm-.867 1.33c.417-.417.676-.839.867-1.33l-.56-.218c-.163.42-.377.77-.73 1.123l.423.424Zm-1.33.865c.492-.19.914-.45 1.33-.866l-.424-.424a3.093 3.093 0 0 1-1.123.731l.218.56Zm-1.775.342c.766-.035 1.301-.157 1.776-.342l-.218-.559c-.406.158-.877.27-1.585.302l.027.6ZM10 17.223c1.882 0 2.123-.008 2.868-.042l-.027-.6c-.732.034-.962.042-2.84.042v.6Zm-2.868-.042c.745.034.987.042 2.868.042v-.6c-1.879 0-2.109-.008-2.84-.041l-.028.6Zm-1.775-.342c.474.185 1.01.307 1.775.342l.028-.6c-.709-.031-1.18-.143-1.586-.3l-.217.558Zm-1.33-.866c.416.417.838.675 1.33.866l.217-.559a3.094 3.094 0 0 1-1.123-.73l-.424.423Zm-.866-1.33c.19.492.45.914.866 1.33l.424-.424a3.093 3.093 0 0 1-.73-1.123l-.56.218Zm-.342-1.775c.035.766.158 1.301.342 1.776l.56-.218c-.159-.406-.27-.877-.303-1.585l-.599.027ZM2.777 10c0 1.882.008 2.123.042 2.868l.6-.027c-.034-.732-.042-.962-.042-2.84h-.6Zm.042-2.868c-.034.745-.042.987-.042 2.868h.6c0-1.879.008-2.109.042-2.84l-.6-.028Zm.342-1.775c-.184.474-.307 1.01-.342 1.775l.6.028c.032-.709.143-1.18.301-1.586l-.559-.217Zm.866-1.33a3.693 3.693 0 0 0-.866 1.33l.56.217c.162-.42.377-.77.73-1.123l-.424-.424Zm1.33-.866c-.492.19-.914.45-1.33.866l.424.424a3.095 3.095 0 0 1 1.123-.73l-.217-.56Zm1.775-.342c-.765.035-1.301.158-1.775.342l.217.56c.406-.159.877-.27 1.586-.303l-.028-.599Zm2.872 3.33a3.855 3.855 0 0 0-3.855 3.855h.6a3.255 3.255 0 0 1 3.255-3.255v-.6Zm3.855 3.855a3.855 3.855 0 0 0-3.855-3.855v.6a3.255 3.255 0 0 1 3.255 3.255h.6Zm-3.855 3.855a3.855 3.855 0 0 0 3.855-3.855h-.6a3.255 3.255 0 0 1-3.255 3.255v.6Zm-3.855-3.855a3.855 3.855 0 0 0 3.855 3.855v-.6a3.255 3.255 0 0 1-3.255-3.255h-.6Zm3.855 2.007a2.008 2.008 0 0 1-2.008-2.007h-.6a2.608 2.608 0 0 0 2.608 2.607v-.6Zm2.007-2.007a2.008 2.008 0 0 1-2.007 2.007v.6a2.608 2.608 0 0 0 2.607-2.607h-.6Zm-2.007-2.008c1.108 0 2.007.899 2.007 2.008h.6a2.608 2.608 0 0 0-2.607-2.608v.6Zm-2.008 2.008c0-1.11.899-2.008 2.008-2.008v-.6a2.608 2.608 0 0 0-2.608 2.608h.6Z'/%3E%3C/svg%3E");
    --lp-icon-linkedin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23000' d='M15.68 3.333H4.316a.972.972 0 0 0-.984.96v11.41c0 .531.44.963.984.963H15.68c.545 0 .987-.432.987-.96V4.293a.974.974 0 0 0-.987-.961ZM7.288 14.695h-1.98V8.33h1.98v6.365Zm-.99-7.232a1.146 1.146 0 1 1-.004-2.293A1.146 1.146 0 0 1 6.3 7.463Zm8.396 7.232h-1.977v-3.094c0-.737-.013-1.687-1.028-1.687-1.029 0-1.185.804-1.185 1.635v3.146H8.53V8.33h1.896v.87h.026c.263-.5.909-1.028 1.87-1.028 2.002 0 2.372 1.317 2.372 3.03v3.493Z'/%3E%3C/svg%3E");
    --lp-icon-twitter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M17.15 6.489c.011.153.011.306.011.46C17.161 11.618 13.45 17 6.665 17c-2.09 0-4.032-.58-5.665-1.586.297.033.582.044.89.044a7.599 7.599 0 0 0 4.58-1.51c-1.621-.032-2.98-1.05-3.448-2.45.228.033.456.055.696.055.332 0 .663-.044.971-.12-1.69-.328-2.958-1.75-2.958-3.467v-.044a3.84 3.84 0 0 0 1.667.448c-.993-.634-1.644-1.717-1.644-2.942 0-.656.183-1.258.502-1.783C4.072 5.79 6.802 7.19 9.863 7.342a3.826 3.826 0 0 1-.091-.81C9.772 4.587 11.416 3 13.46 3c1.062 0 2.021.427 2.695 1.116a7.462 7.462 0 0 0 2.341-.853 3.555 3.555 0 0 1-1.621 1.946A7.655 7.655 0 0 0 19 4.663a7.757 7.757 0 0 1-1.85 1.826Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    --lp-icon-tiktok: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23000' d='M13.055 2.917h-2.387v9.65c0 1.15-.919 2.094-2.061 2.094-1.143 0-2.061-.944-2.061-2.094 0-1.13.898-2.053 2-2.095V8.05c-2.429.04-4.388 2.032-4.388 4.517 0 2.505 2 4.517 4.47 4.517 2.468 0 4.468-2.033 4.468-4.517V7.619c.898.657 2 1.047 3.163 1.067V6.264c-1.796-.062-3.204-1.54-3.204-3.347Z'/%3E%3C/svg%3E");
    --lp-icon-youtube: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23000' d='M18.129 6.682s-.162-1.143-.661-1.645c-.632-.661-1.338-.665-1.662-.703-2.32-.169-5.803-.169-5.803-.169h-.006s-3.483 0-5.803.169c-.324.038-1.03.042-1.662.703-.499.502-.657 1.645-.657 1.645s-.169 1.345-.169 2.686v1.257c0 1.342.165 2.686.165 2.686s.162 1.144.658 1.646c.632.66 1.461.638 1.83.71 1.329.126 5.641.165 5.641.165s3.486-.007 5.806-.172c.324-.039 1.03-.042 1.662-.703.499-.502.66-1.646.66-1.646s.166-1.341.166-2.686V9.368c0-1.341-.165-2.686-.165-2.686Zm-9.843 5.47V7.488l4.48 2.34-4.48 2.322Z'/%3E%3C/svg%3E");
    --icon-right-padding: 1.375rem;
    --icon-size-large: 1.25rem;
    --icon-size: 1rem;
    --icon-size-small: .75rem;
    --icon-circle-size: 2.5rem;
    --icon-circle-size-medium: 2.5rem;
    --icon-circle-size-large: 3.5rem;
    --icon-circle-size-small: 1.5rem;
}

@media (max-width: 560px) {
    :root {
        --icon-right-padding: .875rem;
        --icon-circle-size: 1.5rem;
        --icon-circle-size-large: 2.5rem;
    }
}

@font-face {
    font-family: "new-order";
    src: url("https://use.typekit.net/af/5689eb/00000000000000007735ee23/30/l?primer=19e22326407baa22e24dbf97694ecfebb3b5e74ea485d31fd395694769e48f8c&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/5689eb/00000000000000007735ee23/30/d?primer=19e22326407baa22e24dbf97694ecfebb3b5e74ea485d31fd395694769e48f8c&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/5689eb/00000000000000007735ee23/30/a?primer=19e22326407baa22e24dbf97694ecfebb3b5e74ea485d31fd395694769e48f8c&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: "new-order";
    src: url("https://use.typekit.net/af/01d619/00000000000000007735ee26/30/l?primer=19e22326407baa22e24dbf97694ecfebb3b5e74ea485d31fd395694769e48f8c&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/01d619/00000000000000007735ee26/30/d?primer=19e22326407baa22e24dbf97694ecfebb3b5e74ea485d31fd395694769e48f8c&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/01d619/00000000000000007735ee26/30/a?primer=19e22326407baa22e24dbf97694ecfebb3b5e74ea485d31fd395694769e48f8c&fvd=n6&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 600;
    font-stretch: normal;
}

@font-face {
    font-family: "new-order";
    src: url("https://use.typekit.net/af/0aebd6/00000000000000007735ee24/30/l?primer=19e22326407baa22e24dbf97694ecfebb3b5e74ea485d31fd395694769e48f8c&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/0aebd6/00000000000000007735ee24/30/d?primer=19e22326407baa22e24dbf97694ecfebb3b5e74ea485d31fd395694769e48f8c&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/0aebd6/00000000000000007735ee24/30/a?primer=19e22326407baa22e24dbf97694ecfebb3b5e74ea485d31fd395694769e48f8c&fvd=n5&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
}

@font-face {
    font-family: "new-order";
    src: url("https://use.typekit.net/af/0ce2e9/00000000000000007735ee25/30/l?primer=19e22326407baa22e24dbf97694ecfebb3b5e74ea485d31fd395694769e48f8c&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/0ce2e9/00000000000000007735ee25/30/d?primer=19e22326407baa22e24dbf97694ecfebb3b5e74ea485d31fd395694769e48f8c&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/0ce2e9/00000000000000007735ee25/30/a?primer=19e22326407baa22e24dbf97694ecfebb3b5e74ea485d31fd395694769e48f8c&fvd=n7&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
}

@font-face {
    font-family: "new-order";
    src: url("https://use.typekit.net/af/9058cf/00000000000000007735ee27/30/l?primer=19e22326407baa22e24dbf97694ecfebb3b5e74ea485d31fd395694769e48f8c&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/9058cf/00000000000000007735ee27/30/d?primer=19e22326407baa22e24dbf97694ecfebb3b5e74ea485d31fd395694769e48f8c&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/9058cf/00000000000000007735ee27/30/a?primer=19e22326407baa22e24dbf97694ecfebb3b5e74ea485d31fd395694769e48f8c&fvd=n3&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 300;
    font-stretch: normal;
}

.tk-new-order {
    font-family: "new-order", sans-serif;
}

.tk-new-order {
    font-family: "new-order", sans-serif;
}

body,
html {
    transition: 0s;
}

body {
    font-family: new-order, sans-serif;
    background: #ffffffa3;
    overflow-x: hidden;
    max-width: 100vw;
}

@media only screen and (max-width: 1200px) {
    body.mobile-menu-open {
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }
}

a:hover {
    text-decoration: none;
    outline: 0 !important;
}

::-webkit-scrollbar {
    width: 0;
}

main {
    overflow-x: hidden;
}

section.page.single-page {
    padding: 300px 180px 100px;
    color: #000;
}

    section.page.single-page h2 {
        margin-bottom: 95px;
        font-size: 58px;
        font-weight: bold;
        color: black;
    }

    section.page.single-page p,
    section.page.single-page tr,
    section.page.single-page td,
    section.page.single-page th {
        font-size: 20px;
        color: #808080;
    }

    section.page.single-page .table-responsive table {
        border: none;
    }

    section.page.single-page ol {
        padding: 0;
        list-style: none;
    }

        section.page.single-page ol li {
            color: #808080;
            padding: 5px 0;
            font-size: 20px;
            padding-left: 30px;
            position: relative;
        }

            section.page.single-page ol li:before {
                content: "";
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                left: 0;
                width: 8px;
                height: 8px;
                background: #2b2d6e;
                border-radius: 50%;
            }

    section.page.single-page p strong {
        font-weight: 500;
        color: black;
    }

@media only screen and (max-width: 1199px) {
    section.page.single-page {
        padding: 260px 80px 70px;
    }

        section.page.single-page h2 {
            margin-bottom: 60px;
        }
}

@media only screen and (max-width: 767px) {
    section.page.single-page {
        padding: 160px 20px 40px;
        font-size: 13px;
    }

        section.page.single-page h2 {
            font-size: 23px;
            margin-bottom: 35px;
        }

        section.page.single-page p strong {
            font-size: 15px;
        }
}

ul.pagination {
    border-radius: 0;
    align-items: center;
    justify-content: center;
    margin-top: 45px;
}

    ul.pagination .page-item .page-link {
        background: none;
        border: 1px solid #393233;
        border-radius: 0;
        color: #A3A3A3;
        box-shadow: none;
        outline: 0 !important;
        transition: .4s;
    }

    ul.pagination .page-item + .page-item {
        margin-left: 10px;
    }

    ul.pagination .page-item.active .page-link {
        border: 2px solid #393233;
        color: #fff;
    }

    ul.pagination .page-item .page-link:hover {
        background: #393233;
    }

.page.nf404 {
    padding-top: 260px;
    padding-bottom: 100px;
}

    .page.nf404 .page404-content {
        text-align: center;
    }

        .page.nf404 .page404-content .svg svg {
            width: 100%;
        }

    .page.nf404 .svg path {
        fill: #ffffff;
    }

.nf404 h2 {
    font-size: 57px;
    color: white;
    font-weight: 600;
    margin: 30px 0;
}

.nf404 h3 {
    color: white;
    font-weight: 400;
    font-size: 21px;
}

.page.nf404 a {
    transition: .4s;
    padding: 0 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(255 255 255 / .3);
    border-radius: 40px;
    height: 60px;
    font-size: 15px;
    color: white;
    margin-top: 50px;
}

    .page.nf404 a svg {
        margin-right: 15px;
        stroke: white;
    }

    .page.nf404 a:hover {
        background: white;
        color: #000;
    }

        .page.nf404 a:hover svg {
            stroke: #000;
        }

body .cc-window {
    bottom: 50px !important;
    left: 50% !important;
    max-width: 460px;
    height: 93px;
    border-radius: 100px;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background-color: rgba(34, 41, 48, 0.8);
    padding: 0 30px !important;
    -webkit-transform: translateX(-50%) translateZ(100px);
    -ms-transform: translateX(-50%) translateZ(100px);
    transform: translateX(-50%) translateZ(100px);
    -webkit-transition: none;
    flex-direction: row !important;
    -o-transition: none;
    transition: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 99999;
    transition: .3s;
}

    body .cc-window .cc-message {
        font-size: 15px;
        color: #fff;
        line-height: normal;
        margin: 0 !important;
    }

        body .cc-window .cc-message a {
            transition: .4s;
            opacity: 1;
        }

body .cc-compliance a.cc-btn.cc-dismiss {
    transition: .4s;
    width: 56px;
    height: 56px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: transparent;
    border: 1px solid #f39200;
    border-radius: 100px;
    position: relative;
    padding: 0;
    color: transparent;
    display: block;
}

    body .cc-compliance a.cc-btn.cc-dismiss:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background-image: url(../img/svg/check-icon.svg);
        width: 20px;
        height: 15px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    body .cc-compliance a.cc-btn.cc-dismiss:hover {
        background: #0f5592;
    }

body .cc-banner.cc-theme-edgeless .cc-message a.cc-link:hover {
    color: #0f5592;
    text-decoration: underline;
}

.cc-floating.cc-theme-edgeless .cc-message {
    margin: 0 !important;
}

body .cc-window.in-active {
    opacity: 0;
    visibility: hidden;
}

@media only screen and (max-width: 767px) {
    body .cc-window {
        width: 100%;
        max-width: 100% !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        left: 50% !important;
        right: auto !important;
        -webkit-transform: translateX(-50%) scale(0.9);
        -ms-transform: translateX(-50%) scale(0.9);
        transform: translateX(-50%) scale(0.9);
        bottom: 30px !important;
        height: 110px;
        padding: 0 30px !important;
    }

    .cc-floating.cc-theme-edgeless .cc-message {
        margin: 0 !important;
    }
}

.form-alert {
    position: fixed;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
}

    .form-alert .alert {
        display: flex;
        color: #fff;
        background: #00000094;
        border-color: rgb(255 255 255 / 34%);
        margin-bottom: 0;
        backdrop-filter: blur(10px);
        border-radius: 0;
    }

        .form-alert .alert .icon {
            display: flex;
            align-items: center;
            margin-right: 20px;
            color: #ffc107;
            font-size: 24px;
        }

        .form-alert .alert .message {
            display: flex;
            align-items: center;
        }

            .form-alert .alert .message strong,
            .form-alert .alert .message b {
                margin-right: 13px;
            }

            .form-alert .alert .message button.close {
                height: 100%;
                color: #fff;
                padding: 0;
                display: flex;
                padding: 9px;
                opacity: 1;
                outline: 0;
                box-shadow: none;
            }

                .form-alert .alert .message button.close span:before {
                }

                .form-alert .alert .message button.close span {
                    opacity: 1;
                }

.left-spaced {
    margin-left: 200px;
}

@media only screen and (max-width: 1200px) {
    .left-spaced {
        margin-left: 160px;
    }
}

@media only screen and (max-width: 767px) {
    .left-spaced {
        margin-left: 0;
    }
}

header {
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    padding: 25px 115px 325px 115px;
    z-index: 10;
    transition: .4s;
    overflow-x: clip;
    pointer-events: none;
}

    header.inner-pages {
        padding-bottom: 325px;
        overflow: hidden;
    }

    header .logo {
        position: relative;
        width: 200px;
        height: 65px;
        pointer-events: all;
    }

        header .logo img {
            width: 200px;
            height: 75px;
            position: absolute;
            transition: .4s;
        }

    header .info-side {
        width: 60%;
        display: flex;
        flex-direction: column;
        position: relative;
        margin-top: 15px;
        transition: .4s;
        justify-content: center;
        pointer-events: all;
    }

        header .info-side .top {
            position: relative;
            padding-top: 20px;
            transition: .4s;
        }

        header .info-side .header-menu {
            position: absolute;
            right: 0;
            top: 30px;
        }

        header .info-side .top .h-iletisim {
            display: flex;
            align-items: center;
        }

            header .info-side .top .h-iletisim .iletisim-item {
                display: flex;
                align-items: center;
                font-weight: 500;
                font-size: 20px;
                color: #fff;
                transition: .4s;
            }

                header .info-side .top .h-iletisim .iletisim-item svg {
                    fill: #fff;
                    margin-right: 13px;
                    width: 20px;
                    transition: .4s;
                }

            header .info-side .top .h-iletisim .language {
                margin-left: 65px;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 7px;
            }

                header .info-side .top .h-iletisim .language .language-btn {
                    border: none;
                    background: transparent;
                    cursor: pointer;
                    font-weight: 400;
                    font-size: 20px;
                    color: rgba(250, 250, 250, 0.5);
                    display: flex;
                    align-items: center;
                    outline: none;
                    transition: .5s
                }

                    header .info-side .top .h-iletisim .language .language-btn:hover {
                        color: #fff
                    }

                header .info-side .top .h-iletisim .language .language-active {
                    color: #fff;
                }

                header .info-side .top .h-iletisim .language .language-line {
                    height: 16px;
                    width: 1px;
                    background: rgba(225, 225, 225, 0.5);
                    transform: rotate(20deg);
                }

.inner-pages .info-side .top .h-iletisim .language {
    width: 37%;
    margin: 0;
    justify-content: end;
}

    .inner-pages .info-side .top .h-iletisim .language .language-btn {
        color: #000;
        transition: .5s
    }

    .inner-pages .info-side .top .h-iletisim .language .language-line {
        background: rgba(0, 0, 0, 0.5)
    }

    .inner-pages .info-side .top .h-iletisim .language .language-active {
        color: #f39200
    }

    .inner-pages .info-side .top .h-iletisim .language .language-btn:hover {
        color: #f39200
    }

header .info-side .header-menu .main-links {
    display: flex;
    flex-direction: column;
    transition: .4s;
    transition-timing-function: cubic-bezier(0.86, 0.11, 0.38, 0.77);
}

    header .info-side .header-menu .main-links .menu-item {
        font-weight: 500;
        font-size: 20px;
        color: #fff;
    }

header .info-side .header-menu .secondary-links {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    transition: .4s;
    transition-timing-function: cubic-bezier(1, 0.02, 0.71, 1);
    width: max-content;
}

    header .info-side .header-menu .secondary-links .back-btn {
        font-weight: bold;
        font-size: 20px;
        color: #fff;
        display: flex;
        align-items: center;
        margin-bottom: 15px;
        cursor: pointer;
    }

        header .info-side .header-menu .secondary-links .back-btn svg {
            width: 20px;
            height: 20px;
            margin-right: 10px;
        }

    header .info-side .header-menu .secondary-links .menu-item {
        font-weight: 500;
        font-size: 20px;
        color: #fff;
    }

header .info-side .header-menu .main-links .menu-item svg {
    margin-left: 10px;
    fill: none;
    stroke: #fff;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    stroke-width: 2px;
}

header .info-side .top .h-iletisim .iletisim-item + .iletisim-item {
    margin-left: 65px;
}

header .info-side .top:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    width: 100%;
    background: #fff;
    transition: .4s;
}

header .info-side .header-menu .main-links .menu-item + .menu-item {
    margin-top: 15px;
}

header .info-side .header-menu .secondary-links .menu-item + .menu-item {
    margin-top: 15px;
}

header .info-side .header-menu .secondary-links.active {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}

header .info-side .header-menu .main-links.active {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-100%);
}

header .hamburger-menu {
    display: none;
}

header .logo img:nth-child(2) {
    opacity: 0;
    visibility: hidden;
}

header .menu-btn {
    position: absolute;
    right: 0;
    top: 25px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

    header .menu-btn.mainpage {
        display: none;
    }

    header .menu-btn span {
        font-weight: normal;
        font-size: 20px;
        color: #fff;
    }

    header .menu-btn .lines {
        width: 30px;
        height: 15px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: -1px;
        margin-right: 15px;
    }

        header .menu-btn .lines .line {
            width: 100%;
            height: 1px;
            background: #fff;
            transition: .4s;
        }

header.colored .info-side .top .h-iletisim .iletisim-item {
    color: #000;
}

    header.colored .info-side .top .h-iletisim .iletisim-item svg {
        fill: #000;
    }

header.colored .info-side .top:before {
    background: #B4B4B4;
}

header.colored .logo img:nth-child(2) {
    opacity: 1;
    visibility: visible;
}

header.colored .logo img:nth-child(1) {
    opacity: 0;
    visibility: hidden;
}

header.colored .menu-btn .lines .line {
    background: #000;
}

header.colored .menu-btn span {
    color: #000;
}

header.fixed-active {
    padding: 35px 115px;
    background: #fff;
}

    header.fixed-active .info-side {
        margin-top: 0;
    }

        header.fixed-active .info-side .top:before {
            width: 0;
        }

    header.fixed-active .logo img {
    }

    header.fixed-active .info-side .top {
        padding-top: 0;
    }

    header.fixed-active .menu-btn {
        top: 24px;
    }

header .menu-bg {
    position: absolute;
    right: 0;
    top: 0;
    width: 900px;
    height: 815px;
    background: #f39200;
    border-radius: 150px;
    transform: translate(80%, -80%) scale(.3);
    transition: 0.6s;
    z-index: 1;
    box-shadow: 0 0 50px -29px #002b51;
}

    header .menu-bg.active {
        transform: translate(50%, -50%) scale(1);
    }

header .info-side .header-menu.inner-pages {
    z-index: 2;
    transform: translateX(30px);
    transition: .4s;
    opacity: 0;
    visibility: hidden;
}

    header .info-side .header-menu.inner-pages.active {
        opacity: 1;
        visibility: visible;
        transform: translateX(0px);
    }

header .info-side .top .h-iletisim .iletisim-item:hover {
    color: #f39200;
}

    header .info-side .top .h-iletisim .iletisim-item:hover svg {
        fill: #f39200;
    }

@media only screen and (max-width: 1600px) {
    header {
        padding: 55px 60px;
    }

        header.fixed-active {
            padding: 35px 60px;
        }

        header .menu-bg {
            width: 700px;
            height: 700px;
            border-radius: 740px;
        }

            header .menu-bg.active {
                transform: translate(50%, -40%) scale(1);
            }
}

@media only screen and (max-width: 1440px) {
    .hakkimizda-page .about-services {
        padding-top: 130px;
    }
}

@media only screen and (max-width: 1366px) {
    header .info-side .top .h-iletisim .iletisim-item {
        font-size: 17px;
    }

    header .info-side .header-menu .main-links .menu-item {
        font-size: 18px;
    }

        header .info-side .header-menu .main-links .menu-item + .menu-item {
            margin-top: 10px;
        }

    header .info-side .header-menu .secondary-links .menu-item {
        font-size: 18px;
    }

        header .info-side .header-menu .secondary-links .menu-item + .menu-item {
            margin-top: 10px;
        }

    header .menu-bg {
        width: 600px;
        height: 600px;
    }

        header .menu-bg.active {
            transform: translate(50%, -30%) scale(1);
        }
}

@media only screen and (max-width: 1200px) {
    header {
        padding: 35px 60px;
    }

        header .hamburger-menu {
            display: block;
            width: 30px;
            height: 20px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            margin-top: 35px;
            position: absolute;
            right: 70px;
        }

            header .hamburger-menu .line {
                width: 100%;
                height: 2px;
                background: white;
                transition: .4s;
            }

        header .info-side {
            width: 520px;
        }

        header .menu-btn span {
            display: none;
        }

        header .menu-btn.mainpage {
            display: block;
        }

    .mobile-menu-open header.colored .menu-btn .lines .line:nth-child(1) {
        transform: translate(0px, 10px) rotate(45deg);
    }

    .mobile-menu-open header.colored .menu-btn .lines .line:nth-child(2) {
        transform: translate(0px, -4px) rotate(-45deg);
    }
}

@media only screen and (max-width: 900px) {
    header {
        padding: 35px 30px;
        align-items: center;
    }

        header .info-side .top:before {
        }

        header .info-side .top {
            padding-top: 15px;
        }

        header .logo img {
            width: 150px;
            height: 50px;
        }

        header .info-side {
            margin-top: 0;
            width: 440px;
        }

            header .info-side .top .h-iletisim .iletisim-item + .iletisim-item {
                margin-left: 30px;
            }

            header .info-side .top .h-iletisim .iletisim-item {
                font-size: 15px;
            }

        header .hamburger-menu {
            display: flex;
            margin-top: 0;
            right: 35px;
            margin-top: 6px;
        }

        header .menu-btn {
            top: 18px;
        }

        header.fixed-active .menu-btn {
            top: 5px;
        }

        header .menu-bg {
            display: none;
        }

        header .info-side .header-menu {
            display: none;
        }
}

@media only screen and (max-width: 767px) {
    header .logo {
        width: 140px;
        height: 45px;
    }

    header {
        padding: 25px 20px !important;
        padding-right: 60px !important;
    }

        header .menu-btn span {
            display: none;
        }

        header .logo img {
            width: 140px;
            height: 45px;
        }

        header .info-side .top .h-iletisim .iletisim-item {
            overflow: hidden;
            width: 40px;
            height: 40px;
            align-items: center;
            justify-content: flex-start;
            border: 1px solid #ffffff61;
            padding: 10px;
            padding-left: 8px;
            display: flex;
            border-radius: 55px;
        }

            header .info-side .top .h-iletisim .iletisim-item svg {
                min-width: 20px;
                height: 20px;
            }

            header .info-side .top .h-iletisim .iletisim-item + .iletisim-item {
                margin-left: 15px;
            }

        header .info-side .top {
            padding-top: 0;
        }

        header .info-side {
            width: initial;
            position: unset;
        }

            header .info-side .top:before {
                display: none;
            }

        header .hamburger-menu {
            top: 50%;
            transform: translateY(-50%);
            margin-top: -2px;
            right: 20px;
        }

        header .menu-btn {
            top: 50%;
            transform: translateY(-50%);
            right: 15px;
        }

            header .menu-btn .lines {
                margin-right: 0;
            }

        header.colored .info-side .top .h-iletisim .iletisim-item {
            border-color: #2b2d6e42;
        }

            header.colored .info-side .top .h-iletisim .iletisim-item svg {
                fill: #f39200;
            }

        header.fixed-active {
            padding: 25px 20px;
            padding-right: 60px;
        }

            header.fixed-active .menu-btn {
                top: 50%;
            }
}

.anasayfa-slider {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    position: relative;
}

    .anasayfa-slider > .swiper-container {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
    }

        .anasayfa-slider > .swiper-container .swiper-slide {
            position: relative;
        }

            .anasayfa-slider > .swiper-container .swiper-slide .img {
                position: absolute;
                left: 0;
                top: -200px;
                bottom: 0;
                right: 0;
                background: no-repeat center/cover;
                z-index: -1;
                will-change: transform;
            }

            .anasayfa-slider > .swiper-container .swiper-slide:before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
                background: rgb(0 0 0 / 30%);
            }

    .anasayfa-slider .center {
        width: 100%;
    }

        .anasayfa-slider .center .slider-aciklama {
            width: 100%;
            display: flex;
            justify-content: center;
            height: 250px;
            margin-top: -35px;
        }

            .anasayfa-slider .center .slider-aciklama .slider-aciklama-item {
                position: absolute;
                display: flex;
                left: 50%;
                transform: translateX(-50%);
                align-items: center;
            }

                .anasayfa-slider .center .slider-aciklama .slider-aciklama-item.active .main-text > span > span {
                    transform: translateY(0);
                }

                .anasayfa-slider .center .slider-aciklama .slider-aciklama-item.active .side-link {
                    opacity: 1;
                    visibility: visible;
                }

                .anasayfa-slider .center .slider-aciklama .slider-aciklama-item .side-link {
                    font-weight: normal;
                    font-size: 20px;
                    color: #fff;
                    position: relative;
                    opacity: 0;
                    transition: .4s;
                    visibility: hidden;
                }

                .anasayfa-slider .center .slider-aciklama .slider-aciklama-item .main-text {
                    font-weight: bold;
                    font-size: 58px;
                    color: #fff;
                    line-height: 65px;
                    text-align: center;
                }

        .anasayfa-slider .center .navigation {
        }

            .anasayfa-slider .center .navigation .prev,
            .anasayfa-slider .center .navigation .next {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                font-weight: bold;
                font-size: 20px;
                color: #fff;
                display: flex;
                align-items: center;
                margin-top: 75px;
                cursor: pointer;
                transition: .4s;
            }

                .anasayfa-slider .center .navigation .prev svg,
                .anasayfa-slider .center .navigation .next svg {
                    fill: none;
                    stroke: #fff;
                    stroke-linecap: round;
                    stroke-linejoin: round;
                    stroke-miterlimit: 10;
                    stroke-width: 3px;
                    margin: 0 10px;
                }

        .anasayfa-slider .center .slider-aciklama .slider-aciklama-item .side-link:before {
            content: "";
            position: absolute;
            left: 0;
            bottom: -25px;
            width: 10px;
            height: 1px;
            background: #fff;
        }

        .anasayfa-slider .center .navigation .prev {
            left: 110px;
        }

        .anasayfa-slider .center .navigation .next {
            right: 100px;
        }

            .anasayfa-slider .center .navigation .next.swiper-button-disabled,
            .anasayfa-slider .center .navigation .prev.swiper-button-disabled {
                cursor: default;
            }

        .anasayfa-slider .center .slider-aciklama .slider-aciklama-item .main-text > span {
            overflow: hidden;
            display: inline-block;
        }

            .anasayfa-slider .center .slider-aciklama .slider-aciklama-item .main-text > span > span {
                transform: translateY(100%);
                display: inline-block;
                transition: .4s;
            }

    .anasayfa-slider .bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
    }

        .anasayfa-slider .bottom .pagination {
            width: 55%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .anasayfa-slider .bottom .pagination .pag-item {
                font-weight: normal;
                font-size: 32px;
                color: #fff;
                opacity: 0.7;
                position: relative;
                transition: .4s;
                height: 100%;
                display: flex;
                align-items: center;
                cursor: pointer;
            }

        .anasayfa-slider .bottom .kategoriler {
            width: 45%;
            display: flex;
            align-items: center;
            padding: 40px 65px;
            background: rgb(0 0 0 / 34%);
            justify-content: space-between;
            border-top-left-radius: 25px;
        }

            .anasayfa-slider .bottom .kategoriler .swiper-container {
                width: 100%;
            }

                .anasayfa-slider .bottom .kategoriler .swiper-container .swiper-slide {
                    display: flex;
                    justify-content: center;
                }

            .anasayfa-slider .bottom .kategoriler .cat-item {
                display: flex;
                flex-direction: column;
                font-weight: bold;
                font-size: 20px;
                color: #fff;
                width: 170px;
            }

                .anasayfa-slider .bottom .kategoriler .cat-item img {
                    margin-bottom: 20px;
                    height: 35px;
                    width: max-content;
                }

        .anasayfa-slider .bottom .pagination .pag-item + .pag-item:before {
            content: "/";
            position: absolute;
            left: 0;
            transform: translateX(-50%);
        }

        .anasayfa-slider .bottom .pagination .pag-item + .pag-item {
            margin-left: 35px;
            padding-left: 35px;
        }

        .anasayfa-slider .bottom .pagination .pag-item.active {
            opacity: 1;
        }

        .anasayfa-slider .bottom .pagination .pag-item:after {
            content: "";
            position: absolute;
            right: 15px;
            bottom: 0;
            width: 4px;
            transition: .4s;
            background: #fff;
            height: 0;
        }

        .anasayfa-slider .bottom .pagination .pag-item.active:after {
            height: 25px;
        }

@media only screen and (max-width: 1600px) {
    .anasayfa-slider .center .slider-aciklama .slider-aciklama-item .main-text {
        font-size: 40px;
        line-height: 50px;
    }
}

@media only screen and (max-width: 1440px) {
    .anasayfa-slider .center .navigation .prev {
        left: 40px;
    }

    .anasayfa-slider .center .navigation .next {
        right: 40px;
    }

    .anasayfa-slider .center .slider-aciklama {
        margin-top: 45px;
    }
}

@media only screen and (max-width: 1368px) {
    .anasayfa-slider .center .slider-aciklama .slider-aciklama-item .main-text {
        font-size: 45px;
        line-height: 50px;
    }

    .anasayfa-slider .center .slider-aciklama .slider-aciklama-item .side-link {
        font-size: 18px;
    }

    .anasayfa-slider .center .slider-aciklama {
        margin-top: 80px;
    }

    .anasayfa-slider .bottom .kategoriler .cat-item {
        font-size: 16px;
    }

        .anasayfa-slider .bottom .kategoriler .cat-item img {
            margin-bottom: 15px;
        }

    .anasayfa-slider .bottom .kategoriler {
        padding: 35px 65px;
    }
}

@media only screen and (max-width: 1200px) {
    .anasayfa-slider {
        height: 760px;
    }

        .anasayfa-slider .center .slider-aciklama .slider-aciklama-item {
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

            .anasayfa-slider .center .slider-aciklama .slider-aciklama-item .main-text {
                margin-left: 0;
                text-align: center;
            }

            .anasayfa-slider .center .slider-aciklama .slider-aciklama-item .side-link {
                margin-bottom: 26px;
            }

                .anasayfa-slider .center .slider-aciklama .slider-aciklama-item .side-link:before {
                    width: 15px;
                    bottom: -20px;
                    left: 50%;
                    transform: translateX(-50%) rotate(-45deg);
                }

                .anasayfa-slider .center .slider-aciklama .slider-aciklama-item .side-link:after {
                    content: "";
                    position: absolute;
                    left: 50%;
                    transform: translateX(-50%) rotate(45deg);
                    bottom: -20px;
                    width: 15px;
                    height: 1px;
                    background: #fff;
                }

        .anasayfa-slider .center .slider-aciklama {
            margin-top: 0px;
            align-items: center;
        }

        .anasayfa-slider .center .navigation .prev,
        .anasayfa-slider .center .navigation .next {
            margin-top: 0;
        }

        .anasayfa-slider .bottom .kategoriler {
            width: 50%;
        }

        .anasayfa-slider .bottom .pagination {
            width: 50%;
        }

            .anasayfa-slider .bottom .pagination .pag-item {
                font-size: 26px;
            }

                .anasayfa-slider .bottom .pagination .pag-item + .pag-item {
                    padding-left: 30px;
                    margin-left: 30px;
                }

                .anasayfa-slider .bottom .pagination .pag-item:after {
                    right: 10px;
                }

    header .info-side .top .h-iletisim .iletisim-item + .iletisim-item {
        margin-left: 10px
    }

    header .info-side .top .h-iletisim .language {
        display: none
    }

    .inner-pages .info-side .top .h-iletisim .language {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .anasayfa-slider .bottom .kategoriler {
        display: none;
    }

    .anasayfa-slider .bottom .pagination {
        height: 110px;
        width: 100%;
    }

    .anasayfa-slider {
        height: 570px;
    }

        .anasayfa-slider .center {
            height: 100%;
        }

            .anasayfa-slider .center .slider-aciklama {
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .anasayfa-slider .center .navigation {
                display: none;
            }

            .anasayfa-slider .center .slider-aciklama .slider-aciklama-item .main-text {
                font-size: 35px;
                line-height: 50px;
                width: 350px;
            }

            .anasayfa-slider .center .slider-aciklama .slider-aciklama-item .side-link:before {
                bottom: -15px;
            }

            .anasayfa-slider .center .slider-aciklama .slider-aciklama-item .side-link:after {
                bottom: -15px;
            }
}

@media only screen and (max-width: 900px) {
    .anasayfa-slider .bottom .kategoriler {
        padding: 40px 25px;
    }
}

.anasayfa-hakkimizda {
    display: flex;
}

    .anasayfa-hakkimizda .media-side {
        width: 40%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 730px;
        position: relative;
    }

        .anasayfa-hakkimizda .media-side svg {
            transition: .4s;
        }

        .anasayfa-hakkimizda .media-side:hover svg {
            transform: scale(.8);
        }

    .anasayfa-hakkimizda .hakkimizda-detay {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 75px 12vw 0;
        position: relative;
    }

        .anasayfa-hakkimizda .hakkimizda-detay .page-title {
            margin-bottom: 50px;
        }

            .anasayfa-hakkimizda .hakkimizda-detay .page-title span {
            }

        .anasayfa-hakkimizda .hakkimizda-detay p {
            font-weight: normal;
            font-size: 25px;
            line-height: 38px;
            color: #000;
            opacity: 0.6;
            margin-bottom: 50px;
        }

        .anasayfa-hakkimizda .hakkimizda-detay .link {
            font-weight: bold;
            font-size: 25px;
            line-height: 38px;
            color: #f39200;
            display: flex;
            align-items: center;
        }

            .anasayfa-hakkimizda .hakkimizda-detay .link svg {
                fill: none;
                stroke: #f39200;
                stroke-linecap: round;
                stroke-linejoin: round;
                stroke-width: 4px;
                margin-left: 20px;
                transition: .4s;
            }

            .anasayfa-hakkimizda .hakkimizda-detay .link:hover svg {
                transform: translateX(15px);
            }

    .anasayfa-hakkimizda .media-side .parallax-box {
        content: "";
        position: absolute;
        right: 0;
        bottom: 100px;
        width: 90px;
        height: 90px;
        background: rgb(255 255 255 / 25%);
        will-change: transform;
    }

        .anasayfa-hakkimizda .media-side .parallax-box.box-2 {
            background: #f39200;
            bottom: 270px;
            left: 100%;
        }

    .anasayfa-hakkimizda .hakkimizda-detay img {
        position: absolute;
        top: -130px;
        right: -240px;
        z-index: -1;
    }

.page-title {
    font-weight: normal;
    font-size: 91px;
    color: #000000;
    position: relative;
    line-height: 125px;
    margin-left: -7px;
}

    .page-title span {
        color: #f39200;
    }

    .page-title:before {
        content: "";
        position: absolute;
        left: -15px;
        top: 32px;
        width: 6px;
        height: 12px;
        background: #f39200;
    }

@media only screen and (max-width: 1600px) {
    .page-title {
        font-size: 77px;
        line-height: 100px;
    }
}

@media only screen and (max-width: 1440px) {
    .page-title {
        font-size: 60px;
        line-height: 80px;
    }

        .page-title:before {
            top: 20px;
        }

    .anasayfa-hakkimizda .hakkimizda-detay .page-title {
        margin-bottom: 60px;
    }

    .anasayfa-hakkimizda .media-side svg {
        width: 100px;
    }
}

@media only screen and (max-width: 1200px) {
    .page-title {
        font-size: 45px;
        line-height: 60px;
    }

    .anasayfa-hakkimizda .media-side {
        width: 50%;
        height: 600px;
    }

    .anasayfa-hakkimizda .hakkimizda-detay {
        width: 50%;
        padding: 55px 55px 0;
    }

    .anasayfa-hakkimizda .media-side .parallax-box {
        bottom: 0;
    }

        .anasayfa-hakkimizda .media-side .parallax-box.box-2 {
            bottom: 0;
            transform: translateY(100%);
        }

    .anasayfa-hakkimizda .hakkimizda-detay p {
        font-size: 23px;
        margin-bottom: 70px;
    }
}

.anasayfa-hizmetlerimiz {
    position: relative;
    margin-top: 115px;
}

    .anasayfa-hizmetlerimiz .hizmetlerimiz-top {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 9;
    }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-top .titles {
            padding-top: 95px;
            position: relative;
            width: 730px;
        }

            .anasayfa-hizmetlerimiz .hizmetlerimiz-top .titles .page-title {
                font-size: 70px;
                line-height: 90px;
                position: absolute;
                left: 0;
                top: 140px;
                opacity: 0;
                visibility: hidden;
                transition: .4s;
                transform: scale(.8);
            }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link {
            display: flex;
            flex-direction: column;
            width: 335px;
            z-index: 2;
        }

            .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link .top {
                background: #f39200;
                padding: 80px 130px 80px 70px;
                height: 380px;
            }

                .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link .top .top-item {
                    position: absolute;
                    width: 60%;
                    opacity: 0;
                    visibility: hidden;
                    transition: .4s;
                }

                    .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link .top .top-item strong {
                        font-weight: bold;
                        font-size: 25px;
                        line-height: 38px;
                        color: #fff;
                        margin-bottom: 35px;
                        display: block;
                    }

                    .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link .top .top-item p {
                        font-weight: normal;
                        font-size: 25px;
                        line-height: 38px;
                        color: #fff;
                        margin-bottom: 0;
                    }

            .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link .link {
                background: #f39200;
                display: flex;
                align-items: center;
                font-weight: bold;
                font-size: 25px;
                line-height: 38px;
                color: #fff;
                height: 80px;
                padding: 45px;
                position: relative;
                z-index: 1;
            }

                .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link .link:before {
                    content: "";
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    right: 0;
                    background: #f39200;
                    height: 0;
                    transition: 0.3s;
                    width: 100%;
                    z-index: -1;
                }

            .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link:hover .link:before {
                height: calc(100% - 1px);
            }

            .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link .link svg {
                fill: none;
                stroke: #fff;
                stroke-linecap: round;
                stroke-linejoin: round;
                stroke-width: 4px;
                margin-left: 25px;
            }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom {
        height: 840px;
        width: 100%;
        position: relative;
        display: flex;
        align-items: flex-end;
        padding: 0 300px 0 200px;
        justify-content: space-between;
    }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .swiper-container {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
        }

            .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .swiper-container .swiper-slide {
            }

                .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .swiper-container .swiper-slide .img {
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 0;
                    bottom: 0;
                    background: no-repeat center/cover;
                }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler {
            position: relative;
            z-index: 2;
            padding-bottom: 155px;
            padding-left: 120px;
            border-left: 1px solid #CBCBCB;
            position: relative;
            height: 680px;
        }

            .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .property-item {
                display: flex;
                flex-direction: column;
                transition: .7s;
                transform: translateX(-200%);
            }

                .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .property-item p {
                    font-weight: bold;
                    font-size: 77px;
                    color: #fff;
                    line-height: 65px;
                    margin-bottom: 30px;
                    padding-top: 7px;
                }

                .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .property-item span {
                    font-weight: bold;
                    font-size: 18px;
                    color: #fff;
                }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .s-pagination {
            position: relative;
            z-index: 2;
            display: flex;
            flex-direction: column;
            padding-bottom: 175px;
        }

            .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .s-pagination .pag-item {
                opacity: .7;
                cursor: pointer;
            }

                .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .s-pagination .pag-item.active {
                    opacity: 1;
                }

                .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .s-pagination .pag-item span {
                    font-weight: bold;
                    font-size: 25px;
                    line-height: 38px;
                    color: #fff;
                    margin-bottom: 30px;
                    display: block;
                }

                .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .s-pagination .pag-item .timer {
                    width: 280px;
                    height: 1px;
                    background: #fff;
                    position: relative;
                }

                    .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .s-pagination .pag-item .timer .timer-line {
                        position: absolute;
                        left: 0;
                        top: -1px;
                        bottom: -1px;
                        width: 0;
                        background: #f39200;
                        transition: .7s;
                    }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .property-item + .property-item {
            margin-top: 105px;
        }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .s-pagination .pag-item + .pag-item {
            margin-top: 95px;
        }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .s-pagination .pag-item.active .timer .timer-line {
            width: 100%;
            transition: 7s;
        }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .swiper-container:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            background: #0c2333b3;
            z-index: 2;
        }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link .top .top-item.active {
        opacity: 1;
        visibility: visible;
    }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-top .titles .page-title.active {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
    }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .ozellik-group {
        position: absolute;
        overflow: hidden;
        opacity: 0;
        visibility: hidden;
    }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .ozellik-group.active {
            opacity: 1;
            visibility: visible;
            justify-content: center;
            margin-top: -15px;
        }

            .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .ozellik-group.active .property-item {
                transform: translateX(0);
            }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .property-item:nth-child(2) {
        transition-delay: .1s;
    }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .property-item:nth-child(3) {
        transition-delay: .2s;
    }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .property-item:nth-child(4) {
        transition-delay: .3s;
    }

@media only screen and (min-width: 1200px) {
    .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .swiper-container .swiper-slide .img {
        top: -200px;
    }
}

@media only screen and (max-width: 1600px) {
    .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .s-pagination {
        position: relative;
        z-index: 2;
        display: flex;
        flex-direction: column;
        padding-bottom: 60px;
    }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-top .titles .page-title {
        font-size: 55px;
        line-height: 80px;
    }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler {
        height: 550px;
        padding-left: 30px;
        padding-bottom: 300px;
    }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .property-item p {
            font-weight: bold;
            font-size: 55px;
            color: #fff;
            line-height: 65px;
            margin-bottom: 10px;
            padding-top: 7px;
        }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom {
        height: 640px;
        width: 100%;
        position: relative;
        display: flex;
        align-items: flex-end;
        padding: 0 300px 0 200px;
        justify-content: space-between;
    }
}

@media only screen and (max-width: 1200px) {
    .anasayfa-hizmetlerimiz .hizmetlerimiz-top .titles .page-title {
        font-size: 42px;
        line-height: 68px;
        top: 180px;
    }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-top .titles {
    }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link .top {
        padding: 60px 50px 50px;
        height: 320px;
    }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link .top .top-item p {
            font-size: 23px;
        }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link .top .top-item {
            width: 75%;
        }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom {
        padding: 0 80px 0 0px;
        height: 700px;
    }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler {
            border: 0;
            padding-left: 85px;
            height: 550px;
        }

            .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .property-item p {
                font-size: 60px;
                margin-bottom: 15px;
            }

            .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .property-item span {
                font-size: 15px;
            }

            .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .property-item + .property-item {
                margin-top: 60px;
            }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .s-pagination .pag-item span {
            font-size: 20px;
            margin-bottom: 20px;
        }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .s-pagination .pag-item + .pag-item {
            margin-top: 50px;
        }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .s-pagination {
            padding-bottom: 140px;
        }
}

@media only screen and (max-width: 900px) {
    .anasayfa-hizmetlerimiz {
        padding-top: 0;
    }

    .anasayfa-hakkimizda {
        flex-direction: column;
    }

        .anasayfa-hakkimizda .media-side {
            margin: 0 auto;
            width: 100%;
        }

            .anasayfa-hakkimizda .media-side .parallax-box.box-2 {
                left: 0;
            }

        .anasayfa-hakkimizda .hakkimizda-detay {
            width: 100%;
            padding: 115px 55px 0;
        }

            .anasayfa-hakkimizda .hakkimizda-detay img {
                width: 830px;
                top: -50px;
                right: -230px;
            }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link .top {
        background: #fff0;
        height: 250px;
    }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-top .titles {
    }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link {
        transform: translateY(30px);
    }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link .top .top-item {
            display: none;
        }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-top .titles .page-title {
        font-size: 37px;
        line-height: 53px;
    }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .s-pagination .pag-item .timer {
        width: 170px;
    }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .property-item p {
        font-size: 50px;
    }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link .link {
        font-size: 23px;
        padding: 30px;
        height: 100px;
    }
}

@media only screen and (max-width: 767px) {
    .anasayfa-hakkimizda .media-side {
        height: 380px;
    }

        .anasayfa-hakkimizda .media-side .parallax-box {
            width: 60px;
            height: 60px;
        }

    .anasayfa-hakkimizda .hakkimizda-detay {
        padding: 95px 45px 0;
    }

        .anasayfa-hakkimizda .hakkimizda-detay .page-title {
            font-size: 38px;
            margin-bottom: 30px;
        }

        .anasayfa-hakkimizda .hakkimizda-detay p {
            font-size: 20px;
            line-height: 33px;
        }

        .anasayfa-hakkimizda .hakkimizda-detay .link {
            font-size: 18px;
        }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 335px;
        height: 60px;
    }

    .anasayfa-hizmetlerimiz {
        position: relative;
        margin-bottom: 0;
    }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link .link {
            text-align: center;
            padding: 15px 20px 10px;
            align-items: center;
            justify-content: center;
        }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler {
            height: 100%;
            padding: 78px 30px 30px 30px;
            width: 100%;
        }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom {
            flex-direction: column;
            padding: 0;
            height: 530px;
        }

            .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .ozellik-group {
                width: 315px;
                display: flex;
                flex-wrap: wrap;
            }

            .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .property-item p {
                font-size: 37px;
            }

            .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .property-item + .property-item {
                margin-top: 0;
                text-align: center;
            }

            .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .ozellik-group.active .property-item {
                width: 50%;
                margin-top: 15px;
            }

            .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .s-pagination {
                width: 100%;
                padding-bottom: 40px;
                align-items: center;
            }

                .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .s-pagination .pag-item span {
                    margin-bottom: 10px;
                }

                .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .s-pagination .pag-item + .pag-item {
                    margin-top: 30px;
                }
}

footer {
    display: flex;
    flex-direction: column;
}

    footer #mobile-svg {
        display: none;
    }

    footer .footer-top {
        background: #FAFAFA;
        display: flex;
        align-items: center;
        position: relative;
        padding: 65px 0;
    }

    footer .footer-bottom {
        display: flex;
        cursor: pointer;
    }

    footer .footer-top .swiper-container {
        width: 90%;
    }

        footer .footer-top .swiper-container .swiper-slide {
            display: flex;
            align-items: center;
            justify-content: center;
            height: auto;
            background-color: #fff;
            border-radius: 5px;
            border: 1px solid #e5e5e5;
        }

            footer .footer-top .swiper-container .swiper-slide img {
                object-fit: contain;
                width: 100%;
                height: 110px;
                padding: 35px;
            }

    footer .footer-top .all {
        position: absolute;
        right: 95px;
        bottom: 30px;
        color: #c0c0c0;
        font-size: 16px;
        font-weight: 500;
        display: flex;
        align-items: center;
        transition: .4s;
        width: max-content;
    }

        footer .footer-top .all svg {
            fill: none;
            stroke: #c0c0c0;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 2px;
            margin-left: 15px;
            transition: .4s;
        }

        footer .footer-top .all:hover {
            color: #6f6f6f;
        }

            footer .footer-top .all:hover svg {
                stroke: #f39200;
            }

    footer .footer-bottom .left {
        width: 200px;
        display: flex;
        flex-direction: column;
    }

        footer .footer-bottom .left .logo {
            height: 200px;
            background: #f39200;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            footer .footer-bottom .left .logo img {
                width: 100px;
                height: 100px;
            }

.go-top {
    display: none;
}

footer .footer-bottom .right {
    display: flex;
    flex-direction: column;
    flex: 1;
}

    footer .footer-bottom .right .footer-infos {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 80px 0 80px 115px;
        align-items: center;
    }

        footer .footer-bottom .right .footer-infos .social {
            display: flex;
            flex-direction: column;
        }

            footer .footer-bottom .right .footer-infos .social .page-title {
                margin-bottom: 95px;
            }

            footer .footer-bottom .right .footer-infos .social .iletisim-item {
                display: flex;
                align-items: center;
                font-weight: 500;
                font-size: 20px;
                color: #000;
            }

                footer .footer-bottom .right .footer-infos .social .iletisim-item svg {
                    stroke: #f39200;
                    margin-right: 13px;
                    width: 20px;
                    fill: #fff;
                    stroke-width: 1.2px;
                }

        footer .footer-bottom .right .footer-infos .kategoriler {
            display: flex;
            flex-direction: column;
        }

            footer .footer-bottom .right .footer-infos .kategoriler .cat-item {
                flex: 1;
                display: flex;
                align-items: center;
                font-weight: 500;
                font-size: 18px;
                color: #000;
                padding-right: 145px;
                position: relative;
                min-height: 70px;
            }

                footer .footer-bottom .right .footer-infos .kategoriler .cat-item img {
                    margin-right: 25px;
                }

    footer .footer-bottom .right .sub-footer {
        display: flex;
        justify-content: space-between;
        padding: 20px 115px;
        border-top: 1px solid #E2E2E2;
    }

        footer .footer-bottom .right .sub-footer .copyright {
            font-weight: 500;
            font-size: 15px;
            color: #000;
        }

            footer .footer-bottom .right .sub-footer .copyright strong {
            }

        footer .footer-bottom .right .sub-footer .policys {
            white-space: nowrap;
        }

            footer .footer-bottom .right .sub-footer .policys .policy-item {
                font-weight: 500;
                font-size: 15px;
                color: #000;
            }

        footer .footer-bottom .right .sub-footer a img {
        }

    footer .footer-bottom .right .footer-infos .social .iletisim-item + .iletisim-item {
        margin-top: 40px;
    }

    footer .footer-bottom .right .footer-infos .kategoriler .cat-item + .cat-item:before {
        content: "";
        position: absolute;
        left: 0px;
        top: 0;
        right: 0;
        height: 1px;
        background: #D0D0D0;
    }

    footer .footer-bottom .right .sub-footer .policys .policy-item + .policy-item {
        padding-left: 15px;
        margin-left: 15px;
        position: relative;
    }

        footer .footer-bottom .right .sub-footer .policys .policy-item + .policy-item:before {
            content: "/";
            position: absolute;
            left: 0;
            transform: translateX(-50%);
        }

@media only screen and (max-width: 1200px) {
    footer .footer-top {
        height: 230px;
    }

    footer .footer-bottom .left {
        width: 160px;
    }

        footer .footer-bottom .left .logo img {
            width: 80px;
            height: 80px;
        }
}

@media only screen and (max-width: 900px) {
    footer .footer-top {
        height: 170px;
    }

    footer .footer-bottom .right .footer-infos {
        padding: 40px 0px;
        justify-content: space-between;
        background: #fafafa;
        padding-left: 55px;
    }

        footer .footer-bottom .right .footer-infos .kategoriler .cat-item {
            padding-right: 60px;
        }

    footer .footer-bottom .right .sub-footer {
        padding: 20px 15px;
    }
}

@media only screen and (max-width: 767px) {
    footer .footer-bottom {
        flex-direction: column;
    }

        footer .footer-bottom .left {
            width: 100%;
            flex-direction: row;
            display: none;
        }

            footer .footer-bottom .left .logo {
                width: 30%;
                height: 125px;
            }

                footer .footer-bottom .left .logo img {
                    width: 70px;
                    height: 100px;
                }

            footer .footer-bottom .left .go-top svg {
                height: 55px;
                position: absolute;
                left: 30%;
                display: none;
            }

            footer .footer-bottom .left .go-top span {
                margin-bottom: 0;
                position: absolute;
            }

        footer .footer-bottom .right .footer-infos {
            flex-direction: column;
            padding-left: 0;
            background: #fff;
        }

            footer .footer-bottom .right .footer-infos .kategoriler {
                margin-top: 50px;
            }

        footer .footer-bottom .left .go-top {
            border: 0;
            position: relative;
            border-bottom: 1px solid #d0d0d0;
        }

        footer .footer-bottom .right .footer-infos .social .page-title {
            font-size: 37px;
            margin-bottom: 30px;
        }

        footer .footer-bottom .right .footer-infos .social .iletisim-item + .iletisim-item {
            margin-top: 40px;
        }

        footer .footer-bottom .right .sub-footer {
            flex-direction: column;
            align-items: center;
            border: 0;
            padding: 15px;
            padding-bottom: 11px;
            background: #fafafa;
        }

            footer .footer-bottom .right .sub-footer .copyright {
                font-size: 13px;
                order: 2;
                margin-bottom: 15px;
                position: relative;
            }

            footer .footer-bottom .right .sub-footer .policys .policy-item {
                font-size: 13px;
            }

                footer .footer-bottom .right .sub-footer .policys .policy-item + .policy-item:before {
                    top: -1px;
                    left: -1px;
                }

            footer .footer-bottom .right .sub-footer a img {
            }

            footer .footer-bottom .right .sub-footer .policys {
                margin-bottom: 20px;
            }

    footer .footer-top .swiper-container {
        width: 80%;
    }

    footer .footer-top {
        height: 160px;
        width: 100%;
        margin-left: auto;
    }

        footer .footer-top .swiper-container .swiper-slide img {
            max-width: 55%;
            padding: 15px;
        }

    footer .footer-bottom .right .footer-infos .kategoriler .cat-item {
        padding-right: 0;
        min-height: 60px;
        flex: 1 0 100%;
        justify-content: center;
        padding: 32px 16px;
        text-align: center;
        align-items: center;
    }

        footer .footer-bottom .right .footer-infos .kategoriler .cat-item:nth-child(1) {
            border-right: 1px solid #D0D0D0;
            border-bottom: 1px solid #D0D0D0;
        }

        footer .footer-bottom .right .footer-infos .kategoriler .cat-item:nth-child(2) {
            border-bottom: 1px solid #D0D0D0;
        }

        footer .footer-bottom .right .footer-infos .kategoriler .cat-item:nth-child(3) {
            border-right: 1px solid #D0D0D0;
        }

    footer .footer-bottom .right .footer-infos .social {
        padding: 0 60px;
        align-items: center;
    }

    footer .footer-bottom .right .footer-infos .kategoriler .cat-item + .cat-item:before {
        top: 0;
        left: 0;
        right: unset;
        bottom: 0;
        height: unset;
        width: 1px;
        display: none;
    }

    footer .footer-bottom .right .footer-infos .swiper-container {
        padding: 0 55px;
        width: 100%;
    }

    footer .footer-top .all {
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%);
        display: none;
    }

    footer #mobile-svg {
        display: block
    }

    footer .footer-bottom .right .footer-infos .social .iletisim-item {
        flex-direction: column;
        gap: 20px;
    }

    footer .footer-bottom .right .footer-infos .kategoriler {
        display: grid;
        grid-template-columns: 195px 195px;
    }

    footer .go-top {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 65px;
        margin-bottom: 30px;
        gap: 20px;
    }

        footer .go-top span {
            font-weight: 500;
            font-size: 15px;
            color: #f39200;
        }
}

.mobile-menu {
    display: none;
    position: fixed;
    right: -100%;
    top: 0;
    background: #f39200;
    -webkit-transition: .4s;
    transition: .4s;
    z-index: 99;
    width: 100%;
    max-width: 100%;
    bottom: 0;
    min-height: 100vh;
    padding-bottom: 0;
    border-top: 1px solid #0000000a;
}

@media only screen and (max-width: 900px) {
    .mobile-menu {
        display: block;
        top: 134px;
    }
}

@media only screen and (max-width:991px) {
    .mobile-menu {
        width: 100%;
        top: 120px;
    }
}

@media only screen and (max-width: 1199px) {
    .mobile-menu .mobile-nav-title h3 {
        display: block
    }
}

@media only screen and (max-width:767px) {
    .mobile-menu .mobile-nav-title h3 {
        display: block;
        top: 50px;
        left: 25px;
    }
}

@media only screen and (max-width:767px) {
    header .hamburger-menu {
        right: 20px;
    }
}

@media only screen and (max-height:500px) and (orientation:landscape) {
    .mobile-menu .hamburger-menu {
        right: 5rem
    }
}

@-webkit-keyframes menuListAnimate {
    0% {
        margin-top: 40px;
        opacity: 0
    }

    100% {
        margin-top: 0;
        opacity: 1
    }
}

@keyframes menuListAnimate {
    0% {
        margin-top: 40px;
        opacity: 0
    }

    100% {
        margin-top: 0;
        opacity: 1
    }
}

.mobile-menu .mobile-nav {
    position: absolute;
    left: 0;
    top: 60px;
    width: 100%;
    max-height: 100vh;
    padding-bottom: 200px;
    overflow-y: auto;
}

    .mobile-menu .mobile-nav .user-menu ul {
        display: flex;
        flex-wrap: wrap;
    }

        .mobile-menu .mobile-nav .user-menu ul li {
            flex: 1 1 33%;
            text-align: center;
            margin-bottom: 30px;
        }

    .mobile-menu .mobile-nav .user-menu {
        margin-bottom: -20px;
        margin-top: 20px;
    }

        .mobile-menu .mobile-nav .user-menu > div a {
            font-weight: bold;
            font-size: 15px;
            text-align: left;
            color: #fff;
        }

        .mobile-menu .mobile-nav .user-menu > div {
            margin-left: 40px;
            margin-bottom: 30px;
        }

        .mobile-menu .mobile-nav .user-menu ul li:last-child {
            display: flex;
            justify-content: center;
            border-left: none;
            background: #1C6031;
            padding: 12px 0;
        }

        .mobile-menu .mobile-nav .user-menu > div a svg {
            width: 20px;
            height: 16px;
        }

        .mobile-menu .mobile-nav .user-menu ul li + li {
            border-left: 1px solid rgba(255, 255, 255, 0.15);
        }

        .mobile-menu .mobile-nav .user-menu ul li:last-child a svg path {
            fill: #2AA850;
        }

        .mobile-menu .mobile-nav .user-menu ul li a {
            font-weight: 500;
            font-size: 15px;
            text-align: center;
            color: rgba(255, 255, 255, 0.6);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .mobile-menu .mobile-nav .user-menu ul li:last-child a {
            color: #fff;
        }

        .mobile-menu .mobile-nav .user-menu ul li a span svg {
            width: 25px;
            height: 20px;
            margin-right: 10px;
        }

            .mobile-menu .mobile-nav .user-menu ul li a span svg path {
                fill: #fff;
            }

        .mobile-menu .mobile-nav .user-menu ul li a + a {
            margin-left: 50px;
            border-left: 1px solid rgba(255, 255, 255, 0.2);
            padding-left: 50px;
        }

    .mobile-menu .mobile-nav::-webkit-scrollbar {
        width: 0px
    }

    .mobile-menu .mobile-nav .language-item {
        padding: 10px 40px 0;
        margin-top: 15px
    }

        .mobile-menu .mobile-nav .language-item ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            list-style-type: none;
            padding-left: 0;
        }

            .mobile-menu .mobile-nav .language-item ul li.lang-active a {
                color: white;
            }

            .mobile-menu .mobile-nav .language-item ul li + li {
                margin-left: 10px;
                padding-left: 10px
            }

            .mobile-menu .mobile-nav .language-item ul li a {
                padding: 5px;
                margin: 0;
                font-size: 15px;
                color: #ffffff7a;
                font-weight: 500;
            }

    .mobile-menu .mobile-nav > ul {
        position: relative;
        padding: 10px 0px;
        width: 100%;
    }

        .mobile-menu .mobile-nav > ul > li:first-child > a {
        }

            .mobile-menu .mobile-nav > ul > li:first-child > a:before,
            .mobile-menu .mobile-nav > ul > li:first-child > a:after {
                top: 30%
            }

        .mobile-menu .mobile-nav > ul li a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding: 15px 35px;
            font-weight: 600;
            font-size: 14px;
            color: #ffffff;
            text-align: left;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            position: relative;
            margin: 0 10px;
            -webkit-box-orient: initial;
            -webkit-box-direction: initial;
            -ms-flex-direction: initial;
            flex-direction: initial;
            align-items: center;
            transition: .4s;
        }

    .mobile-menu .mobile-nav ul li a.bid-btn {
        margin-top: 20px;
        opacity: 0.7
    }

    .mobile-menu .mobile-nav ul li a.sub-item.active {
        color: #ffffff91;
    }

        .mobile-menu .mobile-nav ul li a.sub-item.active:before,
        .mobile-menu .mobile-nav ul li a.sub-item.active:after {
            background: #ffffff91;
        }

        .mobile-menu .mobile-nav ul li a.sub-item.active:before {
            height: 0
        }

        .mobile-menu .mobile-nav ul li a.sub-item.active:after {
            height: 10px;
        }

    .mobile-menu .mobile-nav ul li a.sub-item:before,
    .mobile-menu .mobile-nav ul li a.sub-item:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 25px;
        width: 1px;
        height: 15px;
        background: #ffffff;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

    .mobile-menu .mobile-nav ul li a.sub-item:before {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .mobile-menu .mobile-nav ul li a.sub-item:after {
        -webkit-transform: translateY(-50%) rotate(90deg);
        transform: translateY(-50%) rotate(90deg)
    }

    .mobile-menu .mobile-nav ul li a i {
        margin-left: 10px
    }

    .mobile-menu .mobile-nav ul li ul {
        background: #2b2d6e21;
        padding: 10px 0;
        display: none;
    }
        .mobile-menu .mobile-nav ul li ul li {
            list-style: none;
        }
        .mobile-menu .mobile-nav ul li ul li a {
            border-top: none;
            font-size: 15px;
            padding: 15px 55px;
            font-weight: 500;
            justify-content: flex-start;
            color: #ffffff;
        }

            .mobile-menu .mobile-nav ul li ul li a.sub-item:before,
            .mobile-menu .mobile-nav ul li ul li a.sub-item:after {
                right: 30px
            }

        .mobile-menu .mobile-nav ul li ul li ul {
            background: #12351d;
        }

            .mobile-menu .mobile-nav ul li ul li ul li a {
                padding: 15px 35px
            }

                .mobile-menu .mobile-nav ul li ul li ul li a.sub-item:before,
                .mobile-menu .mobile-nav ul li ul li ul li a.sub-item:after {
                    right: 40px
                }

            .mobile-menu .mobile-nav ul li ul li ul li ul {
                background: #071625
            }

    .mobile-menu .mobile-nav > ul > li + li > a {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .mobile-menu .mobile-nav ul li ul li ul li ul a {
        padding: 15px 50px
    }

    .mobile-menu .mobile-nav ul li.active {
        position: relative;
        z-index: 34
    }

.mobile-menu.open {
    right: 0
}

.mobile-menu-open header .hamburger-menu .line:nth-child(1) {
    -webkit-transform: translate(-2px, 10px) rotate(45deg);
    transform: translate(-2px, 10px) rotate(45deg);
}

.mobile-menu-open header .hamburger-menu .line:nth-child(2) {
    opacity: 0;
    width: 0;
    transform: translateX(-10px);
}

.mobile-menu-open header .hamburger-menu .line:nth-child(3) {
    -webkit-transform: translate(-1px, -12px) rotate(-45deg);
    transform: translate(-1px, -12px) rotate(-45deg);
}

.mobile-menu.open .mobile-nav > ul > li {
    -webkit-animation: menuListAnimate 0.5s ease-in-out 0s both;
    animation: menuListAnimate 0.5s ease-in-out 0s both
}

    .mobile-menu.open .mobile-nav > ul > li + li {
        -webkit-animation: menuListAnimate 0.5s ease-in-out 0.1s both;
        animation: menuListAnimate 0.5s ease-in-out 0.1s both
    }

        .mobile-menu.open .mobile-nav > ul > li + li + li {
            -webkit-animation: menuListAnimate 0.5s ease-in-out 0.2s both;
            animation: menuListAnimate 0.5s ease-in-out 0.2s both
        }

            .mobile-menu.open .mobile-nav > ul > li + li + li + li {
                -webkit-animation: menuListAnimate 0.5s ease-in-out 0.3s both;
                animation: menuListAnimate 0.5s ease-in-out 0.3s both
            }

                .mobile-menu.open .mobile-nav > ul > li + li + li + li + li {
                    -webkit-animation: menuListAnimate 0.5s ease-in-out 0.4s both;
                    animation: menuListAnimate 0.5s ease-in-out 0.4s both
                }

                    .mobile-menu.open .mobile-nav > ul > li + li + li + li + li + li {
                        -webkit-animation: menuListAnimate 0.5s ease-in-out 0.5s both;
                        animation: menuListAnimate 0.5s ease-in-out 0.5s both
                    }

                        .mobile-menu.open .mobile-nav > ul > li + li + li + li + li + li + li {
                            -webkit-animation: menuListAnimate 0.5s ease-in-out 0.6s both;
                            animation: menuListAnimate 0.5s ease-in-out 0.6s both
                        }

                            .mobile-menu.open .mobile-nav > ul > li + li + li + li + li + li + li + li {
                                -webkit-animation: menuListAnimate 0.5s ease-in-out 0.7s both;
                                animation: menuListAnimate 0.5s ease-in-out 0.7s both
                            }

                                .mobile-menu.open .mobile-nav > ul > li + li + li + li + li + li + li + li + li {
                                    -webkit-animation: menuListAnimate 0.5s ease-in-out 0.8s both;
                                    animation: menuListAnimate 0.5s ease-in-out 0.8s both
                                }

                                    .mobile-menu.open .mobile-nav > ul > li + li + li + li + li + li + li + li + li + li {
                                        -webkit-animation: menuListAnimate 0.5s ease-in-out 0.9s both;
                                        animation: menuListAnimate 0.5s ease-in-out 0.9s both
                                    }

                                        .mobile-menu.open .mobile-nav > ul > li + li + li + li + li + li + li + li + li + li + li {
                                            -webkit-animation: menuListAnimate 0.5s ease-in-out 1s both;
                                            animation: menuListAnimate 0.5s ease-in-out 1s both
                                        }

body.mobile-menu-open .mobile-menu {
    right: 0;
}

body.mobile-menu-open .header .header-wrapper {
    background: white;
}

body.mobile-menu-open .hamburger-button .mobile-menu-btn span {
    background: #000;
}

body.mobile-menu-open .header .header-wrapper .menu-area .lang a {
    color: #000;
}

body.mobile-menu-open .header .header-wrapper .logo {
    background: #000;
}

    body.mobile-menu-open .header .header-wrapper .logo a svg {
        fill: white;
    }

.header .header-wrapper .logo a svg {
    transition: .4s;
}

@media only screen and (max-width: 767px) {
    .mobile-menu .mobile-nav .language-item {
        padding: 10px 22px 0;
    }

    .mobile-menu {
        top: 95px;
    }

        .mobile-menu .mobile-nav > ul {
            padding: 0
        }

            .mobile-menu .mobile-nav > ul li a {
                padding: 15px
            }

        .mobile-menu .mobile-nav ul li ul li a {
            padding: 10px 25px;
        }

        .mobile-menu .mobile-nav {
            top: 25px;
            padding-bottom: 250px;
        }

            .mobile-menu .mobile-nav .user-menu > div {
                margin-left: 25px;
                margin-bottom: 35px;
            }

            .mobile-menu .mobile-nav .user-menu ul li a {
                flex-direction: column;
                padding: 0 20px;
            }

                .mobile-menu .mobile-nav .user-menu ul li a span svg {
                    margin-right: 0;
                    margin-bottom: 10px;
                }

            .mobile-menu .mobile-nav .user-menu ul li:last-child a {
                flex-direction: row;
                padding: 0;
            }

                .mobile-menu .mobile-nav .user-menu ul li:last-child a svg {
                    margin-bottom: 0;
                    margin-right: 10px;
                }

            .mobile-menu .mobile-nav .user-menu > div a svg {
                height: 15px;
                width: 15px;
                margin-top: -4px;
                margin-right: 8px;
            }

            .mobile-menu .mobile-nav .user-menu ul li a + a {
                margin-left: 40px;
                padding-left: 40px !important;
            }

            .mobile-menu .mobile-nav .user-menu ul li:last-child {
                margin-left: -10px;
            }

    .header-fixed header .hamburger-menu {
        top: 0.9rem;
    }

    .mobile-menu-open header .hamburger-menu {
        right: 1.9rem;
    }
}

.hakkimizda-page {
    padding-top: 145px;
}

    .hakkimizda-page .about-services {
        padding-top: 175px;
    }

        .hakkimizda-page .about-services .hizmetlerimiz-top {
            display: flex;
            justify-content: space-between;
            padding: 0 135px 0 115px;
        }

            .hakkimizda-page .about-services .hizmetlerimiz-top .titles {
                padding-top: 185px;
                position: relative;
                width: 730px;
            }

                .hakkimizda-page .about-services .hizmetlerimiz-top .titles .page-title {
                    font-size: 70px;
                    line-height: 90px;
                    transition: .4s;
                }

            .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link {
                display: flex;
                flex-direction: column;
                width: 535px;
                transform: translateY(140px);
                z-index: 2;
            }

                .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .top {
                    background: #f39200;
                    padding: 80px 130px 80px 70px;
                    height: 380px;
                }

                    .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .top .top-item {
                        transition: .4s;
                    }

                        .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .top .top-item strong {
                            font-weight: bold;
                            font-size: 25px;
                            line-height: 38px;
                            color: #fff;
                            margin-bottom: 35px;
                            display: block;
                        }

                        .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .top .top-item p {
                            font-weight: normal;
                            font-size: 25px;
                            line-height: 38px;
                            color: #fff;
                            margin-bottom: 0;
                        }

                .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .link {
                    background: #f39200;
                    display: flex;
                    align-items: center;
                    font-weight: bold;
                    font-size: 25px;
                    line-height: 38px;
                    color: #fff;
                    height: 140px;
                    padding: 45px;
                }

                    .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .link svg {
                        fill: none;
                        stroke: #fff;
                        stroke-linecap: round;
                        stroke-linejoin: round;
                        stroke-width: 4px;
                        margin-left: 25px;
                    }

        .hakkimizda-page .about-services .hizmetlerimiz-bottom {
            height: 740px;
            width: 100%;
            position: relative;
            display: flex;
            align-items: flex-end;
            padding: 0 300px 0 200px;
            justify-content: space-between;
            overflow: hidden;
        }

            .hakkimizda-page .about-services .hizmetlerimiz-bottom .img {
                position: absolute;
                left: 0;
                right: 0;
                top: -300px;
                bottom: 0;
                background: no-repeat center/cover;
                will-change: transform;
            }

            .hakkimizda-page .about-services .hizmetlerimiz-bottom:before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
                background: #0c233359;
                z-index: 1;
            }

        .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .top .top-item.active {
            opacity: 1;
            visibility: visible;
        }

        .hakkimizda-page .about-services .hizmetlerimiz-top .titles .page-title.active {
            opacity: 1;
            visibility: visible;
            transform: scale(1);
        }

    .hakkimizda-page .hakkimizda-detay {
        display: flex;
        padding: 0vw 7vw 0;
    }

        .hakkimizda-page .hakkimizda-detay .left {
            width: 45%;
            display: flex;
            flex-direction: column;
            height: auto;
        }

            .hakkimizda-page .hakkimizda-detay .left img {
                border-radius: 15px;
                width: 95%;
                margin-bottom: 45px;
            }

            .hakkimizda-page .hakkimizda-detay .left > p {
                font-weight: 500;
                font-size: 20px;
                line-height: 27px;
                color: #000;
                opacity: 0.6;
                margin-top: 25px;
            }

            .hakkimizda-page .hakkimizda-detay .left .about-vid {
                width: 100%;
                height: 35vw;
                position: sticky;
                top: 95px;
            }

                .hakkimizda-page .hakkimizda-detay .left .about-vid .img {
                    position: absolute;
                    left: 0;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    background: no-repeat center/cover;
                }

                .hakkimizda-page .hakkimizda-detay .left .about-vid svg {
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%, -50%);
                    transition: 0.2s;
                }

        .hakkimizda-page .hakkimizda-detay .right {
            width: 47%;
            margin-left: 8%;
            border-left: 1px solid #E2E2E2;
        }

            .hakkimizda-page .hakkimizda-detay .right .ideals {
                display: flex;
                flex-direction: column;
                padding: 5.1vw 5vw 6vw 6.3vw;
                border-bottom: 1px solid #E2E2E2;
            }

                .hakkimizda-page .hakkimizda-detay .right .ideals .ideal-item {
                }

                    .hakkimizda-page .hakkimizda-detay .right .ideals .ideal-item .title {
                        font-weight: bold;
                        font-size: 35px;
                        color: #f39200;
                        margin-bottom: 30px;
                    }

.en .hakkimizda-page .hakkimizda-detay .right .ideals .ideal-item .title {
    text-transform: capitalize
}

.hakkimizda-page .hakkimizda-detay .right .ideals .ideal-item p {
    font-weight: normal;
    font-size: 25px;
    line-height: 38px;
    color: #000;
    opacity: 0.6;
}

.hakkimizda-page .hakkimizda-detay .right .hizmetlerimiz-link {
    padding: 4vw 5vw;
}

    .hakkimizda-page .hakkimizda-detay .right .hizmetlerimiz-link .title {
        font-weight: bold;
        font-size: 35px;
        color: #000;
        margin-bottom: 45px;
    }

    .hakkimizda-page .hakkimizda-detay .right .hizmetlerimiz-link p {
        font-weight: normal;
        font-size: 20px;
        color: #000;
        opacity: 0.6;
        margin-bottom: 65px;
    }

    .hakkimizda-page .hakkimizda-detay .right .hizmetlerimiz-link .link {
        font-weight: normal;
        font-size: 20px;
        color: #000;
        display: flex;
        align-items: center;
    }

.hakkimizda-page .hakkimizda-detay .left .about-vid:hover svg {
    transform: translate(-50%, -50%) scale(.8);
}

.hakkimizda-page .hakkimizda-detay .right .ideals .ideal-item + .ideal-item {
    margin-top: 75px;
}

.hakkimizda-page .hakkimizda-detay .right .hizmetlerimiz-link .link svg {
    fill: none;
    stroke: #fff;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    stroke-width: 2px;
    width: 85px;
    height: 85px;
    background: #f39200;
    padding: 25px;
    border-radius: 100%;
    margin-right: 30px;
    transition: .4s;
}

.hakkimizda-page .hakkimizda-detay .right .hizmetlerimiz-link .link span {
    width: 215px;
    display: block;
}

.hakkimizda-page .hakkimizda-detay .right .hizmetlerimiz-link .link:hover svg {
    transform: rotate(-45deg);
}

.hakkimizda-bottom-banner {
    width: 100%;
    height: 730px;
    background: no-repeat center/cover;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 auto;
    will-change: transform;
}

    .hakkimizda-bottom-banner:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: rgb(0 0 0 / 32%);
    }

    .hakkimizda-bottom-banner p {
        font-weight: bold;
        font-size: 77px;
        text-align: center;
        color: #fff;
        width: 900px;
        z-index: 2;
    }

@media only screen and (min-width: 1200px) {
    .hakkimizda-page .about-services .hizmetlerimiz-bottom .swiper-container .swiper-slide .img {
        top: -200px;
    }

    .hakkimizda-bottom-banner {
        width: 80%;
        height: 850px;
    }
}

@media only screen and (max-width: 1600px) {
    .hakkimizda-page .about-services .hizmetlerimiz-top .titles .page-title {
        font-size: 55px;
        line-height: 80px;
    }

    .hakkimizda-page .about-services .hizmetlerimiz-bottom {
        height: 670px;
    }
}

@media only screen and (max-width: 1440px) {
    .hakkimizda-page .hakkimizda-detay .left > p {
        font-size: 24px;
        margin-bottom: 120px;
    }

    .hakkimizda-page .hakkimizda-detay .left .about-vid svg {
        width: 140px;
    }

    .hakkimizda-page .hakkimizda-detay .right .ideals .ideal-item .title {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .hakkimizda-page .hakkimizda-detay .right .ideals .ideal-item p {
        font-size: 21px;
        line-height: unset;
    }

    .hakkimizda-page .hakkimizda-detay .right .ideals .ideal-item + .ideal-item {
        margin-top: 60px;
    }

    .hakkimizda-page .hakkimizda-detay .right .hizmetlerimiz-link .title {
        font-size: 30px;
    }

    .hakkimizda-bottom-banner p {
        font-size: 70px;
    }
}

@media only screen and (max-width: 1366px) {
    .hakkimizda-page .about-services .hizmetlerimiz-top .titles .page-title {
        font-size: 46px;
    }

    .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .top .top-item p {
        font-size: 21px;
    }

    .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .top {
        padding: 70px 70px;
        height: unset;
    }

    .hakkimizda-page .about-services {
        padding-top: 90px;
    }

        .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .link {
            font-size: 24px;
        }

        .hakkimizda-page .about-services .hizmetlerimiz-bottom {
            height: 520px;
        }

    .hakkimizda-bottom-banner p {
        font-size: 57px;
    }

    .hakkimizda-bottom-banner {
        margin-top: 65px;
    }
}

@media only screen and (max-width: 1200px) {
    .hakkimizda-page .about-services .hizmetlerimiz-top {
        padding: 0 35px 0 65px;
    }

        .hakkimizda-page .about-services .hizmetlerimiz-top .titles .page-title {
            font-size: 42px;
            line-height: 68px;
        }

        .hakkimizda-page .about-services .hizmetlerimiz-top .titles {
        }

        .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .top {
            padding: 60px 50px 50px;
            height: 320px;
        }

            .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .top .top-item p {
                font-size: 23px;
            }

    .hakkimizda-page .about-services .hizmetlerimiz-bottom {
        padding: 0 80px 0 0px;
        height: 510px;
    }

    .hakkimizda-page .hakkimizda-detay {
        padding: 0 55px 35px;
    }

        .hakkimizda-page .hakkimizda-detay .left {
            justify-content: center;
        }

        .hakkimizda-page .hakkimizda-detay .right .hizmetlerimiz-link .title {
            font-size: 28px;
        }

    .hakkimizda-bottom-banner {
        height: 600px;
    }

        .hakkimizda-bottom-banner p {
            font-size: 45px;
            width: 700px;
        }

    .hakkimizda-page .about-services .hizmetlerimiz-bottom .img {
        top: 0;
    }
}

@media only screen and (max-width: 900px) {
    .hakkimizda-page {
        padding-top: 155px;
    }

        .hakkimizda-page .about-services {
            padding-top: 90px;
        }

            .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .top {
                height: unset;
                padding: 40px 40px 50px;
            }

            .hakkimizda-page .about-services .hizmetlerimiz-top .titles {
                width: 630px;
            }

            .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link {
                transform: translateY(100px);
            }

                .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .top .top-item {
                }

            .hakkimizda-page .about-services .hizmetlerimiz-top .titles .page-title {
                font-size: 32px;
                line-height: 53px;
            }

            .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .link {
                font-size: 19px;
                padding: 30px;
                height: 100px;
            }

            .hakkimizda-page .about-services .hizmetlerimiz-top {
                padding: 0 45px;
            }

                .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .top .top-item strong {
                    font-size: 20px;
                    margin-bottom: 20px;
                }

                .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .top .top-item p {
                    font-size: 18px;
                    line-height: unset;
                }

            .hakkimizda-page .about-services .hizmetlerimiz-bottom {
                padding: 0;
                height: 340px;
            }

        .hakkimizda-page .hakkimizda-detay {
            flex-direction: column;
        }

            .hakkimizda-page .hakkimizda-detay .left {
                width: 100%;
            }

                .hakkimizda-page .hakkimizda-detay .left > p {
                    margin-bottom: 70px;
                    margin-top: 45px;
                    text-align: center;
                    font-size: 21px;
                    padding: 0 5px;
                }

                .hakkimizda-page .hakkimizda-detay .left .about-vid {
                    height: 350px;
                }

                    .hakkimizda-page .hakkimizda-detay .left .about-vid svg {
                        width: 110px;
                    }

            .hakkimizda-page .hakkimizda-detay .right {
                width: 100%;
                margin-left: 0;
                border-left: 0;
            }

                .hakkimizda-page .hakkimizda-detay .right .ideals {
                    border-left: 0;
                    border-top: 1px solid #E2E2E2;
                }

                    .hakkimizda-page .hakkimizda-detay .right .ideals .ideal-item .title {
                        font-size: 25px;
                        margin-bottom: 15px;
                    }

                    .hakkimizda-page .hakkimizda-detay .right .ideals .ideal-item p {
                        font-size: 19px;
                    }

                    .hakkimizda-page .hakkimizda-detay .right .ideals .ideal-item + .ideal-item {
                        margin-top: 30px;
                    }

                .hakkimizda-page .hakkimizda-detay .right .hizmetlerimiz-link .title {
                    font-size: 25px;
                    margin-bottom: 30px;
                }

                .hakkimizda-page .hakkimizda-detay .right .hizmetlerimiz-link p {
                    font-size: 18px;
                    margin-bottom: 50px;
                }

                .hakkimizda-page .hakkimizda-detay .right .hizmetlerimiz-link .link {
                    justify-content: center;
                }

                    .hakkimizda-page .hakkimizda-detay .right .hizmetlerimiz-link .link svg {
                        width: 70px;
                        height: 70px;
                        padding: 20px;
                    }

    .hakkimizda-bottom-banner {
        margin-top: 0;
        height: 420px;
    }

        .hakkimizda-bottom-banner p {
            font-size: 30px;
            width: 75%;
        }
}

@media only screen and (max-width: 767px) {
    .hakkimizda-page {
        padding-top: 110px;
    }

        .hakkimizda-page .about-services {
            position: relative;
            margin-bottom: 150px;
            padding-bottom: 115px;
        }

            .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link {
                position: absolute;
                bottom: 0px;
                left: 0;
                right: 0;
                width: 100%;
            }

                .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .link {
                    text-align: center;
                    padding: 20px;
                    align-items: center;
                    justify-content: center;
                    height: unset;
                }

            .hakkimizda-page .about-services .hizmetlerimiz-bottom .ozellikler {
                height: 100%;
                padding: 35px;
                width: 100%;
            }

            .hakkimizda-page .about-services .hizmetlerimiz-bottom {
                flex-direction: column;
                padding: 0;
                height: 260px;
                margin-top: 25px;
            }

            .hakkimizda-page .about-services .hizmetlerimiz-top .titles {
                padding-top: 60px;
            }

                .hakkimizda-page .about-services .hizmetlerimiz-top .titles .page-title {
                    font-size: 28px;
                    line-height: unset;
                }

            .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .top .top-item strong {
                font-size: 17px;
                margin-bottom: 10px;
                line-height: unset;
            }

            .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .top .top-item p {
                font-size: 15px;
            }

            .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .top {
                padding: 30px 40px;
            }

        .hakkimizda-page .hakkimizda-detay {
            padding: 0 25px 25px 25px;
        }

            .hakkimizda-page .hakkimizda-detay .left .about-vid svg {
                width: 90px;
            }

            .hakkimizda-page .hakkimizda-detay .left > p {
                font-size: 16px;
                margin-top: 30px;
                margin-bottom: 50px;
            }

            .hakkimizda-page .hakkimizda-detay .right .ideals .ideal-item .title {
                font-size: 22px;
                text-align: center;
            }

            .hakkimizda-page .hakkimizda-detay .right .ideals .ideal-item p {
                text-align: center;
                font-size: 17px;
            }

            .hakkimizda-page .hakkimizda-detay .right .hizmetlerimiz-link .title {
                font-size: 23px;
                text-align: center;
            }

            .hakkimizda-page .hakkimizda-detay .right .hizmetlerimiz-link {
                padding: 25px 15px;
            }

                .hakkimizda-page .hakkimizda-detay .right .hizmetlerimiz-link p {
                    font-size: 16px;
                    text-align: center;
                }

                .hakkimizda-page .hakkimizda-detay .right .hizmetlerimiz-link .link svg {
                    width: 60px;
                    height: 60px;
                    padding: 19px;
                    margin-right: 15px;
                }

                .hakkimizda-page .hakkimizda-detay .right .hizmetlerimiz-link .link span {
                    width: 200px;
                }

    .hakkimizda-bottom-banner {
        height: 280px;
    }

        .hakkimizda-bottom-banner p {
            font-size: 24px;
        }
}

.files {
    padding: 280px 13vw 150px;
}

    .files .title {
        font-weight: normal;
        font-size: 3.7vw;
        text-align: center;
        color: #000;
        width: 80%;
        margin: 0 auto;
        position: relative;
        padding-top: 55px;
        margin-bottom: 135px;
    }

        .files .title:before {
            content: "";
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 270px;
            height: 6px;
            background: #f39200;
        }

    .files .page-top {
        display: flex;
        justify-content: space-between;
        margin-bottom: 155px;
    }

        .files .page-top p {
            font-weight: bold;
            font-size: 25px;
            color: #fff;
            margin-bottom: 0;
        }

        .files .page-top span {
            font-weight: 300;
            font-size: 25px;
            color: rgba(255, 255, 255, 0.55);
        }

    .files .file-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

        .files .file-list .file-item {
            width: 25%;
            display: flex;
            justify-content: center;
        }

            .files .file-list .file-item .item-content {
                position: relative;
                height: 338px;
                width: 252px;
                padding: 15px 40px 30px 30px;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
            }

                .files .file-list .file-item .item-content:hover > svg > path {
                    stroke: #f39200;
                }

                .files .file-list .file-item .item-content > svg > path {
                    transition: .4s;
                    color: rgb(136 136 136 / 20%);
                }

                .files .file-list .file-item .item-content > svg {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    left: 0;
                    top: 0;
                }

                .files .file-list .file-item .item-content .type {
                    font-weight: normal;
                    font-size: 19px;
                    color: #f39200;
                }

                .files .file-list .file-item .item-content .name {
                    font-weight: normal;
                    font-size: 15px;
                    line-height: 34px;
                    color: #000000;
                }

                .files .file-list .file-item .item-content .view {
                    font-weight: normal;
                    font-size: 15px;
                    color: #000;
                    opacity: .5;
                    display: flex;
                    align-items: center;
                    transition: .4s;
                }

                    .files .file-list .file-item .item-content .view svg {
                        margin-right: 10px;
                        fill: none;
                        stroke: #000;
                        stroke-linecap: round;
                        stroke-linejoin: round;
                        stroke-width: 1.5px;
                    }

            .files .file-list .file-item:nth-child(n+5) {
                margin-top: 125px;
            }

            .files .file-list .file-item:hover .item-content .view {
                opacity: 1;
            }

@media only screen and (max-width: 1440px) {
    .files {
        padding: 240px 10vw 165px;
    }

        .files .file-list .file-item {
            width: 33.3333%;
        }

            .files .file-list .file-item:nth-child(n+4) {
                margin-top: 100px;
            }
}

@media only screen and (max-width: 1200px) {
    .files {
        padding: 220px 8vw 165px;
    }

        .files .page-top {
            margin-bottom: 110px;
        }

            .files .page-top p {
                font-size: 19px;
            }

            .files .page-top span {
                font-size: 20px;
            }
}

@media only screen and (max-width: 900px) {
    .files .file-list .file-item {
        width: 50%;
    }

        .files .file-list .file-item:nth-child(n+3) {
            margin-top: 65px;
        }

    .files .title:before {
        width: 150px;
        height: 4px;
    }

    .files .title {
        padding-top: 40px;
        margin-bottom: 100px;
    }
}

@media only screen and (max-width: 767px) {
    .files {
        padding: 140px 4vw 65px;
    }

        .files .page-top {
            flex-direction: column;
            align-items: center;
            margin-bottom: 75px;
        }

            .files .page-top p {
                text-align: center;
                font-size: 17px;
                margin-bottom: 15px;
            }

        .files .file-list .file-item {
            width: 100%;
        }

            .files .file-list .file-item + .file-item {
                margin-top: 35px;
            }

        .files .title {
            font-size: 24px;
            width: 100%;
            padding-top: 20px;
            margin-bottom: 65px;
        }

            .files .title:before {
                width: 100px;
                height: 3px;
            }
}

.policys-page {
}

    .policys-page .policy-top {
    }

        .policys-page .policy-top .top-banner {
            height: 790px;
            width: 100%;
            background: no-repeat center/cover;
            display: flex;
            align-items: flex-end;
            padding: 150px 220px;
            position: relative;
        }

            .policys-page .policy-top .top-banner p {
                font-weight: normal;
                font-size: 3.6vw;
                color: #fff;
                width: 45%;
                margin-bottom: 0;
                position: relative;
            }

    .policys-page .policy-list {
        display: flex;
        flex-direction: column;
    }

    .policys-page .policy-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 1540px;
        margin: 0 auto;
        width: -webkit-fill-available;
    }

        .policys-page .policy-item:nth-child(even) {
            flex-direction: row-reverse;
        }

        .policys-page .policy-item .img {
            width: 610px;
            height: 720px;
            background: no-repeat center/cover;
        }

        .policys-page .policy-item .exp {
            width: 600px;
        }

            .policys-page .policy-item .exp .title {
                font-weight: bold;
                font-size: 30px;
                color: #000;
                margin-bottom: 60px;
            }

            .policys-page .policy-item .exp p {
                font-weight: normal;
                font-size: 28px;
                color: #000;
            }

                .policys-page .policy-item .exp p a {
                    font-size: 19px;
                    color: #f39200;
                    font-weight: 600;
                    transition: .4s;
                }

                    .policys-page .policy-item .exp p a:hover {
                        color: #0b3f6b;
                    }

            .policys-page .policy-item .exp .title span {
                color: #f39200;
            }

        .policys-page .policy-item + .policy-item {
            margin-top: 195px;
        }

    .policys-page .policy-top .first-policy {
        transform: translateY(-290px);
        align-items: flex-end;
        margin-bottom: -85px;
        flex-direction: row;
    }

        .policys-page .policy-top .first-policy .exp {
        }

            .policys-page .policy-top .first-policy .exp .title {
            }

                .policys-page .policy-top .first-policy .exp .title span {
                }

            .policys-page .policy-top .first-policy .exp p {
            }

    .policys-page .last-policy {
        min-height: 820px;
        background: no-repeat center/cover;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: -45px;
    }

        .policys-page .last-policy .inner {
            width: 70%;
            background: #fff;
            padding: 40px 110px 120px;
        }

            .policys-page .last-policy .inner .title {
                font-weight: bold;
                font-size: 24px;
                text-align: center;
                color: #000;
                margin-bottom: 35px;
            }

            .policys-page .last-policy .inner ul {
                padding-left: 0;
                margin: 0;
                list-style-type: none;
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                margin-top: -35px;
            }

                .policys-page .last-policy .inner ul li {
                    width: 40%;
                    font-weight: 300;
                    font-size: 24px;
                    color: #000;
                    margin-top: 35px;
                    padding-left: 55px;
                    position: relative;
                }

                    .policys-page .last-policy .inner ul li:before {
                        content: "";
                        position: absolute;
                        left: 0;
                        top: 7px;
                        width: 30px;
                        height: 25px;
                        background: no-repeat center/contain;
                        background-image: url(../img/tick.svg);
                    }

    .policys-page .top-banner:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: #0C2333;
        opacity: .3;
    }

@media only screen and (max-width: 1680px) {
    .policys-page .policy-top .top-banner {
        padding: 150px 120px;
    }

    .policys-page .policy-item .img {
        width: 700px;
        height: 885px;
    }
}

@media only screen and (min-width: 1500px) and (max-width: 1550px) {
    .policys-page .policy-top .top-banner {
        height: 600px;
        padding: 100px 80px;
    }

        .policys-page .policy-top .top-banner p {
            font-size: 3.3vw;
        }

    .policys-page .policy-item .img {
        width: 530px;
        height: 630px;
    }

    .policys-page .policy-item {
        max-width: 1270px;
    }

    .policys-page .policy-top .first-policy {
        transform: translateY(-160px);
        margin-bottom: 0px;
    }

    .policys-page .policy-item .exp p {
        font-size: 24px;
    }

    .policys-page .policy-item .exp .title {
        font-size: 25px;
        margin-bottom: 45px;
    }

    .policys-page .policy-item + .policy-item {
        margin-top: 90px;
    }

    .policys-page .last-policy {
    }

        .policys-page .last-policy .inner ul li {
            font-size: 19px;
        }

        .policys-page .last-policy .inner {
            padding: 40px 50px 90px;
        }
}

@media only screen and (max-width: 1440px) {
    .policys-page .policy-top .top-banner {
        height: 600px;
        padding: 100px 80px;
    }

        .policys-page .policy-top .top-banner p {
            font-size: 3.3vw;
        }

    .policys-page .policy-item .img {
        width: 530px;
        height: 630px;
    }

    .policys-page .policy-item {
        max-width: 1270px;
    }

    .policys-page .policy-top .first-policy {
        transform: translateY(-160px);
        margin-bottom: 0px;
    }

    .policys-page .policy-item .exp p {
        font-size: 24px;
    }

    .policys-page .policy-item .exp .title {
        font-size: 25px;
        margin-bottom: 45px;
    }

    .policys-page .policy-item + .policy-item {
        margin-top: 90px;
    }

    .policys-page .last-policy {
    }

        .policys-page .last-policy .inner ul li {
            font-size: 19px;
        }

        .policys-page .last-policy .inner {
            padding: 40px 50px 90px;
        }
}

@media only screen and (max-width: 1200px) {
    .policys-page .policy-item {
        max-width: 910px;
    }

        .policys-page .policy-item .exp {
            width: 360px;
        }

        .policys-page .policy-item .img {
            width: 430px;
            height: 520px;
        }

        .policys-page .policy-item .exp p {
            font-size: 20px;
            margin-bottom: 0;
        }

        .policys-page .policy-item .exp .title {
            margin-bottom: 30px;
            font-size: 23px;
        }

    .policys-page .last-policy .inner {
        width: 85%;
        padding: 40px 40px 60px;
    }

        .policys-page .last-policy .inner .title {
            margin-bottom: 45px;
            font-size: 22px;
        }

        .policys-page .last-policy .inner ul li {
            width: 45%;
        }
}

@media only screen and (max-width: 900px) {
    .policys-page .policy-top .top-banner {
        height: 450px;
        padding: 70px 30px;
    }

    .policys-page .policy-item .img {
        width: 320px;
        height: 400px;
    }

    .policys-page .policy-item {
        max-width: 700px;
    }

        .policys-page .policy-item .exp {
            width: 300px;
        }

            .policys-page .policy-item .exp p {
                font-size: 17px;
            }

    .policys-page .policy-top .first-policy {
        transform: translateY(-100px);
    }

    .policys-page .last-policy .inner ul li {
        font-size: 15px;
    }

        .policys-page .last-policy .inner ul li:before {
            transform: scale(0.8);
        }

    .policys-page .last-policy .inner .title {
        font-size: 19px;
        margin-bottom: 30px;
    }

    .policys-page .last-policy {
        min-height: 660px;
    }
}

@media only screen and (max-width: 767px) {
    .policys-page .policy-top .top-banner {
        align-items: center;
        height: 350px;
    }

        .policys-page .policy-top .top-banner p {
            width: 100%;
            font-size: 21px;
            text-align: center;
        }

    .policys-page .policy-top .first-policy {
        flex-direction: column-reverse !important;
        margin-bottom: -35px;
    }

    .policys-page .policy-item {
        max-width: 350px;
        flex-direction: column !important;
    }

        .policys-page .policy-item .img {
            width: 100%;
            height: 450px;
            margin-bottom: 30px;
        }

        .policys-page .policy-item .exp {
            width: 100%;
        }

    .policys-page .policy-top .first-policy .img {
        margin-bottom: 35px;
    }

    .policys-page .policy-item .exp .title {
        font-size: 21px;
        margin-bottom: 15px;
    }

    .policys-page .last-policy {
        margin-top: 50px;
    }

        .policys-page .last-policy .inner ul li {
            width: 100%;
        }

        .policys-page .last-policy .inner {
            padding: 30px 20px 40px;
            width: 100%;
        }

    .policys-page .policy-item .exp p a {
        font-size: 16px;
    }
}

.policy-detail {
}

    .policy-detail .banner {
        width: 100%;
        height: 580px;
        background: #f39200;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 95px;
    }

        .policy-detail .banner p {
            position: relative;
            font-weight: normal;
            font-size: 71px;
            color: #fff;
            text-align: center;
            width: 685px;
        }

    .policy-detail .detail-texts {
        display: flex;
        flex-direction: column;
        max-width: 1420px;
        margin: 0 auto;
        margin-top: -246px;
        position: relative;
        background: #ffff;
        padding: 125px 195px;
        margin-bottom: 125px;
    }

        .policy-detail .detail-texts .title {
            font-weight: bold;
            font-size: 40px;
            color: #f39200;
            line-height: 45px;
            margin-bottom: 85px;
        }

        .policy-detail .detail-texts p {
            font-weight: normal;
            font-size: 25px;
            color: #888;
        }

        .policy-detail .detail-texts .gallery {
            display: flex;
            flex-wrap: wrap;
            width: 90%;
            margin: 0 auto;
            margin-top: 120px;
            justify-content: space-between;
        }

            .policy-detail .detail-texts .gallery .gallery-item {
                width: 32%;
                height: 290px;
                background: no-repeat center/cover;
                margin-top: 12px;
            }

    .policy-detail .banner:before {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: #0C2333;
        opacity: .3;
    }

@media only screen and (max-width: 1366px) {
    .policy-detail .detail-texts {
        max-width: 940px;
        margin-top: -110px;
        padding: 105px 95px;
    }

    .policy-detail .banner p {
        font-size: 57px;
        width: 560px;
    }

    .policy-detail .banner {
        height: 350px;
        padding-bottom: 0px;
    }

    .policy-detail .detail-texts .title {
        font-size: 32px;
        margin-bottom: 60px;
    }

    .policy-detail .detail-texts p {
        font-size: 22px;
    }

    .policy-detail .detail-texts .gallery {
        margin-top: 100px;
    }

        .policy-detail .detail-texts .gallery .gallery-item {
            height: 220px;
        }
}

@media only screen and (max-width: 900px) {
    .policy-detail .banner {
        height: 310px;
        padding-top: 95px;
    }

    .policy-detail .detail-texts {
        margin-top: -100px;
        width: 90%;
        padding: 75px 45px;
        text-align: center;
        margin-bottom: 45px;
    }

    .policy-detail .banner p {
        font-size: 36px;
        width: 400px;
    }

    .policy-detail .detail-texts .title {
        font-size: 28px;
        margin-bottom: 40px;
    }

    .policy-detail .detail-texts p {
        font-size: 20px;
    }

    .policy-detail .detail-texts .gallery {
        margin-top: 75px;
    }

        .policy-detail .detail-texts .gallery .gallery-item {
            height: 180px;
        }
}

@media only screen and (max-width: 767px) {
    .policy-detail .banner p {
        font-size: 26px;
        width: 90%;
    }

    .policy-detail .banner {
        height: 250px;
        padding-top: 75px;
    }

    .policy-detail .detail-texts {
        padding: 45px 35px;
    }

        .policy-detail .detail-texts .title {
            font-size: 23px;
            line-height: unset;
            margin-bottom: 35px;
        }

        .policy-detail .detail-texts p {
            font-size: 17px;
            text-align: justify;
        }

        .policy-detail .detail-texts .gallery {
            margin-top: 25px;
            width: 325px;
            margin-left: -30px;
        }

            .policy-detail .detail-texts .gallery .gallery-item {
                height: 100px;
            }
}

.career {
}

    .career .career-top {
        padding: 200px 6vw 240px;
        position: relative;
        height: 100vh;
    }

        .career .career-top:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            background: linear-gradient(rgba(0, 0, 0, 0.46) 0%, rgba(0, 0, 0, 0.64) 100%);
        }

        .career .career-top .titles {
            display: flex;
            align-items: center;
            position: relative;
        }

            .career .career-top .titles span {
                font-weight: 300;
                font-size: 31px;
                color: #fff;
            }

            .career .career-top .titles p {
                font-weight: bold;
                font-size: 41px;
                color: #fff;
                width: 740px;
                margin-left: 20vw;
            }

        .career .career-top .background-image {
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            left: 0;
            background-repeat: no-repeat;
            background-position: top;
            background-size: cover;
            z-index: -1;
        }

.career-main {
    position: relative;
}

.career-form {
    display: block;
}

.career-slider .swiper-container {
    margin: 0 auto;
}

.career-slider input {
    display: none;
    appearance: none;
}

.career-slider label {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding-top: 0;
    cursor: pointer;
}

    .career-slider label .single-career-item {
        background: #FAFAFA;
        height: 245px;
        border-radius: 0;
        padding: 30px 25px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        transition: .4s;
    }

.single-career-item .logo svg * {
    transition: .4s;
}

.single-career-item .logo svg .a,
.single-career-item .logo svg .b,
.single-career-item .logo svg .d {
    fill: rgb(76 119 167 / 0%);
    stroke-dasharray: 1;
}

.single-career-item .logo svg .a {
    stroke: #008c99;
}

.single-career-item .logo svg .b {
    stroke: #4c77a7;
}

.single-career-item .logo svg .c {
    fill: #225b94;
}

.single-career-item .logo svg .c,
.single-career-item .logo svg .e {
    opacity: 0.091;
}

.single-career-item .logo svg .d {
    stroke: #7580bd;
}

.single-career-item .logo svg .e {
    fill: #484d8d;
}

.career-slider label .single-career-item .title h4 {
    transition: .4s;
    font-weight: normal;
    font-size: 20px;
    line-height: 27px;
    text-align: revert;
    color: #42455d;
    margin-bottom: 0;
}

.career-slider label .single-career-item .logo {
    position: relative;
    width: 60px;
}

    .career-slider label .single-career-item .logo img {
        position: absolute;
        left: 0;
        top: 0;
        transition: .4s;
        width: 100%;
    }

        .career-slider label .single-career-item .logo img:nth-child(2) {
            opacity: 0;
        }

.career-slider label .single-career-item:hover .logo img:nth-child(1) {
    opacity: 0;
}

.career-slider label .single-career-item:hover .logo img:nth-child(2) {
    opacity: 1;
}

.career-slider label .single-career-item:hover {
    background: #f39200;
}

    .career-slider label .single-career-item:hover .title h4 {
        color: #fff;
    }

.career-slider label .single-career-item .title {
    text-align: right;
}

.career-form {
    background: white;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 275px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-100px);
    display: flex;
    align-items: center;
}

.career-form-wrapper {
    display: flex;
}

.form-department {
    width: 25%;
    border-right: 1px solid #E6EFF2;
}

.current-department {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 60px 0;
    padding-right: 60px;
}

    .current-department .title h4 {
        font-weight: normal;
        font-size: 28px;
        line-height: 27px;
        color: #000;
    }

.career-form .form {
    flex: 1;
    padding: 0;
    padding-right: 0;
}

.career-form-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}

    .career-form-title h3 {
        font-size: 20px;
        color: #717F81;
    }

    .career-form-title .back a {
        color: #FD6F88;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .career-form-title .back a .icon-arrow-back {
            width: 16px;
            height: 13px;
            background-image: url('../img/svg/arrow-back.svg');
        }

.career-form-main input:not([type="file"]),
.career-form-main label {
    height: 65px;
    line-height: 65px;
    width: 100%;
    border: 1px solid #E6EFF2;
    border-radius: 0;
    padding: 0 30px;
    margin: 0;
    transition: .4s;
    outline: 0 !important;
    box-shadow: none !important;
}

.career-form-main input[type="file"] {
    width: 1px;
    height: 1px;
    position: absolute;
    top: 40px;
    left: 100px;
}

.career-form-main input:hover {
    border-color: #82949a;
}

.career-form-main .form-wrapper {
    display: flex;
    align-items: center;
    margin: 0 -10px;
    flex-wrap: wrap;
}

    .career-form-main .form-wrapper .item {
        padding: 0 10px;
        margin-bottom: 20px;
    }

        .career-form-main .form-wrapper .item.item-12 {
            width: 100%;
        }

        .career-form-main .form-wrapper .item.item-6 {
            width: 50%;
            position: relative;
        }

        .career-form-main .form-wrapper .item.item-4 {
            width: 50%;
        }

        .career-form-main .form-wrapper .item.item-8 {
            width: 66.6%;
        }

.career-form-main label {
    color: #91A2BA;
    font-size: 13px;
    position: relative;
}

.career-form-main input:not([type="file"])::placeholder {
    color: #91A2BA;
}

.career-form-main label .file-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    display: block;
    padding: 0 30px;
    background: #FAFAFA;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    color: #40456A;
    transition: .4s;
    cursor: pointer;
}

    .career-form-main label .file-btn:hover {
        background: #e4e4e4;
    }

    .career-form-main label .file-btn .icon-upload {
        display: block;
        width: 20px;
        height: 18px;
        background-image: url('../img/svg/upload.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        margin-right: 15px;
    }

.captcha-wrapper {
    display: flex;
    align-items: center;
    margin-left: -2px;
}

    .captcha-wrapper .captcha {
        width: 50%;
        position: relative;
    }

        .captcha-wrapper .captcha .captcha_img {
            position: relative;
            width: 100%;
            height: 69px;
            border: 1px solid #e6eff2;
            border-radius: 0;
        }

            .captcha-wrapper .captcha .captcha_img img {
                height: 65px;
                border-radius: 32px;
            }

            .captcha-wrapper .captcha .captcha_img a {
                position: absolute;
                top: 50%;
                right: 10px;
                transform: translateY(-50%);
                width: 30px;
                height: 30px;
                display: flex;
                align-items: center;
                justify-content: center;
                color: white;
                background: #19C19E;
                border-radius: 50%;
            }

.career-form-main .form-wrapper .item button {
    width: 180px;
    height: 50px;
    display: flex;
    align-items: center;
    border: none;
    ;
    ;
    justify-content: center;
    outline: 0 !important;
    box-shadow: none !important;
    background: #FAFAFA;
    transition: .4s;
    font-weight: 500;
    font-size: 15px;
    color: #40456a;
}

    .career-form-main .form-wrapper .item button:hover {
        background: #f0f0f0;
    }

.icon-bltk.icon-send {
    width: 20px;
    height: 20px;
    background-image: url('../img/svg/send.svg');
}

.pagination-dot {
    justify-content: center;
    display: flex;
    align-items: center;
    margin-top: 50px;
}

    .pagination-dot .swiper-pagination-bullet {
        display: block;
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #D8D8D8;
        transition: .4s;
    }

        .pagination-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background: var(--blue-color);
            width: 12px;
            height: 12px;
        }

.current-department .a {
    fill: #008c99;
}

.current-department .b {
    fill: #4d77a8;
}

.current-department .c {
    fill: #225b94;
}

.current-department .d {
    fill: #7580bd;
}

.current-department .e {
    fill: #484d8d;
}

.current-department .logo {
    width: 65px;
    height: 65px;
}

    .current-department .logo svg {
        width: 100%;
        height: 100%;
    }

.captcha-wrapper .captcha a {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    color: white;
}

.career .career-top > .title {
    font-weight: normal;
    font-size: 57px;
    color: #fff;
    width: 800px;
    position: relative;
}

.career .career-top .swipe-area {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1535px;
    display: flex;
}

    .career .career-top .swipe-area .left {
        width: 20%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: #fff;
        border-right: 1px solid #DEDEDE;
    }

    .career .career-top .swipe-area .right {
        width: 80%;
        background: #fff;
    }

    .career .career-top .swipe-area .left .s-prev,
    .career .career-top .swipe-area .left .s-next {
        cursor: pointer;
    }

        .career .career-top .swipe-area .left .s-prev svg,
        .career .career-top .swipe-area .left .s-next svg {
            fill: none;
            stroke: #777;
            stroke-miterlimit: 10;
            stroke-width: 2px;
        }

    .career .career-top .swipe-area .left .s-next {
        margin-top: 25px;
    }

    .career .career-top .swipe-area .right .career-slider {
    }

    .career .career-top .swipe-area .right .back-title {
        display: flex;
        align-items: center;
        margin-bottom: 30px;
    }

        .career .career-top .swipe-area .right .back-title p {
            font-weight: normal;
            font-size: 25px;
            color: black;
            margin-bottom: 0;
        }

            .career .career-top .swipe-area .right .back-title p span {
                color: #f39200;
            }

    .career .career-top .swipe-area .right form {
        padding: 70px 165px;
    }

        .career .career-top .swipe-area .right form .career-container {
            position: relative;
        }

    .career .career-top .swipe-area .right .back-title > span {
        overflow: hidden;
        display: block;
        transition: .4s;
        width: 0;
        cursor: pointer;
    }

        .career .career-top .swipe-area .right .back-title > span.active {
            width: 55px;
        }

        .career .career-top .swipe-area .right .back-title > span svg {
            fill: none;
            stroke: #000;
            stroke-miterlimit: 10;
            stroke-width: 2px;
        }

.career-form-main .form-wrapper .item .last {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .career-form-main .form-wrapper .item .last .policy {
        position: relative;
    }

        .career-form-main .form-wrapper .item .last .policy input {
            appearance: none;
            border: 0;
            width: auto;
            height: 0px;
            padding: 0;
            position: absolute;
        }

        .career-form-main .form-wrapper .item .last .policy label {
            border: none;
            padding: 0;
            display: flex;
            height: unset;
            line-height: unset;
            padding-left: 25px;
            cursor: pointer;
        }

            .career-form-main .form-wrapper .item .last .policy label p {
                margin-bottom: 0;
                font-weight: 500;
                font-size: 15px;
                letter-spacing: 0em;
                line-height: 35px;
                color: #576c7c;
            }

.captcha-wrapper .captcha + .captcha {
    margin-left: 15px;
}

.career-form-main .form-wrapper .item button svg {
    fill: #f39200;
    margin-right: 10px;
}

.career-form-main .form-wrapper .item .last .policy label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 1px solid #9DA1B5;
    background: #FAFAFA;
}

.career-form-main .form-wrapper .item .last .policy label:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%) scale(.5);
    width: 10px;
    height: 10px;
    background: #7893a7;
    transition: 0.3s;
    opacity: 0;
}

.career-form-main .form-wrapper .item .last .policy input:checked ~ label:after {
    transform: translateY(-50%) scale(1);
    opacity: 1;
}

.career-form-main .form-wrapper .item .last .policy label p a {
    color: #7893A7;
}

.career-form-main label .file-btn svg {
    fill: #40456A;
    margin-right: 13px;
}

@media only screen and (max-width: 1600px) {
    .career .career-top .swipe-area .right form {
        padding: 40px 165px;
    }

    .career .career-top > .title {
        font-size: 41px;
        width: 500px;
    }
}

@media only screen and (min-width: 1500px) and (max-width: 1550px) {
    .career .career-top .titles span {
        font-size: 29px;
    }

    .career .career-top .titles p {
        font-size: 30px;
    }

    .career .career-top {
        padding: 170px 7vw 250px;
    }

    .career-main {
        max-width: 1240px;
    }

    .career .career-top .swipe-area {
        width: 1360px;
    }

        .career .career-top .swipe-area .right form {
            padding: 40px 94px;
        }
}

@media only screen and (max-width: 1440px) {
    .career .career-top .titles span {
        font-size: 29px;
    }

    .career .career-top .titles p {
        font-size: 30px;
    }

    .career .career-top {
        padding: 170px 7vw 250px;
    }

    .career-main {
        max-width: 1240px;
    }

    .career .career-top .swipe-area {
        width: 1360px;
    }

        .career .career-top .swipe-area .right form {
            padding: 40px 94px;
        }
}

@media only screen and (max-width: 1366px) {
    .career .career-top > .title {
        width: 100%;
    }
}

@media only screen and (max-width: 1200px) {
    .career-main {
        max-width: 960px;
    }

    .career .career-top .titles span {
        font-size: 25px;
    }

    .career .career-top .titles p {
        font-size: 25px;
        width: 530px;
    }

    .career-slider label .single-career-item {
        height: 260px;
        padding: 30px;
    }

    .career .career-top {
        height: 800px;
    }

        .career .career-top > .title {
            font-size: 35px;
            text-align: center;
            width: 500px;
            margin: 0 auto;
        }

        .career .career-top .swipe-area {
            width: 100%;
        }

    .career {
        margin-bottom: 95px;
        border-bottom: 1px solid #e3e3e3;
    }

        .career .career-top .swipe-area .left {
            position: absolute;
            top: 0px;
            right: 0;
            border: none;
            width: 130px;
            height: 90px;
        }

        .career .career-top .swipe-area .right {
            width: 100%;
        }

            .career .career-top .swipe-area .right form {
                padding: 40px 44px;
            }

        .career .career-top .swipe-area .left .s-next {
            margin-top: 10px;
        }
}

@media only screen and (max-width: 900px) {
    .career-main {
        max-width: 700px;
    }

    .career-form-wrapper {
        flex-direction: column;
    }

    .career-form {
        height: initial;
    }

    .form-department {
        width: 100%;
        border: 0;
    }

    .current-department {
        align-items: center;
        padding: 40px 0;
    }

        .current-department .logo {
            margin-bottom: 35px;
        }

    .career-form .form {
        padding: 30px 0 10px;
        border-top: 1px solid #0000000d;
    }
}

@media only screen and (max-width: 767px) {
    .career .career-top .titles {
        flex-direction: column;
        ;
        justify-content: center;
    }

        .career .career-top .titles span {
            font-size: 23px;
        }

        .career .career-top .titles p {
            width: 100%;
            font-size: 20px;
            text-align: center;
            margin-left: 0;
            margin-bottom: 0;
            margin-top: 15px;
        }

    .career .career-top {
        padding: 130px 30px 180px;
        height: 670px;
    }

        .career .career-top > .title {
            width: 100%;
            padding: 0 15px;
            font-size: 25px;
        }

    .career {
        padding-bottom: 390px;
    }

    .career-main {
        max-width: 350px;
    }

    .current-department .logo {
        width: 50px;
        height: 50px;
        margin-bottom: 25px;
    }

    .current-department .title h4 {
        font-size: 23px;
    }

    .current-department {
        padding: 20px 0;
    }

    .career-form {
        top: 0;
    }

    .career-form-title {
        align-items: center;
        flex-direction: column-reverse;
        margin-bottom: 35px;
    }

        .career-form-title .back {
            margin-bottom: 15px;
        }

    .career-form-main .form-wrapper {
        flex-direction: column;
    }

        .career-form-main .form-wrapper .item.item-6 {
            width: 100%;
        }

        .career-form-main .form-wrapper .item.item-8 {
            width: 100%;
        }

        .career-form-main .form-wrapper .item.item-4 {
            width: 100%;
        }

    .captcha-wrapper {
        flex-direction: column;
    }

        .captcha-wrapper .captcha {
            width: 100%;
        }

            .captcha-wrapper .captcha + .captcha {
                margin-top: 20px;
                margin-left: 0;
            }

    .career .career-top .swipe-area .left {
        opacity: 0;
    }

    .career .career-top .swipe-area .right .back-title p {
        font-size: 20px;
    }

    .career-form-main .form-wrapper .item .last {
        flex-direction: column;
    }

        .career-form-main .form-wrapper .item .last .policy label p {
            line-height: 18px;
        }

    .career-form-main .form-wrapper .item button {
        width: 100%;
        height: 60px;
        margin-top: 35px;
    }

    .career {
        border: 0;
        margin-bottom: 0;
        padding-bottom: 40px;
        transition: .4s;
    }

        .career.opened {
            padding-bottom: 270px;
        }

        .career .career-top .swipe-area .right form {
            padding: 40px 0;
        }

        .career .career-top .swipe-area .right .back-title {
            padding: 0 40px;
        }

    .career-slider .swiper-container {
        padding: 0 30px;
    }

    .career-form-wrapper {
        margin: 0 auto;
        padding: 0 35px;
    }
}

.blogs {
}

    .blogs .blogs-slider {
        max-width: 1200px;
        margin: 0 auto;
        background: #f39200;
        height: 500px;
        position: relative;
        margin-top: 235px;
    }

        .blogs .blogs-slider .swiper-container {
            height: 100%;
        }

            .blogs .blogs-slider .swiper-container .swiper-wrapper {
            }

                .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide {
                    opacity: 0 !important;
                    transition: 0.4s !important;
                }

                    .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide .slide-item {
                        display: flex;
                        width: 100%;
                        height: 100%;
                    }

                    .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active {
                        opacity: 1 !important;
                    }

                    .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide .slide-item .item-img {
                        flex: 0 0 50%;
                        height: 100%;
                        background-size: cover;
                        background-position: center;
                        background-repeat: no-repeat;
                    }

                    .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide .slide-item .item-content {
                        flex: 0 0 50%;
                        padding: 80px 70px;
                        display: flex;
                        flex-direction: column;
                        justify-content: space-between;
                    }

                        .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide .slide-item .item-content p {
                            font-weight: bold;
                            font-size: 40px;
                            color: #fff;
                            margin-bottom: 0;
                            line-height: normal;
                            max-width: 350px;
                            height: 150px;
                            display: -webkit-box;
                            -webkit-line-clamp: 3;
                            -webkit-box-orient: vertical;
                            overflow: hidden;
                        }

                        .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide .slide-item .item-content .content-link {
                        }

                            .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide .slide-item .item-content .content-link a {
                                font-size: 25px;
                                color: #fff;
                                display: inline-flex;
                                align-items: center;
                            }

            .blogs .blogs-slider .swiper-container .swiper-pagination {
                position: absolute;
                top: 90px;
                right: 60px;
                left: auto;
                width: auto;
                bottom: auto;
                font-size: 15px;
                font-weight: bold;
                color: #fff;
                line-height: normal;
                letter-spacing: -1.1px;
                writing-mode: vertical-lr;
                transform: rotate(180deg);
            }

            .blogs .blogs-slider .swiper-container .slide-arrow {
                position: absolute;
                right: 70px;
                bottom: 80px;
                z-index: 1;
            }

                .blogs .blogs-slider .swiper-container .slide-arrow .slide-btn {
                    cursor: pointer;
                    transition: 0.4s;
                }

                    .blogs .blogs-slider .swiper-container .slide-arrow .slide-btn svg {
                        fill: none;
                        stroke: #fff;
                        stroke-miterlimit: 10;
                        stroke-width: 2px;
                        transition: .4s;
                    }

                        .blogs .blogs-slider .swiper-container .slide-arrow .slide-btn svg g {
                        }

                            .blogs .blogs-slider .swiper-container .slide-arrow .slide-btn svg g path {
                            }

                            .blogs .blogs-slider .swiper-container .slide-arrow .slide-btn svg g line {
                            }

            .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide .slide-item .item-content .content-link a:before {
                content: "";
                display: block;
                width: 40px;
                height: 1px;
                background: #fff;
                margin-right: 15px;
                transition: 0.4s;
            }

            .blogs .blogs-slider .swiper-container .swiper-pagination .swiper-pagination-current {
                font-size: 20px;
            }

            .blogs .blogs-slider .swiper-container .slide-arrow .slide-btn.btn-next {
                margin-top: 10px;
            }

    .blogs .more-text {
        display: flex;
        align-items: center;
        justify-content: center;
        text-transform: uppercase;
        font-weight: 300;
        font-size: 15px;
        letter-spacing: 0.5em;
        color: #000;
        margin-top: 50px;
        cursor: pointer;
    }

        .blogs .more-text svg {
            transform: rotate(90deg);
            margin-right: 25px;
        }

            .blogs .more-text svg path {
            }

    .blogs .blog-list .list-item a .item-content > span:nth-child(3) {
        font-size: 16px;
        color: #807e7e;
        display: inline-flex;
        align-items: center;
        transition: 0.4s;
    }

        .blogs .blog-list .list-item a .item-content > span:nth-child(3):before {
            content: "";
            display: block;
            width: 30px;
            height: 1px;
            background: #807e7e;
            margin-right: 14px;
            transition: 0.4s;
        }

    .blogs .blogs-banner {
        background: #fff;
        height: calc(100vh - 370px);
        display: flex;
        align-items: flex-end;
        justify-content: center;
        overflow: hidden;
    }

        .blogs .blogs-banner h1 {
            font-weight: bold;
            margin: 0 0 -8vw;
            line-height: normal;
            -webkit-text-stroke: 5px #FAFAFA;
            color: #fff0;
            font-size: 34vw;
        }

    .blogs .blog-list {
        display: flex;
        flex-wrap: wrap;
        max-width: 1700px;
        margin: 270px auto 140px;
        padding: 0 100px;
    }

        .blogs .blog-list .list-item {
            flex: 0 0 calc(33% - 46px);
            margin: 0 25px 70px;
        }

            .blogs .blog-list .list-item a {
                display: block;
                background: #fff;
            }

                .blogs .blog-list .list-item a .item-img {
                    height: 300px;
                    position: relative;
                    overflow: hidden;
                }

                    .blogs .blog-list .list-item a .item-img .img {
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        background-size: cover;
                        background-position: center;
                        transition: 0.4s;
                    }

                .blogs .blog-list .list-item a .item-content {
                    padding: 55px 50px;
                    background: #FAFAFA;
                }

                    .blogs .blog-list .list-item a .item-content > span:nth-child(1) {
                        display: block;
                        font-size: 15px;
                        color: #f39200;
                        margin-bottom: 40px;
                    }

                    .blogs .blog-list .list-item a .item-content p {
                        font-weight: bold;
                        font-size: 30px;
                        color: #000;
                        margin-bottom: 50px;
                        line-height: normal;
                        height: 70px;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                    }

@media (hover:hover) {
    .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide .slide-item .item-content .content-link a:hover:before {
        width: 50px;
    }

    .blogs .blogs-slider .swiper-container .slide-arrow .slide-btn:hover {
        transform: scale(1.1);
    }

    .blogs .blog-list .list-item:hover a .item-content > span:nth-child(3) {
        color: #000;
    }

        .blogs .blog-list .list-item:hover a .item-content > span:nth-child(3):before {
            background: #000;
            width: 40px;
        }

    .blogs .blog-list .list-item:hover a .item-img .img {
        transform: scale(1.1);
    }
}

@media only screen and (max-height: 820px) {
    .blogs .blogs-slider {
        transform: translate(0px, -50%) scale(0.9);
    }

    .blogs .blogs-banner {
        height: calc(100vh - 340px);
    }
}

@media only screen and (max-height: 740px) {
    .blogs .blogs-slider {
        transform: translate(0px, -50%) scale(0.8);
    }

    .blogs .blogs-banner {
        height: calc(100vh - 300px);
    }
}

@media only screen and (max-height: 680px) {
    .blogs .blogs-slider {
        transform: translate(0px, -50%) scale(0.8);
    }

    .blogs .blogs-banner {
        height: 500px;
    }
}

@media only screen and (max-width: 1470px) {
    .blogs .blog-list .list-item a .item-content p {
        font-size: 25px;
    }

    .blogs .blog-list .list-item a .item-content {
        padding: 40px;
    }
}

@media only screen and (max-width: 1370px) {
    .blogs .blog-list .list-item {
        flex: 0 0 calc(33% - 47px);
    }

    .blogs .blog-list {
        margin-top: -100px;
    }
}

@media only screen and (max-width: 1199px) {
    .blogs .blog-list {
        max-width: 100%;
        padding: 0 20px;
    }

    .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide .slide-item .item-content p {
        font-size: 30px;
        max-width: 270px;
    }

    .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide .slide-item .item-content {
        padding: 50px;
    }

    .blogs .blogs-slider .swiper-container .swiper-pagination {
        top: 64px;
        right: 50px;
    }

    .blogs .blogs-slider .swiper-container .slide-arrow {
        bottom: 50px;
        right: 50px;
    }

    .blogs .more-text {
        display: none;
    }

    .blogs .blogs-slider {
        transform: translate(0px, -40%) scale(1);
        max-width: 90%;
    }

    .blogs .blogs-banner h1 {
        font-size: 39vw;
    }
}

@media only screen and (max-width: 991px) {
    .blogs .blog-list .list-item {
        flex: 0 0 calc(50% - 30px);
        margin: 0 15px 30px;
    }

    .blogs .blog-list {
        padding: 0 30px;
    }

        .blogs .blog-list .list-item a .item-img {
            height: 200px;
        }

    .blogs .blogs-banner h1 {
        font-size: 48vw;
    }

    .blogs .blogs-slider {
        height: 340px;
    }

        .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide .slide-item .item-content {
            padding: 40px;
        }

            .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide .slide-item .item-content p {
                font-size: 24px;
                max-width: 90%;
            }

            .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide .slide-item .item-content .content-link a {
                font-size: 20px;
            }

        .blogs .blogs-slider .swiper-container .swiper-pagination {
            top: 50px;
            right: 40px;
        }

        .blogs .blogs-slider .swiper-container .slide-arrow {
            bottom: 40px;
            right: 40px;
        }

    .blogs .blog-list {
        margin-top: 0;
    }
}

@media only screen and (max-width: 767px) {
    .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide .slide-item {
        display: block;
    }

    .blogs .blogs-slider {
        height: auto;
        transform: unset;
        margin-top: 120px;
    }

        .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide .slide-item .item-img {
            height: 80vw;
        }

    .blogs .blogs-banner {
        height: 350px;
    }

    .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide .slide-item .item-content {
        height: 300px;
    }

    .blogs .blogs-slider .swiper-container .swiper-pagination {
        top: auto;
        bottom: 230px;
    }

    .blogs .blog-list .list-item {
        flex: 0 0 100%;
        margin: 0 0 34px;
    }

        .blogs .blog-list .list-item a .item-content {
            padding: 30px;
        }

            .blogs .blog-list .list-item a .item-content > span:nth-child(1) {
                margin-bottom: 30px;
            }

            .blogs .blog-list .list-item a .item-content p {
                margin-bottom: 40px;
            }

        .blogs .blog-list .list-item a .item-img {
            height: 52vw;
        }

    .blogs .blog-list {
        margin-bottom: 60px;
        margin-top: 60px;
    }
}

.services-list {
    padding: 315px 0 200px;
}

    .services-list .hizmetlerimiz-top {
        display: flex;
        flex-direction: column;
        margin-bottom: 200px;
    }

        .services-list .hizmetlerimiz-top h4 {
            font-weight: normal;
            font-size: 100px;
            text-align: center;
            color: #f39200;
            margin-bottom: 130px;
            padding: 0 15px;
        }

        .services-list .hizmetlerimiz-top .swiper-container {
            padding: 0 480px;
            width: 100%;
        }

            .services-list .hizmetlerimiz-top .swiper-container .swiper-slide {
                display: flex;
                flex-direction: column;
                opacity: .4;
                transition: .4s;
            }

                .services-list .hizmetlerimiz-top .swiper-container .swiper-slide.swiper-slide-active {
                    opacity: 1;
                }

                .services-list .hizmetlerimiz-top .swiper-container .swiper-slide .img {
                    width: 100%;
                    height: 550px;
                    background: no-repeat center/cover;
                    margin-bottom: 45px;
                }

                .services-list .hizmetlerimiz-top .swiper-container .swiper-slide .title {
                    font-weight: bold;
                    font-size: 36px;
                    color: #f39200;
                    margin-bottom: 25px;
                }

                .services-list .hizmetlerimiz-top .swiper-container .swiper-slide p {
                    font-weight: normal;
                    font-size: 28px;
                    color: #7c7c7c;
                    padding-right: 8.6vw;
                }

    .services-list .other-services {
        max-width: 1430px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: -85px;
    }

        .services-list .other-services .service-item {
            width: 47%;
            margin-top: 85px;
        }

            .services-list .other-services .service-item .img {
                width: 100%;
                height: 400px;
                background: no-repeat center/cover;
                margin-bottom: 25px;
            }

            .services-list .other-services .service-item .title {
                font-weight: bold;
                font-size: 40px;
                color: #f39200;
            }

    .services-list .hizmetlerimiz-top .swiper-container .paginations {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        pointer-events: none;
        z-index: 2;
    }

        .services-list .hizmetlerimiz-top .swiper-container .paginations .pag {
            pointer-events: all;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            cursor: pointer;
        }

            .services-list .hizmetlerimiz-top .swiper-container .paginations .pag.prev {
                left: 195px;
            }

            .services-list .hizmetlerimiz-top .swiper-container .paginations .pag.next {
                right: 195px;
            }

            .services-list .hizmetlerimiz-top .swiper-container .paginations .pag svg {
                fill: none;
                stroke: #f39200;
                stroke-miterlimit: 10;
                stroke-width: 6px;
            }

@media only screen and (max-width: 1600px) {
    .services-list .hizmetlerimiz-top .swiper-container .swiper-slide p {
        font-size: 21px;
        padding-right: 85px;
    }
}

@media only screen and (min-width: 1500px) and (max-width: 1550px) {
    .services-list .other-services {
        max-width: 1200px;
        margin-top: -50px;
    }

    .services-list .hizmetlerimiz-top .swiper-container {
        padding: 0 220px;
    }

    .services-list .other-services .service-item {
        margin-top: 50px;
    }

        .services-list .other-services .service-item .img {
            height: 310px;
            margin-bottom: 20px;
        }

        .services-list .other-services .service-item .title {
            font-size: 34px;
        }

    .services-list .hizmetlerimiz-top .swiper-container .paginations .pag.prev {
        left: 70px;
    }

    .services-list .hizmetlerimiz-top .swiper-container .paginations .pag.next {
        right: 70px;
    }
}

@media only screen and (max-width: 1440px) {
    .services-list .other-services {
        max-width: 1200px;
        margin-top: -50px;
    }

    .services-list .hizmetlerimiz-top .swiper-container {
        padding: 0 220px;
    }

    .services-list .other-services .service-item {
        margin-top: 50px;
    }

        .services-list .other-services .service-item .img {
            height: 310px;
            margin-bottom: 20px;
        }

        .services-list .other-services .service-item .title {
            font-size: 34px;
        }

    .services-list .hizmetlerimiz-top .swiper-container .paginations .pag.prev {
        left: 70px;
    }

    .services-list .hizmetlerimiz-top .swiper-container .paginations .pag.next {
        right: 70px;
    }
}

@media only screen and (max-width: 1366px) {
    .services-list {
        padding: 245px 0 150px;
    }

        .services-list .hizmetlerimiz-top h4 {
            font-size: 80px;
            margin-bottom: 90px;
        }

        .services-list .hizmetlerimiz-top .swiper-container {
            padding: 0 270px;
        }

            .services-list .hizmetlerimiz-top .swiper-container .swiper-slide .img {
                height: 450px;
                margin-bottom: 30px;
            }

            .services-list .hizmetlerimiz-top .swiper-container .swiper-slide .title {
                font-size: 30px;
                margin-bottom: 15px;
            }

            .services-list .hizmetlerimiz-top .swiper-container .swiper-slide p {
                font-size: 19px;
                padding-right: 200px;
            }

        .services-list .hizmetlerimiz-top {
            margin-bottom: 150px;
        }
}

@media only screen and (max-width: 1200px) {
    .services-list .hizmetlerimiz-top h4 {
        font-size: 60px;
        margin-bottom: 70px;
    }

    .services-list .hizmetlerimiz-top .swiper-container {
        padding: 0 200px;
    }

        .services-list .hizmetlerimiz-top .swiper-container .swiper-slide .img {
            height: 340px;
        }

        .services-list .hizmetlerimiz-top .swiper-container .paginations .pag {
            top: 40%;
        }

        .services-list .hizmetlerimiz-top .swiper-container .swiper-slide p {
            padding-right: 120px;
        }

        .services-list .hizmetlerimiz-top .swiper-container .paginations .pag svg {
            width: 30px;
        }

    .services-list .other-services {
        max-width: 890px;
    }

        .services-list .other-services .service-item .img {
            height: 260px;
            margin-bottom: 15px;
        }

        .services-list .other-services .service-item .title {
            font-size: 29px;
        }

    .services-list {
        padding: 225px 0 120px;
    }
}

@media only screen and (max-width: 900px) {
    .services-list .hizmetlerimiz-top h4 {
        font-size: 50px;
        margin-bottom: 60px;
    }

    .services-list .hizmetlerimiz-top .swiper-container {
        padding: 0 110px;
    }

        .services-list .hizmetlerimiz-top .swiper-container .paginations .pag svg {
            width: 25px;
        }

        .services-list .hizmetlerimiz-top .swiper-container .paginations .pag.prev {
            left: 30px;
        }

        .services-list .hizmetlerimiz-top .swiper-container .paginations .pag.next {
            right: 30px;
        }

        .services-list .hizmetlerimiz-top .swiper-container .swiper-slide .img {
            margin-bottom: 20px;
        }

        .services-list .hizmetlerimiz-top .swiper-container .swiper-slide .title {
            font-size: 25px;
        }

        .services-list .hizmetlerimiz-top .swiper-container .swiper-slide p {
            font-size: 17px;
            padding-right: 35px;
        }

    .services-list .hizmetlerimiz-top {
        margin-bottom: 120px;
    }

    .services-list .other-services {
        max-width: 700px;
    }

        .services-list .other-services .service-item .img {
            height: 230px;
            margin-bottom: 10px;
        }

        .services-list .other-services .service-item .title {
            font-size: 26px;
        }
}

@media only screen and (max-width: 767px) {
    .services-list {
        padding: 145px 0 70px;
    }

        .services-list .hizmetlerimiz-top h4 {
            font-size: 36px;
            margin-bottom: 40px;
        }

        .services-list .hizmetlerimiz-top .swiper-container {
            padding: 0 30px;
        }

            .services-list .hizmetlerimiz-top .swiper-container .paginations {
                display: none;
            }

            .services-list .hizmetlerimiz-top .swiper-container .swiper-slide .img {
                height: 210px;
            }

        .services-list .other-services .service-item {
            width: 100%;
            margin-top: 35px;
        }

        .services-list .other-services {
            max-width: 340px;
            margin-top: -35px;
        }

            .services-list .other-services .service-item .img {
                height: 215px;
                margin-bottom: 10px;
            }

            .services-list .other-services .service-item .title {
                font-size: 23px;
            }

        .services-list .hizmetlerimiz-top {
            margin-bottom: 90px;
        }
}

.serivce-detail {
}

    .serivce-detail .banner {
        width: 100%;
        height: 715px;
        background: no-repeat center/cover;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 65px;
        position: relative;
        margin-bottom: 135px;
    }

        .serivce-detail .banner h2 {
            font-weight: bold;
            font-size: 90px;
            text-align: center;
            color: #fff;
            margin-bottom: 0;
            position: relative;
        }

        .serivce-detail .banner .link {
            position: absolute;
            bottom: 0;
            font-weight: bold;
            font-size: 25px;
            line-height: 38px;
            color: #fff;
            background: #f39200;
            padding: 30px 100px;
            transform: translateY(50%);
            border: 1px solid #f39200;
            transition: .4s;
        }

            .serivce-detail .banner .link svg {
                fill: none;
                stroke: #fff;
                stroke-linecap: round;
                stroke-linejoin: round;
                stroke-width: 4px;
                margin-left: 30px;
                transition: .4s;
            }

    .serivce-detail .service-exp {
        display: flex;
        ;
        ;
        max-width: 1400px;
        margin: 0 auto;
        align-items: center;
        margin-bottom: 155px;
    }

        .serivce-detail .service-exp .left {
            width: 45%;
        }

            .serivce-detail .service-exp .left a.about-vid {
                width: 100%;
                height: 400px;
                position: relative;
                display: flex;
                align-items: center;
                justify-content: center;
            }

                .serivce-detail .service-exp .left a.about-vid .img {
                    position: absolute;
                    left: 0;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    background: no-repeat center/cover;
                }

                .serivce-detail .service-exp .left a.about-vid svg {
                    position: absolute;
                    width: 105px;
                }

        .serivce-detail .service-exp .right {
            width: 50%;
            margin-left: 5%;
            border-left: 1px solid #E2E2E2;
        }

            .serivce-detail .service-exp .right .top {
                padding-left: 80px;
            }

                .serivce-detail .service-exp .right .top .page-title {
                    font-size: 50px;
                    line-height: 65px;
                    padding-right: 35px;
                    margin-bottom: 55px;
                }

                    .serivce-detail .service-exp .right .top .page-title span {
                    }

                .serivce-detail .service-exp .right .top p {
                    font-weight: normal;
                    font-size: 25px;
                    line-height: 38px;
                    color: #000;
                    opacity: 0.6;
                    margin-bottom: 35px;
                }

            .serivce-detail .service-exp .right .bottom {
                padding-left: 80px;
                padding-top: 25px;
                border-top: 1px solid #e2e2e2;
            }

                .serivce-detail .service-exp .right .bottom .link {
                    display: flex;
                    align-items: center;
                }

                    .serivce-detail .service-exp .right .bottom .link svg {
                        fill: none;
                        stroke: #fff;
                        stroke-linecap: round;
                        stroke-linejoin: round;
                        stroke-miterlimit: 10;
                        stroke-width: 2px;
                        width: 55px;
                        height: 55px;
                        background: #f39200;
                        padding: 17px;
                        border-radius: 100%;
                        margin-right: 30px;
                        transition: .4s;
                    }

                    .serivce-detail .service-exp .right .bottom .link span {
                        width: 215px;
                        display: block;
                        font-weight: 500;
                        font-size: 20px;
                        color: #000;
                    }

                    .serivce-detail .service-exp .right .bottom .link:hover svg {
                        transform: rotate(-45deg);
                    }

    .serivce-detail .service-gallery {
        padding: 150px 17vw 0;
        position: relative;
    }

        .serivce-detail .service-gallery.no-image:before {
            height: 200px;
        }

        .serivce-detail .service-gallery .gallery-top {
        }

            .serivce-detail .service-gallery .gallery-top .titles {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 135px;
            }

                .serivce-detail .service-gallery .gallery-top .titles h4 {
                    font-weight: bold;
                    font-size: 60px;
                    color: #fff;
                    width: 600px;
                    margin-bottom: 0;
                }

                .serivce-detail .service-gallery .gallery-top .titles p {
                    margin-bottom: 0;
                    width: 400px;
                    font-weight: normal;
                    font-size: 27px;
                    color: antiquewhite;
                }

            .serivce-detail .service-gallery .gallery-top .images {
                display: flex;
                flex-wrap: wrap;
                margin-top: -35px;
                justify-content: space-between;
            }

                .serivce-detail .service-gallery .gallery-top .images .img-item {
                    width: 100%;
                    height: 690px;
                    background: no-repeat center/cover;
                    margin-top: 35px;
                }

                    .serivce-detail .service-gallery .gallery-top .images .img-item a {
                        display: block;
                        width: 100%;
                        height: 100%;
                    }

            .serivce-detail .service-gallery .gallery-top > .exp {
                font-weight: normal;
                font-size: 25px;
                text-align: center;
                color: #888;
                width: 100%;
                margin: 0 auto;
                margin: 115px auto 130px;
            }

    .serivce-detail .banner h2:before {
        content: "";
        position: absolute;
        top: -50px;
        height: 6px;
        width: 30%;
        background: #f39200;
        left: 50%;
        transform: translateX(-50%);
    }

    .serivce-detail .banner:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: #111;
        opacity: .5;
    }

    .serivce-detail .banner .link:hover {
        background: #fff;
        color: #f39200;
    }

        .serivce-detail .banner .link:hover svg {
            stroke: #2b2d6e;
        }

    .serivce-detail .service-exp .right .top .page-title:before {
        top: 25px;
    }

    .serivce-detail .service-gallery:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        height: 820px;
        background: #f39200;
        z-index: -1;
    }

    .serivce-detail .service-gallery .gallery-top .images .img-item.item-5 {
        width: 48.5%;
        height: 390px;
    }

    .serivce-detail .service-gallery .gallery-top > .exp ul {
        text-align: left;
        margin: 35px 0;
    }

    .serivce-detail .table-bordered td,
    .serivce-detail .table-bordered th {
        width: 17%;
    }

    .serivce-detail .service-gallery .gallery-top > .exp h2 {
        margin-bottom: 25px;
    }

    .serivce-detail .table-bordered tr:nth-child(1) td {
        font-weight: 500;
    }

@media only screen and (max-width: 1600px) {
    .serivce-detail .service-gallery {
        padding: 150px 12vw 0;
    }
}

@media only screen and (max-width: 1440px) {
    .serivce-detail .banner h2 {
        font-size: 109px;
    }

    .serivce-detail .banner {
        height: 580px;
    }
}

@media only screen and (max-width: 1366px) {
    .serivce-detail .banner h2 {
        font-size: 80px;
    }

    .serivce-detail .banner {
        height: 440px;
    }

        .serivce-detail .banner h2:before {
            top: -20px;
        }

        .serivce-detail .banner .link {
            padding: 20px 70px;
        }

    .serivce-detail .service-exp {
        max-width: 1260px;
    }
}

@media only screen and (max-width: 1200px) {
    .serivce-detail .banner h2 {
        font-size: 80px;
    }

    .serivce-detail .service-exp {
        flex-direction: column;
    }

        .serivce-detail .service-exp .left {
            width: 100%;
        }

            .serivce-detail .service-exp .left a.about-vid {
                width: 750px;
                margin: 0 auto;
                height: 380px;
            }

        .serivce-detail .service-exp .right {
            width: 100%;
            margin-top: 65px;
        }

    .serivce-detail .service-gallery .gallery-top .titles {
        flex-direction: column;
        margin-bottom: 100px;
    }

    .serivce-detail .service-gallery {
        padding: 110px 7vw 0;
    }

        .serivce-detail .service-gallery .gallery-top .titles h4 {
            width: 100%;
            text-align: center;
            margin-bottom: 35px;
        }

        .serivce-detail .service-gallery .gallery-top .titles p {
            width: 100%;
            text-align: center;
        }

        .serivce-detail .service-gallery .gallery-top .images .img-item {
            height: 480px;
        }

            .serivce-detail .service-gallery .gallery-top .images .img-item.item-5 {
                height: 320px;
            }

        .serivce-detail .service-gallery .gallery-top > .exp {
            font-size: 22px;
            margin: 75px auto 100px;
        }
}

@media only screen and (max-width: 900px) {
    .serivce-detail .service-exp {
        max-width: 90%;
        margin-bottom: 90px;
    }

        .serivce-detail .service-exp .left a.about-vid {
            width: 660px;
        }

        .serivce-detail .service-exp .right .top .page-title {
            font-size: 40px;
            margin-bottom: 35px;
            line-height: 51px;
        }

        .serivce-detail .service-exp .right .top p {
            font-size: 23px;
            line-height: unset;
        }

    .serivce-detail .service-gallery .gallery-top .titles h4 {
        font-size: 43px;
    }

    .serivce-detail .service-gallery .gallery-top .titles p {
        font-size: 22px;
    }

    .serivce-detail .service-gallery .gallery-top .images .img-item {
        height: 400px;
    }

        .serivce-detail .service-gallery .gallery-top .images .img-item.item-5 {
            height: 210px;
        }

    .serivce-detail .service-gallery .gallery-top > .exp {
        font-size: 20px;
        margin: 55px auto 100px;
        width: 90%;
    }
}

@media only screen and (max-width: 767px) {
    .serivce-detail .banner h2 {
        font-size: 49px;
        padding: 0 15px;
        width: 100%;
    }

    .serivce-detail .banner {
        height: 390px;
        padding-top: 15px;
        margin-bottom: 105px;
    }

    .serivce-detail .service-exp .left a.about-vid {
        width: 330px;
        height: 200px;
    }

        .serivce-detail .service-exp .left a.about-vid svg {
            width: 60px;
        }

    .serivce-detail .service-exp .right .top {
        padding-left: 40px;
    }

        .serivce-detail .service-exp .right .top .page-title {
            font-size: 27px;
            line-height: unset;
            padding-right: 0;
        }

            .serivce-detail .service-exp .right .top .page-title:before {
                top: 11px;
            }

        .serivce-detail .service-exp .right .top p {
            font-size: 17px;
            padding-right: 15px;
        }

    .serivce-detail .service-exp .right .bottom {
        padding-left: 25px;
    }

    .serivce-detail .service-gallery {
        padding: 50px 25px 0;
    }

        .serivce-detail .service-gallery .gallery-top .titles h4 {
            font-size: 30px;
            margin-bottom: 25px;
        }

        .serivce-detail .service-gallery .gallery-top .titles p {
            font-size: 18px;
        }

        .serivce-detail .service-gallery .gallery-top .images .img-item {
            height: 185px;
            margin-top: 12px;
        }

            .serivce-detail .service-gallery .gallery-top .images .img-item.item-5 {
                height: 100px;
            }

        .serivce-detail .service-gallery:before {
            height: 390px;
        }

        .serivce-detail .service-gallery .gallery-top > .exp {
            font-size: 17px;
            margin: 125px auto 60px;
        }

            .serivce-detail .service-gallery .gallery-top > .exp .table-overflow {
                width: 100%;
                overflow-x: scroll;
            }

        .serivce-detail .service-gallery.no-image .gallery-top > .exp {
            margin: 45px auto 60px;
        }

        .serivce-detail .service-gallery.no-image:before {
            height: 40px;
        }
}

.page-background {
    height: 525px;
    position: relative;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
}

    .page-background .page-background-top {
        padding: 250px 7vw 60px;
        position: relative;
    }

    .page-background:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: 0.5;
    }

    .page-background .page-background-top .titles {
        display: flex;
        align-items: center;
    }

        .page-background .page-background-top .titles span {
            font-weight: 300;
            font-size: 31px;
            color: #fff;
        }

        .page-background .page-background-top .titles h1 {
            font-weight: normal;
            font-size: 65px;
            line-height: 75px;
            max-width: 700px;
            text-align: center;
            color: #fff;
            margin: 0 auto;
            padding-top: 50px;
            position: relative;
        }

            .page-background .page-background-top .titles h1:before {
                content: "";
                position: absolute;
                bottom: -20px;
                height: 5px;
                width: 16vw;
                background: rgb(255 255 255 / 15%);
                left: 50%;
                transform: translateX(-50%);
                border-radius: 25px;
            }

    .page-background .page-background-top .background-image {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        left: 0;
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover;
        z-index: -1;
    }

        .page-background .page-background-top .background-image:before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            background: linear-gradient(rgb(0 0 0 / 50%) 0%, #000 100%);
        }

        .page-background .page-background-top .background-image:after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            top: 0;
            width: 225px;
            background: linear-gradient(to left, rgb(0 0 0 / 0%) 0%, #000 100%);
        }

    .page-background .referance-list {
        display: flex;
        background: #FAFAFA;
        width: calc(100% - 200px);
        margin-left: auto;
        padding: 210px 100px;
        flex-wrap: wrap;
        margin-top: -75px;
        position: relative;
    }

        .page-background .referance-list .holder {
            width: 100%;
            height: 100%;
            display: flex;
            flex-wrap: wrap;
            position: relative;
        }

            .page-background .referance-list .holder:before {
                content: "";
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                border: 1px solid #fafafa;
            }

        .page-background .referance-list .referance-item {
            width: 25%;
            height: 180px;
            display: flex;
            align-items: center;
            justify-content: center;
            max-height: 180px;
            border: 1px solid #2b2d6e17;
        }

            .page-background .referance-list .referance-item + .referance-item {
                border-left: 0;
                border-top: 0;
            }

            .page-background .referance-list .referance-item img {
                max-width: 50%;
                max-height: 90%;
            }

            .page-background .referance-list .referance-item:nth-child(n+5) {
                margin-top: 0;
            }

@media only screen and (max-width: 1440px) {
    .page-background .page-background-top .titles p {
        font-size: 46px;
        width: 700px;
    }
}

@media only screen and (max-width: 1366px) {
    .page-background .page-background-top .titles h1 {
        font-size: 55px;
        line-height: 65px;
        max-width: 700px;
    }

    .page-background .referance-list {
        padding: 110px 40px;
    }

    .page-background .page-background-top .titles p {
        font-size: 50px;
        width: 690px;
    }

    .page-background .page-background-top .titles span {
        font-size: 28px;
    }

    .page-background .page-background-top {
        padding: 270px 5vw 120px;
    }
}

@media only screen and (max-width: 1200px) {
    .page-background .page-background-top {
        padding: 220px 5vw 50px;
    }

        .page-background .page-background-top .titles p {
            font-size: 38px;
            width: 530px;
            padding-top: 35px;
        }

    .page-background .referance-list {
        padding: 100px 20px;
        width: calc(100% - 160px);
    }

        .page-background .referance-list .referance-item img {
            width: 90px;
        }
}

@media only screen and (max-width: 900px) {
    .page-background .page-background-top .titles p {
        font-size: 31px;
        width: 410px;
    }

    .page-background .page-background-top .titles span {
        font-size: 23px;
    }

    .page-background .referance-list .referance-item img {
        width: 100px;
        max-height: 100%;
    }

    .page-background .referance-list {
        padding: 70px 20px;
    }

    .page-background .page-background-top .titles p:before {
        height: 4px;
    }
}

@media only screen and (max-width: 767px) {
    .page-background .page-background-top {
        padding: 190px 5vw 20px;
    }

    .page-background {
        height: 375px;
    }

        .page-background .page-background-top .titles h1 {
            font-size: 35px;
            line-height: 45px;
            max-width: 700px;
        }

        .page-background .referance-list {
            width: 100%;
            margin-top: 0;
        }

        .page-background .page-background-top .titles {
            flex-direction: column;
        }

            .page-background .page-background-top .titles p {
                margin-left: 0;
                text-align: center;
                margin-top: 15px;
                margin-bottom: 0;
                width: 100%;
                font-size: 25px;
                padding-top: 20px;
            }

        .page-background .referance-list .referance-item {
            height: 130px;
            width: 50%;
        }

        .page-background .page-background-top .titles p:before {
            height: 3px;
        }

        .page-background .referance-list .referance-item:nth-child(n+3) {
        }
}

.iletisim {
    display: flex;
    flex-direction: column;
    padding-top: 25px;
}

    .iletisim .iletisim-map {
        height: calc(100vh - 200px);
        margin-top: 200px;
    }

        .iletisim .iletisim-map .map-scope {
            width: 100%;
            height: 100%;
        }

    .iletisim .iletisim-bottom {
        display: flex;
        flex-direction: column;
        width: 80%;
        margin: 0 auto 0;
    }

        .iletisim .iletisim-bottom .tab-buttons {
            position: relative;
            background: #2b2d6e;
        }

            .iletisim .iletisim-bottom .tab-buttons .button-holder {
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 25px 0;
            }

                .iletisim .iletisim-bottom .tab-buttons .button-holder .button-item {
                    color: #ffffff91;
                    font-size: 22px;
                    position: relative;
                    transition: .4s;
                    cursor: pointer;
                }

                    .iletisim .iletisim-bottom .tab-buttons .button-holder .button-item + .button-item {
                        margin-left: 20px;
                        padding-left: 25px;
                    }

                        .iletisim .iletisim-bottom .tab-buttons .button-holder .button-item + .button-item:before {
                            content: "|";
                            position: absolute;
                            left: 0;
                            top: 0px;
                            color: #ffffffc7;
                        }

                    .iletisim .iletisim-bottom .tab-buttons .button-holder .button-item.active {
                        color: white;
                    }

                    .iletisim .iletisim-bottom .tab-buttons .button-holder .button-item:hover {
                        color: #fff;
                    }

        .iletisim .iletisim-bottom .main-iletisim {
            background: #fff;
            padding: 60px 60px 70px 120px;
            position: relative;
        }

            .iletisim .iletisim-bottom .main-iletisim .tab-item {
                display: flex;
                justify-content: space-between;
                visibility: hidden;
                transition: .4s;
            }

                .iletisim .iletisim-bottom .main-iletisim .tab-item.active {
                    opacity: 1;
                    visibility: visible;
                }

            .iletisim .iletisim-bottom .main-iletisim .left {
                width: 460px;
            }

                .iletisim .iletisim-bottom .main-iletisim .left .page-title {
                    font-size: 60px;
                    line-height: 75px;
                    margin-bottom: 60px;
                }

                    .iletisim .iletisim-bottom .main-iletisim .left .page-title:before {
                        top: 17px;
                    }

                .iletisim .iletisim-bottom .main-iletisim .left p {
                    font-weight: normal;
                    font-size: 25px;
                    line-height: 38px;
                    color: #000;
                    opacity: 0.6;
                    margin-bottom: 0;
                }

            .iletisim .iletisim-bottom .main-iletisim .right {
                width: 670px;
                display: flex;
                flex-direction: column;
            }

                .iletisim .iletisim-bottom .main-iletisim .right.max-width100 {
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                }

                .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info {
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-between;
                    margin-bottom: 90px;
                    margin-top: -30px;
                }

                    .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info .info-item.tel {
                        width: 100%;
                    }

                    .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info .info-item {
                        width: 45%;
                        display: flex;
                        flex-direction: column;
                        margin-top: 30px;
                    }

                        .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info .info-item:last-child {
                            width: 100%;
                        }

                        .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info .info-item span {
                            font-weight: normal;
                            font-size: 20px;
                            line-height: 38px;
                            color: #000;
                            opacity: 0.55;
                        }

                        .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info .info-item.tel a {
                            font-weight: 500;
                            font-size: 31px;
                            color: #000;
                            margin-bottom: 30px;
                        }

                        .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info .info-item a {
                            display: flex;
                            font-weight: 500;
                            font-size: 25px;
                            color: #000;
                            align-items: center;
                        }

                            .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info .info-item a svg {
                                fill: none;
                                stroke: black;
                                margin-left: 10px;
                                transition: 0.2s;
                            }

                            .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info .info-item a:hover svg {
                                transform: translate(5px, -5px);
                            }

                .iletisim .iletisim-bottom .main-iletisim .right .form {
                }

                    .iletisim .iletisim-bottom .main-iletisim .right .form div {
                        display: flex;
                    }

                .iletisim .iletisim-bottom .main-iletisim .right.max-width100 .form div {
                    display: inherit;
                    max-width: 800px;
                    justify-content: center;
                    margin: 0 auto;
                }

                .iletisim .iletisim-bottom .main-iletisim .right .form div .form-about {
                    width: 33%;
                }

                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-about span {
                        font-weight: 500;
                        font-size: 26px;
                        color: #18222e;
                        margin-bottom: 55px;
                        display: block;
                    }

                        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-about span .about-list {
                        }

                            .iletisim .iletisim-bottom .main-iletisim .right .form div .form-about span .about-list .about-item {
                            }

                                .iletisim .iletisim-bottom .main-iletisim .right .form div .form-about span .about-list .about-item input {
                                }

                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-about .about-list {
                    }

                        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-about .about-list .about-item {
                            position: relative;
                        }

                            .iletisim .iletisim-bottom .main-iletisim .right .form div .form-about .about-list .about-item input {
                                width: 1px;
                                height: 1px;
                                position: absolute;
                                left: 2px;
                                top: 15px;
                            }

                            .iletisim .iletisim-bottom .main-iletisim .right .form div .form-about .about-list .about-item label {
                                font-family: refrigerator-deluxe, sans-serif;
                                font-weight: normal;
                                font-size: 30px;
                                text-align: left;
                                color: #696767;
                                background: #ebebeb;
                                cursor: pointer;
                                transition: .4s;
                            }

                            .iletisim .iletisim-bottom .main-iletisim .right .form div .form-about .about-list .about-item input:checked ~ label {
                                color: #C32C3B;
                            }

                            .iletisim .iletisim-bottom .main-iletisim .right .form div .form-about .about-list .about-item + .about-item {
                                margin-top: 25px;
                            }

                .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs {
                    width: 100%;
                    display: flex;
                    flex-wrap: wrap;
                    height: max-content;
                }

                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs.active {
                        pointer-events: all;
                    }

                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item {
                        position: relative;
                        width: 100%;
                        height: 75px;
                        display: flex;
                    }

                        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item.half {
                            width: 49%;
                        }

                        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item.full-size {
                            width: 100%;
                        }

                        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item input,
                        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item select,
                        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item textarea {
                            background: none;
                            border: 1px solid #CBCBCB;
                            box-shadow: none !important;
                            outline: 0 !important;
                            width: 100%;
                            height: 100%;
                            padding: 19px 15px 20px 55px;
                            font-weight: normal;
                            font-size: 16px;
                            color: #797979;
                            resize: none;
                            transition: .4s;
                            border-radius: 0 !important;
                        }

                        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .icon {
                            position: absolute;
                            top: 25px;
                            left: 22px;
                            height: 17px;
                            width: 19px;
                        }

                            .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .icon svg {
                                width: 100%;
                                height: 100%;
                            }

                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs.active .form-item input,
                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs.active .form-item textarea {
                        border-color: #000000;
                    }

                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs.active .form-item .icon svg path {
                        fill: #f39200;
                    }

                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .icon svg path {
                        transition: .4s;
                    }

                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs.active .form-item .send-btn {
                        background: #C32C3B;
                    }

                        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs.active .form-item .send-btn:hover {
                            background: #b31a29;
                        }

                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item.half + .form-item.half {
                        margin-left: 2%;
                        margin-top: 0;
                    }

                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item.full-size + .form-item.full-size {
                        margin-left: 0 !important;
                        margin-top: 12px;
                    }

                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item:nth-child(n+3) {
                        margin-top: 15px;
                    }

                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item.textarea {
                        height: 280px;
                    }

                        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item.textarea .icon {
                            top: 23px;
                        }

                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .captcha {
                        width: 33%;
                        position: relative;
                    }

                        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .captcha img {
                            height: 100%;
                            width: 100%;
                            border: 1px solid #CBCBCB;
                        }

                        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .captcha a {
                            position: absolute;
                            right: 20px;
                            top: 50%;
                            transform: translateY(-50%);
                            width: 30px;
                            height: 30px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            background: #fff;
                            border-radius: 100%;
                            right: 5px;
                            color: #093a63;
                        }

                        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .captcha input {
                            padding: 15px 25px;
                            border: 1px solid #CBCBCB;
                            border-radius: 0;
                        }

                        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .captcha label {
                            font-weight: normal;
                            font-size: 14px;
                            color: #797979;
                            position: absolute;
                            margin-bottom: 0;
                            top: 50%;
                            left: 25px;
                            transform: translateY(-50%);
                            pointer-events: none;
                        }

                        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .captcha.active label {
                            opacity: 0;
                        }

                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .send-btn {
                        width: 100%;
                        margin-left: 0;
                        background: #ffffff;
                        line-height: 22px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        border: 1px solid #cbcbcb;
                        transition: .4s;
                        box-shadow: none !important;
                        outline: 0 !important;
                        font-weight: 500;
                        font-size: 18px;
                        color: #f39200;
                    }

                        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .send-btn:hover {
                            background: #f39200;
                            color: #fff;
                            border-color: #f39200;
                        }

                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .captcha + .captcha {
                        margin-left: 1.5%;
                    }

                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item input:focus,
                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item textarea:focus {
                        border-color: #f39200;
                    }

@media only screen and (max-width: 1600px) {
    .iletisim .iletisim-bottom {
        width: 90%;
    }

    .iletisim .iletisim-map {
        height: 670px;
    }
}

@media only screen and (max-width: 1440px) {
    .iletisim .iletisim-bottom .main-iletisim .left {
        width: 380px;
    }

        .iletisim .iletisim-bottom .main-iletisim .left .page-title {
            font-size: 50px;
        }

        .iletisim .iletisim-bottom .main-iletisim .left p {
            font-size: 20px;
            line-height: 29px;
        }

    .iletisim .iletisim-bottom .main-iletisim .right {
        width: 600px;
    }

        .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info .info-item.tel a {
            font-size: 50px;
        }
}

@media only screen and (max-width: 1200px) {
    .iletisim .iletisim-map {
        margin-top: 160px;
    }

    .iletisim .iletisim-bottom .main-iletisim {
        padding: 80px 80px 70px;
    }

        .iletisim .iletisim-bottom .main-iletisim .right {
            width: 380px;
        }

        .iletisim .iletisim-bottom .main-iletisim .left {
            width: 290px;
        }

            .iletisim .iletisim-bottom .main-iletisim .left .page-title {
                font-size: 44px;
                margin-bottom: 40px;
            }

            .iletisim .iletisim-bottom .main-iletisim .left p {
                font-size: 19px;
            }

        .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info .info-item.tel a {
            font-size: 36px;
            margin-bottom: 25px;
        }

        .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info .info-item a {
            font-size: 20px;
        }

        .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info {
            margin-bottom: 120px;
        }

        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .send-btn {
            width: 100%;
            height: 75px;
            margin: 10px 0 0;
        }

        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item:last-child {
            flex-wrap: wrap;
            height: initial;
        }

        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .captcha {
            width: 49%;
            height: 75px;
        }
}

@media only screen and (max-width: 900px) {
    .iletisim .iletisim-bottom .main-iletisim {
        flex-direction: column;
    }

        .iletisim .iletisim-bottom .main-iletisim .left {
            width: 100%;
            margin-bottom: 45px;
        }

        .iletisim .iletisim-bottom .main-iletisim .right {
            width: 100%;
        }

        .iletisim .iletisim-bottom .main-iletisim .left .page-title {
            font-size: 38px;
            margin-bottom: 25px;
        }

        .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info .info-item span {
            font-size: 18px;
        }

        .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info .info-item.tel a {
            font-size: 28px;
        }

        .iletisim .iletisim-bottom .main-iletisim .tab-item {
            flex-direction: column;
            left: 120px;
            right: 120px;
        }

        .iletisim .iletisim-bottom .main-iletisim .tab-item {
            left: 70px;
            right: 50px;
        }

    .iletisim .iletisim-bottom .tab-buttons .button-holder .button-item {
        font-size: 17px;
    }
}

@media only screen and (max-width: 767px) {
    .iletisim .iletisim-map {
        margin-top: 95px;
        height: 430px;
    }

        .iletisim .iletisim-map .map-scope {
            width: 100%;
        }

    .iletisim .iletisim-bottom {
        margin: 0 auto 0;
    }

        .iletisim .iletisim-bottom .main-iletisim {
            padding: 50px 10px 70px;
        }

            .iletisim .iletisim-bottom .main-iletisim .left .page-title {
                font-size: 32px;
                text-align: center;
            }

                .iletisim .iletisim-bottom .main-iletisim .left .page-title:before {
                    top: -21px;
                    left: 50%;
                    transform: translateX(-50%);
                    width: 95px;
                    height: 3px;
                }

            .iletisim .iletisim-bottom .main-iletisim .left p {
                text-align: center;
                font-size: 18px;
                line-height: normal;
            }

            .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info .info-item {
                align-items: center;
                width: max-content;
                margin: 0 auto;
                margin-top: 30px;
            }

                .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info .info-item.tel a {
                    font-size: 23px;
                    margin-bottom: 0;
                }

                .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info .info-item + .info-item {
                    margin-top: 30px;
                }

            .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info {
                margin-bottom: 70px;
            }

            .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item {
                width: 100% !important;
                margin-left: 0 !important;
            }

                .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item:nth-child(n+2) {
                    margin-top: 10px;
                }

                .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item.half + .form-item.half {
                    margin-top: 12px;
                }

                .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .captcha input {
                    padding: 22px 25px;
                }

            .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item {
                height: 65px;
            }

                .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .icon {
                    top: 19px;
                }

                .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .send-btn {
                    height: 65px;
                    font-size: 20px;
                }

        .iletisim .iletisim-bottom .tab-buttons .button-holder .button-item {
            font-size: 16px;
            text-align: center;
        }

            .iletisim .iletisim-bottom .tab-buttons .button-holder .button-item + .button-item {
                padding-left: 18px;
                margin-left: 14px;
            }

        .iletisim .iletisim-bottom .main-iletisim .tab-item {
            left: 10px;
            right: 10px;
            top: 65px;
        }

        .iletisim .iletisim-bottom .tab-buttons {
            width: 100%;
            padding: 25px 0px;
        }

            .iletisim .iletisim-bottom .tab-buttons .button-holder {
                justify-content: unset;
                padding: unset;
            }

                .iletisim .iletisim-bottom .tab-buttons .button-holder .button-item + .button-item {
                    margin-left: unset;
                }

        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .captcha {
            width: 48.5%;
        }

            .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .captcha + .captcha {
                margin-left: 3%;
            }
}

.get-offer {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition-delay: .5s;
}

    .get-offer .bg {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 200%;
        background: #f39200;
        transform: translate(-30px, -100%) rotate(-90deg);
        transform-origin: left bottom;
        transition: 0.6s;
        transition-delay: 0.3s;
        cursor: pointer;
    }

    .get-offer .cnt .title {
        font-weight: 500;
        font-size: 32px;
        line-height: 53px;
        text-align: center;
        color: black;
        margin-bottom: 45px;
    }

        .get-offer .cnt .title span {
            color: #f39200;
        }

    .get-offer .cnt .close-btn {
        margin-bottom: 45px;
        cursor: pointer;
    }

        .get-offer .cnt .close-btn svg {
            stroke: black;
        }

    .get-offer .cnt > form {
        display: flex;
        flex-direction: column;
        margin-bottom: 95px;
    }

    .get-offer .cnt form .form-item {
        display: flex;
    }

        .get-offer .cnt form .form-item .name {
            width: 100px;
            text-align: right;
            margin-right: 25px;
        }

        .get-offer .cnt form .form-item input {
            border: none;
            border-bottom: 1px solid #707070;
            width: 400px;
            box-shadow: none !important;
            outline: 0 !important;
            padding-bottom: 6px;
            transition: .4s;
        }

        .get-offer .cnt form .form-item select {
        }

    .get-offer .cnt form > button {
        width: 100%;
        height: 110px;
        font-weight: bold;
        font-size: 25px;
        line-height: 38px;
        text-align: center;
        color: #000;
        border: 0;
        border-top: 1px solid #C1C1C1;
        background: #fff;
        box-shadow: none !important;
        outline: none !important;
        position: relative;
        z-index: 1;
        transition: .4s;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

        .get-offer .cnt form > button:before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 0;
            background: #f39200;
            transition: .4s;
            transition-timing-function: cubic-bezier(0.65, 0.03, 0.22, 1.34);
            z-index: -1;
        }

        .get-offer .cnt form > button:hover:before {
            height: 100%;
        }

    .get-offer .cnt {
        position: relative;
        width: 1000px;
        background: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-top: 35px;
        padding-bottom: 85px;
        opacity: 0;
        transition: .4s;
        transform: translateY(30px);
        transition-delay: 0s;
    }

        .get-offer .cnt form .form-item input::placeholder {
            font-weight: normal;
            font-size: 15px;
            line-height: 25px;
            color: #909090;
        }

        .get-offer .cnt form .form-item + .form-item {
            margin-top: 50px;
        }

        .get-offer .cnt button svg {
            transition: .4s;
            fill: none;
            stroke: #000;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 4px;
        }

        .get-offer .cnt form .form-item input:focus {
            border-bottom: 1px solid #f39200;
        }

        .get-offer .cnt form .form-item .dropdown {
            width: 400px;
        }

            .get-offer .cnt form .form-item .dropdown button {
                background: none;
                border: 0;
                border-bottom: 1px solid #707070;
                border-radius: 0;
                padding: 0 0 6px 0;
                outline: 0 !important;
                box-shadow: none !important;
            }

                .get-offer .cnt form .form-item .dropdown button::after {
                    background: no-repeat center/contain;
                    background-image: url(../img/svg/s2-down-arrow.svg);
                    border: none;
                    width: 21px;
                    height: 9px;
                    opacity: .5;
                    transition: .4s;
                }

                .get-offer .cnt form .form-item .dropdown button .filter-option-inner-inner {
                    font-weight: normal;
                    font-size: 15px;
                    line-height: 25px;
                    color: #909090;
                }

            .get-offer .cnt form .form-item .dropdown.show button::after {
                transform: rotate(180deg);
                opacity: 1;
            }

            .get-offer .cnt form .form-item .dropdown .dropdown-menu {
                padding: 0;
            }

                .get-offer .cnt form .form-item .dropdown .dropdown-menu li a {
                    transition: 0.3s;
                }

                .get-offer .cnt form .form-item .dropdown .dropdown-menu li.selected a {
                    background: #2b2d6e;
                }

                .get-offer .cnt form .form-item .dropdown .dropdown-menu li a:active {
                    background: #a9aad4;
                    color: black;
                }

        .get-offer .cnt form > button:hover {
            color: #fff;
            transition: .4s;
        }

            .get-offer .cnt form > button:hover svg {
                stroke: #fff;
            }

    .get-offer.active {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s;
    }

        .get-offer.active .bg {
            transform: translate(0px, 0px) rotate(0deg);
            transition-delay: 0.2s;
        }

        .get-offer.active .cnt {
            opacity: 1;
            transform: translateY(0px);
            transition-delay: 0.6s;
        }

@media only screen and (max-width: 1366px) {
    .get-offer .cnt form .form-item + .form-item {
        margin-top: 30px;
    }

    .get-offer .cnt .title {
        margin-bottom: 20px;
    }

    .get-offer .cnt .close-btn {
        margin-bottom: 30px;
    }

    .get-offer .cnt > form {
        margin-bottom: 60px;
    }
}

@media only screen and (max-width: 1200px) {
    .get-offer .cnt {
        width: 880px;
    }
}

@media only screen and (max-width: 900px) {
    .get-offer .cnt {
        width: 680px;
    }
}

@media only screen and (max-width: 767px) {
    .get-offer .cnt {
        width: 680px;
        padding-top: 15px;
    }

        .get-offer .cnt .close-btn {
            margin-bottom: 15px;
        }

        .get-offer .cnt .title {
            font-size: 27px;
            line-height: normal;
            margin-bottom: 30px;
        }

        .get-offer .cnt form .form-item input {
            width: 220px;
        }

        .get-offer .cnt form .form-item .dropdown {
            width: 220px;
        }

        .get-offer .cnt form .form-item .name {
            font-size: 13px;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            width: 65px;
        }

        .get-offer .cnt form .form-item input::placeholder {
            font-size: 13px;
        }

        .get-offer .cnt form .form-item .dropdown button .filter-option-inner-inner {
            font-size: 13px;
        }

        .get-offer .cnt form > button {
            height: 90px;
            font-size: 21px;
        }
}

footer {
    background-color: rgba(255, 255, 255, 1);
    color: rgba(0, 0, 0, 1);
    --fontColor: rgba(0, 0, 0, 1);
    --fontColor_H: 0;
    --fontColor_S: 0%;
    --fontColor_L: 0%;
    --fontColor_A: 1;
    --fontColor_darkenDir: 1;
    --bgColor: rgba(255, 255, 255, 1);
    --bgColor_H: 0;
    --bgColor_S: 0%;
    --bgColor_L: 100%;
    --bgColor_A: 1;
    --bgColor_darkenDir: -1;
}

    footer .footer {
        padding-bottom: 1.5rem;
    }

    footer .footer__subscribe {
        min-height: 216px;
        background-color: var(--lp-color-primary-g-1);
        padding-top: var(--lp-grid-gap-large);
        padding-bottom: var(--lp-grid-gap-large);
        margin-bottom: var(--lp-grid-gap-large);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

@media (max-width: 1024px) {
    footer .footer__subscribe {
        min-height: unset;
    }
}

footer .footer__section {
    margin-bottom: 3.5rem;
    padding-top: 75px;
}

footer .footer__disclaimer {
    margin-bottom: 1.875rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 1024px) {
    footer .footer__disclaimer {
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 560px) {
    footer .footer__disclaimer {
        margin-bottom: 0;
    }
}

footer .footer__sitemap,
footer .footer__bottom,
footer .footer__copyright,
footer .footer__cta,
footer .footer__links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 1024px) {
    footer .footer__sitemap {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

footer .footer__cta {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (max-width: 1024px) {
    footer .footer__cta {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 3rem;
    }
}

@media (hover: hover) and (pointer: fine) {
    footer .footer__cta .cta-btn + .lp-btn.lp-btn--light.lp-btn--filled.cta-btn:hover {
        background-color: transparent;
        border-color: var(--lp-color-primary-5-500);
        color: var(--lp-color-primary-accent);
    }
}

footer .footer__links {
    margin-left: 141px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    gap: 2rem;
}

@media (max-width: 1024px) {
    footer .footer__links {
        margin-left: 0;
        gap: 0;
        -webkit-box-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

footer .footer__socials {
    margin-left: auto;
}

@media (max-width: 560px) {
    footer .footer__socials {
        margin-left: 0;
        padding-top: 1.5rem;
    }
}

footer .footer__copyright {
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
    position: relative;
}

    footer .footer__copyright:before,
    footer .footer__copyright:after {
        content: '';
        position: absolute;
        height: 1px;
        width: calc(100% - (var(--lp-grid-gap-large) * 2));
        top: 0;
        left: var(--lp-grid-gap-large);
        right: var(--lp-grid-gap-large);
        background-color: rgba(0, 0, 0, .2);
    }

@media (max-width: 1024px) {
    footer .footer__copyright:before,
    footer .footer__copyright:after {
        width: calc(100% - (var(--lp-grid-gap-medium) * 2));
        left: var(--lp-grid-gap-medium);
        right: var(--lp-grid-gap-medium);
    }
}

@media (max-width: 560px) {
    footer .footer__copyright:before,
    footer .footer__copyright:after {
        width: calc(100% - (var(--lp-grid-gap-small) * 2));
        left: var(--lp-grid-gap-small);
        right: var(--lp-grid-gap-small);
    }
}

footer .footer__copyright:after {
    top: unset;
    bottom: 0;
}

@media (max-width: 560px) {
    footer .footer__copyright {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
        padding-top: 1.5rem;
    }
}

footer .footer__bottom {
    -webkit-align-items: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

@media (max-width: 1100px) {
    footer .footer__bottom {
        -webkit-box-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 1.5rem;
    }
}

@media (max-width: 1024px) {
    footer .footer__bottom {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 0;
    }
}

footer .footer__bottom-powered-by {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1024px) {
    footer .footer__bottom-powered-by {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 100%;
    }
}

footer .footer__logo-container {
    max-width: 86px;
    max-height: 30px;
    margin-left: 1.5rem;
}

footer .footer__lp-logo,
footer .footer__copyright-logo {
    max-width: 100%;
    max-height: 100%;
}

@media (max-width: 1024px) {
    footer .footer__bottom-links {
        width: 100%;
    }
}

footer .footer__copy-link {
    font-size: 12px;
}

@media (max-width: 560px) {
    footer .footer__copy-link {
        font-size: 10px;
    }
}

footer .subscribe {
    padding: 0;
}

@media (max-width: 1024px) {
    footer .subscribe {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
}

footer .subscribe__container {
    max-width: 1180px;
    gap: 5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-inline: 50px;
}

@media (max-width: 1024px) {
    footer .subscribe__container {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        gap: 0;
        padding-inline: 2rem;
    }
}

@media (max-width: 560px) {
    footer .subscribe__container {
        padding-inline: 1rem;
    }
}

footer .subscribe__title {
    max-width: unset;
    margin-bottom: 0;
    color: var(--newsletterDescriptionColor);
    -webkit-flex: 45%;
    -ms-flex: 45%;
    flex: 45%;
}

@media (max-width: 1024px) {
    footer .subscribe__title {
        margin-right: 0;
        margin-bottom: 1rem;
    }
}

footer .subscribe__form {
    position: relative;
    margin-bottom: 0;
    -webkit-flex: 55%;
    -ms-flex: 55%;
    flex: 55%;
    margin-left: -16px;
    margin-right: -16px;
}

@media (max-width: 1024px) {
    footer .subscribe__form {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
}

footer .subscribe__submit-btn {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
    color: var(--lp-color-primary-5);
    --btn-circle-size: 2.5rem;
}

@media (max-width: 560px) {
    footer .subscribe__submit-btn {
        --btn-circle-size: 1.5rem;
    }
}

footer .subscribe__input-group {
    min-width: 400px;
}

@media (max-width: 767px) {
    footer .subscribe__input-group {
        min-width: 100%;
    }
}

footer .list {
    list-style: none;
    margin: 0;
}

footer .copyright__logo + .copyright__copy {
    margin-left: 170px;
    margin-top: 10px;
}

@media (max-width: 1024px) {
    footer .copyright__logo + .copyright__copy {
        margin-left: 0;
    }
}

footer .copyright__brand {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 1024px) {
    footer .copyright__brand {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

footer .copyright__copy {
    font-size: 12px;
}

@media (max-width: 1024px) {
    footer .copyright__copy {
        margin-left: 0;
        margin-top: 1rem;
    }
}

footer .copyright__logo {
    max-width: 158px;
    max-height: 50px;
    width: 100%;
}

footer .bottom__links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 1.5rem;
    column-gap: 1.5rem;
    row-gap: .5rem;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 1024px) {
    footer .bottom__links {
        margin-bottom: 1.5rem;
        gap: .375rem;
    }
}

@media (max-width: 560px) {
    footer .bottom__links {
        margin-bottom: 2rem;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
    }
}

footer .bottom__links-item {
    margin-bottom: 0;
    width: 30%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

@media (max-width: 560px) {
    footer .bottom__links-item {
        width: auto;
    }
}

@media (max-width: 560px) {
    footer .cta-btn {
        width: 50%;
    }
}

@media (max-width: 560px) {
    footer .cta-btn__text {
        max-width: calc(100% - (var(--btn-icon-spacing) + 20px));
        text-overflow: ellipsis;
        overflow: hidden;
    }
}

footer .cta-btn + .cta-btn {
    margin-top: 1.5rem;
    color: var(--lp-color-primary-5);
    border-color: var(--lp-color-primary-5-300);
}

@media (max-width: 1024px) {
    footer .cta-btn + .cta-btn {
        margin-top: 0;
        margin-left: .75rem;
    }
}

@media (hover: hover) and (pointer: fine) {
    footer .cta-btn + .cta-btn:hover {
        background-color: transparent;
        border-color: var(--lp-color-primary-5-500);
        color: var(--lp-color-primary-accent);
    }
}

footer .lp-socials li {
    margin-bottom: 0;
}

footer .links__column {
    width: 25%;
}

@media (max-width: 1024px) {
    footer .links__column {
        width: 50%;
        padding-left: 0;
    }

        footer .links__column:nth-child(3),
        footer .links__column:nth-child(4) {
            margin-top: 2.5rem;
        }
}

footer .links__column-content .lp-link {
    margin-bottom: 6px;
}

footer .links__column-item {
    margin-bottom: 0;
    line-height: 1;
}

    footer .links__column-item:not(:last-child) {
        margin-bottom: 10px;
    }

footer .links__column-title {
    margin-bottom: 1.5rem;
    color: #686868
}

@media (max-width: 1024px) {
    footer .links__column-title {
        margin-bottom: 10px;
    }
}

@media (max-width: 560px) {
    footer .links__column-title {
        font-size: 12px;
    }
}

footer .lp-btn-icon--unlock:after {
    min-width: 20px;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.83399 6.66667C4.83399 3.8132 7.14718 1.5 10.0007 1.5C12.1209 1.5 13.9406 2.77695 14.737 4.59963C14.9581 5.10572 14.7271 5.69523 14.221 5.91635C13.7149 6.13747 13.1254 5.90646 12.9043 5.40037C12.4147 4.27987 11.2976 3.5 10.0007 3.5C8.25175 3.5 6.83399 4.91776 6.83399 6.66667V7.33383C6.98122 7.33332 7.13448 7.33333 7.29383 7.33333H12.7075C13.3733 7.33332 13.9329 7.3333 14.3907 7.37071C14.8695 7.40983 15.3244 7.49477 15.7563 7.71481C16.4149 8.05037 16.9503 8.5858 17.2858 9.24437C17.5059 9.67622 17.5908 10.1312 17.6299 10.6099C17.6673 11.0678 17.6673 11.6273 17.6673 12.2932V13.5401C17.6673 14.206 17.6673 14.7655 17.6299 15.2234C17.5908 15.7021 17.5059 16.1571 17.2858 16.589C16.9503 17.2475 16.4149 17.783 15.7563 18.1185C15.3244 18.3386 14.8695 18.4235 14.3907 18.4626C13.9329 18.5 13.3734 18.5 12.7075 18.5H7.29381C6.62794 18.5 6.06843 18.5 5.61056 18.4626C5.13184 18.4235 4.67688 18.3386 4.24502 18.1185C3.58645 17.783 3.05102 17.2475 2.71546 16.589C2.49542 16.1571 2.41048 15.7021 2.37137 15.2234C2.33396 14.7656 2.33397 14.206 2.33398 13.5402V12.2932C2.33397 11.6273 2.33396 11.0678 2.37137 10.6099C2.41048 10.1312 2.49542 9.67622 2.71546 9.24437C3.05102 8.5858 3.58645 8.05037 4.24502 7.71481C4.43677 7.61711 4.63307 7.54604 4.83399 7.4938V6.66667ZM5.77342 9.36407C5.41838 9.39308 5.25592 9.44438 5.153 9.49682C4.87076 9.64063 4.64129 9.8701 4.49748 10.1523C4.44503 10.2553 4.39373 10.4177 4.36472 10.7728C4.33476 11.1395 4.33399 11.6168 4.33399 12.3333V13.5C4.33399 14.2166 4.33476 14.6938 4.36472 15.0606C4.39373 15.4156 4.44503 15.5781 4.49748 15.681C4.64129 15.9632 4.87076 16.1927 5.153 16.3365C5.25592 16.389 5.41838 16.4403 5.77342 16.4693C6.14014 16.4992 6.61742 16.5 7.33399 16.5H12.6673C13.3839 16.5 13.8612 16.4992 14.2279 16.4693C14.5829 16.4403 14.7454 16.389 14.8483 16.3365C15.1305 16.1927 15.36 15.9632 15.5038 15.681C15.5563 15.5781 15.6076 15.4156 15.6366 15.0606C15.6665 14.6938 15.6673 14.2166 15.6673 13.5V12.3333C15.6673 11.6168 15.6665 11.1395 15.6366 10.7728C15.6076 10.4177 15.5563 10.2553 15.5038 10.1523C15.36 9.8701 15.1305 9.64063 14.8483 9.49682C14.7454 9.44438 14.5829 9.39308 14.2279 9.36407C13.8612 9.33411 13.3839 9.33333 12.6673 9.33333H7.33399C6.61742 9.33333 6.14014 9.33411 5.77342 9.36407ZM10.0007 11.0833C10.5529 11.0833 11.0007 11.531 11.0007 12.0833V13.75C11.0007 14.3023 10.5529 14.75 10.0007 14.75C9.44837 14.75 9.00065 14.3023 9.00065 13.75V12.0833C9.00065 11.531 9.44837 11.0833 10.0007 11.0833Z' fill='black'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.83399 6.66667C4.83399 3.8132 7.14718 1.5 10.0007 1.5C12.1209 1.5 13.9406 2.77695 14.737 4.59963C14.9581 5.10572 14.7271 5.69523 14.221 5.91635C13.7149 6.13747 13.1254 5.90646 12.9043 5.40037C12.4147 4.27987 11.2976 3.5 10.0007 3.5C8.25175 3.5 6.83399 4.91776 6.83399 6.66667V7.33383C6.98122 7.33332 7.13448 7.33333 7.29383 7.33333H12.7075C13.3733 7.33332 13.9329 7.3333 14.3907 7.37071C14.8695 7.40983 15.3244 7.49477 15.7563 7.71481C16.4149 8.05037 16.9503 8.5858 17.2858 9.24437C17.5059 9.67622 17.5908 10.1312 17.6299 10.6099C17.6673 11.0678 17.6673 11.6273 17.6673 12.2932V13.5401C17.6673 14.206 17.6673 14.7655 17.6299 15.2234C17.5908 15.7021 17.5059 16.1571 17.2858 16.589C16.9503 17.2475 16.4149 17.783 15.7563 18.1185C15.3244 18.3386 14.8695 18.4235 14.3907 18.4626C13.9329 18.5 13.3734 18.5 12.7075 18.5H7.29381C6.62794 18.5 6.06843 18.5 5.61056 18.4626C5.13184 18.4235 4.67688 18.3386 4.24502 18.1185C3.58645 17.783 3.05102 17.2475 2.71546 16.589C2.49542 16.1571 2.41048 15.7021 2.37137 15.2234C2.33396 14.7656 2.33397 14.206 2.33398 13.5402V12.2932C2.33397 11.6273 2.33396 11.0678 2.37137 10.6099C2.41048 10.1312 2.49542 9.67622 2.71546 9.24437C3.05102 8.5858 3.58645 8.05037 4.24502 7.71481C4.43677 7.61711 4.63307 7.54604 4.83399 7.4938V6.66667ZM5.77342 9.36407C5.41838 9.39308 5.25592 9.44438 5.153 9.49682C4.87076 9.64063 4.64129 9.8701 4.49748 10.1523C4.44503 10.2553 4.39373 10.4177 4.36472 10.7728C4.33476 11.1395 4.33399 11.6168 4.33399 12.3333V13.5C4.33399 14.2166 4.33476 14.6938 4.36472 15.0606C4.39373 15.4156 4.44503 15.5781 4.49748 15.681C4.64129 15.9632 4.87076 16.1927 5.153 16.3365C5.25592 16.389 5.41838 16.4403 5.77342 16.4693C6.14014 16.4992 6.61742 16.5 7.33399 16.5H12.6673C13.3839 16.5 13.8612 16.4992 14.2279 16.4693C14.5829 16.4403 14.7454 16.389 14.8483 16.3365C15.1305 16.1927 15.36 15.9632 15.5038 15.681C15.5563 15.5781 15.6076 15.4156 15.6366 15.0606C15.6665 14.6938 15.6673 14.2166 15.6673 13.5V12.3333C15.6673 11.6168 15.6665 11.1395 15.6366 10.7728C15.6076 10.4177 15.5563 10.2553 15.5038 10.1523C15.36 9.8701 15.1305 9.64063 14.8483 9.49682C14.7454 9.44438 14.5829 9.39308 14.2279 9.36407C13.8612 9.33411 13.3839 9.33333 12.6673 9.33333H7.33399C6.61742 9.33333 6.14014 9.33411 5.77342 9.36407ZM10.0007 11.0833C10.5529 11.0833 11.0007 11.531 11.0007 12.0833V13.75C11.0007 14.3023 10.5529 14.75 10.0007 14.75C9.44837 14.75 9.00065 14.3023 9.00065 13.75V12.0833C9.00065 11.531 9.44837 11.0833 10.0007 11.0833Z' fill='black'/%3E%3C/svg%3E%0A");
}

footer .lp-link.lp-link-icon.lp-link-icon--external {
    gap: 8px;
}

    footer .lp-link.lp-link-icon.lp-link-icon--external:after {
        background-color: var(--fontColor);
        opacity: .5;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.5 2.5C11.5 1.94772 11.9477 1.5 12.5 1.5H17.5C18.0523 1.5 18.5 1.94771 18.5 2.5L18.5 7.5C18.5 8.05228 18.0523 8.5 17.5 8.5C16.9477 8.5 16.5 8.05229 16.5 7.5L16.5 4.91421L11.5404 9.87377C11.1499 10.2643 10.5168 10.2643 10.1262 9.87377C9.7357 9.48325 9.7357 8.85008 10.1262 8.45956L15.0858 3.5H12.5C11.9477 3.5 11.5 3.05228 11.5 2.5ZM6.45984 3.16667L8.33333 3.16667C8.88562 3.16667 9.33333 3.61438 9.33333 4.16667C9.33333 4.71895 8.88562 5.16667 8.33333 5.16667H6.5C5.78343 5.16667 5.30615 5.16744 4.93944 5.19741C4.5844 5.22641 4.42194 5.27772 4.31902 5.33016C4.03677 5.47397 3.8073 5.70344 3.66349 5.98568C3.61105 6.0886 3.55975 6.25106 3.53074 6.6061C3.50078 6.97282 3.5 7.4501 3.5 8.16667V13.5C3.5 14.2166 3.50078 14.6938 3.53074 15.0606C3.55975 15.4156 3.61105 15.5781 3.66349 15.681C3.8073 15.9632 4.03677 16.1927 4.31901 16.3365C4.42194 16.3889 4.5844 16.4403 4.93944 16.4693C5.30615 16.4992 5.78343 16.5 6.5 16.5H11.8333C12.5499 16.5 13.0272 16.4992 13.3939 16.4693C13.7489 16.4403 13.9114 16.389 14.0143 16.3365C14.2966 16.1927 14.526 15.9632 14.6698 15.681C14.7223 15.5781 14.7736 15.4156 14.8026 15.0606C14.8326 14.6938 14.8333 14.2166 14.8333 13.5V11.6667C14.8333 11.1144 15.281 10.6667 15.8333 10.6667C16.3856 10.6667 16.8333 11.1144 16.8333 11.6667V13.5401C16.8333 14.206 16.8334 14.7655 16.796 15.2234C16.7568 15.7021 16.6719 16.1571 16.4519 16.589C16.1163 17.2475 15.5809 17.783 14.9223 18.1185C14.4904 18.3386 14.0355 18.4235 13.5568 18.4626C13.0989 18.5 12.5394 18.5 11.8735 18.5H6.45982C5.79396 18.5 5.23444 18.5 4.77657 18.4626C4.29785 18.4235 3.84289 18.3386 3.41104 18.1185C2.75247 17.783 2.21704 17.2475 1.88148 16.589C1.66144 16.1571 1.5765 15.7021 1.53738 15.2234C1.49997 14.7656 1.49999 14.206 1.5 13.5402V8.12651C1.49999 7.46064 1.49997 6.90111 1.53738 6.44324C1.5765 5.96452 1.66144 5.50956 1.88148 5.0777C2.21704 4.41913 2.75247 3.8837 3.41103 3.54814C3.84289 3.3281 4.29785 3.24316 4.77657 3.20405C5.23445 3.16664 5.79397 3.16665 6.45984 3.16667Z' fill='%23A7A7A7'/%3E%3C/svg%3E%0A");
        mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.5 2.5C11.5 1.94772 11.9477 1.5 12.5 1.5H17.5C18.0523 1.5 18.5 1.94771 18.5 2.5L18.5 7.5C18.5 8.05228 18.0523 8.5 17.5 8.5C16.9477 8.5 16.5 8.05229 16.5 7.5L16.5 4.91421L11.5404 9.87377C11.1499 10.2643 10.5168 10.2643 10.1262 9.87377C9.7357 9.48325 9.7357 8.85008 10.1262 8.45956L15.0858 3.5H12.5C11.9477 3.5 11.5 3.05228 11.5 2.5ZM6.45984 3.16667L8.33333 3.16667C8.88562 3.16667 9.33333 3.61438 9.33333 4.16667C9.33333 4.71895 8.88562 5.16667 8.33333 5.16667H6.5C5.78343 5.16667 5.30615 5.16744 4.93944 5.19741C4.5844 5.22641 4.42194 5.27772 4.31902 5.33016C4.03677 5.47397 3.8073 5.70344 3.66349 5.98568C3.61105 6.0886 3.55975 6.25106 3.53074 6.6061C3.50078 6.97282 3.5 7.4501 3.5 8.16667V13.5C3.5 14.2166 3.50078 14.6938 3.53074 15.0606C3.55975 15.4156 3.61105 15.5781 3.66349 15.681C3.8073 15.9632 4.03677 16.1927 4.31901 16.3365C4.42194 16.3889 4.5844 16.4403 4.93944 16.4693C5.30615 16.4992 5.78343 16.5 6.5 16.5H11.8333C12.5499 16.5 13.0272 16.4992 13.3939 16.4693C13.7489 16.4403 13.9114 16.389 14.0143 16.3365C14.2966 16.1927 14.526 15.9632 14.6698 15.681C14.7223 15.5781 14.7736 15.4156 14.8026 15.0606C14.8326 14.6938 14.8333 14.2166 14.8333 13.5V11.6667C14.8333 11.1144 15.281 10.6667 15.8333 10.6667C16.3856 10.6667 16.8333 11.1144 16.8333 11.6667V13.5401C16.8333 14.206 16.8334 14.7655 16.796 15.2234C16.7568 15.7021 16.6719 16.1571 16.4519 16.589C16.1163 17.2475 15.5809 17.783 14.9223 18.1185C14.4904 18.3386 14.0355 18.4235 13.5568 18.4626C13.0989 18.5 12.5394 18.5 11.8735 18.5H6.45982C5.79396 18.5 5.23444 18.5 4.77657 18.4626C4.29785 18.4235 3.84289 18.3386 3.41104 18.1185C2.75247 17.783 2.21704 17.2475 1.88148 16.589C1.66144 16.1571 1.5765 15.7021 1.53738 15.2234C1.49997 14.7656 1.49999 14.206 1.5 13.5402V8.12651C1.49999 7.46064 1.49997 6.90111 1.53738 6.44324C1.5765 5.96452 1.66144 5.50956 1.88148 5.0777C2.21704 4.41913 2.75247 3.8837 3.41103 3.54814C3.84289 3.3281 4.29785 3.24316 4.77657 3.20405C5.23445 3.16664 5.79397 3.16665 6.45984 3.16667Z' fill='%23A7A7A7'/%3E%3C/svg%3E%0A");
    }

footer .lp-link__text {
    font-weight: 700;
}

@media (max-width: 560px) {
    footer .lp-link__text {
        font-size: 14px;
    }
}

@media only screen and (max-width:1025px) {
    footer .copyright__logo {
        max-width: 158px;
        max-height: 25px;
        width: 100%;
        margin-bottom: 60px;
    }
}

.lp-link {
    background-color: transparent;
    border-color: transparent;
    text-decoration: none;
    position: relative;
    transition: 0.3s;
    display: inline-block;
    cursor: pointer;
    color: #f39200;
    --lineHeight: 1.43;
    font-size: 17px;
    line-height: 23px;
    font-weight: 600;
}

.lp-container {
    --padding: max(var(--lp-grid-gap-xlarge), 5.56vw);
    margin: 0 auto;
    max-width: unset;
    padding-left: var(--padding);
    padding-right: var(--padding);
    width: 100%;
}

@media (max-width: 1980px) {
    .lp-container {
        --padding: var(--lp-grid-gap-large);
    }
}

@media (max-width: 1024px) {
    .lp-container {
        --padding: var(--lp-grid-gap-medium);
    }
}

@media (max-width: 560px) {
    .lp-container {
        --padding: var(--lp-grid-gap-small);
    }
}

.lp-container.lp-container--left {
    --padding-left: max(var(--lp-grid-left-xlarge), 13vw);
    padding-left: var(--padding-left);
}

@media (max-width: 1980px) {
    .lp-container.lp-container--left {
        --padding-left: var(--lp-grid-gap-left);
    }
}

@media (max-width: 1024px) {
    .lp-container.lp-container--left {
        --padding-left: var(--lp-grid-gap-medium);
    }
}

@media (max-width: 560px) {
    .lp-container.lp-container--left {
        --padding-left: var(--lp-grid-gap-small);
    }
}

.lp-btn {
    border-radius: var(--border-radius);
    font-size: 0.875rem;
    line-height: 1.43;
    font-weight: 700;
    padding-top: var(--btn-vertical-paddings);
    padding-bottom: var(--btn-vertical-paddings);
    color: var(--lp-color-primary-1);
    max-width: 100%;
    border: 1px solid;
    text-overflow: ellipsis;
    text-decoration: none;
    display: inline-block;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-image: none;
    background-color: var(--lp-color-primary-accent);
    border-color: transparent;
    outline: none;
    transition: all 0.3s ease-out;
    white-space: nowrap;
    min-height: var(--btn-height);
    padding-left: 2rem;
    padding-right: 2rem;
}

@media (min-width: 1980px) {
    .lp-btn {
        font-size: clamp(0.875rem, 0.546875vw, 1.75rem);
        line-height: 1.14;
        letter-spacing: 0.56px;
    }
}

.lp-btn:focus-visible {
    background-color: var(--lp-color-primary-accent-focused);
    border-color: transparent;
    color: var(--lp-color-primary-1);
    box-shadow: 0px 2px 8px 0px rgba(27, 75, 236, 0.64);
}

.lp-btn:disabled {
    background-color: var(--lp-color-primary-accent-disabled);
    border-color: transparent;
    color: var(--lp-color-primary-text-disabled);
}

.lp-btn:active,
.lp-btn.active,
.lp-btn.active:hover {
    background-color: var(--lp-color-primary-accent-active);
    border-color: transparent;
    color: var(--lp-color-primary-1);
}

@media (hover: hover) and (pointer: fine) {
    .lp-btn:hover {
        background-color: #edaa46;
        border-color: transparent;
        color: var(--lp-color-primary-1);
    }
}

.lp-btn:focus {
    outline: none;
}

.lp-btn:disabled {
    cursor: default;
    pointer-events: none;
}

@media (max-width: 560px) {
    .lp-btn--mob-full-width {
        width: 100%;
        text-align: center;
    }
}

.lp-link:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
}

.footer__disclaimer p {
    font-size: 13px;
    line-height: 15px;
    padding-right: 150px;
}

.lp-socials {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--lp-grid-gap-xxsmall);
}

.lp-socials__link {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    text-decoration: none;
    position: relative;
    outline: none;
    background-color: transparent;
    border: 1px solid;
    border-color: var(--lp-color-primary-5-300);
    color: var(--lp-color-primary-5);
    transition: all 0.3s ease;
    border-radius: var(--border-radius);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: var(--btn-height);
    height: var(--btn-height);
}

    .lp-socials__link:focus-visible {
        background-color: var(--lp-color-primary-accent-focused);
        border-color: transparent;
        color: var(--lp-color-primary-1);
        box-shadow: 0px 2px 8px 0px rgba(27, 75, 236, 0.64);
    }

    .lp-socials__link:disabled {
        background-color: var(--lp-color-primary-accent-disabled);
        border-color: transparent;
        color: var(--lp-color-primary-text-disabled);
    }

    .lp-socials__link:active,
    .lp-socials__link.active,
    .lp-socials__link.active:hover {
        background-color: var(--lp-color-primary-accent-active);
        border-color: transparent;
        color: var(--lp-color-primary-1);
    }

@media (hover: hover) and (pointer: fine) {
    .lp-socials__link:hover {
        background-color: transparent;
        border-color: var(--lp-color-primary-5-500);
        color: var(--lp-color-primary-5);
    }
}

.lp-socials__link--custom-icon {
    line-height: 1;
}

    .lp-socials__link--custom-icon:after {
        width: var(--icon-size);
        height: var(--icon-size);
    }

    .lp-socials__link--custom-icon:after {
        background: currentColor;
    }

    .lp-socials__link--custom-icon:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
    }

    .lp-socials__link--custom-icon:after {
        width: var(--icon-size-large);
        height: var(--icon-size-large);
    }

@media (max-width: 560px) {
    .lp-socials__link--custom-icon:after {
        width: var(--icon-size);
        height: var(--icon-size);
    }
}

.lp-socials__link--custom-icon--FACEBOOK:after {
    -webkit-mask-image: var(--lp-icon-facebook);
    mask-image: var(--lp-icon-facebook);
}

.lp-socials__link--custom-icon--TWITTER:after {
    -webkit-mask-image: var(--lp-icon-twitter);
    mask-image: var(--lp-icon-twitter);
}

.lp-socials__link--custom-icon--INSTAGRAM:after {
    -webkit-mask-image: var(--lp-icon-ig);
    mask-image: var(--lp-icon-ig);
}

.lp-socials__link--custom-icon--LINKEDIN:after {
    -webkit-mask-image: var(--lp-icon-linkedin);
    mask-image: var(--lp-icon-linkedin);
}

.lp-socials__link--custom-icon--YOUTUBE:after {
    -webkit-mask-image: var(--lp-icon-youtube);
    mask-image: var(--lp-icon-youtube);
}

.lp-socials__link--custom-icon--PINTEREST:after {
    -webkit-mask-image: var(--lp-icon-pinterest);
    mask-image: var(--lp-icon-pinterest);
}

.lp-socials__link--custom-icon--TIKTOK:after {
    -webkit-mask-image: var(--lp-icon-tiktok);
    mask-image: var(--lp-icon-tiktok);
}

.lp-socials li svg {
    max-width: 100%;
    height: 1rem;
    width: 1rem;
    fill: currentColor;
}

.lp-socials--light .lp-socials__link {
    background-color: var(--lp-color-error);
    border-color: var(--lp-color-primary-g-3);
    color: var(--lp-color-primary-5);
}

    .lp-socials--light .lp-socials__link:focus-visible {
        background-color: var(--lp-color-primary-accent-focused);
        border-color: transparent;
        color: var(--lp-color-primary-1);
        box-shadow: 0px 2px 8px 0px rgba(27, 75, 236, 0.64);
    }

    .lp-socials--light .lp-socials__link:disabled {
        background-color: var(--lp-color-primary-accent-disabled);
        border-color: transparent;
        color: var(--lp-color-primary-text-disabled);
    }

    .lp-socials--light .lp-socials__link:active,
    .lp-socials--light .lp-socials__link.active,
    .lp-socials--light .lp-socials__link.active:hover {
        background-color: var(--lp-color-primary-accent-active);
        border-color: transparent;
        color: var(--lp-color-primary-1);
    }

@media (hover: hover) and (pointer: fine) {
    .lp-socials--light .lp-socials__link:hover {
        background-color: transparent;
        border-color: var(--lp-color-primary-accent);
        color: var(--lp-color-primary-2);
    }
}

.lp-btn.lp-btn--light,
.lp-btn.lp-btn--filled.lp-btn--light {
    color: var(--lp-color-primary-accent);
    background-color: var(--lp-color-primary-1);
}

    .lp-btn.lp-btn--light:focus-visible,
    .lp-btn.lp-btn--filled.lp-btn--light:focus-visible {
        background-color: var(--lp-color-primary-g-6);
        border-color: transparent;
        color: var(--lp-color-primary-accent);
        box-shadow: 0px 2px 8px 0px rgba(27, 75, 236, 0.64);
    }

    .lp-btn.lp-btn--light:disabled,
    .lp-btn.lp-btn--filled.lp-btn--light:disabled {
        background-color: var(--lp-color-primary-g-3);
        border-color: transparent;
        color: var(--lp-color-primary-g-13);
    }

    .lp-btn.lp-btn--light:active,
    .lp-btn.lp-btn--light.active,
    .lp-btn.lp-btn--light.active:hover,
    .lp-btn.lp-btn--filled.lp-btn--light:active,
    .lp-btn.lp-btn--filled.lp-btn--light.active,
    .lp-btn.lp-btn--filled.lp-btn--light.active:hover {
        background-color: var(--lp-color-primary-g-4);
        border-color: transparent;
        color: var(--lp-color-primary-accent);
    }

@media (hover: hover) and (pointer: fine) {
    .lp-btn.lp-btn--light:hover,
    .lp-btn.lp-btn--filled.lp-btn--light:hover {
        background-color: var(--lp-color-primary-g-3);
        border-color: transparent;
        color: var(--lp-color-primary-accent-hover);
    }
}

.lp-btn.lp-btn--medium {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: var(--btn-vertical-paddings--medium);
    padding-bottom: var(--btn-vertical-paddings--medium);
    min-height: var(--btn-height-medium);
}

.lp-btn.lp-btn--small {
    padding: 0 0.375rem 0 0.5rem;
    min-height: var(--btn-height-small);
}

@media (max-width: 560px) {
    .lp-btn {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}

.lp-btn.lp-btn--filled.lp-btn--desktop-centered {
    width: 100%;
    text-align: center;
}

.lp-btn.lp-btn--outline {
    text-align: center;
    color: var(--lp-color-primary-5);
    background-color: transparent;
    border-color: var(--lp-color-primary-5-300);
}

    .lp-btn.lp-btn--outline:focus-visible {
        background-color: transparent;
        border-color: var(--lp-color-primary-5-700);
        color: inherit;
        box-shadow: 0px 2px 8px 0px rgba(27, 75, 236, 0.64);
    }

    .lp-btn.lp-btn--outline:disabled {
        background-color: transparent;
        border-color: var(--lp-color-primary-5-100);
        color: var(--lp-color-primary-g-3);
    }

    .lp-btn.lp-btn--outline:active,
    .lp-btn.lp-btn--outline.active,
    .lp-btn.lp-btn--outline.active:hover {
        background-color: transparent;
        border-color: var(--lp-color-primary-5-500);
        color: inherit;
    }

@media (hover: hover) and (pointer: fine) {
    .lp-btn.lp-btn--outline:hover {
        background-color: transparent;
        border-color: var(--lp-color-primary-5-600);
        color: var(--lp-color-primary-accent-hover);
    }
}

.lp-btn.lp-btn--outline.lp-btn--light {
    border-color: var(--lp-color-primary-1-400);
    color: var(--lp-color-primary-1);
}

    .lp-btn.lp-btn--outline.lp-btn--light:focus-visible {
        background-color: transparent;
        border-color: var(--lp-color-primary-1-700);
        color: var(--lp-color-primary-1);
        box-shadow: 0px 2px 8px 0px rgba(27, 75, 236, 0.64);
    }

    .lp-btn.lp-btn--outline.lp-btn--light:disabled {
        background-color: transparent;
        border-color: var(--lp-color-primary-1-200);
        color: var(--lp-color-primary-g-13);
    }

    .lp-btn.lp-btn--outline.lp-btn--light:active,
    .lp-btn.lp-btn--outline.lp-btn--light.active,
    .lp-btn.lp-btn--outline.lp-btn--light.active:hover {
        background-color: transparent;
        border-color: var(--lp-color-primary-1-500);
        color: var(--lp-color-primary-1);
    }

@media (hover: hover) and (pointer: fine) {
    .lp-btn.lp-btn--outline.lp-btn--light:hover {
        background-color: transparent;
        border-color: var(--lp-color-primary-1-600);
        color: var(--lp-color-primary-1);
    }
}

.lp-btn.lp-btn--circle {
    border-radius: var(--border-radius);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: var(--btn-height);
    height: var(--btn-height);
}

    .lp-btn.lp-btn--circle.lp-btn--medium {
        border-radius: var(--border-radius);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        width: var(--btn-height-medium);
        height: var(--btn-height-medium);
    }

    .lp-btn.lp-btn--circle.lp-btn--small {
        border-radius: var(--border-radius);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        width: var(--btn-height-small);
        height: var(--btn-height-small);
    }

.lp-btn.lp-btn-icon {
    --btn-icon-spacing: 1rem;
    display: inline-flex;
    align-items: center;
    gap: var(--btn-icon-spacing);
    line-height: 1;
}

    .lp-btn.lp-btn-icon:not(.lp-btn--circle) {
        justify-content: space-between;
    }

    .lp-btn.lp-btn-icon:after {
        width: var(--icon-size);
        height: var(--icon-size);
    }

    .lp-btn.lp-btn-icon:after {
        background: currentColor;
    }

    .lp-btn.lp-btn-icon:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
    }

    .lp-btn.lp-btn-icon:after {
        width: var(--icon-size-large);
        height: var(--icon-size-large);
    }

@media (max-width: 560px) {
    .lp-btn.lp-btn-icon:after {
        width: var(--icon-size);
        height: var(--icon-size);
    }
}

.lp-btn.lp-btn-icon--search:after {
    -webkit-mask-image: var(--lp-icon-search);
    mask-image: var(--lp-icon-search);
}

.lp-btn.lp-btn-icon--email:after {
    -webkit-mask-image: var(--lp-icon-email);
    mask-image: var(--lp-icon-email);
}

.links__column.list li a {
    font-size: 23px;
    line-height: 29px;
}

.cta-btn__text svg {
    fill: none;
    stroke: #ffffff;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2px;
    margin-left: 15px;
    transition: .4s;
}

.cta-btn__text.blue-svg svg {
    fill: none;
    stroke: #f39200;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2px;
    margin-left: 15px;
    transition: .4s;
}

.alert strong {
    padding-right: 6px;
}

.hakkimizda-page .hakkimizda-detay .left.max-width100 {
    width: 100%;
}

.hakkimizda-page.padding-list {
    padding-top: 85px;
}

@media only screen and (max-width: 767px) {
    .links__column.list li a {
        font-size: 14px;
        line-height: 18px;
    }

    .lp-link {
        font-size: 14px;
        line-height: 18px;
        font-weight: 600;
    }
}

.blue-page-bg {
    background-color: #f39200;
}

.footer__disclaimer .design {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    font-size: 15px;
}

.alysweb-signature {
    display: flex;
    justify-content: center;
}

    .alysweb-signature a {
        color: #91A2BA;
    }

.alysweb-signature,
.alysweb-signature-text {
    color: #383838;
    font-size: 15px;
    text-decoration: none;
    text-align: center;
    width: initial;
    width: 180px;
}

#alysweb-signature {
    height: 27px;
    opacity: 0.6;
}

    #alysweb-signature img {
        height: 20px;
    }

@media only screen and (max-width:991px) {
    .footer__disclaimer p {
        font-size: 11px;
        line-height: 13px;
        padding-right: 50px;
    }
}

@media only screen and (max-width:767px) {
    footer .footer__copyright {
        margin-bottom: 25px;
    }

    footer .footer__disclaimer {
        display: inline-block;
    }

    .footer__disclaimer p {
        font-size: 11px;
        line-height: 13px;
        padding-right: 20px;
    }

    footer .copyright__logo {
        max-width: 100px;
        max-height: 25px;
        width: 100%;
        margin-bottom: 43px;
    }

    .lp-socials__link {
        width: 45px;
        height: 45px
    }

    .footer__disclaimer .design {
        float: left;
    }
}

.alert {
    margin-bottom: 15px !important;
}