.faq-one .faq-one-accrodion .accrodion-title h4::before { background-color: #5c6771; } .thm-btn span { background-color: #5c6771; } p { margin: 10px 0; } .slogan-one__content-title p { color: #ffffff; font-weight: 700; } .process-two__img { position: relative; display: block; mask: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='250' height='260' viewBox='0 0 250 260'%3E%3Cimage xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAAEECAYAAAABAyngAAAQAElEQVR4AeydXXLUxhqG8QChgFQdnxUEpyr8VC4wKwisIGQFcFaAswI7K4CsIM4K4rMCnBXgc5GKQ6qwzwrgXCQXEJvzvhONf8ae8UjqlrrVDyWhsUbq/r7n61dfd0szM7rEv+wIvHr1avnNmzef7e7ufv3bb7890bqu18+1/UHbn7S+1Lo3WbX/47x1cpy2r7T63Jc63mW5zHW9fvL7779/pe19150dMAy+hNATbgQWs8Q1FrK2Ft4rbd/euHHj7YcPH/aXlpa2ZP6m1g29XtP2qbaPtT7Uemuyav/cZXKctqtafe5DneCyXOaGXm8eHh5ua7vjum1DdUH4Sa99kfEF577eZ0mUAEJPJDASzH2tFvWRoC1mmTcWsrYW3qq2y1r7XparC8JjGeKLjC84O7L/Y3UBcE/AviB+AUphQeg9RMHd36or7GzobvJbmbGj1aJOSdAyqd5SXQDcE7AvFv9bi18XgXX7XK80jg5FIKbQQ9k4iHLU0O+/fv36mRu9ur97VVfY2dDd5BSydCzO4+yvwjfssziMs75Z6DUZX2C6WBB6RMrOYBK2u7HjjP3x48cXzniqcsjClnvzFzMwCx21Iz57EvwPZqW/WSIRQOiBwbrBuuFqfesMpkbtbmzRwp6HWHxu6f2nZmVmWj1H8bX2sQQkgNADwLS4lZnGmdsNVkU+1Yq4BaHmYmaeo9gSTzJ9TXjzDs9V6PN86uQ9T6gp+/ge8yuLW5mJzB2QvHgeZfpK9E98uzFgFUUVhdBrhtvZWwL/SRNqHnf7HrNvedUshcPrEKhEv+nbjWLPeL4OvOpYhF6BmLepsvcTZZaXzt461vePtWHpgcB4PK9YuGv/pIf6s6wSoc8JWyXwdWXvPR22qcziW2F6ydI3AcXCXfvNieDp1s+PCEI/y+fSlMDdPfck0TlHsqtvAhPBv3//flvd+nUEf35EEPoJLgj8BIzMXlaC36jG8Qh+Kn4IXUAQuCAMa9mYZHjHdliuNfOmeKH7UcxqDE4XvVkbSvKsSYa/fv26P/FX/KRdsUL3bTJP5FSPYnY1Bk9SFEM2qhL80aTdkH2d51txQv/1119vSeDj22RVI5jHh/cGQqCK9aYm7H4occKuKKEryOuj0eiVgs5tsoEIuIEbTycTdg3OzfaUIoQ+6aYrSozDBYFlTGBDPbu9UrL7oIXuGVdNtj3302zK4n7AYhzhgf6HWzUJuE04u0vwz91Wap6e1eGDFbqzuGdcNdnmD5tkFRSM7ZaABL/mtuI2023N3dU2SKGTxbtrQEOpSWK/5Z6f53GG4tNJPwYl9GpG/RVZ/GSIeV2TwCDH7oMRurL4s2pGnY+N1mzZCxxe1CHO7hq7+2uung3F8eyF7kkUify5svgLBYUHXwSBJQgBf6nli6FM1GUtdHfVPYkikTPhFqRtU8g0AWX38URd7rfhshW6Z0irrjq3zaZbJ38HJSCx3/KHZJTds/3SyiyF7plRz5AqmnTVBSHzJQvzLXatW257WRg8ZWR2Qvd4XD74CTdtWCDQOQHPyj/vvNaWFWYjdE+6qevErbOWAef09gSU2dfcFnMat2ch9MmkmwBz66x9O6WEAATcFj1uz0XsyQvdIhfUl1qZdAvQQAsrIqq7bpO5iD1poetqeZ+Z9ahtlcJbErDY/XCNJumS/sHIZIVukQvgtuLAzLogsCRNwG3U30KbrNiTFLqujk8QedING+POErDYd9x2z77V/57khF6B2hQag9OGBQJJEphllL+uKrkvo0xK6CdEPgsi+yGQA4HkxJ6M0D0mVwSdybVhgUD2BF4ocSUzZk9C6BZ5NSbPPro4AIGKgIeeyUzQ9S503yevRG4wFSM2EBgEAbfpbSWyz2p6E/zwXoVukes+5Et5ZSDasEBgcASWU3iopjehT0QuofPE2+DaNg6dJOA2brH78xon93f5ujehy/mftCLyLqNNXb0RcFu/fv26e6+92NCL0P1RUznOB1R6CTmV9kXAbX53d7eXj7ieEHo37uuWwzpf/dQNa2pJj4DEvmYNdG1Zp0LX1cxfxcOXRnQdZepLjcCGvwqtS6M6E7on3+SYv6lVGxYIlE3g8PBwq8vbbp0I3bON6rLwmfKy2zbenyYwvu1mbZzeHeevToR+8+bNdQmdGfY4MaTUTAlYE5qJX+/C/OhC1wz7MybfuggldeRIQGL3989F/0WYqEL3uFwiZ/ItxxaIzZ0RkNg3Yo/XowpdDvgBAR5v7azJUFGmBDxe34ppezSh+16hhN7BuDwmHsqGQDcEpJVV3X6O9jBNFKFX9wjpsnfTRqhlIAQk9rVKO8E9Ci503y44ODjgCySCh4oCSyBg7VhDoX0NLvSbN7mVFjpIlFcOAWX1WzFuuQUVejXLPqCfMC6ngeFpOgQk9uBd+KBCl4GeZU+HGJZAIFMC7sKHND2Y0JllDxkWyiqdgJLmLWsqFIcgQneXXQYxyy4ILBAISGAt1IM0QYQ+Go06eV43IMAEisIECFxIwA/SBLmD1Vro6l74VymeXmgyB0AAArUJqAv/MMS99dZC51n22rHjBAjUIhBiYq6V0J3NdcXhMddaYeNgCNQjYI3t7u62+oRbY6H76R2yeb2AdXc0NQ2NgMS+Yc019aux0G/cuPFMlZPNm5LnPAjUI7BszdU75fjoRkL37TRlcybgjjnyCgJdEFhrmtUbCV23056QzbuIK3VA4BSBxlm9ttCdzVU1D8cIQpkLXvdMoFFWry10Z/OeHaV6CJRMoFFWryV0Z3PG5iW3MXxPhEDtrF5L6MrmXzE2TyTUmFEygdpZvZbQlc0Zm5fcvKL7TgU1CNTK6gsLnafgaoSAQyEQn4Czun/LcKGaFhY62XwhnhwEgc4ISJMLP8uykND96RnG5p3Fj4ogsBABaXLhT7YtJPTDw8OFrxwLWchBEOicwDArPDg4WOg7Gi8Uum+pCRFCFwQWCKRGQFn98SKPxV4odN9SS8057IEABI4JLPJhlwuFrgE/t9SOmfIKAskRkEYfX2TUXKEzCXcRPt6HgAn0u6r7vmqtzrNirtCZhJuHjvcgkA4BTcrNzepzha4uwcN0XMESCEBgFgFl9bkT5jOFrq7A1zqZb5CZRZb9EEiLwLI0+9Usk2YKXd32uV2BWQWyHwIQCElg8bKk2ZlZfabQlc0R+uKMORICKRCYqdlzhe4ugMbnyylYjg0QgMDCBGZ2388V+rwuwMJVciAEINA5gVmz7+cKXdmc2fbOQ0SFEGhPQEPuc8fpZ4T++vXr1aWlJWbb2zOnBAj0QWD5l19+WZ2u+IzQdcDMKXq9xwIBCCRO4PLly2c0fEboGp/PnLlL3D/MgwAE/iZwRsNnhK4+PuPzv2HxPwSyJCANr05/dPWU0H1bLbpnVAABCMQmsPzpp5/eP1nJKaGr2042P0mH1xDIlMC0lk8JndtqmUYVsyEwRWBay6eEPhqNzkzLT53PnxCAQAYEPE4/aeZo8ofvn+sqkPdjrxNn2EIAAqfupx8JXSI/NXiHEwQgkDeBK1euHGn6SOjTqT5vF7EeAhAQgaPJ9SOha5aO8bnIsEBgQASONH0kdGX0I/UPyNFwrlASBPIjcPSZlbHQPRGXnw9YDAEIXEBg+c2bN5/5mLHQlc3Hf3gHKwQgMBwCHz58GPfUx0JnfD6cwOIJBKYIjLvvY6HrjaNBu16zdE2A+iAQj8Cx0HUPnQdl4oGmZAj0SWCcxMcZnUdf+4wDdUMgKoG/M/re3t4yGT0qaAqHQJ8Elv3Z9JFm5caK79MS6o5IgKKLJ/AP/Rvp1to/iicBAAgMmMD79+9XR3/99dfKgH3ENQgUT0DJfFnzcCMelim+KQBg4ARuuevOrbWBRzmaexScBQFPto/8XxbWYiQEINCIwLjrLqEz694IHydBIA8C0vjy+IGZPMzFSghAoAkBTcQtM0ZvQo5z4hOghmAElNFvOaMzGRcMKQVBIE0CFnqalmEVBCAQjICFzmRcMJwUBIEkCYy77klahlEQiEagwIKd0Qt0G5chUBYBhF5WvPG2UAIIvdDA43ZZBBB6WfHG29gEEi0foScaGMyCQEgCCD0kTcqCQKIEEHqigcEsCIQkgNBD0qQsCMQk0KJshN4CHqdCIBcCCD2XSGEnBFoQQOgt4HEqBHIhgNBziRR2QqAFgQuF3qJsToUABBIhgNATCQRmQCAmAYQeky5lQyARAgg9kUBgBgRiEuhV6DEdo2wIQOCYAEI/ZsErCAyWAEIfbGhxDALHBBD6MQteQWCwBAYr9MFGDMcg0IAAQm8AjVMgkBsBhJ5bxLAXAg0IIPQG0DgFArkRQOgNIsYpEMiNAELPLWLYC4EGBBB6A2icAoHcCCD03CKGvRBoQAChN4AW8xTKhkAMAgg9BlXKhEBiBBB6YgHBHAjEIIDQY1ClTAgkRgChJxaQmOZQdrkEEHq5scfzgggg9IKCjavlEkDo5cYezwsigNALCnZMVyk7bQIIPe34YB0EghBA6EEwUggE0iaA0NOOD9ZBIAgBhB4EI4XEJEDZ7Qkg9PYMKQECyRNA6MmHCAMh0J4AQm/PkBIgkDwBhJ58iDAwJoFSykbopUQaP4smgNCLDj/Ol0IAoZcSafwsmgBCLzr8OB+TQEplI/SUooEtEIhEAKFHAkuxEEiJAEJPKRrYAoFIBBB6JLAUC4GYBOqWjdDrEuN4CGRIAKFnGDRMhkBdAgi9LjGOh0CGBBB6hkHDZAjUJVBH6HXL5ngIQCARAgg9kUBgBgRiEkDoMelSNgQSIYDQEwkEZkAgJoFUhB7TR8qGQPEEEHrxTQAAJRBA6CVEGR+LJ4DQi28CACiBQAlCLyGO+AiBuQQQ+lw8vAmBYRBA6MOII15AYC4BhD4XD29CYBgEEHq7OHI2BLIggNCzCBNGQqAdAYTejh9nQyALAgg9izBhJATaEUDo7fjFPJuyIRCMAEIPhpKCIJAuAYSebmywDALBCCD0YCgpCALpEkDo6cYmpmWUXRgBhF5YwHG3TAIIvcy443VhBBB6YQHH3TIJIPQy4x7Ta8pOkABCTzAomASB0AQQemiilAeBBAkg9ASDgkkQCE0AoYcmSnkxCVB2QwIIvSE4ToNATgQQek7RwlYINCSA0BuC4zQI5EQAoecULWyNSWDQZSP0QYcX56YJLC0tvdO+rY8fP744PDz8l/5+oO3KnTt3lk6u3qf1kY79RuuGjtvW6nP1Z34LQs8vZlhck0Al0A0L9/bt2/+UoL+5e/fut/fu3dvU3zva7k8X6X1at3XsltbvdNwjrf90Gb5I6Pgz52hfsgtCTzY0GNaWgAS+bWFaoBarhdu2TJfhi4TKW3HZrqNtmV2cj9C7oEwdnRKw+CxCCfyRhRmrcpftOlTXiurY0jpr6X0/Qu89BBgQkMC+ROcudlSBT9srwe8rw3ss/1TvJdmlR+iKDEv+BDxu/vPPPx9IdNt9eSOx/+gLjerfkPStigAABINJREFU1JrUgtCTCgfG1CWgbvo7iXzN4+YHDx70PiuuC42zu2fz1+r6EvN4hB6TLmVHJWCRX7ly5aFE/n3UihoUrrH791evXl3VqbG78qri4gWhX8yII9IksC+Rr37++ef/SdO8S5dsW9WV713sCD3VVoJd8wjsK1s+lJD+O++gFN5zV95id++jT3sQep/0qbsRAYn8cQ4inzhnsav38bBPsSP0STTYZkHAE28SebLd9VkQK5s3Zr0fe39Docc2i/IhcC6BzRQn3s619JydnqBTVn9xzlvRdyH06IipIBABj8t7y4iBfLikYcd3KqvzyTmELuosWRDYUPc3+cm3i0iurKy8G41GfoLuokODvj8KWhqFQSAOAX+C7Mc4RXdf6hdffPGz5ho6fYIvQaF3D54a0yag7m5ST5mFoHX58uVOhyEIPUTUKCMaAU1ebQ+hyz4NqOusjtCnI8DfSRE4ODjw5FVSNoUypsusjtBDRY1yYhDYv3fvXqdj2RhOzCrTWV09lk4+iFOY0GchZ3+KBDRhlfSXOYRgJh87ua+O0ENEizKiEJAI/h2l4IQK1a22TnosCD2hoGPKKQLvhtxtn3jaVfcdoU+Is02KgMauO0kZFNEY9VyiZ3WEHiyAFBSSQBeNP6S9bcrSRS36I7EIvU2EODcaAQm9mIyuW4jRP42H0KM1VQpuQ0BC/1+b83M6V/fTo1/UEHpOLaIgW69du7ZXirvK6NHvpY80PoheSSkBi+dneSUP8bHXWVHU3YX4Y3R1kRD6rAiwHwIDIeCue/TxwUBY4QYEsiXgrnv0e3jZ0sHwvggU18uMPYS20MnofTXnJOpN0ojoY9bUvI49hB519QheamCxJ10CavTFCV3RiNqz9hj9ksB28gkaOcMCgUUIRG30ixjQ9THqukftWY+F/sknnyT321Vdg6a+dAjovvLP6VjTmSVRfR4L3d9MqSsKWb2zmJZSUSM/97/88suo2a2RVZFPun379o40GG0Scix0+3D16tXvYlbkOlghsACBzQWOGeQhMYfQR0J3Vhe9Tr+ZUvWxQOAUASWcYoXuIXSkZLtzJHTTVvfhe1VEF94wWPsgsFnSo6/TgKtkG/xCp57C/imhu2KJ/Vu9Udysp31n7ZVAzZ9c6tXWaJWrRxN8CK3kvXVG6Pbg2rVr32hb3ISIfGbpj8AgfnKpLb4qq4ccQu/fuXPnx3OF7sr05gNdCejGt40c519IQD3IF2pvg/nJpQsdvuAA9apDDqHHF41zhT6xQxV+q9f+QbgSn1SS6ywdENi6e/eu21kHVeVThbWnC2DbIfTG5AI6V+jG4gMPDw8f6XXwSQKVyVI2gU21Lw8TE6OQhjm6AD5q0au2yI9+5eZCodtlfzBeAfmXBL+ivy14MrxAsDQjoMb7TtlqzW2qWQnlnOXMLm/r9Kr3pdNHYnskcp1/aSGh+0CvE8GrkBUXpn3u/28pcFGf6lE9LPkTcHJwW1n7448/VpSteOx6wZhKbz9qdZJ9Kq1ta51+gm5f+zZ18Xzs46TTM13+/wMAAP//6LQCCAAAAAZJREFUAwDnlvXbfJ7ICQAAAABJRU5ErkJggg==' x='0' y='0' width='250' height='260'/%3E%3C/svg%3E); -webkit-mask: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='250' height='260' viewBox='0 0 250 260'%3E%3Cimage xlink:href='data:image/png;base64,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' x='0' y='0' width='250' height='260'/%3E%3C/svg%3E); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: unset; mask-position: unset; -webkit-mask-size: cover; mask-size: cover; } .page-header__inner { position: relative; display: block; padding: 50px 0 50px; z-index: 1; text-align: center; } .page-header__inner h3 { font-size: 45px; color: var(--mgnt-white); line-height: 55px; font-weight: 700; margin-bottom: 17px; } .faq-one__right--instyle2-call { position: absolute; bottom: 0; right: 750px; overflow: hidden; max-width: 385px; text-align: center; background-color: #e7e7e7; border-top-left-radius: 10px; border-bottom-left-radius: 10px; padding: 50px 45px 50px; } .about-three__experience-box { position: absolute; top: 250px; left: -200px; transform: rotate(-90deg); background-color: #79797A; text-align: center; max-width: 400px; width: 100%; padding: 12px 0 14px; mask: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='392' height='120' viewBox='0 0 392 120'%3E%3Cimage xlink:href='data:image/png;base64,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' x='0' y='0' width='392' height='120'/%3E%3C/svg%3E); --webkit-mask: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='392' height='120' viewBox='0 0 392 120'%3E%3Cimage xlink:href='data:image/png;base64,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' x='0' y='0' width='392' height='120'/%3E%3C/svg%3E); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center center; mask-position: center center; -webkit-mask-size: cover; mask-size: cover; } .about-three__left { position: relative; display: block; margin-top: 0; margin-left: 0; margin-right: 0; } .main-menu-three__main-menu-box-outer-top { position: relative; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; border: unset; padding: 11.5px 0; padding-left: 40px; padding-right: 40px; background-color: var(--mgnt-white); z-index: 5; background: #5c6771; border-top-left-radius: unset; border-bottom-right-radius: unset; } .main-menu-three__social a { position: relative; display: flex; align-items: center; font-size: 18px; color: #ffffff; } .main-menu-three__contact-list li .icon i { position: relative; display: inline-block; font-size: 16px; color: #ffffff; } .main-menu-three__contact-list li .text p { font-size: 14px; font-weight: 500; color: #ffffff; } .main-menu-three__contact-list li .text p a { color: #ffffff; } .sidebar-info-contents .logo img { width: 200px; } .main-menu-three__logo img { width: 250px; } /* ========================================================= Modern Mobil Header Prefix: glz-mob- ========================================================= */ .glz-mob-header { position: sticky; top: 0; z-index: 9999; background: #5b6771; box-shadow: 0 16px 40px rgba(91, 103, 113, 0.18); } .glz-mob-topbar { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 14px; background: linear-gradient(135deg, #5b6771 0%, #ed672b 100%); color: #fff; font-size: 12px; line-height: 1; } .glz-mob-topbar a { color: #fff; display: inline-flex; align-items: center; gap: 7px; max-width: 48%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: 0.95; } .glz-mob-topbar i { color: #ed672b; font-size: 13px; } .glz-mob-main { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 14px; background: #fff; overflow: hidden; } .glz-mob-main::before { content: ""; position: absolute; inset: 0 auto 0 -80px; width: 210px; background: linear-gradient( 135deg, #fff1ea 0%, rgba(237, 103, 43, 0.14) 100% ); transform: skewX(-18deg); pointer-events: none; } .glz-mob-logo { position: relative; z-index: 1; display: flex; align-items: center; min-width: 0; } .glz-mob-logo a { display: inline-flex; align-items: center; justify-content: center; min-width: 118px; max-width: 165px; height: 58px; padding: 8px 13px; background: #fff; border-radius: 16px; box-shadow: 0 10px 30px rgba(91, 103, 113, 0.12); } .glz-mob-logo img { max-width: 100%; max-height: 44px; object-fit: contain; } .glz-mob-actions { position: relative; z-index: 1; display: flex; align-items: center; gap: 8px; flex-shrink: 0; } .glz-mob-icon-btn, .glz-mob-menu-btn { width: 44px; height: 44px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(91, 103, 113, 0.08); background: #fff7f3; color: #5b6771; box-shadow: 0 8px 22px rgba(91, 103, 113, 0.08); transition: all 0.25s ease; } .glz-mob-icon-btn:hover, .glz-mob-menu-btn:hover { background: #ed672b; color: #fff; transform: translateY(-1px); } .glz-mob-whatsapp { background: linear-gradient(135deg, #ed672b 0%, #c9521f 100%); color: #fff; border-color: transparent; } .glz-mob-whatsapp:hover { background: linear-gradient(135deg, #c9521f 0%, #9f3d13 100%); color: #fff; } .glz-mob-menu-btn { flex-direction: column; gap: 5px; background: linear-gradient(135deg, #5b6771 0%, #ed672b 100%); cursor: pointer; } .glz-mob-menu-btn span { display: block; width: 19px; height: 2px; border-radius: 99px; background: #fff; } .glz-mob-nav-check { position: absolute; opacity: 0; pointer-events: none; } .glz-mob-overlay { position: fixed; inset: 0; z-index: 10000; background: rgba(91, 103, 113, 0.58); opacity: 0; visibility: hidden; transition: all 0.28s ease; backdrop-filter: blur(4px); } .glz-mob-panel { position: fixed; top: 0; right: 0; z-index: 10001; width: min(88vw, 390px); height: 100vh; background: #fff; transform: translateX(104%); transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: -24px 0 60px rgba(91, 103, 113, 0.24); overflow-y: auto; } .glz-mob-nav-check:checked ~ .glz-mob-overlay { opacity: 1; visibility: visible; } .glz-mob-nav-check:checked ~ .glz-mob-panel { transform: translateX(0); } .glz-mob-panel-head { position: relative; padding: 22px 20px 20px; background: radial-gradient( circle at 85% 15%, rgba(237, 103, 43, 0.25) 0 18%, transparent 19% ), linear-gradient(135deg, #5b6771 0%, #ed672b 100%); color: #fff; overflow: hidden; } .glz-mob-panel-head::after { content: ""; position: absolute; right: -55px; bottom: -75px; width: 175px; height: 175px; border-radius: 50%; border: 28px solid rgba(255, 255, 255, 0.08); } .glz-mob-panel-top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 15px; } .glz-mob-panel-logo { display: inline-flex; align-items: center; justify-content: center; width: 145px; min-height: 56px; padding: 9px 12px; background: #fff; border-radius: 16px; } .glz-mob-panel-logo img { max-width: 100%; max-height: 40px; object-fit: contain; } .glz-mob-close { width: 42px; height: 42px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.12); color: #fff; cursor: pointer; font-size: 19px; transition: all 0.25s ease; } .glz-mob-close:hover { background: rgba(255, 255, 255, 0.22); transform: rotate(90deg); } .glz-mob-panel-title { position: relative; z-index: 1; margin-top: 18px; } .glz-mob-panel-title span { display: inline-flex; align-items: center; gap: 8px; padding: 7px 11px; border-radius: 999px; background: rgba(255, 255, 255, 0.12); font-size: 12px; color: #ffe5d8; } .glz-mob-panel-title h4 { margin: 12px 0 0; color: #fff; font-size: 22px; line-height: 1.2; font-weight: 800; } .glz-mob-menu-list { list-style: none; margin: 0; padding: 16px; } .glz-mob-menu-list li + li { margin-top: 8px; } .glz-mob-contact-card { margin: 0 16px 16px; padding: 15px; border-radius: 20px; background: linear-gradient(135deg, #fff1ea 0%, #fafafa 100%); border: 1px solid rgba(237, 103, 43, 0.18); } .glz-mob-contact-card strong { display: block; margin-bottom: 10px; color: #5b6771; font-size: 15px; } .glz-mob-contact-card a { display: flex; align-items: center; gap: 10px; color: #5b6771; font-size: 14px; line-height: 1.35; word-break: break-word; } .glz-mob-contact-card a + a { margin-top: 9px; } .glz-mob-contact-card i { width: 32px; height: 32px; border-radius: 11px; background: #fff; color: #ed672b; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; } .glz-mob-cta-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0 16px 16px; } .glz-mob-cta-row a { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 10px 12px; border-radius: 15px; font-weight: 800; font-size: 13px; color: #fff; text-align: center; } .glz-mob-cta-call { background: linear-gradient(135deg, #5b6771 0%, #424b53 100%); } .glz-mob-cta-wp { background: linear-gradient(135deg, #ed672b 0%, #c9521f 100%); } .glz-mob-social { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 0 16px 22px; } .glz-mob-social a { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 14px; background: #f7f4f2; color: #5b6771; border: 1px solid rgba(91, 103, 113, 0.08); } .glz-mob-social a:hover { background: #ed672b; color: #fff; } @media (min-width: 992px) { .glz-mob-header, .glz-mob-overlay, .glz-mob-panel { display: none !important; } } @media (max-width: 390px) { .glz-mob-topbar { font-size: 11px; padding-left: 10px; padding-right: 10px; } .glz-mob-main { padding-left: 10px; padding-right: 10px; } .glz-mob-logo a { min-width: 105px; max-width: 135px; height: 52px; padding: 7px 10px; } .glz-mob-icon-btn, .glz-mob-menu-btn { width: 40px; height: 40px; border-radius: 13px; } } /* ========================================================= Sayfa: Galeri ========================================================= */ /* Galeri resimlerini sabitleme */ .page_galeri .image-item img { width: 100%; /* Genişlik bulunduğu sütuna yayılsın */ height: 250px; /* Sabit yükseklik (İsteğe göre değiştirebilirsiniz) */ object-fit: cover; /* Resmi bozmadan kutuya sığdırır ve fazlalığı kırpar */ object-position: center; /* Resmi ortalar */ border-radius: 8px; /* İsterseniz köşeleri hafif yuvarlatabilirsiniz */ transition: transform 0.3s ease; /* Hover efekti için yumuşatma */ } /* Hover (Üzerine gelince) efekti */ .image-hover-zoom:hover img { transform: scale(1.05); /* Üzerine gelince hafif büyüme sağlar */ } /* Mobilde resimlerin çok küçük kalmaması için ayar */ @media (max-width: 768px) { .page_galeri .image-item img { height: 200px; } } /* ========================================================= İçindekiler Widget ========================================================= */ .widget-toc { background: #f5f5f5; border-radius: 10px; padding: 15px; border: 1px solid #ddd; } .widget-toc p { font-weight: bold; } .widget-toc ol li a { font-weight: bold; } /* ========================================================= Container / Layout Düzenlemeleri ========================================================= */ :root { --main-container: 90%; --container-gutters: 24px; } /* Medium Large devices */ @media (max-width: 1399px) { :root { --main-container: 1250px; } } @media only screen and (min-width: 1300px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .th-container { max-width: calc(var(--main-container) + var(--container-gutters)); padding-left: calc(var(--container-gutters) / 2); padding-right: calc(var(--container-gutters) / 2); } /* .container-xxl.px-0, .container-xl.px-0, .container-lg.px-0, .container-md.px-0, .container-sm.px-0, .container.px-0 { max-width: var(--main-container); } */ } @media only screen and (min-width: 1300px) { .th-container { --main-container: 1776px; } } @media only screen and (min-width: 1300px) { .th-container2 { --main-container: 1544px; } } @media only screen and (max-width: 1600px) { .container-fluid.px-0 { padding-left: 15px !important; padding-right: 15px !important; } .container-fluid.px-0 .row { margin-left: 0 !important; margin-right: 0 !important; } } .container-gallery { max-width: 1840px; } .comment-section { max-width: 800px; margin: 2rem auto; padding: 20px; background: #f8f9fa; border-radius: 15px; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1); } .comment-section .comment-box { background: white; border-radius: 10px; padding: 20px; margin-bottom: 20px; transition: transform 0.2s; border: 1px solid #e9ecef; } .comment-section .comment-box:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); } .comment-section .user-avatar { width: 50px; height: 50px; border-radius: 50%; object-fit: cover; } .comment-section .comment-input { border-radius: 10px; padding: 15px 20px; border: 2px solid #e9ecef; transition: all 0.3s; } .comment-section .comment-input:focus { box-shadow: none; border-color: #86b7fe; } .comment-section .btn-comment { border-radius: 20px; padding: 8px 25px; background: #0d6efd; border: none; transition: all 0.3s; } .comment-section .btn-comment:hover { background: #0b5ed7; transform: translateY(-1px); } .comment-section .comment-actions { font-size: 0.9rem; } .comment-section .comment-actions a { color: #6c757d; text-decoration: none; margin-right: 15px; transition: color 0.2s; } .comment-section .comment-actions a:hover { color: #0d6efd; } .comment-section .comment-time { color: #adb5bd; font-size: 0.85rem; } .comment-section .reply-section { margin-left: 60px; border-left: 2px solid #e9ecef; padding-left: 20px; } .contact-links ul { list-style: none; padding: 0; margin: 0; } .contact-links ul li { margin-bottom: 20px; } .contact-links ul li a .icon { display: inline-block; background: red; border-radius: 50%; color: #fff; line-height: 30px; font-size: 15px; width: 30px; height: 30px; text-align: center; } .contact-links ul li a .name { display: inline-block; color: #fff; } .contact-links ul li a .desc { display: inline-block; color: #fff; font-weight: bold; } .modal.lightbox img { margin: 0 !important; width: 100% !important; } .modal.lightbox .ratio.ratio-16x9 { background-color: #00000000 !important; } .modal.lightbox .carousel-control-next, .carousel-control-prev { position: absolute; top: -100px; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 2%; height: 100px !important; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.15s ease; } .modal.lightbox .carousel-control-next-icon { background-image: url("../img/icon_next.png"); } .modal.lightbox .carousel-control-prev-icon { background-image: url("../img/icon_prev.png"); } .modal.lightbox .modal-xl { max-width: 70%; } .goog-logo-link, .goog-te-banner-frame.skiptranslate { display: none !important; } .goog-te-gadget { font-size: 0 !important; } #google_translate_element { /* position: absolute; top: -5px; right: -110px; */ height: 35px; position: absolute; top: 8px; } #google_translate_element a { display: none !important; } .goog-te-combo { border: 1px solid; padding: 5px 0 5px 0; width: 100px; } .widget_breton_core_switcher { display: none; } .langs-select { float: right; margin-left: 20px; height: 30px; line-height: 27px; } .skiptranslate { display: none; } .lang_actives .boxed_wrapper { margin-top: -40px; } .lang_actives.lang_en .main-menu .navigation > li { margin: 0px 5px; } .lang_actives.lang_en .main-menu .navigation > li > a { font-size: 13px; font-weight: bold; } /* ========================================================= Buton Animasyonu ========================================================= */ .custom-btn { color: #fff; font-weight: bold; background: transparent; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; } .btn-animate1 { border: none; background: rgb(195 0 0); background: linear-gradient(0deg, rgb(195 0 0) 0%, rgb(255 0 0) 100%); color: #fff; overflow: hidden; } .btn-animate1:hover { text-decoration: none; color: #fff; } .btn-animate1:before { position: absolute; content: ""; display: inline-block; top: -180px; left: 0; width: 30px; height: 100%; background-color: #fff; animation: shiny-btn1 3s ease-in-out infinite; } .btn-animate1:hover { opacity: 0.7; } .btn-animate1:active { box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, 0.3), -4px -4px 6px 0 rgba(116, 125, 136, 0.2), inset -4px -4px 6px 0 rgba(255, 255, 255, 0.2), inset 4px 4px 6px 0 rgba(0, 0, 0, 0.2); } @-webkit-keyframes shiny-btn1 { 0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; } 80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; } 81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; } 100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; } } .trwpwhatsappballon { font-size: 14px; border-radius: 12px; border: 1px solid #fff; max-width: 250px; display: none; } .trwpwhatsapptitle { background-color: #22c15e; color: white; padding: 14px; border-radius: 12px 12px 0px 0px; text-align: center; } .trwpwhatsappmessage { padding: 16px 12px; background-color: white; } .trwpwhatsappinput { position: relative; background-color: white; border-radius: 0px 0px 12px 12px; } .trwpwhatsappinput input { width: 206px; border-radius: 10px; margin: 1px 1px 0px 10px; padding: 10px; font-family: "Raleway", Arial, sans-serif; font-weight: 300; font-size: 13px; background-color: #efefef; border: 1px solid #d4d4d4; } .trwpwhatsappbutton { background-color: #22c15e; border-radius: 20px; padding: 8px 15px; cursor: pointer; color: #fff; max-width: 220px; margin-top: 10px; margin-bottom: 10px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .trwpwhatsappall { position: fixed; z-index: 9999999999999999999; bottom: 50px; right: 10px; font-family: "Raleway", Arial, sans-serif; font-weight: 300; font-size: 15px; } .trwpwhatsappsendbutton { color: #22c15e; cursor: pointer; } .trwpwhatsappsendbutton i { position: absolute; right: 10px; } .trwpwhatsappall button { border: none; } .trwpwhatsappall button i { float: right; position: absolute; z-index: 999999999999; right: 10px; bottom: 15px; font-size: 18px !important; color: #000; } .trwpwhatsappall .kapat { position: absolute; right: 8px; top: 6px; font-size: 13px; border: 1px solid #fff; border-radius: 99px; padding: 2px 5px 2px 5px; color: white; font-size: 10px; cursor: pointer; } /* ========================================================= WhatsApp Chat Widget ========================================================= */ #whatsapp-chat a:link, #whatsapp-chat a:visited { color: #444; text-decoration: none; transition: all 0.4s ease-in-out; } #whatsapp-chat h1 { font-size: 20px; text-align: center; display: block; background: linear-gradient(to right top, #6f96f3, #164ed2); padding: 20px; color: #fff; border-radius: 50px; } #whatsapp-chat .whatsapp-name { font-size: 16px; font-weight: 600; padding-bottom: 0; margin-bottom: 0; line-height: 0.5; } #whatsapp-chat { box-sizing: border-box !important; outline: none !important; position: fixed; width: 300px; border-radius: 10px; box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28); bottom: 90px; right: 30px; overflow: hidden; z-index: 99; animation-name: showchat; animation-duration: 1s; transform: scale(1); } a.blantershow-chat { /* background: #009688; */ background: #fff; color: #404040; position: fixed; display: flex; font-weight: 400; justify-content: space-between; z-index: 98; bottom: 100px; right: 30px; font-size: 15px; padding: 10px 20px; border-radius: 30px; box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28); } a.blantershow-chat svg { transform: scale(1.2); margin: 0 0 0 0; } #whatsapp-chat .header-chat { /* background: linear-gradient(to right top, #6f96f3, #164ed2); */ background: #009688; background: #095e54; color: #fff; padding: 20px; } #whatsapp-chat .header-chat h3 { margin: 0 0 10px; } #whatsapp-chat .header-chat p { font-size: 14px; line-height: 1.7; margin: 0; color: #fff; } #whatsapp-chat .info-avatar { position: relative; } #whatsapp-chat .info-avatar img { border-radius: 100%; width: 50px; float: left; margin: 0 10px 0 0; background: #fff; height: auto; padding: 5px; } #whatsapp-chat a.informasi { padding: 20px; display: block; overflow: hidden; animation-name: showhide; animation-duration: 0.5s; } #whatsapp-chat a.informasi:hover { background: #f1f1f1; } #whatsapp-chat .info-chat span { display: block; } #whatsapp-chat #get-label, #whatsapp-chat span.chat-label { font-size: 12px; color: #888; } #whatsapp-chat #get-nama, #whatsapp-chat span.chat-nama { margin: 5px 0 0; font-size: 15px; font-weight: 700; color: #222; } #whatsapp-chat #get-label, #whatsapp-chat #get-nama { color: #fff; } #whatsapp-chat span.my-number { display: none; } /* .blanter-msg { color: #444; padding: 20px; font-size: 12.5px; text-align: center; border-top: 1px solid #ddd; } */ #whatsapp-chat textarea#chat-input { border: none; font-family: "Arial", sans-serif; width: 100%; height: 50px; outline: none; resize: none; padding: 10px; font-size: 14px; } #whatsapp-chat a#send-it { width: 40px; font-weight: 700; padding: 10px 0 0 5px; background: #095e54; border-radius: 0; } #whatsapp-chat a#send-it svg { fill: #fff; height: 24px; width: 24px; } #whatsapp-chat .first-msg { background: transparent; padding: 30px; text-align: center; } #whatsapp-chat .first-msg span { background: #e2e2e2; color: #333; font-size: 14.2px; line-height: 1.7; border-radius: 10px; padding: 15px 20px; display: inline-block; } #whatsapp-chat .start-chat .blanter-msg { display: flex; } #whatsapp-chat #get-number { display: none; } #whatsapp-chat a.close-chat { position: absolute; top: 5px; right: 15px; color: #fff; font-size: 30px; } @keyframes ZpjSY { 0% { background-color: #b6b5ba; } 15% { background-color: #111111; } 25% { background-color: #b6b5ba; } } @keyframes hPhMsj { 15% { background-color: #b6b5ba; } 25% { background-color: #111111; } 35% { background-color: #b6b5ba; } } @keyframes iUMejp { 25% { background-color: #b6b5ba; } 35% { background-color: #111111; } 45% { background-color: #b6b5ba; } } @keyframes showhide { from { transform: scale(0.5); opacity: 0; } } @keyframes showchat { from { transform: scale(0); opacity: 0; } } @media screen and (max-width: 480px) { #whatsapp-chat { width: auto; left: 5%; right: 5%; font-size: 80%; } } .whatsapp-chat-hide { display: none; animation-name: showhide; animation-duration: 0.5s; transform: scale(1); opacity: 1; } .whatsapp-chat-show { display: block; animation-name: showhide; animation-duration: 0.5s; transform: scale(1); opacity: 1; } #whatsapp-chat .whatsapp-message-container { display: flex; z-index: 1; } #whatsapp-chat .whatsapp-message { padding: 7px 14px 6px; background-color: white; border-radius: 0px 8px 8px; position: relative; transition: all 0.3s ease 0s; opacity: 0; transform-origin: center top 0px; z-index: 2; box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px; margin-top: 4px; margin-left: -54px; max-width: calc(100% - 66px); } #whatsapp-chat .whatsapp-chat-body { padding: 20px 20px 20px 10px; background-color: #e6ddd4; position: relative; } #whatsapp-chat .whatsapp-chat-body::before { display: block; position: absolute; content: ""; left: 0px; top: 0px; height: 100%; width: 100%; z-index: 0; opacity: 0.08; background-image: url("https://elfsight.com/assets/chats/patterns/whatsapp.png"); } #whatsapp-chat .dAbFpq { display: flex; z-index: 1; } #whatsapp-chat .eJJEeC { background-color: white; width: 52.5px; height: 32px; border-radius: 16px; display: flex; -moz-box-pack: center; justify-content: center; -moz-box-align: center; align-items: center; margin-left: 10px; opacity: 0; transition: all 0.1s ease 0s; z-index: 1; box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px; } #whatsapp-chat .hFENyl { position: relative; display: flex; } #whatsapp-chat .ixsrax { height: 5px; width: 5px; margin: 0px 2px; border-radius: 50%; display: inline-block; position: relative; animation-duration: 1.2s; animation-iteration-count: infinite; animation-timing-function: linear; top: 0px; background-color: #9e9da2; animation-name: ZpjSY; } #whatsapp-chat .dRvxoz { height: 5px; width: 5px; margin: 0px 2px; background-color: #b6b5ba; border-radius: 50%; display: inline-block; position: relative; animation-duration: 1.2s; animation-iteration-count: infinite; animation-timing-function: linear; top: 0px; animation-name: hPhMsj; } #whatsapp-chat .kAZgZq { padding: 7px 14px 6px; background-color: white; border-radius: 0px 8px 8px; position: relative; transition: all 0.3s ease 0s; opacity: 0; transform-origin: center top 0px; z-index: 2; box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px; margin-top: 4px; margin-left: -54px; max-width: calc(100% - 40px); } #whatsapp-chat .kAZgZq::before { position: absolute; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5XNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC"); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; content: ""; top: 0px; left: -12px; width: 12px; height: 19px; } #whatsapp-chat .bMIBDo { font-size: 13px; font-weight: 700; line-height: 18px; color: rgba(0, 0, 0, 0.4); } #whatsapp-chat .iSpIQi { font-size: 14px; line-height: 19px; margin-top: 4px; color: #111111; } #whatsapp-chat .cqCDVm { text-align: right; margin-top: 4px; font-size: 12px; line-height: 16px; color: rgba(17, 17, 17, 0.5); margin-right: -8px; margin-bottom: -4px; } .btn_whatsapp { position: fixed; bottom: 20px; width: 60px; right: 90px; } @media (max-width: 992px) { .mobilGizle { display: none !important; } .slideshow-prev, .slideshow-next { display: none !important; } } /* 320 - 480 */ /* 320 - 480 */ /* 475 - 768 */ /* 765 - 990 */ /* 990 - 1300 */ /* ========================================================= Desktop Header Responsive Düzeltmeleri ========================================================= */ @media (min-width: 1200px) { .main-header-three { background: #fff; z-index: 999; } .main-menu-three__wrapper { padding-left: 0px !important; padding-right: 0px !important; } /* --- DÜZENLENDİ: grid-template-areas ile üst bilgi çubuğu tam genişliğe yayılıyor, logo + menü altta tek satırda --- */ .main-menu-three__wrapper-inner { display: grid !important; grid-template-columns: minmax(220px, 280px) minmax(0, 1fr); grid-template-rows: auto auto; grid-template-areas: "top top" "logo menu"; align-items: stretch; row-gap: 0; /* DÜZENLENDİ: üst çubukla arada boşluk istenmiyor */ padding-left: 0 !important; } /* --- YENİ: box-outer'ı layout'tan çıkarıp çocuklarını doğrudan grid'e katıyoruz --- */ .main-menu-three__main-menu-box-outer { display: contents !important; } .main-menu-three__logo { grid-area: logo; align-self: center; position: relative !important; left: auto !important; top: auto !important; bottom: auto !important; max-width: none !important; width: auto !important; min-width: 0; padding: 14px 22px 14px 32px; /* DÜZENLENDİ: sol boşluk 18px -> 32px, kenara yapışmasın */ } .main-menu-three__call-and-nav-sidebar-icon { border-bottom-left-radius: 45px; } .main-menu-three__nav-sidebar-icon { margin-right: 10px !important; } .main-menu-three__logo img { width: clamp(140px, 10vw, 180px) !important; /* DÜZENLENDİ: tek satırlı menüye uysun diye küçültüldü */ max-width: 100%; height: auto; } .main-menu-three__main-menu-box-outer, .main-menu-three__main-menu-box, .main-menu-three__main-menu-box-content { min-width: 0; } /* --- DÜZENLENDİ: grid-area eklendi, tam genişlik --- */ .main-menu-three__main-menu-box-outer-top { grid-area: top; /* YENİ */ width: 100%; /* YENİ */ flex-wrap: nowrap !important; min-height: 56px; padding: 0px 24px !important; gap: 20px; overflow: hidden; } .main-menu-three__contact-list { flex: 1 1 auto; min-width: 0; flex-wrap: nowrap !important; gap: 26px !important; } .main-menu-three__contact-list li { flex-wrap: nowrap !important; min-width: 0; gap: 10px !important; } .main-menu-three__contact-list li .text p, .main-menu-three__contact-list li .text p a { white-space: nowrap; } .main-menu-three__social { flex: 0 0 auto; gap: 14px !important; } /* --- DÜZENLENDİ: grid-area eklendi --- */ .main-menu-three__main-menu-box-content { grid-area: menu; /* YENİ */ align-self: stretch; /* YENİ */ padding-top: 0px; /* YENİ: logo ile aynı hizada dikey boşluk */ padding-bottom: 0px; /* YENİ */ padding-right: 28px; /* YENİ: sağ kenara boşluk, CTA kutusu yapışmasın */ display: grid !important; grid-template-columns: minmax(0, 1fr) auto; align-items: center; flex-wrap: nowrap !important; gap: 18px; } /* --- YENİ: menü linklerini mevcut alanın ortasına hizalama --- */ .main-menu-three__main-menu-box { display: flex !important; justify-content: center !important; align-items: center !important; width: 100%; } .main-menu-three .main-menu__list { justify-content: center !important; /* DÜZENLENDİ: flex-start -> center */ flex-wrap: nowrap !important; flex: 0 1 auto; min-width: 0; } .main-menu-three .main-menu__list > li, .stricky-header.main-menu-three .main-menu__list > li { padding-top: 26px !important; padding-bottom: 26px !important; white-space: nowrap; } .main-menu-three .main-menu__list > li + li, .stricky-header.main-menu-three .main-menu__list > li + li { margin-left: clamp(15px, 1.65vw, 30px) !important; } .main-menu-three .main-menu__list > li > a, .stricky-header.main-menu-three .main-menu__list > li > a { font-size: clamp(15px, 0.95vw, 18px) !important; line-height: 1.1; } .main-menu-three__cart-search-call-and-nav-sidebar-icon { flex-wrap: nowrap !important; flex-shrink: 0; min-width: max-content; } .main-menu-three__search-cart-box { flex-shrink: 0; } .main-menu-three__call-and-nav-sidebar-icon { flex-wrap: nowrap !important; margin-left: 20px !important; padding: 18px 0 18px 10px !important; min-width: 0; } .main-menu-three__call-and-nav-sidebar-icon:before { top: -58px !important; } .main-menu-three__call { flex-wrap: nowrap !important; flex-shrink: 0; } .main-menu-three__nav-sidebar-icon { margin-left: 34px !important; flex-shrink: 0; } } @media (min-width: 1200px) and (max-width: 1550px) { .main-menu-three__wrapper { padding-left: 0px !important; padding-right: 0px !important; } .main-menu-three__wrapper-inner { grid-template-columns: 240px minmax(0, 1fr); } .main-menu-three__logo { padding-right: 16px; } .main-menu-three__logo img { width: 160px !important; /* DÜZENLENDİ */ } .main-menu-three__main-menu-box-outer-top { padding-left: 24px !important; padding-right: 20px !important; } .main-menu-three__contact-list { gap: 20px !important; } .main-menu-three__main-menu-box-content { gap: 12px; } .main-menu-three .main-menu__list > li + li, .stricky-header.main-menu-three .main-menu__list > li + li { margin-left: 18px !important; } .main-menu-three .main-menu__list > li > a, .stricky-header.main-menu-three .main-menu__list > li > a { font-size: 16px !important; } .main-menu-three__search { font-size: 22px !important; } .main-menu-three__call-and-nav-sidebar-icon { margin-left: 16px !important; padding-left: 20px !important; } .main-menu-three__call-icon { width: 38px !important; height: 38px !important; } .main-menu-three__call-sub-title { font-size: 14px !important; } .main-menu-three__call-number { font-size: 16px !important; } .main-menu-three__nav-sidebar-icon { margin-left: 24px !important; } .main-menu-three__nav-sidebar-icon .navSidebar-button { width: 44px !important; } } @media (min-width: 1200px) and (max-width: 1350px) { .main-menu-three__wrapper { padding-left: 16px !important; padding-right: 16px !important; } .main-menu-three__wrapper-inner { grid-template-columns: 210px minmax(0, 1fr); } .main-menu-three__logo img { width: 140px !important; /* DÜZENLENDİ */ } .main-menu-three__main-menu-box-outer-top { padding-left: 20px !important; padding-right: 16px !important; clip-path: none !important; border-radius: 0 !important; } .main-menu-three__contact-list li:nth-child(2), .main-menu-three__social { display: none !important; } .main-menu-three .main-menu__list > li, .stricky-header.main-menu-three .main-menu__list > li { padding-top: 23px !important; padding-bottom: 23px !important; } .main-menu-three .main-menu__list > li + li, .stricky-header.main-menu-three .main-menu__list > li + li { margin-left: 14px !important; } .main-menu-three .main-menu__list > li > a, .stricky-header.main-menu-three .main-menu__list > li > a { font-size: 15px !important; } .main-menu-three__call-content { display: none !important; } .main-menu-three__call-and-nav-sidebar-icon { margin-left: 12px !important; padding-left: 14px !important; } .main-menu-three__nav-sidebar-icon { margin-left: 14px !important; } } @media (max-width: 1199px) { .main-header-three .main-menu-three__wrapper { padding: 0 !important; } .main-header-three .main-menu-three__wrapper-inner { padding-left: 0 !important; } .main-header-three .main-menu-three__logo { position: relative !important; max-width: none !important; width: 100% !important; padding: 15px 16px !important; justify-content: space-between; } .main-header-three .main-menu-three__logo img { width: 200px !important; max-width: 58vw; } .main-header-three .main-menu-three__main-menu-box-outer-top { display: none !important; } .main-header-three .main-menu-three__main-menu-box-content { padding: 12px 16px !important; justify-content: flex-end !important; } .main-header-three .main-menu-three__cart-search-call-and-nav-sidebar-icon { display: none !important; } } /* ========================================================= Mobil Panel Accordion Menü ========================================================= */ .glz-mob-submenu { list-style: none; margin: 8px 0 0; padding: 0 0 0 14px; border-left: 2px solid rgba(237, 103, 43, 0.22); } .glz-mob-submenu li + li { margin-top: 6px; } .glz-mob-submenu a { padding: 10px 12px !important; border-radius: 12px !important; background: #fff !important; font-size: 14px; color: #5b6771 !important; transform: none !important; } .glz-mob-submenu a:hover { background: #ed672b !important; color: #fff !important; } /* ========================================================= Gülezler Footer ========================================================= */ .glz-footer.site-footer-three { margin-top: 0 !important; } .glz-footer .glz-footer__top-inner { padding: 90px 0 70px !important; } .glz-footer__logo { display: inline-flex; align-items: center; justify-content: center; max-width: 220px; margin-bottom: 24px; } .glz-footer__logo img { max-width: 100%; height: auto; } .glz-footer .site-footer-three__title { text-transform: none !important; margin-bottom: 34px !important; } .glz-footer__title-sub { margin-top: 34px !important; } .glz-footer .site-footer-three__links-list a { text-transform: none !important; } .glz-footer__contact { margin: 0 0 24px; padding: 0; } .glz-footer__contact li { display: flex; align-items: flex-start; gap: 10px; color: rgba(255, 255, 255, 0.82); font-weight: 600; line-height: 1.45; } .glz-footer__contact li + li { margin-top: 12px; } .glz-footer__contact i { color: #fff; width: 20px; line-height: 22px; flex-shrink: 0; } .glz-footer__contact a { color: rgba(255, 255, 255, 0.82); } .glz-footer__contact a:hover, .glz-footer .site-footer-three__links-list a:hover, .glz-footer .site-footer-three__bottom-menu li a:hover { color: #fff !important; } .glz-footer__quick-actions { display: grid; gap: 10px; margin-top: 26px; } .glz-footer__quick-actions a { display: inline-flex; align-items: center; gap: 9px; color: #fff; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 12px; padding: 11px 13px; font-weight: 700; } .glz-footer__quick-actions a:hover { background: rgba(255, 255, 255, 0.18); color: #fff; } .glz-footer__bottom .site-footer-three__bottom-outer { -webkit-mask: none !important; mask: none !important; background: rgba(0, 0, 0, 0.16) !important; } .glz-footer__bottom-inner { align-items: center; gap: 18px; } @media (max-width: 991px) { .glz-footer .glz-footer__top-inner { padding: 70px 0 50px !important; } .glz-footer__bottom-inner { justify-content: center !important; text-align: center; } .glz-footer .site-footer-three__bottom-menu { justify-content: center; } } .glz-mob-menu-check { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; opacity: 0 !important; pointer-events: none !important; } .glz-mob-menu-list .glz-mob-menu-head, .glz-mob-menu-list > li > a { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; padding: 14px 14px !important; border-radius: 16px !important; background: #f7f4f2 !important; color: #5b6771 !important; font-weight: 700 !important; border: 1px solid rgba(91, 103, 113, 0.08) !important; transition: all 0.22s ease !important; cursor: pointer !important; margin: 0 !important; line-height: 1.2 !important; } .glz-mob-menu-list .glz-mob-menu-group > .glz-mob-menu-head { background: linear-gradient(135deg, #f7f4f2 0%, #fff1ea 100%) !important; } .glz-mob-menu-list .glz-mob-menu-head:hover, .glz-mob-menu-list > li > a:hover, .glz-mob-menu-check:checked + .glz-mob-menu-head { background: linear-gradient(135deg, #ed672b 0%, #c9521f 100%) !important; color: #fff !important; transform: translateX(-3px) !important; } .glz-mob-menu-list .glz-mob-menu-head .glz-mob-menu-left, .glz-mob-menu-list > li > a .glz-mob-menu-left { display: inline-flex !important; align-items: center !important; gap: 11px !important; min-width: 0 !important; } .glz-mob-menu-list .glz-mob-menu-head .glz-mob-menu-left i, .glz-mob-menu-list > li > a .glz-mob-menu-left i { width: 34px !important; height: 34px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; border-radius: 12px !important; background: #fff !important; color: #ed672b !important; box-shadow: 0 6px 18px rgba(91, 103, 113, 0.08) !important; font-size: 15px !important; line-height: 1 !important; } .glz-mob-menu-list .glz-mob-menu-head:hover .glz-mob-menu-left i, .glz-mob-menu-list > li > a:hover .glz-mob-menu-left i, .glz-mob-menu-check:checked + .glz-mob-menu-head .glz-mob-menu-left i { background: rgba(255, 255, 255, 0.16) !important; color: #fff !important; } .glz-mob-arrow { font-size: 12px !important; opacity: 0.55 !important; transition: transform 0.25s ease, opacity 0.25s ease !important; } .glz-mob-menu-check:checked + .glz-mob-menu-head .glz-mob-arrow { transform: rotate(180deg) !important; opacity: 1 !important; } .glz-mob-menu-group > .glz-mob-submenu { max-height: 0 !important; overflow: hidden !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; margin-top: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; border-left-color: transparent !important; transition: max-height 0.32s ease, opacity 0.22s ease, margin 0.22s ease, border-color 0.22s ease !important; } .glz-mob-menu-check:checked ~ .glz-mob-submenu { max-height: 760px !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; margin-top: 8px !important; padding: 0 0 0 14px !important; border-left-color: rgba(237, 103, 43, 0.22) !important; } .history-section{ background:#f7f7f7; padding:80px 0; } .timeline{ position:relative; max-width:1400px; margin:20px auto; padding:20px 0; } .timeline::before{ content:""; position:absolute; left:50%; top:0; bottom:0; width:4px; background: #f7471c; transform:translateX(-50%); } /* ITEM */ .timeline .item{ position:relative; width:calc(50% - 60px); margin-bottom:70px; box-sizing:border-box; } .timeline .item:nth-child(odd){ margin-right:auto; } .timeline .item:nth-child(even){ margin-left:auto; } /* Nokta */ .timeline .item::before{ content:""; position:absolute; top:35px; width:18px; height:18px; background:#f7471c; border:4px solid #fff; border-radius:50%; box-shadow:0 5px 15px rgba(0,0,0,.15); z-index:2; } .timeline .item:nth-child(odd)::before{ right:-70px; } .timeline .item:nth-child(even)::before{ left:-70px; } /* Çizgi */ .timeline .item::after{ content:""; position:absolute; top:44px; width:55px; height:2px; background:#f7471c; } .timeline .item:nth-child(odd)::after{ right:-55px; } .timeline .item:nth-child(even)::after{ left:-55px; } /* CARD */ .timeline .content{ background:#fff; padding:30px; border-radius:18px 18px 0 0; box-shadow:0 15px 40px rgba(0,0,0,.08); } .timeline .year{ display:inline-block; padding:8px 18px; background: #f7471c; color:#fff; border-radius:30px; font-weight:700; margin-bottom:18px; } .timeline h2{ margin:0 0 15px; font-size:24px; color:#222; line-height:1.35; } .timeline p{ margin:0; color:#666; line-height:1.8; font-size:15px; } /* IMAGE */ .timeline .image{ background:#fff; padding:0 30px 30px; border-radius:0 0 18px 18px; box-shadow:0 15px 40px rgba(0,0,0,.08); } .timeline .image img{ width:100%; height:300px; object-fit:cover; border-radius:14px; display:block; transition:.35s; } .timeline .image img:hover{ transform:scale(1.03); } /* MOBILE */ @media(max-width:991px){ .about-three__experience-box{ display: none !important; } .timeline::before{ left:20px; } .timeline .item{ width:100%; margin-left:0; margin-right:0; padding-left:60px; } .timeline .item::before{ left:11px; right:auto; } .timeline .item::after{ left:29px; right:auto; width:22px; } .timeline .content{ border-radius:18px 18px 0 0; } .timeline .image{ border-radius:0 0 18px 18px; } .timeline .image img{ height:220px; } } .management-area{ background:#fff; padding:0 0; } .section-title{ max-width:850px; margin:0 auto 60px; text-align:center; } .section-title span{ display:inline-block; color:#c68e2f; font-size:14px; font-weight:700; letter-spacing:3px; text-transform:uppercase; margin-bottom:10px; } .section-title h2{ font-size:27px; font-weight:700; margin-bottom:20px; color:#1f2b3d; } .section-title p{ font-size:14px; line-height:1.8; color:#6b7280; } /* CARD */ .manager-card{ position:relative; overflow:hidden; border-radius:16px; background:#fff; box-shadow:0 12px 35px rgba(0,0,0,.08); transition:.35s; } .manager-card:hover{ transform:translateY(-8px); box-shadow:0 20px 45px rgba(0,0,0,.15); } .manager-card img{ width:100%; height:340px; object-fit:cover; transition:.5s; } .manager-card:hover img{ transform:scale(1.06); } .manager-card::after{ content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,.65) 0%,rgba(0,0,0,0) 55%); } /* INFO */ .manager-info{ position:absolute; left:20px; right:20px; bottom:20px; z-index:2; } .manager-info span{ display:inline-block; background:#ef6b21; color:#fff; padding:8px 18px; border-radius:30px; font-size:13px; font-weight:500; margin-bottom:12px; } .manager-info h3{ margin:0; background:#fff; padding:14px 18px; border-radius:10px; font-size:24px; color:#1d3557; font-weight:700; } /* ALT BİLGİ */ .management-content{ margin-top:70px; } .content-box{ background:#fff; padding:35px; border-radius:16px; box-shadow:0 10px 30px rgba(0,0,0,.06); height:100%; } .content-box h3{ color:#1d3557; font-size:26px; margin-bottom:20px; } .content-box p{ color:#6b7280; line-height:1.9; margin-bottom:15px; } .content-box ul{ margin:0; padding-left:22px; } .content-box li{ margin-bottom:14px; color:#6b7280; line-height:1.8; } .content-box li::marker{ color:#c68e2f; } /* RESPONSIVE */ @media (max-width:991px){ .management-area{ padding:60px 0; } .section-title h2{ font-size:23px; } .section-title p{ font-size:14px; } .manager-card img{ height:300px; } .manager-info{ left:15px; right:15px; bottom:15px; } .manager-info h3{ font-size:20px; padding:12px 16px; } .content-box{ margin-bottom:25px; } } .chairman-section{ padding:0 0; } .chairman-image{ position:relative; overflow:hidden; border-radius:20px; box-shadow:0 20px 50px rgba(0,0,0,.12); height:560px; } .chairman-image img{ width:100%; height:100%; display:block; object-fit:cover; object-position:top center; /* Yüzü yukarıda tutar */ transition:.5s; } .chairman-image:hover img{ transform:scale(1.05); } .chairman-image::after{ content:""; position:absolute; inset:0; background:linear-gradient( to top, rgba(0,0,0,.75) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,0) 100% ); } .chairman-name{ position:absolute; left:30px; right:30px; bottom:30px; z-index:2; } .chairman-name span{ display:inline-block; padding:8px 18px; background:#ef6b21; color:#fff; border-radius:30px; font-size:14px; font-weight:600; margin-bottom:15px; } .chairman-name h2{ margin:0; background:#fff; padding:18px 24px; border-radius:12px; color:#16355d; font-size:20px; font-weight:700; } .chairman-content{ background:#fff; padding:15px; border-radius:20px; box-shadow:0 20px 45px rgba(0,0,0,.08); height:100%; } .chairman-content .subtitle{ display:block; color: #000000; text-transform:uppercase; letter-spacing:2px; font-weight:700; margin-bottom:10px; } .chairman-content h2{ margin:0 0 30px; font-size:25px; color: #000000; font-weight:700; } .chairman-content p{ color:#666; line-height:1.9; margin-bottom:22px; font-size:16px; text-align:justify; } .signature{ margin-top:40px; padding-top:25px; border-top:1px solid #ececec; } .signature h4{ margin:0; color:#16355d; font-size:28px; font-weight:700; } .signature span{ display:block; margin-top:6px; color:#ef6b21; font-size:15px; font-weight:600; } @media (max-width:991px){ .chairman-image{ height:420px; margin-bottom:30px; } .chairman-content{ padding:35px 28px; } .chairman-content h2{ font-size:30px; } .chairman-name h2{ font-size:20px; padding:14px 18px; } } .about-left h2{ font-size:22px; font-weight:700; color: #f9481d; margin-bottom:22px; line-height:1.15; } .about-left p, .about-right p{ font-size:15px; line-height:1.85; color:#5d6470; text-align:justify; margin-bottom:18px; } .sub-title{ font-size:12px; letter-spacing:2px; } .about-right blockquote{ padding-left:20px; margin-bottom:28px; font-size:19px; line-height:1.55; border-left:3px solid #ef6b21; } .vision-box{ margin-top:28px; } .vision-box h4{ font-size:20px; margin-bottom:16px; } .vision-box li{ font-size:15px; line-height:1.7; margin-bottom:10px; } .vision-box li::before{ font-size:16px; } @media (max-width:992px){ .about-left h2{ font-size:30px; } .about-left p, .about-right p, .vision-box li{ font-size:14px; } .about-right blockquote{ font-size:17px; } .vision-box h4{ font-size:18px; } } .experience-box{ margin-top:35px; text-align:center; } .experience-box img{ width:100%; max-width:460px; margin:auto; display:block; } .experience-content{ margin-top:-35px; background:#fff; width:85%; margin-left:auto; margin-right:auto; padding:22px 25px; border-radius:14px; box-shadow:0 12px 30px rgba(0,0,0,.08); position:relative; } .experience-content h3{ margin:0; font-size:46px; color:#ef6b21; font-weight:700; line-height:1; } .experience-content span{ display:block; font-size:20px; color:#324b6b; font-weight:600; margin:8px 0 15px; } .experience-content p{ margin:0; font-size:14px; line-height:1.8; color:#666; } .policy-page{ background:#fff; } .page-tag{ display:inline-block; background:#ef6b21; color:#fff; padding:8px 18px; border-radius:30px; font-size:13px; font-weight:600; margin-bottom:18px; } .policy-page h2{ font-size:27px; color: #000000; margin-bottom:25px; font-weight:700; } .policy-page p{ color:#666; line-height:1.9; font-size:16px; text-align:justify; margin-bottom:18px; } .policy-page img{ width:100%; height:500px; object-fit:cover; border-radius:18px; box-shadow:0 15px 45px rgba(0,0,0,.08); } .info-card{ background:#fff; border-radius:18px; padding:35px; box-shadow:0 15px 35px rgba(0,0,0,.08); height:100%; transition:.3s; } .info-card:hover{ transform:translateY(-8px); } .info-card h4{ color:#ef6b21; font-size:16px; } .info-card h3{ color:#ef6b21; font-size:16px; } .info-card p{ margin:0; font-size:15px; line-height:1.8; } @media(max-width:992px){ .policy-page h2{ font-size:24px; } .policy-page img{ height:320px; } } /* İçerik Sayfası */ .page-content h2, .page-content h3, .page-content h4{ font-family:inherit; font-weight:700; line-height:1.35; color: #000000; } /* Ana Başlık */ .page-content h2{ font-size:22px; margin:0 0 18px; position:relative; padding-bottom:10px; } .page-content h2::after{ content:""; position:absolute; left:0; bottom:0; width:60px; height:3px; background:#ef6b21; border-radius:10px; } /* Alt Başlık */ .page-content h3{ font-size:18px; margin:35px 0 15px; color:#ef6b21; } /* Kart Başlığı */ .page-content h4{ font-size:16px; margin-bottom:10px; color:#324b6b; } /* Paragraf */ .page-content p{ font-size:14px; line-height:1.85; color:#555; margin-bottom:16px; text-align:justify; } /* Liste */ .page-content ul{ padding-left:20px; margin:18px 0; } .page-content li{ font-size:14px; line-height:1.8; margin-bottom:8px; color:#555; } .page-content li::marker{ color:#ef6b21; } .page-content hr{ margin:40px 0; border:0; border-top:1px solid #ececec; } /* Bilgi Kartları */ .page-content .content-box{ background:#fff; border-radius:14px; padding:24px; box-shadow:0 10px 25px rgba(0,0,0,.05); height:100%; } .page-content .content-box h4{ font-size:18px; margin-bottom:12px; color:#ef6b21; } .page-content .content-box p{ font-size:14px; margin:0; } /* Mobil */ @media (max-width:992px){ .page-content h2{ font-size:20px; } .page-content h3{ font-size:17px; } .page-content h4, .page-content .content-box h4{ font-size:15px; } .page-content p, .page-content li, .page-content .content-box p{ font-size:13px; line-height:1.75; } } /* Timeline ana alanı */ .timeline { position: relative; width: 100%; } /* Her tarih alanı */ .timeline .item { display: flex; align-items: center; gap: 40px; width: 100%; margin-bottom: 60px; position: relative; } /* Sol taraftaki yazı */ .timeline .item .content { flex: 1; min-width: 0; background: #fff; padding: 30px; border-radius: 20px; box-shadow: 0 10px 35px rgba(0,0,0,0.07); } /* Yıl */ .timeline .year { display: inline-flex; align-items: center; justify-content: center; background: #ff4b23; color: #fff; font-size: 16px; font-weight: 700; padding: 10px 20px; border-radius: 30px; margin-bottom: 18px; } /* Başlık */ .timeline .content h2 { font-size: 22px; line-height: 1.3; margin: 0 0 15px; color: #222; } /* Açıklama */ .timeline .content p { font-size: 15px; line-height: 1.8; color: #666; margin-bottom: 10px; } /* Sağdaki resim */ .timeline .item .image { flex: 1; min-width: 0; } /* Resim */ .timeline .item .image img { display: block; width: 100%; height: 300px; object-fit: cover; border-radius: 18px; } /* MOBİL */ @media (max-width: 767px) { .timeline .item { flex-direction: column; gap: 20px; align-items: stretch; } .timeline .item .content, .timeline .item .image { width: 100%; flex: none; } .timeline .item .image img { height: 250px; } } /* ========================================== PRODUCTION CARDS ========================================== */ .production-cards { position: relative; background: #f7f8fa; } /* CARD */ .production-card { display: block; height: 100%; background: #fff; border-radius: 18px; overflow: hidden; text-decoration: none; position: relative; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); transition: transform .35s ease, box-shadow .35s ease; } .production-card:hover { transform: translateY(-8px); box-shadow: 0 20px 45px rgba(0, 0, 0, 0.12); } /* IMAGE */ .production-card__image { height: 245px; position: relative; overflow: hidden; } .production-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; } .production-card:hover .production-card__image img { transform: scale(1.08); } /* OVERLAY */ .production-card__overlay { position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, .55) 100% ); } /* NUMBER */ .production-card__number { position: absolute; left: 20px; bottom: 18px; width: 42px; height: 42px; border-radius: 50%; background: rgba(255,255,255,.95); display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; color: #111; box-shadow: 0 5px 15px rgba(0,0,0,.12); } /* ARROW */ .production-card__arrow { position: absolute; right: 20px; bottom: 18px; width: 42px; height: 42px; border-radius: 50%; background: #111; color: #fff; display: flex; align-items: center; justify-content: center; transition: all .35s ease; } .production-card:hover .production-card__arrow { background: #f7471c; transform: rotate(-45deg); } /* CONTENT */ .production-card__content { padding: 25px 25px 27px; } /* TITLE */ .production-card__content h3 { margin: 0 0 12px; font-size: 17px; line-height: 1.35; font-weight: 700; color: #171717; transition: color .3s ease; } .production-card:hover .production-card__content h3 { color: #f7471c; } /* DESCRIPTION */ .production-card__content p { margin: 0 0 20px; font-size: 14px; line-height: 1.7; color: #777; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } /* LINK */ .production-card__link { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: #222; transition: all .3s ease; } .production-card__link i { font-size: 11px; transition: transform .3s ease; } .production-card:hover .production-card__link { color: #f7471c; } .production-card:hover .production-card__link i { transform: translateX(5px); } /* ========================================== SECTION TITLE ========================================== */ .production-cards .section-title__tagline { font-size: 13px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; } .production-cards .section-title__title { font-size: 38px; line-height: 1.2; font-weight: 700; } /* ========================================== TABLET ========================================== */ @media (max-width: 991px) { .production-card__image { height: 230px; } .production-cards .section-title__title { font-size: 32px; } } /* ========================================== MOBILE ========================================== */ @media (max-width: 767px) { .production-cards { padding-top: 45px !important; padding-bottom: 45px !important; } .production-cards .section-title { margin-bottom: 30px !important; } .production-cards .section-title__title { font-size: 27px; } .production-card__image { height: 220px; } .production-card__content { padding: 20px; } .production-card__content h3 { font-size: 14px; } .production-card__content p { font-size: 13px; } } /* ========================================= GÜLEZLER METAL ÖZEL İÇERİK TASARIMI ========================================= */ .gulezler-metal-content { font-family: "Manrope", sans-serif; color: #555; font-size: 16px; line-height: 1.8; } /* ÜST GÖRSEL */ .gulezler-metal-content > h2:first-child { margin: 0 0 45px; padding: 0; } .gulezler-metal-content > h2:first-child img { width: 100%; height: 430px; object-fit: cover; display: block; border-radius: 20px; box-shadow: 0 15px 45px rgba(0, 0, 0, .10); } /* ANA BAŞLIK */ .gulezler-metal-content > h2:nth-child(2) { margin: 0 0 20px; color: #17191c; font-size: 26px; font-weight: 800; line-height: 1.25; letter-spacing: -1px; } /* BAŞLIK ALTINA KÜÇÜK ÇİZGİ */ .gulezler-metal-content > h2:nth-child(2)::after { content: ""; display: block; width: 55px; height: 4px; margin-top: 18px; border-radius: 10px; background: #f7471c; } /* PARAGRAFLAR */ .gulezler-metal-content p { margin: 0 0 22px; color: #64676b; font-size: 15px; line-height: 1.9; } /* İLK AÇIKLAMA */ .gulezler-metal-content > h2:nth-child(2) + p { font-size: 16px; color: #45484c; } /* ALT BAŞLIKLAR */ .gulezler-metal-content h3 { position: relative; margin: 45px 0 20px; padding-left: 16px; color: #1b1d20; font-size: 22px; font-weight: 750; line-height: 1.4; } /* H3 ÇİZGİ */ .gulezler-metal-content h3::before { content: ""; position: absolute; left: 0; top: 3px; width: 4px; height: 26px; border-radius: 5px; background: #f7471c; } /* LİSTE */ .gulezler-metal-content ul { list-style: none; margin: 0 0 30px; padding: 0; } /* LİSTE ELEMANI */ .gulezler-metal-content ul li { position: relative; margin-bottom: 10px; padding: 16px 20px 16px 52px; background: #f7f8fa; border: 1px solid #eceef1; border-radius: 10px; color: #4f5358; font-size: 14px; line-height: 1.6; transition: .3s ease; } /* TİK */ .gulezler-metal-content ul li::before { content: "✓"; position: absolute; left: 18px; top: 50%; width: 24px; height: 24px; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #f7471c; color: #fff; font-size: 11px; font-weight: 700; } /* HOVER */ .gulezler-metal-content ul li:hover { background: #fff; border-color: rgba(191, 65, 157, .25); transform: translateX(5px); box-shadow: 0 8px 25px rgba(0, 0, 0, .06); } /* SON PARAGRAF VURGUSU */ .gulezler-metal-content p:last-child { margin-top: 30px; padding: 22px 25px; background: #f7f8fa; border-left: 4px solid #f7471c; border-radius: 0 12px 12px 0; color: #45484c; } /* ========================================= MOBİL ========================================= */ @media (max-width: 767px) { .gulezler-metal-content { font-size: 14px; } .gulezler-metal-content > h2:first-child { margin-bottom: 30px; } .gulezler-metal-content > h2:first-child img { height: 220px; border-radius: 14px; } .gulezler-metal-content > h2:nth-child(2) { font-size: 27px; letter-spacing: -.5px; } .gulezler-metal-content h3 { margin-top: 35px; font-size: 19px; } .gulezler-metal-content p { font-size: 14px; line-height: 1.8; } .gulezler-metal-content ul li { padding: 14px 15px 14px 48px; font-size: 13px; } .gulezler-metal-content p:last-child { padding: 18px; } } /* ========================================= GÜLEZLER MEDYA MERKEZİ ========================================= */ .gulezler-media-content { font-family: "Manrope", sans-serif; color: #555; font-size: 16px; line-height: 1.85; } /* ANA BAŞLIK */ .gulezler-media-content h2 { position: relative; margin: 0 0 28px; color: #171717; font-size: 36px; line-height: 1.25; letter-spacing: -1px; } .gulezler-media-content h2::after { content: ""; display: block; width: 55px; height: 4px; margin-top: 18px; border-radius: 5px; background: #f7471c; } /* PARAGRAFLAR */ .gulezler-media-content p { margin: 0 0 22px; color: #62666b; font-size: 15px; line-height: 1.9; } /* İLK PARAGRAF */ .gulezler-media-content h2 + p { color: #45484c; font-size: 16px; } /* ALT BAŞLIKLAR */ .gulezler-media-content h3 { position: relative; margin: 48px 0 22px; padding-left: 17px; color: #191919; font-size: 22px; line-height: 1.4; font-weight: 750; } /* H3 TURUNCU ÇİZGİ */ .gulezler-media-content h3::before { content: ""; position: absolute; left: 0; top: 3px; width: 4px; height: 27px; border-radius: 5px; background: #f7471c; } /* ========================================= MEDYA İÇERİKLERİ LİSTE ========================================= */ .gulezler-media-content ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 0 0 35px; padding: 0; list-style: none; } .gulezler-media-content ul li { position: relative; min-height: 65px; display: flex; align-items: center; padding: 15px 20px 15px 53px; background: #f7f7f6; border: 1px solid #ebebea; border-radius: 10px; color: #4f5256; font-size: 14px; line-height: 1.55; transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease; } /* LİSTE İKONU */ .gulezler-media-content ul li::before { content: "→"; position: absolute; left: 17px; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #f7471c; color: #fff; font-size: 12px; font-weight: 800; } /* HOVER */ .gulezler-media-content ul li:hover { transform: translateY(-3px); background: #fff; border-color: rgba(247, 71, 28, .25); box-shadow: 0 10px 25px rgba(0, 0, 0, .06); } /* ========================================= SON BİLGİ ALANI ========================================= */ .gulezler-media-content p:last-child { margin-top: 30px; padding: 22px 25px; background: #f7f7f6; border-left: 4px solid #f7471c; border-radius: 0 10px 10px 0; color: #45484c; } /* ========================================= LINK ========================================= */ .gulezler-media-content a { color: #f7471c; font-weight: 700; text-decoration: none; transition: color .3s ease; } .gulezler-media-content a:hover { color: #171717; } /* ========================================= TABLET ========================================= */ @media (max-width: 991px) { .gulezler-media-content h2 { font-size: 31px; } .gulezler-media-content h3 { font-size: 21px; } .gulezler-media-content ul { grid-template-columns: 1fr; } } /* ========================================= MOBİL ========================================= */ @media (max-width: 767px) { .gulezler-media-content { font-size: 14px; } .gulezler-media-content h2 { font-size: 27px; letter-spacing: -.5px; margin-bottom: 22px; } .gulezler-media-content h2::after { width: 45px; height: 3px; margin-top: 14px; } .gulezler-media-content h3 { margin-top: 35px; margin-bottom: 17px; padding-left: 14px; font-size: 19px; } .gulezler-media-content h3::before { width: 3px; height: 23px; } .gulezler-media-content p { font-size: 14px; line-height: 1.8; } .gulezler-media-content h2 + p { font-size: 15px; } .gulezler-media-content ul { gap: 9px; } .gulezler-media-content ul li { min-height: auto; padding: 14px 15px 14px 48px; font-size: 13px; } .gulezler-media-content ul li::before { left: 14px; } .gulezler-media-content p:last-child { padding: 18px; } } /* ========================================= GÜLEZLER GRUP TANITIM FİLMİ MEDIA CONTENT TASARIMI İLE UYUMLU ========================================= */ .gulezler-film { padding: 20px 0 70px; font-family: "Manrope", sans-serif; } /* ========================================= CONTAINER ========================================= */ .gulezler-film__container { max-width: 1200px; margin: 0 auto; } /* ========================================= VIDEO ========================================= */ .gulezler-film__video { margin-bottom: 40px; } .gulezler-film__video-inner { position: relative; width: 100%; overflow: hidden; background: #f7f7f6; border: 1px solid #ebebea; border-radius: 10px; box-shadow: 0 10px 25px rgba(0, 0, 0, .06); } .gulezler-film__video-inner iframe { display: block; width: 100%; height: 600px; border: 0; } /* VIDEO ETİKETİ */ .gulezler-film__video-label { position: absolute; left: 18px; bottom: 18px; display: flex; align-items: center; gap: 8px; padding: 8px 15px; background: rgba(23, 23, 23, .85); border-radius: 50px; color: #fff; font-size: 11px; font-weight: 700; letter-spacing: 1px; } .gulezler-film__video-label span { width: 7px; height: 7px; display: block; background: #f7471c; border-radius: 50%; } /* ========================================= HEADER ========================================= */ .gulezler-film__header { max-width: 850px; margin: 0 auto 50px; text-align: center; } .gulezler-film__eyebrow { display: inline-block; margin-bottom: 12px; color: #f7471c; font-size: 12px; font-weight: 800; letter-spacing: 2px; } .gulezler-film__header h1 { margin: 0 0 20px; color: #191919; font-size: 36px; line-height: 1.3; font-weight: 750; } .gulezler-film__header h1 strong { font-weight: 500; } .gulezler-film__header p { margin: 0; color: #62666b; font-size: 15px; line-height: 1.9; } /* ========================================= INTRO ========================================= */ .gulezler-film__intro { display: grid; grid-template-columns: 55px 1fr 1fr; gap: 25px; margin-bottom: 30px; padding: 30px 25px; background: #f7f7f6; border: 1px solid #ebebea; border-left: 4px solid #f7471c; border-radius: 0 10px 10px 0; } .gulezler-film__intro-number { color: #f7471c; font-size: 13px; font-weight: 800; } .gulezler-film__intro > div:nth-child(2) span { color: #999; font-size: 11px; font-weight: 800; letter-spacing: 1.5px; } .gulezler-film__intro h2 { margin: 10px 0 0; color: #191919; font-size: 25px; line-height: 1.35; font-weight: 750; } .gulezler-film__intro > p { margin: 0; color: #62666b; font-size: 14px; line-height: 1.8; } /* ========================================= FEATURE CARDS ========================================= */ .gulezler-film__features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 45px; } .gulezler-film__feature { position: relative; padding: 25px; background: #f7f7f6; border: 1px solid #ebebea; border-radius: 10px; transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease; } .gulezler-film__feature:hover { transform: translateY(-3px); background: #fff; border-color: rgba(247, 71, 28, .25); box-shadow: 0 10px 25px rgba(0, 0, 0, .06); } /* CARD TOP */ .gulezler-film__feature-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; } .gulezler-film__feature-top span { color: #f7471c; font-size: 12px; font-weight: 800; } .gulezler-film__feature-top i { color: #999; font-size: 12px; transition: .3s ease; } .gulezler-film__feature:hover .gulezler-film__feature-top i { color: #f7471c; transform: translate(3px, -3px); } /* CARD TITLE */ .gulezler-film__feature h3 { margin: 0 0 12px; color: #191919; font-size: 19px; line-height: 1.4; font-weight: 750; } /* CARD TEXT */ .gulezler-film__feature p { margin: 0; color: #62666b; font-size: 13px; line-height: 1.8; } /* ========================================= BOTTOM ========================================= */ .gulezler-film__bottom { max-width: 850px; margin: 0 auto; text-align: center; } .gulezler-film__bottom > span { display: inline-block; margin-bottom: 12px; color: #f7471c; font-size: 11px; font-weight: 800; letter-spacing: 1.5px; } .gulezler-film__bottom h2 { position: relative; margin: 0 0 22px; color: #191919; font-size: 30px; line-height: 1.4; font-weight: 750; } .gulezler-film__bottom h2::after { content: ""; display: block; width: 50px; height: 4px; margin: 15px auto 0; background: #f7471c; border-radius: 5px; } .gulezler-film__bottom h2 strong { font-weight: 500; } .gulezler-film__bottom p { max-width: 750px; margin: 0 auto; color: #62666b; font-size: 14px; line-height: 1.9; } /* ========================================= TABLET ========================================= */ @media (max-width: 991px) { .gulezler-film__video-inner iframe { height: 450px; } .gulezler-film__features { grid-template-columns: 1fr; } .gulezler-film__intro { grid-template-columns: 45px 1fr; } .gulezler-film__intro > p { grid-column: 2; } .gulezler-film__header h1 { font-size: 31px; } } /* ========================================= MOBİL ========================================= */ @media (max-width: 767px) { .gulezler-film { padding: 10px 0 50px; } .gulezler-film__container { width: 100%; } .gulezler-film__video { margin-bottom: 30px; } .gulezler-film__video-inner { border-radius: 10px; } .gulezler-film__video-inner iframe { height: 250px; } .gulezler-film__video-label { left: 10px; bottom: 10px; padding: 7px 12px; font-size: 9px; } .gulezler-film__header { margin-bottom: 35px; } .gulezler-film__header h1 { font-size: 27px; letter-spacing: -.5px; } .gulezler-film__header p { font-size: 14px; line-height: 1.8; } .gulezler-film__intro { display: block; margin-bottom: 20px; padding: 22px 18px; } .gulezler-film__intro-number { margin-bottom: 15px; } .gulezler-film__intro h2 { font-size: 21px; } .gulezler-film__intro > p { margin-top: 18px; font-size: 13px; } .gulezler-film__features { gap: 9px; margin-bottom: 35px; } .gulezler-film__feature { padding: 20px; } .gulezler-film__feature-top { margin-bottom: 25px; } .gulezler-film__feature h3 { font-size: 18px; } .gulezler-film__feature p { font-size: 13px; } .gulezler-film__bottom h2 { font-size: 24px; letter-spacing: -.5px; } .gulezler-film__bottom p { font-size: 13px; } } /* ========================================= GÜLEZLER FOTOĞRAF GALERİSİ ========================================= */ .gulezler-gallery-content { font-family: "Manrope", sans-serif; } /* PARAGRAFLAR */ .gulezler-gallery-content p { margin: 0 0 22px; color: #62666b; font-size: 15px; line-height: 1.9; } /* İLK PARAGRAF */ .gulezler-gallery-content h2 + p { color: #45484c; font-size: 16px; } /* ALT BAŞLIKLAR */ .gulezler-gallery-content h3 { position: relative; margin: 48px 0 22px; padding-left: 17px; color: #191919; font-size: 22px; line-height: 1.4; font-weight: 750; } /* TURUNCU ÇİZGİ */ .gulezler-gallery-content h3::before { content: ""; position: absolute; left: 0; top: 3px; width: 4px; height: 27px; border-radius: 5px; background: #f7471c; } /* ========================================= LİSTE ========================================= */ .gulezler-gallery-content ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 0 0 35px; padding: 0; list-style: none; } .gulezler-gallery-content ul li { position: relative; min-height: 65px; display: flex; align-items: center; padding: 15px 20px 15px 53px; background: #f7f7f6; border: 1px solid #ebebea; border-radius: 10px; color: #4f5256; font-size: 14px; line-height: 1.55; transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease; } /* LİSTE İKONU */ .gulezler-gallery-content ul li::before { content: "→"; position: absolute; left: 17px; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #f7471c; color: #fff; font-size: 12px; font-weight: 800; } /* HOVER */ .gulezler-gallery-content ul li:hover { transform: translateY(-3px); background: #fff; border-color: rgba(247, 71, 28, .25); box-shadow: 0 10px 25px rgba(0, 0, 0, .06); } /* ========================================= SON PARAGRAF ========================================= */ .gulezler-gallery-content p:last-child { margin-top: 30px; padding: 22px 25px; background: #f7f7f6; border-left: 4px solid #f7471c; border-radius: 0 10px 10px 0; color: #45484c; } /* ========================================= LINK ========================================= */ .gulezler-gallery-content a { color: #f7471c; font-weight: 700; text-decoration: none; transition: color .3s ease; } .gulezler-gallery-content a:hover { color: #171717; } /* ========================================= TABLET ========================================= */ @media (max-width: 991px) { .gulezler-gallery-content h2 { font-size: 31px; } .gulezler-gallery-content h3 { font-size: 21px; } .gulezler-gallery-content ul { grid-template-columns: 1fr; } } /* ========================================= MOBİL ========================================= */ @media (max-width: 767px) { .gulezler-gallery-content { font-size: 14px; } .gulezler-gallery-content h2 { font-size: 27px; letter-spacing: -.5px; margin-bottom: 22px; } .gulezler-gallery-content h3 { margin-top: 35px; margin-bottom: 17px; padding-left: 14px; font-size: 19px; } .gulezler-gallery-content h3::before { width: 3px; height: 23px; } .gulezler-gallery-content p { font-size: 14px; line-height: 1.8; } .gulezler-gallery-content h2 + p { font-size: 15px; } .gulezler-gallery-content ul { gap: 9px; } .gulezler-gallery-content ul li { min-height: auto; padding: 14px 15px 14px 48px; font-size: 13px; } .gulezler-gallery-content ul li::before { left: 14px; } .gulezler-gallery-content p:last-child { padding: 18px; } } /* ========================================= GÜLEZLER FUAR KATILIMLARI ========================================= */ .gulezler-fair-content { font-family: "Manrope", sans-serif; } /* PARAGRAFLAR */ .gulezler-fair-content p { margin: 0 0 22px; color: #62666b; font-size: 15px; line-height: 1.9; } /* İLK PARAGRAF */ .gulezler-fair-content h2 + p { color: #45484c; font-size: 16px; } /* ALT BAŞLIKLAR */ .gulezler-fair-content h3 { position: relative; margin: 48px 0 22px; padding-left: 17px; color: #191919; font-size: 22px; line-height: 1.4; font-weight: 750; } /* TURUNCU ÇİZGİ */ .gulezler-fair-content h3::before { content: ""; position: absolute; left: 0; top: 3px; width: 4px; height: 27px; border-radius: 5px; background: #f7471c; } /* ========================================= LİSTE ========================================= */ .gulezler-fair-content ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 0 0 35px; padding: 0; list-style: none; } .gulezler-fair-content ul li { position: relative; min-height: 65px; display: flex; align-items: center; padding: 15px 20px 15px 53px; background: #f7f7f6; border: 1px solid #ebebea; border-radius: 10px; color: #4f5256; font-size: 14px; line-height: 1.55; transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease; } /* LİSTE İKONU */ .gulezler-fair-content ul li::before { content: "→"; position: absolute; left: 17px; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #f7471c; color: #fff; font-size: 12px; font-weight: 800; } /* HOVER */ .gulezler-fair-content ul li:hover { transform: translateY(-3px); background: #fff; border-color: rgba(247, 71, 28, .25); box-shadow: 0 10px 25px rgba(0, 0, 0, .06); } /* ========================================= SON PARAGRAF ========================================= */ .gulezler-fair-content p:last-child { margin-top: 30px; padding: 22px 25px; background: #f7f7f6; border-left: 4px solid #f7471c; border-radius: 0 10px 10px 0; color: #45484c; } /* ========================================= LINK ========================================= */ .gulezler-fair-content a { color: #f7471c; font-weight: 700; text-decoration: none; transition: color .3s ease; } .gulezler-fair-content a:hover { color: #171717; } /* ========================================= TABLET ========================================= */ @media (max-width: 991px) { .gulezler-fair-content h2 { font-size: 31px; } .gulezler-fair-content h3 { font-size: 21px; } .gulezler-fair-content ul { grid-template-columns: 1fr; } } /* ========================================= MOBİL ========================================= */ @media (max-width: 767px) { .gulezler-fair-content { font-size: 14px; } .gulezler-fair-content h2 { font-size: 27px; letter-spacing: -.5px; margin-bottom: 22px; } .gulezler-fair-content h3 { margin-top: 35px; margin-bottom: 17px; padding-left: 14px; font-size: 19px; } .gulezler-fair-content h3::before { width: 3px; height: 23px; } .gulezler-fair-content p { font-size: 14px; line-height: 1.8; } .gulezler-fair-content h2 + p { font-size: 15px; } .gulezler-fair-content ul { gap: 9px; } .gulezler-fair-content ul li { min-height: auto; padding: 14px 15px 14px 48px; font-size: 13px; } .gulezler-fair-content ul li::before { left: 14px; } .gulezler-fair-content p:last-child { padding: 18px; } } /* ========================================= GÜLEZLER BLOG KARTLARI ========================================= */ /* ========================================== GÜLEZLER BLOG / PRODUCTION TARZI KARTLAR ========================================== */ .gulezler-blog-list { position: relative; font-family: "Manrope", sans-serif; } /* ========================================== CARD ========================================== */ .gulezler-blog-card { background: #fff; border-radius: 15px 15px 15px 45px; overflow: hidden; height: 100%; border: 1px solid #ececec; box-shadow: 0 15px 40px rgba(0, 0, 0, .08); transition: .35s; } .gulezler-blog-card:hover { transform: translateY(-8px); box-shadow: 0 20px 45px rgba(0, 0, 0, 0.12); } /* ========================================== IMAGE ========================================== */ .gulezler-blog-card__image { height: 245px; position: relative; display: block; overflow: hidden; background: #f7f8fa; text-decoration: none; } .gulezler-blog-card__image img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .6s ease; } .gulezler-blog-card:hover .gulezler-blog-card__image img { transform: scale(1.08); } /* ========================================== IMAGE OVERLAY ========================================== */ .gulezler-blog-card__image::after { content: ""; position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, .55) 100% ); pointer-events: none; } /* ========================================== NUMBER ========================================== */ .gulezler-blog-card__number { position: absolute; left: 20px; bottom: 18px; z-index: 2; width: 42px; height: 42px; border-radius: 50%; background: rgba(255,255,255,.95); display: flex; align-items: center; justify-content: center; color: #111; font-size: 13px; font-weight: 700; box-shadow: 0 5px 15px rgba(0,0,0,.12); } /* ========================================== ARROW ========================================== */ .gulezler-blog-card__arrow { position: absolute; right: 20px; bottom: 18px; z-index: 3; width: 42px; height: 42px; border-radius: 50%; background: #111; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 12px; transition: all .35s ease; } .gulezler-blog-card:hover .gulezler-blog-card__arrow { background: #f7471c; transform: rotate(-45deg); } /* ========================================== CONTENT ========================================== */ .gulezler-blog-card__content { padding: 25px 25px 27px; } /* ========================================== TITLE ========================================== */ .gulezler-blog-card__content h3 { margin: 0 0 12px; font-size: 20px; line-height: 1.35; font-weight: 700; color: #171717; transition: color .3s ease; } .gulezler-blog-card__content h3 a { color: inherit; text-decoration: none; } .gulezler-blog-card:hover .gulezler-blog-card__content h3 { color: #f7471c; } /* ========================================== DESCRIPTION ========================================== */ .gulezler-blog-card__content p { margin: 0 0 20px; font-size: 14px; line-height: 1.7; color: #777; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } /* ========================================== LINK ========================================== */ .gulezler-blog-card__link { display: inline-flex; align-items: center; gap: 8px; color: #222; font-size: 13px; font-weight: 700; text-decoration: none; transition: color .3s ease; } .gulezler-blog-card__link i { font-size: 11px; transition: transform .3s ease; } .gulezler-blog-card:hover .gulezler-blog-card__link { color: #f7471c; } .gulezler-blog-card:hover .gulezler-blog-card__link i { transform: translateX(5px); } /* ========================================== TABLET ========================================== */ @media (max-width: 991px) { .gulezler-blog-card__image { height: 230px; } .gulezler-blog-card__content { padding: 23px; } .gulezler-blog-card__content h3 { font-size: 19px; } } /* ========================================== MOBILE ========================================== */ @media (max-width: 767px) { .gulezler-blog-list { padding-top: 45px; padding-bottom: 45px; } .gulezler-blog-card__image { height: 220px; } .gulezler-blog-card__content { padding: 20px; } .gulezler-blog-card__content h3 { font-size: 18px; } .gulezler-blog-card__content p { font-size: 13px; } } .gulezler-quality { padding: 70px 0 90px; background: #f7f7f6; color: #191919; } /* ========================================================= BAŞLIK ========================================================= */ .gulezler-quality__header { max-width: 850px; margin-bottom: 45px; } .gulezler-quality__eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 15px; color: #f7471c; font-size: 11px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; } .gulezler-quality__eyebrow::before { content: ""; width: 27px; height: 3px; background: #f7471c; border-radius: 5px; } .gulezler-quality__header h2 { margin: 0 0 18px; color: #000000; font-size: 22px; line-height: 1.2; font-weight: 750; letter-spacing: -1px; } .gulezler-quality__header p { margin: 0; color: #686c70; font-size: 15px; line-height: 1.9; } /* ========================================================= ANA İÇERİK KUTUSU ========================================================= */ .gulezler-quality__content { background: #fff; border: 1px solid #e7e7e5; border-radius: 14px; overflow: hidden; box-shadow: 0 15px 45px rgba(0,0,0,.05); } /* ========================================================= ÖNE ÇIKAN BAŞLIKLAR ========================================================= */ .gulezler-quality__highlights { padding: 40px; background: #191919; color: #fff; } .gulezler-quality__highlights-label { display: block; margin-bottom: 25px; color: #f7471c; font-size: 11px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; } .gulezler-quality__highlight { display: flex; align-items: flex-start; gap: 15px; padding: 18px 0; border-bottom: 1px solid rgba(255,255,255,.10); } .gulezler-quality__highlight:last-child { border-bottom: 0; } .gulezler-quality__highlight-icon { width: 38px; height: 38px; flex: 0 0 38px; display: flex; align-items: center; justify-content: center; background: rgba(247,71,28,.12); border-radius: 7px; color: #f7471c; font-size: 13px; } .gulezler-quality__highlight span { color: #e7e7e7; font-size: 13px; line-height: 1.7; } /* ========================================================= İÇERİK ========================================================= */ .gulezler-quality__body { padding: 45px; } .gulezler-quality__body-section { margin-bottom: 40px; } .gulezler-quality__body-section:last-child { margin-bottom: 0; } .gulezler-quality__body h3 { position: relative; margin: 0 0 18px; padding-left: 18px; color: #f7471c; font-size: 18px; font-weight: 750; } .gulezler-quality__body h3::before { content: ""; position: absolute; left: 0; top: 5px; width: 4px; height: 22px; background: #f7471c; border-radius: 5px; } .gulezler-quality__body p { margin: 0; color: #686c70; font-size: 14px; line-height: 1.9; } /* ========================================================= LİSTE ========================================================= */ .gulezler-quality__list { margin: 0; padding: 0; list-style: none; } .gulezler-quality__list li { position: relative; display: flex; align-items: flex-start; gap: 12px; padding: 12px 0; border-bottom: 1px solid #eeeeec; color: #555a5e; font-size: 14px; line-height: 1.7; } .gulezler-quality__list li:last-child { border-bottom: 0; } .gulezler-quality__list li i { margin-top: 4px; color: #f7471c; font-size: 12px; } /* ========================================================= SEKTÖRLER ========================================================= */ .gulezler-quality__sectors { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 25px; } .gulezler-quality__sector { padding: 18px; background: #f7f7f6; border: 1px solid #e7e7e5; border-radius: 8px; color: #3f4347; font-size: 13px; font-weight: 700; text-align: center; transition: background .25s ease, border-color .25s ease, transform .25s ease; } .gulezler-quality__sector:hover { background: #fff; border-color: rgba(247,71,28,.3); transform: translateY(-3px); } .gulezler-quality__sector i { display: block; margin-bottom: 9px; color: #f7471c; font-size: 18px; } /* ========================================================= SERTİFİKA ALANI ========================================================= */ .gulezler-quality__certificate-box { margin-top: 40px; padding: 30px; background: #f7f7f6; border: 1px solid #e7e7e5; border-radius: 10px; } .gulezler-quality__certificate-box-head { display: flex; align-items: center; gap: 15px; margin-bottom: 12px; } .gulezler-quality__certificate-box-icon { width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #e7e7e5; border-radius: 7px; color: #f7471c; } .gulezler-quality__certificate-box h3 { margin: 0; padding: 0; font-size: 19px; } .gulezler-quality__certificate-box h3::before { display: none; } .gulezler-quality__certificate-box p { margin: 0; } /* ========================================================= CTA ========================================================= */ .gulezler-quality__cta { margin-top: 40px; padding: 35px 40px; display: flex; align-items: center; justify-content: space-between; gap: 30px; background: #191919; border-radius: 12px; } .gulezler-quality__cta-text span { display: block; margin-bottom: 8px; color: #f7471c; font-size: 10px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; } .gulezler-quality__cta-text h3 { margin: 0 0 6px; color: #fff; font-size: 21px; font-weight: 750; } .gulezler-quality__cta-text p { margin: 0; color: #aeb1b4; font-size: 13px; } .gulezler-quality__cta-btn { flex-shrink: 0; display: inline-flex; align-items: center; gap: 10px; padding: 13px 22px; background: #f7471c; border-radius: 7px; color: #fff; font-size: 12px; font-weight: 800; text-decoration: none; transition: background .3s ease, color .3s ease, transform .3s ease; } .gulezler-quality__cta-btn:hover { background: #fff; color: #191919; transform: translateY(-2px); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 991px) { .gulezler-quality { padding: 55px 0 70px; } .gulezler-quality__header h2 { font-size: 36px; } .gulezler-quality__highlights { padding: 30px; } .gulezler-quality__body { padding: 35px; } .gulezler-quality__sectors { grid-template-columns: repeat(2, 1fr); } .gulezler-quality__cta { align-items: flex-start; flex-direction: column; } } /* ========================================================= MOBİL ========================================================= */ @media (max-width: 767px) { .gulezler-quality { padding: 45px 0 55px; } .gulezler-quality__header { margin-bottom: 30px; } .gulezler-quality__header h2 { font-size: 29px; letter-spacing: -.6px; } .gulezler-quality__header p { font-size: 13px; } .gulezler-quality__highlights { padding: 25px 20px; } .gulezler-quality__highlight { gap: 12px; } .gulezler-quality__highlight span { font-size: 12px; } .gulezler-quality__body { padding: 30px 20px; } .gulezler-quality__body-section { margin-bottom: 30px; } .gulezler-quality__body h3 { font-size: 18px; } .gulezler-quality__body p, .gulezler-quality__list li { font-size: 13px; } .gulezler-quality__sectors { grid-template-columns: 1fr; } .gulezler-quality__certificate-box { padding: 22px; } .gulezler-quality__cta { padding: 28px 22px; } .gulezler-quality__cta-text h3 { font-size: 19px; } .gulezler-quality__cta-btn { width: 100%; justify-content: center; } } /* ========================================================= GÜLEZLER HAKKIMIZDA ========================================================= */ .gulezler-about { padding: 90px 0; background: #f7f7f6; color: #191919; } /* ========================================================= INTRO ========================================================= */ .gulezler-about__intro { display: grid; grid-template-columns: 1.1fr .9fr; gap: 80px; align-items: end; margin-bottom: 55px; } .gulezler-about__eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 18px; color: #f7471c; font-size: 11px; font-weight: 800; letter-spacing: 1.8px; } .gulezler-about__eyebrow::before { content: ""; width: 30px; height: 3px; background: #f7471c; border-radius: 5px; } .gulezler-about__intro h2 { max-width: 700px; margin: 0; font-size: 24px; line-height: 1.12; color: #000000; letter-spacing: -1.5px; } .gulezler-about__intro h2 strong { color: #f7471c; } .gulezler-about__intro > p { margin: 0; color: #62666b; font-size: 15px; line-height: 1.9; } /* ========================================================= ANA GRID ========================================================= */ .gulezler-about__grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 25px; } /* ========================================================= SOL ANA ALAN ========================================================= */ .gulezler-about__main { padding: 35px; background: #fff; border: 1px solid #e7e7e5; border-radius: 12px; } /* ========================================================= GÖRSEL ========================================================= */ .gulezler-about__image { position: relative; overflow: hidden; height: 330px; margin-bottom: 30px; border-radius: 9px; } .gulezler-about__image img { width: 100%; height: 100%; display: block; object-fit: cover; } /* ========================================================= IMAGE BADGE ========================================================= */ .gulezler-about__image-badge { position: absolute; left: 20px; bottom: 20px; display: flex; align-items: center; gap: 12px; padding: 14px 18px; background: #191919; border-radius: 8px; color: #fff; } .gulezler-about__image-badge strong { color: #f7471c; font-size: 30px; line-height: 1; } .gulezler-about__image-badge span { font-size: 10px; font-weight: 700; line-height: 1.4; letter-spacing: .8px; text-transform: uppercase; } /* ========================================================= METİN ========================================================= */ .gulezler-about__text p { margin: 0 0 17px; color: #62666b; font-size: 14px; line-height: 1.85; } .gulezler-about__text p:last-child { margin-bottom: 0; } .gulezler-about__text strong { color: #191919; } /* ========================================================= İSTATİSTİK ========================================================= */ .gulezler-about__stats { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 30px; border-top: 1px solid #e7e7e5; } .gulezler-about__stat { display: flex; align-items: center; gap: 12px; padding: 22px 15px; border-right: 1px solid #e7e7e5; } .gulezler-about__stat:last-child { border-right: 0; } .gulezler-about__stat strong { color: #191919; font-size: 25px; font-weight: 800; } .gulezler-about__stat span { color: #7b7e82; font-size: 10px; line-height: 1.4; font-weight: 700; text-transform: uppercase; } /* ========================================================= SAĞ TARAF ========================================================= */ .gulezler-about__side { display: flex; flex-direction: column; gap: 20px; } /* ========================================================= QUOTE ========================================================= */ .gulezler-about__quote { padding: 35px; background: #191919; border-radius: 12px; color: #fff; } .gulezler-about__quote > span, .gulezler-about__vision > span, .gulezler-about__certificates > span { display: block; margin-bottom: 18px; color: #f7471c; font-size: 10px; font-weight: 800; letter-spacing: 1.6px; } .gulezler-about__quote blockquote { margin: 0 0 20px; color: #fff; font-size: 24px; line-height: 1.4; font-weight: 650; letter-spacing: -.5px; } .gulezler-about__quote p { margin: 0; color: #aeb1b4; font-size: 13px; line-height: 1.8; } /* ========================================================= VİZYON ========================================================= */ .gulezler-about__vision { padding: 35px; background: #fff; border: 1px solid #e7e7e5; border-radius: 12px; } .gulezler-about__vision h3 { margin: 0 0 25px; font-size: 25px; line-height: 1.3; font-weight: 750; } .gulezler-about__vision h3 strong { color: #f7471c; } .gulezler-about__vision ul { margin: 0; padding: 0; list-style: none; } .gulezler-about__vision li { display: flex; align-items: center; gap: 12px; padding: 11px 0; border-bottom: 1px solid #eeeeec; color: #62666b; font-size: 13px; } .gulezler-about__vision li:last-child { border-bottom: 0; } .gulezler-about__vision li i { color: #f7471c; font-size: 10px; } /* ========================================================= SERTİFİKALAR ========================================================= */ .gulezler-about__certificates { padding: 25px 30px; background: #f7f7f6; border: 1px solid #e7e7e5; border-radius: 10px; } .gulezler-about__certificates > span { margin-bottom: 15px; } .gulezler-about__certificates div { display: flex; flex-wrap: wrap; gap: 8px; } .gulezler-about__certificates strong { padding: 8px 12px; background: #fff; border: 1px solid #e1e1df; border-radius: 5px; color: #191919; font-size: 11px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 991px) { .gulezler-about { padding: 65px 0; } .gulezler-about__intro { grid-template-columns: 1fr; gap: 25px; } .gulezler-about__intro h2 { font-size: 40px; } .gulezler-about__grid { grid-template-columns: 1fr; } } /* ========================================================= MOBİL ========================================================= */ @media (max-width: 767px) { .gulezler-about { padding: 50px 0; } .gulezler-about__intro { margin-bottom: 35px; } .gulezler-about__intro h2 { font-size: 31px; letter-spacing: -.8px; } .gulezler-about__intro > p { font-size: 13px; } .gulezler-about__main { padding: 20px; } .gulezler-about__image { height: 240px; } .gulezler-about__stats { grid-template-columns: 1fr; } .gulezler-about__stat { border-right: 0; border-bottom: 1px solid #e7e7e5; } .gulezler-about__stat:last-child { border-bottom: 0; } .gulezler-about__quote, .gulezler-about__vision { padding: 25px; } .gulezler-about__quote blockquote { font-size: 20px; } .gulezler-about__vision h3 { font-size: 21px; } } .gulezler-about{ --ga-orange:#E85D25; --ga-orange-tint:#FBEBE1; --ga-navy:#16233D; --ga-navy-soft:#5B677E; --ga-cream:#F8F6F3; --ga-line:#E7E2DA; --ga-white:#FFFFFF; --ga-radius:14px; background:transparent; color:var(--ga-navy); padding:0px 0; /* col-md-9 dar bir sütun olduğu için viewport yerine bu elemanın GERÇEK genişliğine göre kırılım yapıyoruz */ container-type:inline-size; container-name:gulezler-about; } .gulezler-about *{box-sizing:border-box;} /* col-md-9 içine oturacağı için sabit max-width/dış padding yok — Bootstrap sütunu kendi genişliğini ve gutter'ını yönetir */ .gulezler-about .container{width:100%;max-width:100%;margin:0;padding:0;} .gulezler-about strong{color:var(--ga-orange);font-weight:700;} .gulezler-about img{max-width:100%;} .gulezler-about h2,.gulezler-about h3{word-wrap:break-word;} /* ÜST BAŞLIK */ .gulezler-about__intro h2{ font-size:24px; font-weight:700; line-height:1.25; position:relative; padding-bottom:18px; margin:0 0 22px; } .gulezler-about__intro h2::after{ content:"";position:absolute;left:0;bottom:0; width:64px;height:4px;background:var(--ga-orange);border-radius:2px; } .gulezler-about__intro p{color:var(--ga-navy-soft);font-size:16px;line-height:1.8;margin:0;} /* ANA GRID — col-md-9 genişliğine göre esner (auto-fit ile viewport değil KONTEYNER genişliği baz alınır) */ .gulezler-about__grid{ display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:32px; align-items:start; } /* SOL — GÖRSEL */ .gulezler-about__image{ position:relative; border-radius:var(--ga-radius); overflow:hidden; margin-bottom:28px; aspect-ratio:16/9; } .gulezler-about__image img{ width:100%;height:100%;object-fit:cover;display:block; } .gulezler-about__image-badge{ position:absolute;left:24px;bottom:24px; background:var(--ga-navy); color:var(--ga-white); border-radius:10px; padding:14px 20px; display:flex;align-items:center;gap:10px; box-shadow:0 12px 30px rgba(22,35,61,.35); } .gulezler-about__image-badge strong{ font-size:26px;font-weight:800;color:var(--ga-orange);line-height:1; } .gulezler-about__image-badge span{font-size:12px;line-height:1.3;color:#D7DBE4;} /* SOL — METİN */ .gulezler-about__text{margin-bottom:28px;} .gulezler-about__text p{ color:var(--ga-navy-soft); font-size:15.5px; line-height:1.85; margin:0 0 16px; } .gulezler-about__text p:last-child{margin-bottom:0;} /* İSTATİSTİKLER */ .gulezler-about__stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; } .gulezler-about__stat{ background:var(--ga-white); border:1px solid var(--ga-line); border-radius:12px; padding:22px 16px; text-align:center; transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; } .gulezler-about__stat:hover{ transform:translateY(-4px); box-shadow:0 14px 30px rgba(22,35,61,.08); border-color:transparent; } .gulezler-about__stat strong{ display:block; font-size:26px; font-weight:800; margin-bottom:4px; } .gulezler-about__stat span{ font-size:12.5px; color:var(--ga-navy-soft); line-height:1.4; } /* SAĞ SÜTUN */ .gulezler-about__side{display:flex;flex-direction:column;gap:24px;} /* ALINTI */ .gulezler-about__quote{ background:var(--ga-navy); color:var(--ga-white); border-radius:var(--ga-radius); padding:28px 26px; position:relative; overflow:hidden; } .gulezler-about__quote::before{ content:"";position:absolute;top:-40px;right:-40px; width:140px;height:140px;background:var(--ga-orange);opacity:.18;border-radius:50%; } .gulezler-about__quote span{ display:inline-block;font-size:11px;font-weight:700;letter-spacing:.14em; color:var(--ga-orange);margin-bottom:14px; } .gulezler-about__quote blockquote{ margin:0 0 14px;font-size:20px;font-weight:600;line-height:1.4; } .gulezler-about__quote p{margin:0;font-size:14px;color:#C4CAD9;line-height:1.7;position:relative;} /* VİZYON */ .gulezler-about__vision{ background:var(--ga-white); border:1px solid var(--ga-line); border-radius:var(--ga-radius); padding:26px 26px 24px; } .gulezler-about__vision > span{ display:inline-block;font-size:11px;font-weight:700;letter-spacing:.14em; color:var(--ga-orange);margin-bottom:10px; } .gulezler-about__vision h3{font-size:20px;font-weight:700;margin:0 0 18px;line-height:1.35;} .gulezler-about__vision ul{list-style:none;margin:0;padding:0;display:grid;gap:13px;} .gulezler-about__vision li{ display:flex;align-items:flex-start;gap:11px; font-size:14.5px;color:var(--ga-navy);line-height:1.5; } .gulezler-about__vision i{ flex:none;width:22px;height:22px;border-radius:50%; background:var(--ga-orange-tint);color:var(--ga-orange); display:flex;align-items:center;justify-content:center;font-size:10px;margin-top:2px; } /* SERTİFİKALAR */ .gulezler-about__certificates{ background:var(--ga-white); border:1px solid var(--ga-line); border-radius:var(--ga-radius); padding:24px 26px; } .gulezler-about__certificates span{ display:block;font-size:11px;font-weight:700;letter-spacing:.14em; color:var(--ga-orange);margin-bottom:14px; } .gulezler-about__certificates div{display:flex;flex-wrap:wrap;gap:10px;} .gulezler-about__certificates strong{ background:var(--ga-cream); border:1px solid var(--ga-line); border-radius:8px; padding:8px 14px; font-size:13px; font-weight:700; color:var(--ga-navy); } /* RESPONSIVE — col-md-9'un gerçek genişliğine göre (viewport'a göre değil) */ @container gulezler-about (max-width:760px){ .gulezler-about__grid{grid-template-columns:1fr;} .gulezler-about__image{aspect-ratio:16/8;} } @container gulezler-about (max-width:520px){ .gulezler-about{padding:44px 0;} .gulezler-about__stats{grid-template-columns:1fr;} .gulezler-about__vision, .gulezler-about__quote, .gulezler-about__certificates{padding:24px 20px;} .gulezler-about__image-badge{left:14px;bottom:14px;padding:10px 14px;} .gulezler-about__image-badge strong{font-size:20px;} } /* Container query desteklemeyen eski tarayıcılar için yedek (viewport bazlı) */ @supports not (container-type: inline-size){ @media (max-width:900px){ .gulezler-about__grid{grid-template-columns:1fr;} } @media (max-width:600px){ .gulezler-about__stats{grid-template-columns:1fr;} } } /* ========================================================= ÜRÜN / SAYFA İÇERİK ALANI .page_content_top ========================================================= */ .page_content_top { padding: 45px 50px; background: #fff; border: 1px solid #e7e7e5; border-radius: 10px; color: #62666b; font-family: "Manrope", sans-serif; box-shadow: 0 10px 30px rgba(0,0,0,.04); } /* ========================================================= ANA GÖRSEL ========================================================= */ .page_content_top > h2:first-child { margin: 0 0 35px; } .page_content_top > h2:first-child img { width: 100%; max-height: 380px; display: block; object-fit: cover; border-radius: 8px; } /* ========================================================= ANA BAŞLIK ========================================================= */ .page_content_top > h2:not(:first-child) { position: relative; margin: 0 0 20px; padding-left: 20px; color: #191919; font-size: 30px; line-height: 1.3; font-weight: 750; letter-spacing: -.7px; } .page_content_top > h2:not(:first-child)::before { content: ""; position: absolute; left: 0; top: 5px; width: 4px; height: calc(100% - 10px); background: #f7471c; border-radius: 5px; } /* ========================================================= PARAGRAFLAR ========================================================= */ .page_content_top p { margin: 0 0 22px; color: #62666b; font-size: 14px; line-height: 1.9; } .page_content_top p:last-child { margin-bottom: 0; } /* ========================================================= ALT BAŞLIKLAR ========================================================= */ .page_content_top h3 { position: relative; margin: 38px 0 18px; padding-bottom: 12px; color: #191919; font-size: 19px; line-height: 1.4; font-weight: 750; border-bottom: 1px solid #e7e7e5; } .page_content_top h3::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 45px; height: 3px; background: #f7471c; border-radius: 5px; } /* ========================================================= LİSTE ========================================================= */ .page_content_top ul { margin: 0 0 25px; padding: 0; list-style: none; } .page_content_top ul li { position: relative; margin-bottom: 10px; padding: 13px 16px 13px 42px; background: #f7f7f6; border: 1px solid #ebebea; border-radius: 6px; color: #50545a; font-size: 13px; line-height: 1.6; transition: background .3s ease, border-color .3s ease, transform .3s ease; } .page_content_top ul li::before { content: "\f00c"; position: absolute; left: 15px; top: 50%; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; transform: translateY(-50%); background: rgba(247,71,28,.10); border-radius: 50%; color: #f7471c; font-family: "Font Awesome 5 Free"; font-size: 9px; font-weight: 900; } .page_content_top ul li:hover { background: #fff; border-color: rgba(247,71,28,.25); transform: translateX(3px); } /* ========================================================= GÖRSEL İÇERİĞİ GENEL ========================================================= */ .page_content_top img { max-width: 100%; height: auto; } /* ========================================================= LINKLER ========================================================= */ .page_content_top a { color: #f7471c; font-weight: 700; text-decoration: none; transition: color .3s ease; } .page_content_top a:hover { color: #191919; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 991px) { .page_content_top { padding: 35px; } .page_content_top > h2:not(:first-child) { font-size: 27px; } .page_content_top > h2:first-child img { max-height: 320px; } } /* ========================================================= MOBİL ========================================================= */ @media (max-width: 767px) { .page_content_top { padding: 25px 20px; border-radius: 8px; } .page_content_top > h2:first-child { margin-bottom: 25px; } .page_content_top > h2:first-child img { max-height: 230px; border-radius: 6px; } .page_content_top > h2:not(:first-child) { margin-bottom: 16px; padding-left: 15px; font-size: 23px; } .page_content_top > h2:not(:first-child)::before { width: 3px; } .page_content_top h3 { margin-top: 30px; font-size: 18px; } .page_content_top p { font-size: 13px; line-height: 1.8; } .page_content_top ul li { padding: 12px 13px 12px 38px; font-size: 12px; } } /* ========================================== GÜLEZLER BLOG DETAY ========================================== */ .gulezler-blog-detail { padding: 35px; background: #fff; border: 1px solid #ebebeb; border-radius: 18px; box-shadow: 0 8px 30px rgba(0, 0, 0, .05); } /* ========================================== IMAGE ========================================== */ .gulezler-blog-detail__image { float: left; width: 500px; margin: 0 30px 20px 0; } .gulezler-blog-detail__image img { width: 100%; height: auto; display: block; border-radius: 12px; object-fit: cover; } /* ========================================== CONTENT ========================================== */ .gulezler-blog-detail__content h2 { margin: 0 0 20px; color: #171717; font-size: 22px; line-height: 1.25; font-weight: 700; } .gulezler-blog-detail__content p { margin-bottom: 18px; color: #666; font-size: 15px; line-height: 1.8; } .gulezler-blog-detail__content h3 { margin: 30px 0 15px; color: #171717; font-size: 22px; font-weight: 700; } .gulezler-blog-detail__content ul { margin-bottom: 20px; padding-left: 20px; } .gulezler-blog-detail__content li { margin-bottom: 8px; color: #666; line-height: 1.7; } /* ========================================== FLOAT SONLANDIR ========================================== */ .gulezler-blog-detail::after { content: ""; display: table; clear: both; } /* ========================================== TABLET ========================================== */ @media (max-width: 991px) { .gulezler-blog-detail { padding: 28px; } .gulezler-blog-detail__image { width: 400px; } .gulezler-blog-detail__content h2 { font-size: 28px; } } /* ========================================== MOBILE ========================================== */ @media (max-width: 767px) { .gulezler-blog-detail { padding: 20px; } .gulezler-blog-detail__image { float: none; width: 100%; margin: 0 0 25px; } .gulezler-blog-detail__image img { border-radius: 10px; } .gulezler-blog-detail__content h2 { font-size: 17px; margin-bottom: 15px; } .gulezler-blog-detail__content h3 { font-size: 15px; } .gulezler-blog-detail__content p { font-size: 14px; line-height: 1.75; } } /* ========================================= GÜLEZLER METAL - FOOTER CARD ========================================= */ .glz-footer__about { top: -110px; right: 50px; position: relative; width: 100%; max-width: 340px; min-height: 380px; background: #fff; padding: 55px 35px 40px; margin: 0 auto; text-align: center; border-top: 5px solid #f7471c; border-bottom-left-radius: 75px; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08); display: flex; flex-direction: column; align-items: center; justify-content: flex-start; } /* Logo */ .glz-footer__logo { display: flex; align-items: center; justify-content: center; width: 100%; margin-bottom: 25px; } .glz-footer__logo img { width: auto; max-width: 185px; height: auto; max-height: 75px; object-fit: contain; } /* Açıklama */ .glz-footer__about-text { display: none; } /* Telefon / mail / adres */ .glz-footer__contact { display: none; } /* ========================================= SOSYAL MEDYA ========================================= */ .glz-footer__social { display: flex !important; align-items: center; justify-content: center; gap: 10px; margin: 0 !important; padding: 0; } .glz-footer__social a { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #f5f6f7; color: #607586; font-size: 16px; border-radius: 2px; text-decoration: none; transition: all 0.3s ease; } .glz-footer__social a:hover { background: #f7471c; color: #fff; transform: translateY(-3px); } /* ========================================= MOBİL ========================================= */ @media (max-width: 575px) { .glz-footer__about { top: 0px; right: 0px; max-width: 320px; min-height: 360px; padding: 50px 25px 35px; border-bottom-left-radius: 65px; } .glz-footer__logo img { max-width: 175px; } } .gulezler-about > img { width: 100%; height: 420px; object-fit: cover; display: block; border-radius: 20px; margin-bottom: 25px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10); transition: all 0.3s ease; } .page-content > img { width: 100%; height: 420px; object-fit: cover; display: block; border-radius: 20px; margin-bottom: 25px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10); transition: all 0.3s ease; } .justify-items-center{ justify-items: center !important; } /* Mobil */ @media (max-width: 767px) { .page-content > img { width: 100%; height: 230px; object-fit: cover; display: block; border-radius: 20px; margin-bottom: 25px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10); transition: all 0.3s ease; } }