*, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ""; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. */ html { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } a:hover { text-decoration: none; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font family by default. 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role=button] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Ensure the default browser behavior of the `hidden` attribute. */ [hidden] { display: none; } *, ::before, ::after { --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } .container { width: 100%; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 320px) { .container { max-width: 320px; } } @media (min-width: 576px) { .container { max-width: 576px; } } @media (min-width: 768px) { .container { max-width: 768px; } } @media (min-width: 992px) { .container { max-width: 992px; } } @media (min-width: 1280px) { .container { max-width: 1280px; } } @media (min-width: 1536px) { .container { max-width: 1536px; } } @media (min-width: 1920px) { .container { max-width: 1920px; } } .container { max-width: 100%; } @media (min-width: 576px) { .container { max-width: 570px; } } @media (min-width: 768px) { .container { max-width: 750px; } } @media (min-width: 992px) { .container { max-width: 990px; } } @media (min-width: 1280px) { .container { max-width: 1250px; } } .pointer-events-none { pointer-events: none; } .visible { visibility: visible; } .btn-sec-rounded-color:hover{ background-color:white; color:#000; } .btn-sec-rounded-color{ padding:10px 20px; color:#fff; box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; border-radius: 12px; margin-top:8px; background-color: rgb(217 102 63); } .btn-rounded-color:hover{ background-color: rgb(217 102 63); color:#000; } .text-xsss{ font-size: 14px; } .footer .smaol_fnt{ font-size:15px; } .btn-rounded-color{ padding:10px 20px; color:#fff; font-size: 15px; box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; border-radius: 12px; margin-top:8px; background-color:rgb(11 44 61); } .all-properties button{ padding: 5px 10px; margin-right: 5px; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; } .invisible { visibility: hidden; } .static { position: static; } .cities-slider .testimo{ background-color: azure; padding: 25px; height: 362px; border-radius: 25px; } .testimo img{ border: 5px solid; border-radius: 50%; } .key_points .border{ border: 2px solid; border-color: antiquewhite; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; } .fixed { position: fixed; } .facebook:hover{ background-color: #3C599F !important; color:#fff !important; border-color: #3C599F !important; } .linkedin:hover{ background-color: #3C599F !important; color:#fff !important; border-color: #3C599F !important; } .twitter:hover{ background-color: #32CCFE !important; color:#fff !important; border-color: #32CCFE !important; } .instagram:hover{ background: linear-gradient(to top right, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d) !important; color:#fff !important; border-color: #405de6 !important; } .absolute { position: absolute; } .relative { position: relative; } .inset-0 { top: 0px; right: 0px; bottom: 0px; left: 0px; } .left-0 { left: 0px; } .top-auto { top: auto; } .bottom-\[85px\] { bottom: 85px; } .left-\[30px\] { left: 30px; } .left-\[85px\] { left: 85px; } .right-5 { right: 1.25rem; } .bottom-16 { bottom: 4rem; } .top-\[15px\] { top: 15px; } .top-\[-30px\] { top: -30px; } .top-1\/2 { top: 50%; } .right-\[30px\] { right: 30px; } .top-\[0px\] { top: 0px; } .left-\[-45px\] { left: -45px; } .right-0 { right: 0px; } .bottom-0 { bottom: 0px; } .left-\[56px\] { left: 56px; } .top-\[80px\] { top: 80px; } .right-\[-70px\] { right: -70px; } .top-0 { top: 0px; } .right-\[5\%\] { right: 5%; } .bottom-\[10\%\] { bottom: 10%; } .left-\[10\%\] { left: 10%; } .bottom-\[25px\] { bottom: 25px; } .left-\[25px\] { left: 25px; } .right-\[25px\] { right: 25px; } .bottom-\[0px\] { bottom: 0px; } .top-\[50\%\] { top: 50%; } .left-\[28px\] { left: 28px; } .top-\[-20px\] { top: -20px; } .bottom-\[-55px\] { bottom: -55px; } .bottom-\[0\%\] { bottom: 0%; } .-right-6 { right: -1.5rem; } .-bottom-\[100px\] { bottom: -100px; } .top-\[120\%\] { top: 120%; } .left-1\/2 { left: 50%; } .top-5 { top: 1.25rem; } .bottom-5 { bottom: 1.25rem; } .left-5 { left: 1.25rem; } .bottom-\[-56px\] { bottom: -56px; } .right-\[20px\] { right: 20px; } .left-\[20px\] { left: 20px; } .top-\[30px\] { top: 30px; } .-right-\[50px\] { right: -50px; } .bottom-12 { bottom: 3rem; } .left-\[0px\] { left: 0px; } .top-\[65\%\] { top: 65%; } .right-\[0px\] { right: 0px; } .bottom-\[-18px\] { bottom: -18px; } .right-\[5px\] { right: 5px; } .top-\[18px\] { top: 18px; } .left-\[-17px\] { left: -17px; } .bottom-\[15px\] { bottom: 15px; } .right-\[15px\] { right: 15px; } .z-10 { z-index: 10; } .z-\[1\] { z-index: 1; } .z-\[5\] { z-index: 5; } .z-\[25\] { z-index: 25; } .z-\[2\] { z-index: 2; } .z-\[999\] { z-index: 999; } .z-20 { z-index: 20; } .z-\[0\] { z-index: 0; } .z-\[9\] { z-index: 9; } .z-\[99\] { z-index: 99; } .z-50 { z-index: 50; } .z-\[-2\] { z-index: -2; } .z-\[-1\] { z-index: -1; } .order-last { order: 9999; } .order-2 { order: 2; } .col-span-12 { grid-column: span 12/span 12; } .col-span-7 { grid-column: span 7/span 7; } .col-span-5 { grid-column: span 5/span 5; } .col-span-1 { grid-column: span 1/span 1; } .col-span-4 { grid-column: span 4/span 4; } .col-span-8 { grid-column: span 8/span 8; } .m-\[-10px\] { margin: -10px; } .m-\[10px\] { margin: 10px; } .mx-auto { margin-left: auto; margin-right: auto; } .mx-\[4px\] { margin-left: 4px; margin-right: 4px; } .mx-\[1px\] { margin-left: 1px; margin-right: 1px; } .-mx-\[30px\] { margin-left: -30px; margin-right: -30px; } .-my-\[60px\] { margin-top: -60px; margin-bottom: -60px; } .-mx-\[20px\] { margin-left: -20px; margin-right: -20px; } .my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .-mx-\[15px\] { margin-left: -15px; margin-right: -15px; } .mx-\[-15px\] { margin-left: -15px; margin-right: -15px; } .my-\[20px\] { margin-top: 20px; margin-bottom: 20px; } .my-\[-1px\] { margin-top: -1px; margin-bottom: -1px; } .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; } .mx-\[5px\] { margin-left: 5px; margin-right: 5px; } .my-\[-7px\] { margin-top: -7px; margin-bottom: -7px; } .mx-\[-5px\] { margin-left: -5px; margin-right: -5px; } .my-\[7px\] { margin-top: 7px; margin-bottom: 7px; } .mb-5 { margin-bottom: 1.25rem; } .mt-5 { margin-top: 1.25rem; } .mb-\[-40px\] { margin-bottom: -40px; } .mb-\[40px\] { margin-bottom: 40px; } .mb-2 { margin-bottom: 0.5rem; } .mb-\[15px\] { margin-bottom: 15px; } .mb-\[30px\] { margin-bottom: 30px; } .mb-\[60px\] { margin-bottom: 60px; } .mb-\[-30px\] { margin-bottom: -30px; } .mt-\[20px\] { margin-top: 20px; } .ml-\[10px\] { margin-left: 10px; } .mt-\[80px\] { margin-top: 80px; } .mb-10 { margin-bottom: 2.5rem; } .-mt-\[150px\] { margin-top: -150px; } .mb-\[-45px\] { margin-bottom: -45px; } .mb-\[45px\] { margin-bottom: 45px; } .mt-\[50px\] { margin-top: 50px; } .mb-3 { margin-bottom: 0.75rem; } .mt-10 { margin-top: 2.5rem; } .mt-20 { margin-top: 5rem; } .mb-\[10px\] { margin-bottom: 10px; } .mb-12 { margin-bottom: 3rem; } .mb-\[50px\] { margin-bottom: 50px; } .mr-\[30px\] { margin-right: 30px; } .mb-4 { margin-bottom: 1rem; } .mt-\[10px\] { margin-top: 10px; } .mb-\[5px\] { margin-bottom: 5px; } .ml-\[15px\] { margin-left: 15px; } .mt-\[45px\] { margin-top: 45px; } .mt-\[8px\] { margin-top: 8px; } .mr-\[15px\] { margin-right: 15px; } .-mb-\[30px\] { margin-bottom: -30px; } .mt-\[55px\] { margin-top: 55px; } .mb-\[35px\] { margin-bottom: 35px; } .mt-7 { margin-top: 1.75rem; } .mb-\[25px\] { margin-bottom: 25px; } .mt-\[25px\] { margin-top: 25px; } .mb-\[-15px\] { margin-bottom: -15px; } .ml-\[5px\] { margin-left: 5px; } .mt-\[70px\] { margin-top: 70px; } .mb-\[55px\] { margin-bottom: 55px; } .mr-\[35px\] { margin-right: 35px; } .mr-\[10px\] { margin-right: 10px; } .mt-\[60px\] { margin-top: 60px; } .mt-3 { margin-top: 0.75rem; } .mr-\[20px\] { margin-right: 20px; } .mr-\[5px\] { margin-right: 5px; } .-mb-\[45px\] { margin-bottom: -45px; } .mr-4 { margin-right: 1rem; } .mb-1 { margin-bottom: 0.25rem; } .mt-12 { margin-top: 3rem; } .mb-\[-20px\] { margin-bottom: -20px; } .mt-\[40px\] { margin-top: 40px; } .mt-\[5px\] { margin-top: 5px; } .mt-\[15px\] { margin-top: 15px; } .ml-\[40px\] { margin-left: 40px; } .mb-\[20px\] { margin-bottom: 20px; } .mb-\[80px\] { margin-bottom: 80px; } .mr-\[40px\] { margin-right: 40px; } .mr-\[4px\] { margin-right: 4px; } .ml-\[20px\] { margin-left: 20px; } .ml-3 { margin-left: 0.75rem; } .-mb-10 { margin-bottom: -2.5rem; } .mr-5 { margin-right: 1.25rem; } .mb-7 { margin-bottom: 1.75rem; } .mb-\[70px\] { margin-bottom: 70px; } .mb-8 { margin-bottom: 2rem; } .ml-auto { margin-left: auto; } .mr-auto { margin-right: auto; } .mb-\[75px\] { margin-bottom: 75px; } .mt-\[-20px\] { margin-top: -20px; } .ml-2 { margin-left: 0.5rem; } .mt-8 { margin-top: 2rem; } .mr-7 { margin-right: 1.75rem; } .mr-\[70px\] { margin-right: 70px; } .mr-1 { margin-right: 0.25rem; } .mb-\[-25px\] { margin-bottom: -25px; } .ml-6 { margin-left: 1.5rem; } .mb-\[8px\] { margin-bottom: 8px; } .mb-\[-60px\] { margin-bottom: -60px; } .mt-\[0px\] { margin-top: 0px; } .mb-\[4px\] { margin-bottom: 4px; } .mt-4 { margin-top: 1rem; } .ml-\[4px\] { margin-left: 4px; } .ml-0 { margin-left: 0px; } .block { display: block; } .inline-block { display: inline-block; } .flex { display: flex; } .inline-flex { display: inline-flex; } .grid { display: grid; } .hidden { display: none; } .h-\[350px\] { height: 350px; } .h-\[250px\] { height: 250px; } .h-\[36px\] { height: 36px; } .h-12 { height: 3rem; } .h-\[450px\] { height: 450px; } .h-290 { height: 290px; } .h-240 { height: 240px; } .h-full { height: 100%; } .h-auto { height: auto; } .h-\[43px\] { height: 43px; } .h-\[26px\] { height: 26px; } .h-\[196px\] { height: 196px; } .h-\[385px\] { height: 385px; } .h-\[360px\] { height: 360px; } .h-\[60px\] { height: 60px; } .h-\[22px\] { height: 22px; } .h-screen { height: 100vh; } .h-\[100vh\] { height: 100vh; } .h-10 { height: 2.5rem; } .h-\[250px\] { height: 250px; } .h-\[45px\] { height: 45px; } .h-\[55px\] { height: 55px; } .h-\[70px\] { height: 70px; } .h-\[90\%\] { height: 90%; } .min-h-\[100px\] { min-height: 100px; } .min-h-\[360px\] { min-height: 360px; } .w-full { width: 100%; } .w-\[36px\] { width: 36px; } .w-12 { width: 3rem; } .w-1\/2 { width: 50%; } .w-auto { width: auto; } .w-\[43px\] { width: 43px; } .w-\[26px\] { width: 26px; } .w-\[22px\] { width: 22px; } .w-\[220px\] { width: 220px; } .w-\[890px\] { width: 890px; } .w-\[180px\] { width: 180px; } .w-10 { width: 2.5rem; } .w-\[127px\] { width: 127px; } .w-\[calc\(100\%-151px\)\] { width: calc(100% - 151px); } .w-\[48\%\] { width: 48%; } .w-\[55px\] { width: 55px; } .w-\[70px\] { width: 70px; } .w-\[90\%\] { width: 90%; } .max-w-\[480px\] { max-width: 480px; } .max-w-\[500px\] { max-width: 500px; } .max-w-\[420px\] { max-width: 420px; } .max-w-\[830px\] { max-width: 830px; } .max-w-\[700px\] { max-width: 700px; } .max-w-\[530px\] { max-width: 530px; } .max-w-\[315px\] { max-width: 315px; } .max-w-\[460px\] { max-width: 460px; } .max-w-\[767px\] { max-width: 767px; } .max-w-\[465px\] { max-width: 465px; } .max-w-\[30px\] { max-width: 30px; } .max-w-\[250px\] { max-width: 250px; } .max-w-\[600px\] { max-width: 600px; } .max-w-\[650px\] { max-width: 650px; } .max-w-\[38px\] { max-width: 38px; } .max-w-\[448px\] { max-width: 448px; } .max-w-\[180px\] { max-width: 180px; } .max-w-\[270px\] { max-width: 270px; } .max-w-\[560px\] { max-width: 560px; } .max-w-\[570px\] { max-width: 570px; } .max-w-\[372px\] { max-width: 372px; } .max-w-\[100\%\] { max-width: 100%; } .max-w-\[450px\] { max-width: 450px; } .max-w-full { max-width: 100%; } .flex-1 { flex: 1 1 0%; } .shrink-0 { flex-shrink: 0; } .-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-\[-10px\] { --tw-translate-y: -10px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-\[-40\%\] { --tw-translate-x: -40%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-x-full { --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-\[0px\] { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-\[0\.8\] { --tw-scale-x: 0.8; --tw-scale-y: 0.8; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @-webkit-keyframes animateSpin { 0% { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes animateSpin { 0% { transform: rotate(0deg); } to { transform: rotate(360deg); } } .animate-animateSpin { -webkit-animation: animateSpin 5s linear infinite; animation: animateSpin 5s linear infinite; } .cursor-pointer { cursor: pointer; } .resize-none { resize: none; } .list-none { list-style-type: none; } .appearance-none { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .columns-1 { -moz-columns: 1; columns: 1; } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .flex-row { flex-direction: row; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-wrap { flex-wrap: wrap; } .flex-nowrap { flex-wrap: nowrap; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .items-baseline { align-items: baseline; } .justify-start { justify-content: flex-start; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .gap-\[30px\] { gap: 30px; } .gap-7 { gap: 1.75rem; } .gap-2 { gap: 0.5rem; } .gap-6 { gap: 1.5rem; } .gap-3 { gap: 0.75rem; } .gap-x-\[15px\] { -moz-column-gap: 15px; column-gap: 15px; } .gap-x-\[30px\] { -moz-column-gap: 30px; column-gap: 30px; } .gap-x-5 { -moz-column-gap: 1.25rem; column-gap: 1.25rem; } .gap-y-\[30px\] { row-gap: 30px; } .gap-x-\[50px\] { -moz-column-gap: 50px; column-gap: 50px; } .gap-y-\[40px\] { row-gap: 40px; } .gap-x-\[20px\] { -moz-column-gap: 20px; column-gap: 20px; } .gap-x-\[40px\] { -moz-column-gap: 40px; column-gap: 40px; } .gap-y-\[35px\] { row-gap: 35px; } .self-start { align-self: flex-start; } .self-center { align-self: center; } .overflow-hidden { overflow: hidden; } .overflow-y-auto { overflow-y: auto; } .overflow-x-hidden { overflow-x: hidden; } .rounded-\[6px\] { border-radius: 6px; } .rounded-\[30px\] { border-radius: 30px; } .rounded-full { border-radius: 9999px; } .rounded-\[8px\] { border-radius: 8px; } .rounded-\[10px\] { border-radius: 10px; } .rounded-\[6px_6px_0px_0px\] { border-radius: 6px 6px 0px 0px; } .rounded-\[0px_0px_6px_6px\] { border-radius: 0px 0px 6px 6px; } .rounded-\[12px\] { border-radius: 12px; } .rounded-\[26px\] { border-radius: 26px; } .rounded-\[5px\] { border-radius: 5px; } .rounded-\[15px\] { border-radius: 15px; } .rounded-md { border-radius: 0.375rem; } .rounded-\[2px\] { border-radius: 2px; } .rounded-\[4px\] { border-radius: 4px; } .rounded-\[14px\] { border-radius: 14px; } .rounded-\[24px\] { border-radius: 24px; } .rounded-\[7px\] { border-radius: 7px; } .rounded-\[20px\] { border-radius: 20px; } .rounded-t-\[6px\] { border-top-left-radius: 6px; border-top-right-radius: 6px; } .rounded-t-\[12px\] { border-top-left-radius: 12px; border-top-right-radius: 12px; } .rounded-b-\[12px\] { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; } .rounded-tl-\[15px\] { border-top-left-radius: 15px; } .rounded-tr-\[15px\] { border-top-right-radius: 15px; } .rounded-tl-\[10px\] { border-top-left-radius: 10px; } .rounded-bl-\[10px\] { border-bottom-left-radius: 10px; } .rounded-bl-\[15px\] { border-bottom-left-radius: 15px; } .rounded-br-\[15px\] { border-bottom-right-radius: 15px; } .rounded-tl-\[6px\] { border-top-left-radius: 6px; } .border-\[1px\] { border-width: 1px; } .border { border-width: 1px; } .border-b-\[1px\] { border-bottom-width: 1px; } .border-b-\[6px\] { border-bottom-width: 6px; } .border-t { border-top-width: 1px; } .border-l { border-left-width: 1px; } .border-r { border-right-width: 1px; } .border-b { border-bottom-width: 1px; } .border-b-2 { border-bottom-width: 2px; } .border-solid { border-style: solid; } .border-dashed { border-style: dashed; } .border-secondary { --tw-border-opacity: 1; border-color: rgb(240 90 39/var(--tw-border-opacity)); } .border-\[\#1B2D40\]\/60 { border-color: rgba(27, 45, 64, 0.6); } .border-\[\#E0E0E0\] { --tw-border-opacity: 1; border-color: rgb(224 224 224/var(--tw-border-opacity)); } .border-primary { --tw-border-opacity: 1; border-color: rgb(11 44 61/var(--tw-border-opacity)); } .border-\[\#1B2D40\] { --tw-border-opacity: 1; border-color: rgb(27 45 64/var(--tw-border-opacity)); } .border-\[\#016450\] { --tw-border-opacity: 1; border-color: rgb(1 100 80/var(--tw-border-opacity)); } .border-\[\#fff\] { --tw-border-opacity: 1; border-color: rgb(255 255 255/var(--tw-border-opacity)); } .border-\[\#B6C9C4\] { --tw-border-opacity: 1; border-color: rgb(182 201 196/var(--tw-border-opacity)); } .border-\[\#FFF6F0\] { --tw-border-opacity: 1; border-color: rgb(255 246 240/var(--tw-border-opacity)); } .border-\[rgba\(1\,100\,80\,0\.25\)\] { border-color: rgba(1, 100, 80, 0.25); } .border-\[\#FF6500\] { --tw-border-opacity: 1; border-color: rgb(255 101 0/var(--tw-border-opacity)); } .border-\[\#E0DEDE\] { --tw-border-opacity: 1; border-color: rgb(224 222 222/var(--tw-border-opacity)); } .border-b-primary { --tw-border-opacity: 1; border-bottom-color: rgb(11 44 61/var(--tw-border-opacity)); } .border-opacity-60 { --tw-border-opacity: 0.6; } .border-opacity-\[25\%\] { --tw-border-opacity: 25%; } .border-opacity-40 { --tw-border-opacity: 0.4; } .border-opacity-25 { --tw-border-opacity: 0.25; } .bg-primary { --tw-bg-opacity: 1; background-color: rgb(52 67 77/var(--tw-bg-opacity)) !important; } .bg-\[\#E9F1FF\] { --tw-bg-opacity: 1; background-color: rgb(233 241 255/var(--tw-bg-opacity)); } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); } .bg-secondary { --tw-bg-opacity: 1; background-color: rgb(240 90 39/var(--tw-bg-opacity)); } .bg-\[\#EEEEEE\] { --tw-bg-opacity: 1; background-color: rgb(238 238 238/var(--tw-bg-opacity)); } .bg-\[\#FFF6F0\] { --tw-bg-opacity: 1; background-color: rgb(255 246 240/var(--tw-bg-opacity)); } .bg-\[\#FFFDFC\] { --tw-bg-opacity: 1; background-color: rgb(255 253 252/var(--tw-bg-opacity)); } .bg-\[\#F5F9F8\] { --tw-bg-opacity: 1; background-color: rgb(245 249 248/var(--tw-bg-opacity)); } .bg-\[\#E8F1FF\] { --tw-bg-opacity: 1; background-color: rgb(232 241 255/var(--tw-bg-opacity)); } .bg-\[\#0B2C3D\] { --tw-bg-opacity: 1; background-color: rgb(11 44 61/var(--tw-bg-opacity)); } .bg-\[rgb\(232\,241\,255\,0\.9\)\] { background-color: rgba(232, 241, 255, 0.9); } .bg-\[rgb\(232\,241\,255\,0\.98\)\] { background-color: rgba(232, 241, 255, 0.98); } .bg-transparent { background-color: transparent; } .bg-\[rgb\(232\,241\,255\)\] { --tw-bg-opacity: 1; background-color: rgb(232 241 255/var(--tw-bg-opacity)); } .bg-\[rgb\(255\,253\,252\,0\.9\)\] { background-color: rgba(255, 253, 252, 0.9); } .bg-\[\#FFFFFF\] { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); } .bg-sky-100 { --tw-bg-opacity: 1; background-color: rgb(224 242 254/var(--tw-bg-opacity)); } .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0/var(--tw-bg-opacity)); } .bg-\[rgb\(11\,44\,61\,0\.8\)\] { background-color: rgba(11, 44, 61, 0.8); } .bg-\[\#F4F4F4\] { --tw-bg-opacity: 1; background-color: rgb(244 244 244/var(--tw-bg-opacity)); } .bg-\[\#ECFAF7\] { --tw-bg-opacity: 1; background-color: rgb(236 250 247/var(--tw-bg-opacity)); } .bg-cover { background-size: cover; } .bg-contain { background-size: contain; } .bg-center { background-position: center; } .bg-left-bottom { background-position: left bottom; } .bg-right-top { background-position: right top; } .bg-no-repeat { background-repeat: no-repeat; } .fill-current { fill: currentColor; } .stroke-secondary { stroke: #B39359; } .stroke-primary { stroke: #0B2C3D; } .object-contain { -o-object-fit: contain; object-fit: contain; } .object-cover { -o-object-fit: cover; object-fit: cover; } .p-\[30px\] { padding: 30px; } .p-\[15px\] { padding: 15px; } .p-\[20px\] { padding: 20px; } .p-\[25px\] { padding: 25px; } .p-\[10px\] { padding: 10px; } .p-\[5px\] { padding: 5px; } .p-1 { padding: 0.25rem; } .py-\[11px\] { padding-top: 11px; padding-bottom: 11px; } .py-\[80px\] { padding-top: 80px; padding-bottom: 80px; } .px-\[40px\] { padding-left: 40px; padding-right: 40px; } .py-\[15px\] { padding-top: 15px; padding-bottom: 15px; } .px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .py-\[30px\] { padding-top: 30px; padding-bottom: 30px; } .px-\[15px\] { padding-left: 15px; padding-right: 15px; } .py-\[20px\] { padding-top: 20px; padding-bottom: 20px; } .py-\[50px\] { padding-top: 50px; padding-bottom: 50px; } .px-\[20px\] { padding-left: 20px; padding-right: 20px; } .px-\[30px\] { padding-left: 30px; padding-right: 30px; } .px-\[10px\] { padding-left: 10px; padding-right: 10px; } .px-\[50px\] { padding-left: 50px; padding-right: 50px; } .py-\[60px\] { padding-top: 60px; padding-bottom: 60px; } .py-\[22px\] { padding-top: 22px; padding-bottom: 22px; } .px-\[5px\] { padding-left: 5px; padding-right: 5px; } .py-\[40px\] { padding-top: 40px; padding-bottom: 40px; } .py-\[35px\] { padding-top: 35px; padding-bottom: 35px; } .py-\[12px\] { padding-top: 12px; padding-bottom: 12px; } .py-\[45px\] { padding-top: 45px; padding-bottom: 45px; } .py-\[17px\] { padding-top: 17px; padding-bottom: 17px; } .py-12 { padding-top: 3rem; padding-bottom: 3rem; } .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .px-\[25px\] { padding-left: 25px; padding-right: 25px; } .py-\[25px\] { padding-top: 25px; padding-bottom: 25px; } .py-\[10px\] { padding-top: 10px; padding-bottom: 10px; } .py-\[8px\] { padding-top: 8px; padding-bottom: 8px; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .pt-\[80px\] { padding-top: 80px; } .pb-\[120px\] { padding-bottom: 120px; } .pb-\[80px\] { padding-bottom: 80px; } .pb-\[40px\] { padding-bottom: 40px; } .pb-\[50px\] { padding-bottom: 50px; } .pb-3 { padding-bottom: 0.75rem; } .brand-section .swiper-slide img{ transition: all 0.4s ease; } .brand-section .swiper-slide:hover img{ filter: drop-shadow(5px 5px 5px #222); } .pt-\[20px\] { padding-top: 20px; } .pb-\[25px\] { padding-bottom: 25px; } .pt-\[25px\] { padding-top: 25px; } .pl-\[60px\] { padding-left: 60px; } .pr-3 { padding-right: 0.75rem; } .pb-\[60px\] { padding-bottom: 60px; } .pl-\[40px\] { padding-left: 40px; } .pt-10 { padding-top: 2.5rem; } .pb-\[22px\] { padding-bottom: 22px; } .pb-\[30px\] { padding-bottom: 30px; } .pb-\[45px\] { padding-bottom: 45px; } .pb-\[10px\] { padding-bottom: 10px; } .pb-\[50px\] { padding-bottom: 50px; } .pl-\[30px\] { padding-left: 30px; } .pl-\[25px\] { padding-left: 25px; } .pt-\[130px\] { padding-top: 130px; } .pr-\[30px\] { padding-right: 30px; } .pb-\[70px\] { padding-bottom: 70px; } .pl-\[15px\] { padding-left: 15px; } .pr-\[15px\] { padding-right: 15px; } .pr-5 { padding-right: 1.25rem; } .pt-3 { padding-top: 0.75rem; } .pb-1 { padding-bottom: 0.25rem; } .pr-\[25px\] { padding-right: 25px; } .pt-\[10px\] { padding-top: 10px; } .pr-\[45px\] { padding-right: 45px; } .pl-\[20px\] { padding-left: 20px; } .pr-\[20px\] { padding-right: 20px; } .pt-\[15px\] { padding-top: 15px; } .pb-\[20px\] { padding-bottom: 20px; } .pt-\[5px\] { padding-top: 5px; } .pb-\[15px\] { padding-bottom: 15px; } .pt-\[30px\] { padding-top: 30px; } .pl-\[50px\] { padding-left: 50px; } .pl-5 { padding-left: 1.25rem; } .pt-\[45px\] { padding-top: 45px; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .font-karla { font-family: Karla, sans-serif; } .font-open { font-family: 'Open Sans', sans-serif; } .font-lora { font-family: Lora, sans-serif; } .text-tiny { font-size: 16px; line-height: 1.75; } .text-base { font-size: 18px; line-height: 1.555; } .text-\[36px\] { font-size: 36px; } .text-\[24px\] { font-size: 24px; } .text-\[32px\] { font-size: 32px; } .text-\[15px\] { font-size: 15px; } .text-\[14px\] { font-size: 14px; } .text-lg { font-size: 28px; line-height: 1.428; } .text-\[18px\] { font-size: 18px; } .text-\[16px\] { font-size: 16px; } .text-\[28px\] { font-size: 28px; } .text-\[22px\] { font-size: 22px; } .text-\[17px\] { font-size: 17px; } .text-\[20px\] { font-size: 20px; } .text-xl { font-size: 36px; line-height: 1.277; } .text-sm { font-size: 14px; line-height: 2; } .text-\[12px\] { font-size: 12px; } .text-\[25px\] { font-size: 25px; } .text-xs { font-size: 14px; line-height: 1; } .font-medium { font-weight: 500; } .font-normal { font-weight: 400; } .font-light { font-weight: 300; } .font-bold { font-weight: 700; } .font-semibold { font-weight: 600; } .capitalize { text-transform: capitalize; } .italic { font-style: italic; } .leading-tight { line-height: 1.25; } .leading-\[1\.388\] { line-height: 1.388; } .leading-\[1\.277\] { line-height: 1.277; } .leading-\[1\.3888\] { line-height: 1.3888; } .leading-none { line-height: 1; } .leading-\[2\] { line-height: 2; } .leading-\[1\.75\] { line-height: 1.75; } .leading-\[1\] { line-height: 1; } .leading-\[1\.285\] { line-height: 1.285; } .leading-\[1\.222\] { line-height: 1.222; } .leading-\[1\.571\] { line-height: 1.571; } .leading-\[1\.5\] { line-height: 1.5; } .leading-\[1\.2\] { line-height: 1.2; } .tracking-\[0\.03em\] { letter-spacing: 0.03em; } .tracking-\[0\.02em\] { letter-spacing: 0.02em; } .text-body { --tw-text-opacity: 1; color: rgb(73 73 73/var(--tw-text-opacity)); } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); } .text-secondary { --tw-text-opacity: 1; color: rgb(240 90 39/var(--tw-text-opacity))!important; } .text-primary { --tw-text-opacity: 1; color: rgb(11 44 61/var(--tw-text-opacity)) !important; } .text-\[\#494949\] { --tw-text-opacity: 1; color: rgb(73 73 73/var(--tw-text-opacity)); } .text-\[\#9C9C9C\] { --tw-text-opacity: 1; color: rgb(156 156 156/var(--tw-text-opacity)); } .text-black { --tw-text-opacity: 1; color: rgb(0 0 0/var(--tw-text-opacity)); } .text-\[\#016450\] { --tw-text-opacity: 1; color: rgb(1 100 80/var(--tw-text-opacity)); } .text-green-400 { --tw-text-opacity: 1; color: rgb(74 222 128/var(--tw-text-opacity)); } .text-red-600 { --tw-text-opacity: 1; color: rgb(220 38 38/var(--tw-text-opacity)); } .text-\[\#9D9C9C\] { --tw-text-opacity: 1; color: rgb(157 156 156/var(--tw-text-opacity)); } .text-\[\#B1AEAE\] { --tw-text-opacity: 1; color: rgb(177 174 174/var(--tw-text-opacity)); } .underline { -webkit-text-decoration-line: underline; text-decoration-line: underline; } .opacity-0 { opacity: 0; } .opacity-100 { opacity: 1; } .opacity-50 { opacity: 0.5; } .opacity-80 { opacity: 0.8; } .shadow-\[0px_10px_20px_rgba\(196\,196\,196\,0\.5\)\] { --tw-shadow: 0px 10px 20px rgba(196,196,196,0.5); --tw-shadow-colored: 0px 10px 20px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .drop-shadow-\[0px_2px_15px_rgba\(0\,0\,0\,0\.1\)\] { --tw-drop-shadow: drop-shadow(0px 2px 15px rgba(0,0,0,0.1)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .drop-shadow-\[0px_10px_20px_rgba\(0\,0\,0\,0\.15\)\] { --tw-drop-shadow: drop-shadow(0px 10px 20px rgba(0,0,0,0.15)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .drop-shadow-\[0px_6px_10px_rgba\(0\,0\,0\,0\.2\)\] { --tw-drop-shadow: drop-shadow(0px 6px 10px rgba(0,0,0,0.2)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .drop-shadow-\[0px_0px_5px_rgba\(0\,0\,0\,0\.1\)\] { --tw-drop-shadow: drop-shadow(0px 0px 5px rgba(0,0,0,0.1)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .drop-shadow-\[0px_2px_5px_rgba\(0\,0\,0\,0\.1\)\] { --tw-drop-shadow: drop-shadow(0px 2px 5px rgba(0,0,0,0.1)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .drop-shadow-\[0px_2px_3px_rgba\(0\,0\,0\,0\.1\)\] { --tw-drop-shadow: drop-shadow(0px 2px 3px rgba(0,0,0,0.1)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .drop-shadow-\[0px_10px_20px_rgba\(0\,0\,0\,0\.25\)\] { --tw-drop-shadow: drop-shadow(0px 10px 20px rgba(0,0,0,0.25)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .duration-300 { transition-duration: 300ms; } .duration-700 { transition-duration: 700ms; } .duration-500 { transition-duration: 500ms; } .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } /* offcanvas menu style */ .offcanvas.offcanvas-open { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .offcanvas .offcanvas-menu ul li { position: relative; } .offcanvas .offcanvas-menu ul li .menu-expand { position: absolute; top: 0px; right: 0px; z-index: 10; height: 2.75rem; width: 1.5rem; cursor: pointer; background-color: transparent; } .offcanvas .offcanvas-menu ul li .menu-expand::before, .offcanvas .offcanvas-menu ul li .menu-expand::after { position: absolute; top: 50%; left: 0px; z-index: 10; height: 1px; width: 1rem; --tw-bg-opacity: 1; background-color: rgb(0 0 0/var(--tw-bg-opacity)); transition-property: all; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); content: ""; } .offcanvas .offcanvas-menu ul li .menu-expand::after { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .offcanvas .offcanvas-menu ul li.active > .menu-expand::after { --tw-rotate: 0deg; --tw-scale-x: .75; --tw-scale-y: .75; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } /* offcanvas menu style ENd */ /* hero slider style start */ .hero-slider .swiper-pagination-bullet-active::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(179 147 89/var(--tw-bg-opacity)); } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100px, 0, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100px, 0, 0); } to { opacity: 1; transform: none; } } .hero-slider .swiper-slide-active .sub_title { -webkit-animation: fadeInLeft 1.2s ease-in-out; animation: fadeInLeft 1.2s ease-in-out; } @keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100px, 0, 0); } to { opacity: 1; transform: none; } } .hero-slider .swiper-slide-active .title { -webkit-animation: fadeInLeft 1.4s ease-in-out; animation: fadeInLeft 1.4s ease-in-out; } @keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100px, 0, 0); } to { opacity: 1; transform: none; } } .hero-slider .swiper-slide-active .text { -webkit-animation: fadeInLeft 1.6s ease-in-out; animation: fadeInLeft 1.6s ease-in-out; } @keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100px, 0, 0); } to { opacity: 1; transform: none; } } .hero-slider .swiper-slide-active .hero_btn { -webkit-animation: fadeInLeft 1.8s ease-in-out; animation: fadeInLeft 1.8s ease-in-out; } @keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100px, 0, 0); } to { opacity: 1; transform: none; } } .hero-slider .swiper-slide-active .hero_info { -webkit-animation: fadeInLeft 2s ease-in-out; animation: fadeInLeft 2s ease-in-out; } @keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100px, 0, 0); } to { opacity: 1; transform: none; } } .hero-slider .swiper-slide-active .counter-animate { -webkit-animation: fadeInLeft 2s ease-in-out; animation: fadeInLeft 2s ease-in-out; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(100px, 0, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(100px, 0, 0); } to { opacity: 1; transform: none; } } .hero-slider .swiper-slide-active .hero_image { -webkit-animation: fadeInRight 1.8s ease-in-out; animation: fadeInRight 1.8s ease-in-out; } /* hero slider style end */ .swiper-button-next::after, .swiper-button-prev::after { font-size: 12px; } /* modal menu style */ .is-sticky { position: fixed; left: 0px; right: 0px; width: 100%; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0, -100px, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0, -100px, 0); } to { opacity: 1; transform: none; } } .is-sticky { -webkit-animation: fadeInDown 0.7s ease-in-out 0s normal none 1 running; animation: fadeInDown 0.7s ease-in-out 0s normal none 1 running; --tw-bg-opacity: 1; background-color: #fff; --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; transition-timing-function: linear; } .pagination .active { --tw-bg-opacity: 1; background-color: rgb(179 147 89/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); } .tab-nav .active button { --tw-text-opacity: 1; color: rgb(11 44 61/var(--tw-text-opacity)); } .tab-nav li.active button:before { width: 100%; --tw-bg-opacity: 1; background-color: rgb(11 44 61/var(--tw-bg-opacity)); } .tab-nav button:hover::before { left: 0px; right: auto; width: 100%; transition: width 0.3s ease-in; } .tab-content { display: none; } .lg:mb-5{ margin-bottom: 0.5rem; } .tab-content.active { display: block; } .properties-tab-content { display: none; } .properties-tab-content.active { display: block; } .grid-tab-content { display: none; } .grid-tab-content.active { display: block; } .grid-tab-menu button { --tw-text-opacity: 1; color: rgb(168 167 167/var(--tw-text-opacity)); } .grid-tab-menu button:hover { --tw-text-opacity: 1; color: rgb(11 44 61/var(--tw-text-opacity)); } .grid-tab-menu .active button { --tw-text-opacity: 1; color: rgb(11 44 61/var(--tw-text-opacity)); } .all-properties .active button { --tw-text-opacity: 1; color: rgb(179 147 89/var(--tw-text-opacity)); } .swiper-slide-visible .cities-shadow { --tw-drop-shadow: drop-shadow(0px 2px 15px rgba(0,0,0,0.1)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .cities-slider .swiper-pagination { bottom: 0px; } .cities-slider .swiper-pagination .swiper-pagination-bullet { height: 12px; width: 12px; border-radius: 9999px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(1 100 80/var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); opacity: 1; } .cities-slider .swiper-pagination .swiper-pagination-bullet:hover { --tw-border-opacity: 1; border-color: rgb(179 147 89/var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(179 147 89/var(--tw-bg-opacity)); } .cities-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { --tw-border-opacity: 1; border-color: rgb(179 147 89/var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(179 147 89/var(--tw-bg-opacity)); } .properties-slider .swiper-pagination { bottom: 0px; } .properties-slider .swiper-pagination .swiper-pagination-bullet { height: 12px; width: 12px; border-radius: 9999px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(1 100 80/var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); opacity: 1; } .properties-slider .swiper-pagination .swiper-pagination-bullet:hover { --tw-border-opacity: 1; border-color: rgb(179 147 89/var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(179 147 89/var(--tw-bg-opacity)); } .properties-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { --tw-border-opacity: 1; border-color: rgb(179 147 89/var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(179 147 89/var(--tw-bg-opacity)); } .review-shadow-card { position: absolute; top: 100%; left: 0px; right: calc(30px); z-index: 10; --tw-translate-y: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-left-width: 20px; --tw-border-opacity: 1; border-color: rgb(179 147 89/var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 1000ms; } @media (min-width: 576px) { .review-shadow-card { right: calc(100% - 470px); } } .review-shadow-card2 { position: absolute; top: 100%; right: 0px; left: calc(30px); z-index: 10; --tw-translate-y: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-left-width: 20px; --tw-border-opacity: 1; border-color: rgb(179 147 89/var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 1000ms; } @media (min-width: 576px) { .review-shadow-card2 { left: calc(100% - 495px); } } .thumb { z-index: 10; --tw-translate-y: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 1000ms; } .swiper-slide-visible .review-shadow-card { top: 60%; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-shadow: 0px 2px 15px rgba(0,0,0,0.15); --tw-shadow-colored: 0px 2px 15px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); transition-delay: 500ms; } @media (min-width: 576px) { .swiper-slide-visible .review-shadow-card { top: 55%; } } .swiper-slide-visible .review-shadow-card2 { top: 60%; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-shadow: 0px 2px 15px rgba(0,0,0,0.15); --tw-shadow-colored: 0px 2px 15px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); transition-delay: 500ms; } @media (min-width: 576px) { .swiper-slide-visible .review-shadow-card2 { top: 55%; } } .swiper-slide-visible .thumb { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transition-delay: 500ms; } .testimonial-section::after { position: absolute; left: 0px; top: 0px; z-index: -1; height: 100%; width: 100%; --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); opacity: 60%; --tw-content: ""; content: var(--tw-content); } .search-btn { border-radius: 15px; --tw-bg-opacity: 1; background-color: rgb(179 147 89/var(--tw-bg-opacity)); padding: 5px; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .search-btn:hover { --tw-bg-opacity: 1; background-color: rgb(11 44 61/var(--tw-bg-opacity)); } @media (min-width: 768px) { .search-btn { padding: 10px; } } @media (max-width: 768px) { .text-tiny { font-size: 12px; line-height: 1.75; } section h4, section h2, section h4 strong{ text-align: center; width: 100%; } .py-\[80px\] { padding-top: 40px; padding-bottom: 40px; } .about-section .gap-6{ margin-top: 23px; } .-mb-10{ margin-bottom: 15px; } .btn-rounded-color{ font-size: 9px; padding: 10px 11px; } .h-240 { height: 291px; } .atrow_desk{ display: none; } .all-properties { margin:auto; } .text-secondary{ text-align: center; width:100%; } .offcanvas-menu{ margin-top: 73px; } #mc-submit{ margin: auto; margin-top:5px; display: block; } .font-small_mob{ font-size:11px; } .brand-section .grid-cols-12, .explore-cities-section .grid-cols-12{ grid-template-columns: repeat(12, minmax(0, 1fr)); } .grid-cols-12{ grid-template-columns: auto; } .popular-properties .mob-no{ display:none; } p,.text-primary,h3{ text-align: center; } .w-200{ width:200px; } .loggo{ width: 26%; } .text-xsss { font-size: 12px; } .question_row span{ text-align: left; width:auto; } } @media (min-width: 1280px) { .search-btn { padding: 20px; } } .search-properties-btn { border-radius: 10px; --tw-bg-opacity: 1; background-color: rgb(255 246 240/var(--tw-bg-opacity)); padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; font-size: 18px; line-height: 1; --tw-text-opacity: 1; color: rgb(179 147 89/var(--tw-text-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .search-properties-btn:hover { --tw-bg-opacity: 1; background-color: rgb(11 44 61/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); } @media (min-width: 1280px) { .search-properties-btn { width: 100%; padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; font-size: 22px; } } .tab-toggle-btn.active { --tw-bg-opacity: 1; background-color: rgb(179 147 89/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); } .advanced-searrch-list { width: 100%; padding-right: 15px; } @media (min-width: 576px) { .advanced-searrch-list { width: 50%; } } @media (min-width: 992px) { .advanced-searrch-list { width: 20%; } } .advanced-searrch-list.search-list:nth-child(3) { margin-right: 0px; border-right-width: 0px; } .advanced-searrch-list.search-list:last-child { padding-right: 0px; } @media (min-width: 992px) { .advanced-searrch-list.search-list:last-child { width: 260px; } } @media (min-width: 1280px) { .advanced-searrch-list.search-list:last-child { width: 270px; } } .secondary-sticky.is-sticky { padding-top: 0px; padding-bottom: 0px; } .home-pagination-six { left: auto !important; right: 13%; bottom: auto !important; top: 50% !important; --tw-translate-y: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @media (min-width: 1280px) { .home-pagination-six { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } } .home-pagination-six .swiper-pagination-bullet { position: relative; background-color: transparent; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); opacity: 1; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .home-pagination-six .swiper-pagination-bullet:hover { --tw-text-opacity: 1; color: rgb(179 147 89/var(--tw-text-opacity)); } .home-pagination-six .swiper-pagination-bullet { margin: 0px 0px 5px !important; height: auto !important; } .home-pagination-six .swiper-pagination-bullet:last-child::after { display: none; } .home-pagination-six .swiper-pagination-bullet:last-child { margin-bottom: 0px !important; } .home-pagination-six .swiper-pagination-bullet-active { --tw-text-opacity: 1; color: rgb(179 147 89/var(--tw-text-opacity)); margin: 0px 0px 55px !important; } .home-pagination-six .swiper-pagination-bullet::after { position: absolute; left: 5px; top: 40px; display: block; height: 25px; width: 1px; --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); opacity: 0; --tw-content: ""; content: var(--tw-content); } .home-pagination-six .swiper-pagination-bullet-active::after { opacity: 1; } .add-properties-form-select .nice-select:focus { outline-width: 0px; } .skew-left { transform: perspective(400px) rotateY(10deg); } .skew-right { transform: perspective(400px) rotateY(-10deg); } .asidebar .selectric { display: flex; height: 50px; width: 100%; flex-direction: column; flex-wrap: wrap; justify-content: center; border-radius: 8px; border-width: 1px; border-color: rgb(11 44 61/var(--tw-border-opacity)); --tw-border-opacity: 0.6; background-color: transparent; padding-top: 10px; padding-bottom: 10px; padding-left: 40px; padding-right: 20px; font-weight: 300; line-height: 1.75; } .asidebar .selectric::-moz-placeholder { --tw-text-opacity: 1; color: rgb(73 73 73/var(--tw-text-opacity)); opacity: 1; } .asidebar .selectric:-ms-input-placeholder { --tw-text-opacity: 1; color: rgb(73 73 73/var(--tw-text-opacity)); opacity: 1; } .asidebar .selectric::placeholder { --tw-text-opacity: 1; color: rgb(73 73 73/var(--tw-text-opacity)); opacity: 1; } .asidebar .selectric:focus { border-color: rgb(179 147 89/var(--tw-border-opacity)); --tw-border-opacity: 0.6; outline: 2px solid transparent; outline-offset: 2px; --tw-drop-shadow: drop-shadow(0px 6px 15px rgba(0,0,0,0.1)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } @media screen and (max-width: 767px) { .skew-left, .skew-right { transform: none; } .skew-left, .skew-right * { transform: none; } } .is-sticky { top: 0px !important; } .is-sticky .sticky-dark { color: #0B2C3D; } .is-sticky .white-logo { display: none; } .is-sticky .dark-logo { display: block; } .is-sticky .sticky-btn::before { background-color: #0B2C3D; } .is-sticky .sticky-btn:hover { color: white; } .play-button:hover svg { stroke-dasharray: 314; stroke-dashoffset: 0; -webkit-animation: offsetstroke 6s ease-out; animation: offsetstroke 6s ease-out; } .skype { transform: translateY(-50%) !important; } .advanced-searrch-hidden { max-height: 0; overflow-y: hidden; transition: max-height 0.2s ease-out; } .advanced-searrch-hidden.active { overflow: visible; } html { scroll-behavior: smooth; } .footer { background-position: bottom center; background-size: auto; } .advanced-searrch-list { flex: 0 0 auto; } .mysvg path { stroke-miterlimit: 10; stroke: #016450; fill: #016450; fill-opacity: 0; stroke-width: 2; stroke-dasharray: 800; stroke-dashoffset: 800; -webkit-animation: draw 2.5s ease-in-out 1s forwards infinite; animation: draw 2.5s ease-in-out 1s forwards infinite; } .testimonial-shape path { stroke-miterlimit: 10; stroke: #B39359; fill: #B39359; fill-opacity: 0; stroke-width: 2; stroke-dasharray: 800; stroke-dashoffset: 800; -webkit-animation: draw 2.5s ease-in-out 1s forwards infinite; animation: draw 2.5s ease-in-out 1s forwards infinite; } .orange-shape { stroke-miterlimit: 10; stroke: #B39359; fill: #B39359; fill-opacity: 0; stroke-width: 2; stroke-dasharray: 800; stroke-dashoffset: 800; -webkit-animation: draw 2s ease-in-out 1s forwards infinite; animation: draw 2s ease-in-out 1s forwards infinite; } .orange-shape-about { stroke-miterlimit: 10; stroke: #B39359; fill: #B39359; fill-opacity: 0; stroke-width: 2; stroke-dasharray: 800; stroke-dashoffset: 800; -webkit-animation: draw 2s ease-in-out 1s forwards infinite; animation: draw 2s ease-in-out 1s forwards infinite; } .home-pagination-six { width: auto !important; } .hero-star { top: auto !important; } @media screen and (min-width: 992px) { .hero-star { left: 30px !important; } } @media screen and (min-width: 1536px) { .hero-star { left: 50px !important; } } @media screen and (min-width: 1920px) { .hero-star { left: 60px !important; } } @media screen and (max-width: 991px) { .hero-star { display: none; } } .dots-shape img { top: 25px !important; left: -40px !important; } .testimonial-section { background-position-y: center; background-position-x: 45%; } /* key-frams css start */ @-webkit-keyframes offsetstroke { from { stroke-dashoffset: 314; } to { stroke-dashoffset: 0; } } @keyframes offsetstroke { from { stroke-dashoffset: 314; } to { stroke-dashoffset: 0; } } @-webkit-keyframes draw { 0% { stroke-dashoffset: 800; fill-opacity: 0; } 75% { stroke-dashoffset: 0; fill-opacity: 0; } 95% { stroke-dashoffset: 0; } 100% { fill-opacity: 1; stroke-dashoffset: 0; } } @keyframes draw { 0% { stroke-dashoffset: 800; fill-opacity: 0; } 75% { stroke-dashoffset: 0; fill-opacity: 0; } 95% { stroke-dashoffset: 0; } 100% { fill-opacity: 1; stroke-dashoffset: 0; } } /* key-frams css end */ /* pricing plan css start */ .switch-button .switch-button__checkbox { display: none; } .switch-button .switch-button__label { background-color: #0B2C3D; width: 60px; height: 30px; border-radius: 30px; display: inline-block; margin: 0 auto; position: relative; transition: 0.3s; cursor: pointer; } .switch-button .switch-button__label:before { transition: 0.3s; display: block; position: absolute; left: 10px; top: 50%; margin-top: -9px; width: 18px; height: 18px; content: ""; border-radius: 50%; background: #ffffff; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.35); } .switch-button .switch-button__checkbox:checked ~ .switch-button__label { background-color: #B39359; transition: 0.3s; } .switch-button .switch-button__checkbox:checked ~ .switch-button__label::before { transform: translateX(20px); } .switch-button .switch-button__checkbox:checked ~ .monthly-plan { display: none; } .switch-button .switch-button__checkbox:checked ~ .yearly-plan { display: grid; } .switch-button .switch-button__checkbox:checked ~ .monthly { color: #494949; } .switch-button .switch-button__checkbox:checked ~ .yearly { color: #B39359; } /* pricing plan css end */ /* contact form error message */ .error { color: #B39359; } .success { color: #016450; } input:focus { outline: 0; } .selectric { background: transparent; } .selectric .button { background-color: transparent; } .selectric .label { font-size: inherit; line-height: 1; height: auto; margin: 0; display: inline-block; position: relative; overflow: visible; color: #494949; } .selectric .button { display: none; } .selectric .label::after { border-bottom: 1px solid #01614e; border-right: 1px solid #01614e; content: ""; display: block; height: 8px; margin-top: -4px; pointer-events: none; position: absolute; right: -20px; top: 50%; transform-origin: 66% 66%; transform: rotate(45deg); transition: all 0.15s ease-in-out; width: 8px; } .add-properties-form-select .selectric .label::after { border-bottom: 1px solid #01614e; border-right: 1px solid #01614e; content: ""; display: block; height: 8px; margin-top: -4px; pointer-events: none; position: absolute; right: -20px; top: 50%; transform-origin: 66% 66%; transform: rotate(45deg); transition: all 0.15s ease-in-out; width: 8px; } .advanced-searrch-list .selectric-items { background: #fff; border: 0px; box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2); } .selectric-items li.highlighted { background: #01614e; color: #fff; } .selectric-items li:hover { background: #01614e; color: #fff; } .selectric-items ul, .selectric-items li { font-size: 13px; } .asidebar .selectric .label { display: block; } .asidebar .selectric .label::after { right: 0px; } .selectric-sorting-select { display: inline-block; line-height: 1; } .selectric-sorting-select .selectric { border: 0; overflow: visible; min-width: 110px !important; text-align: left; } .selectric-sorting-select .selectric .label { color: #9c9c9c; padding-left: 10px; padding-right: 20px; } .selectric-sorting-select .selectric .label::after { right: 0px; } .selectric-items li { text-align: left; } .selectric-form-select { display: block; line-height: 1; } .selectric-form-select .label { display: block; overflow: visible; } .selectric-form-select .label::after { right: 10px !important; } .selectric-form-select .selectric { width: 100%; padding: 15px; font-weight: 300; line-height: 1.75; border: 1px solid rgba(1, 100, 80, 0.5); height: 60px; border-radius: 8px; transition: all 0.3s; display: flex; flex-direction: column; justify-content: center; } .selectric-focus .selectric { border: 1px solid rgba(253, 100, 0, 0.6); box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.1); } .selectric-sorting-select.selectric-focus .selectric { border: 0; box-shadow: none; } .selectricc-border-none .selectric { border: 0px; } .custom-check [type=checkbox]:checked, .custom-check [type=checkbox]:not(:checked) { position: absolute; left: -9999px; } .custom-check [type=checkbox]:checked + label, .custom-check [type=checkbox]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; } .custom-check [type=checkbox]:checked + label:before, .custom-check [type=checkbox]:not(:checked) + label:before { content: ""; position: absolute; left: 0; top: 3px; width: 16px; height: 16px; border: 1px solid #01614e; border-radius: 50%; } .custom-check [type=checkbox]:checked + label:after, .custom-check [type=checkbox]:not(:checked) + label:after { content: ""; background: #01614e; position: absolute; top: 6px; left: 3px; width: 10px; height: 10px; border-radius: 50%; transition: all 0.2s ease; } .custom-check [type=checkbox]:not(:checked) + label:after { opacity: 0; } .custom-check [type=checkbox]:checked + label:after { opacity: 1; } .swiper-button-prev.swiper-button-disabled { opacity: 1; background-color: #B39359; } .swiper-button-next.swiper-button-disabled { opacity: 1; background-color: #B39359; } .placeholder\:text-body::-moz-placeholder { --tw-text-opacity: 1; color: rgb(73 73 73/var(--tw-text-opacity)); } .placeholder\:text-body:-ms-input-placeholder { --tw-text-opacity: 1; color: rgb(73 73 73/var(--tw-text-opacity)); } .placeholder\:text-body::placeholder { --tw-text-opacity: 1; color: rgb(73 73 73/var(--tw-text-opacity)); } .placeholder\:text-\[\#E2E2E2\]::-moz-placeholder { --tw-text-opacity: 1; color: rgb(226 226 226/var(--tw-text-opacity)); } .placeholder\:text-\[\#E2E2E2\]:-ms-input-placeholder { --tw-text-opacity: 1; color: rgb(226 226 226/var(--tw-text-opacity)); } .placeholder\:text-\[\#E2E2E2\]::placeholder { --tw-text-opacity: 1; color: rgb(226 226 226/var(--tw-text-opacity)); } .placeholder\:text-primary::-moz-placeholder { --tw-text-opacity: 1; color: rgb(11 44 61/var(--tw-text-opacity)); } .placeholder\:text-primary:-ms-input-placeholder { --tw-text-opacity: 1; color: rgb(11 44 61/var(--tw-text-opacity)); } .placeholder\:text-primary::placeholder { --tw-text-opacity: 1; color: rgb(11 44 61/var(--tw-text-opacity)); } .placeholder\:opacity-100::-moz-placeholder { opacity: 1; } .placeholder\:opacity-100:-ms-input-placeholder { opacity: 1; } .placeholder\:opacity-100::placeholder { opacity: 1; } .before\:absolute::before { content: var(--tw-content); position: absolute; } .before\:inset-0::before { content: var(--tw-content); top: 0px; right: 0px; bottom: 0px; left: 0px; } .before\:inset-y-0::before { content: var(--tw-content); top: 0px; bottom: 0px; } .before\:inset-x-0::before { content: var(--tw-content); left: 0px; right: 0px; } .before\:left-auto::before { content: var(--tw-content); left: auto; } .before\:right-0::before { content: var(--tw-content); right: 0px; } .before\:bottom-0::before { content: var(--tw-content); bottom: 0px; } .before\:bottom-\[-34px\]::before { content: var(--tw-content); bottom: -34px; } .before\:bottom-\[-32px\]::before { content: var(--tw-content); bottom: -32px; } .before\:bottom-\[-28px\]::before { content: var(--tw-content); bottom: -28px; } .before\:left-0::before { content: var(--tw-content); left: 0px; } .before\:top-1\/2::before { content: var(--tw-content); top: 50%; } .before\:top-0::before { content: var(--tw-content); top: 0px; } .before\:bottom-1::before { content: var(--tw-content); bottom: 0.25rem; } .before\:-z-\[1\]::before { content: var(--tw-content); z-index: -1; } .before\:z-\[-1\]::before { content: var(--tw-content); z-index: -1; } .before\:z-10::before { content: var(--tw-content); z-index: 10; } .before\:z-\[9\]::before { content: var(--tw-content); z-index: 9; } .before\:block::before { content: var(--tw-content); display: block; } .before\:h-\[calc\(100\%_-_60px\)\]::before { content: var(--tw-content); height: calc(100% - 60px); } .before\:h-\[3px\]::before { content: var(--tw-content); height: 3px; } .before\:h-full::before { content: var(--tw-content); height: 100%; } .before\:h-\[1px\]::before { content: var(--tw-content); height: 1px; } .before\:h-\[2px\]::before { content: var(--tw-content); height: 2px; } .before\:h-\[calc\(100\%_-_30px\)\]::before { content: var(--tw-content); height: calc(100% - 30px); } .before\:h-\[calc\(100\%_-_50px\)\]::before { content: var(--tw-content); height: calc(100% - 50px); } .before\:h-\[395px\]::before { content: var(--tw-content); height: 395px; } .before\:h-\[70px\]::before { content: var(--tw-content); height: 70px; } .before\:h-\[90px\]::before { content: var(--tw-content); height: 90px; } .before\:w-0::before { content: var(--tw-content); width: 0px; } .before\:w-full::before { content: var(--tw-content); width: 100%; } .before\:w-1\/2::before { content: var(--tw-content); width: 50%; } .before\:w-\[70px\]::before { content: var(--tw-content); width: 70px; } .before\:w-\[90px\]::before { content: var(--tw-content); width: 90px; } .before\:-translate-y-1\/2::before { content: var(--tw-content); --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .before\:rounded-md::before { content: var(--tw-content); border-radius: 0.375rem; } .before\:rounded-\[6px_6px_0px_0px\]::before { content: var(--tw-content); border-radius: 6px 6px 0px 0px; } .before\:rounded-full::before { content: var(--tw-content); border-radius: 9999px; } .before\:rounded-\[10px\]::before { content: var(--tw-content); border-radius: 10px; } .before\:rounded-\[16px\]::before { content: var(--tw-content); border-radius: 16px; } .before\:rounded-\[30px\]::before { content: var(--tw-content); border-radius: 30px; } .before\:bg-\[\#000000\]::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(0 0 0/var(--tw-bg-opacity)); } .before\:bg-secondary::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(179 147 89/var(--tw-bg-opacity)); } .before\:bg-\[\#F5F9F8\]::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(245 249 248/var(--tw-bg-opacity)); } .before\:\!bg-secondary::before { content: var(--tw-content); --tw-bg-opacity: 1 !important; background-color: rgb(179 147 89/var(--tw-bg-opacity)) !important; } .before\:bg-\[\#E8F1FF\]::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(232 241 255/var(--tw-bg-opacity)); } .before\:bg-primary::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(11 44 61/var(--tw-bg-opacity)); } .before\:bg-\[\#060606\]::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(6 6 6/var(--tw-bg-opacity)); } .before\:bg-white::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); } .before\:bg-\[\#E0E0E0\]::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(224 224 224/var(--tw-bg-opacity)); } .before\:bg-\[\#016450\]::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(1 100 80/var(--tw-bg-opacity)); } .before\:opacity-\[70\%\]::before { content: var(--tw-content); opacity: 70%; } .before\:opacity-\[50\%\]::before { content: var(--tw-content); opacity: 50%; } .before\:opacity-\[75\%\]::before { content: var(--tw-content); opacity: 75%; } .before\:opacity-80::before { content: var(--tw-content); opacity: 0.8; } .before\:transition-all::before { content: var(--tw-content); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .before\:duration-300::before { content: var(--tw-content); transition-duration: 300ms; } .before\:content-\[\'\'\]::before { --tw-content: ""; content: var(--tw-content); } .after\:absolute::after { content: var(--tw-content); position: absolute; } .after\:inset-0::after { content: var(--tw-content); top: 0px; right: 0px; bottom: 0px; left: 0px; } .after\:-z-\[2\]::after { content: var(--tw-content); z-index: -2; } .after\:z-\[-2\]::after { content: var(--tw-content); z-index: -2; } .after\:block::after { content: var(--tw-content); display: block; } .after\:rounded-md::after { content: var(--tw-content); border-radius: 0.375rem; } .after\:bg-primary::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(11 44 61/var(--tw-bg-opacity)); } .after\:bg-white::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); } .after\:bg-secondary::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(239 109 66/var(--tw-bg-opacity)); } .after\:transition-all::after { content: var(--tw-content); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .first\:ml-0:first-child { margin-left: 0px; } .first\:border-t:first-child { border-top-width: 1px; } .first\:border-t-primary:first-child { --tw-border-opacity: 1; border-top-color: rgb(11 44 61/var(--tw-border-opacity)); } .last\:mb-0:last-child { margin-bottom: 0px; } .last\:mr-0:last-child { margin-right: 0px; } .last\:border-r-0:last-child { border-right-width: 0px; } .last\:border-b-0:last-child { border-bottom-width: 0px; } .hover\:-translate-y-\[10px\]:hover { --tw-translate-y: -10px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:scale-105:hover { --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:border-solid:hover { border-style: solid; } .hover\:border-\[\#E8F1FF\]:hover { --tw-border-opacity: 1; border-color: rgb(232 241 255/var(--tw-border-opacity)); } .hover\:border-\[\#FD6400\]:hover { --tw-border-opacity: 1; border-color: rgb(253 100 0/var(--tw-border-opacity)); } .hover\:border-opacity-60:hover { --tw-border-opacity: 0.6; } .hover\:bg-secondary:hover { --tw-bg-opacity: 1; background-color: rgb(179 147 89/var(--tw-bg-opacity)); } .hover\:bg-\[\#F5F9F8\]:hover { --tw-bg-opacity: 1; background-color: rgb(245 249 248/var(--tw-bg-opacity)); } .hover\:bg-\[\#FFF6F0\]:hover { --tw-bg-opacity: 1; background-color: rgb(255 246 240/var(--tw-bg-opacity)); } .hover\:bg-\[\#E8F1FF\]:hover { --tw-bg-opacity: 1; background-color: rgb(232 241 255/var(--tw-bg-opacity)); } .hover\:bg-primary:hover { --tw-bg-opacity: 1; background-color: aliceblue; } .hover\:bg-white:hover { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); } .hover\:text-secondary:hover { --tw-text-opacity: 1; color: rgb(179 147 89/var(--tw-text-opacity)); } .hover\:text-\[\#3B5998\]:hover { --tw-text-opacity: 1; color: rgb(59 89 152/var(--tw-text-opacity)); } .hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)) !important; } .hover\:text-primary:hover { --tw-text-opacity: 1; color: rgb(11 44 61/var(--tw-text-opacity)); } .hover\:underline:hover { -webkit-text-decoration-line: underline; text-decoration-line: underline; } .hover\:drop-shadow-\[0px_4px_10px_rgba\(0\,0\,0\,0\.25\)\]:hover { --tw-drop-shadow: drop-shadow(0px 4px 10px rgba(0,0,0,0.25)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .hover\:drop-shadow-\[0px_16px_10px_rgba\(0\,0\,0\,0\.1\)\]:hover { --tw-drop-shadow: drop-shadow(0px 16px 10px rgba(0,0,0,0.1)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .hover\:drop-shadow-\[0px_10px_20px_rgba\(0\,0\,0\,0\.1\)\]:hover { --tw-drop-shadow: drop-shadow(0px 10px 20px rgba(0,0,0,0.1)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .hover\:drop-shadow-\[0px_10px_20px_rgba\(0\,0\,0\,0\.15\)\]:hover { --tw-drop-shadow: drop-shadow(0px 10px 20px rgba(0,0,0,0.15)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .hover\:drop-shadow-\[0px_8px_20px_rgba\(0\,0\,0\,0\.15\)\]:hover { --tw-drop-shadow: drop-shadow(0px 8px 20px rgba(0,0,0,0.15)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .hover\:drop-shadow-\[0px_6px_15px_rgba\(0\,0\,0\,0\.1\)\]:hover { --tw-drop-shadow: drop-shadow(0px 6px 15px rgba(0,0,0,0.1)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .hover\:before\:left-0:hover::before { content: var(--tw-content); left: 0px; } .hover\:before\:right-auto:hover::before { content: var(--tw-content); right: auto; } .hover\:before\:w-full:hover::before { content: var(--tw-content); width: 100%; } .hover\:before\:bg-primary:hover::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(11 44 61/var(--tw-bg-opacity)); } .hover\:before\:opacity-80:hover::before { content: var(--tw-content); opacity: 0.8; } .focus\:border-secondary:focus { --tw-border-opacity: 1; border-color: rgb(179 147 89/var(--tw-border-opacity)); } .focus\:border-white:focus { --tw-border-opacity: 1; border-color: rgb(255 255 255/var(--tw-border-opacity)); } .focus\:border-primary:focus { --tw-border-opacity: 1; border-color: rgb(11 44 61/var(--tw-border-opacity)); } .focus\:border-opacity-60:focus { --tw-border-opacity: 0.6; } .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; } .focus\:drop-shadow-\[0px_6px_15px_rgba\(0\,0\,0\,0\.1\)\]:focus { --tw-drop-shadow: drop-shadow(0px 6px 15px rgba(0,0,0,0.1)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .group:hover .group-hover\:visible { visibility: visible !important; } .group:hover .group-hover\:bottom-\[25px\] { bottom: 25px; } .group:hover .group-hover\:top-\[100\%\] { top: 100%; } .group:hover .group-hover\:top-\[60px\] { top: 60px; } .group:hover .group-hover\:translate-x-\[30px\] { --tw-translate-x: 30px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:border-secondary { --tw-border-opacity: 1; border-color: rgb(179 147 89/var(--tw-border-opacity)); } .group:hover .group-hover\:stroke-white { stroke: #fff; } .group:hover .group-hover\:text-secondary { --tw-text-opacity: 1; color: rgb(179 147 89/var(--tw-text-opacity)); } .group:hover .group-hover\:text-primary { --tw-text-opacity: 1; color: rgb(11 44 61/var(--tw-text-opacity)); } .group:hover .group-hover\:text-body { --tw-text-opacity: 1; color: rgb(73 73 73/var(--tw-text-opacity)); } .group:hover .group-hover\:opacity-100 { opacity: 1; } .group:hover .group-hover\:shadow-\[0_10px_15px_0px_rgba\(0\,0\,0\,0\.1\)\] { --tw-shadow: 0 10px 15px 0px rgba(0,0,0,0.1); --tw-shadow-colored: 0 10px 15px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:hover .group-hover\:transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @media (min-width: 320px) { .xs\:h-\[auto\] { height: auto; } .xs\:w-\[300px\] { width: 300px; } } @media (min-width: 576px) { .sm\:absolute { position: absolute; } .sm\:bottom-0 { bottom: 0px; } .sm\:left-1\/2 { left: 50%; } .sm\:right-\[4px\] { right: 4px; } .sm\:top-1\/2 { top: 50%; } .sm\:right-\[5px\] { right: 5px; } .sm\:col-span-3 { grid-column: span 3/span 3; } .sm\:col-span-4 { grid-column: span 4/span 4; } .sm\:col-span-5 { grid-column: span 5/span 5; } .sm\:col-span-6 { grid-column: span 6/span 6; } .sm\:mr-\[40px\] { margin-right: 40px; } .sm\:mb-\[15px\] { margin-bottom: 15px; } .sm\:mr-\[10px\] { margin-right: 10px; } .sm\:mb-\[0px\] { margin-bottom: 0px; } .sm\:mb-0 { margin-bottom: 0px; } .sm\:mr-5 { margin-right: 1.25rem; } .sm\:ml-5 { margin-left: 1.25rem; } .sm\:mt-0 { margin-top: 0px; } .sm\:block { display: block; } .sm\:flex { display: flex; } .sm\:hidden { display: none; } .sm\:w-\[400px\] { width: 400px; } .sm\:max-w-\[90\%\] { max-width: 90%; } .sm\:-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .sm\:-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .sm\:scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .sm\:columns-2 { -moz-columns: 2; columns: 2; } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .sm\:flex-row { flex-direction: row; } .sm\:items-center { align-items: center; } .sm\:justify-between { justify-content: space-between; } .sm\:gap-\[30px\] { gap: 30px; } .sm\:gap-x-\[20px\] { -moz-column-gap: 20px; column-gap: 20px; } .sm\:border-r { border-right-width: 1px; } .sm\:border-\[\#E0E0E0\] { --tw-border-opacity: 1; border-color: rgb(224 224 224/var(--tw-border-opacity)); } .sm\:p-\[20px\] { padding: 20px; } .sm\:px-\[30px\] { padding-left: 30px; padding-right: 30px; } .sm\:px-\[10px\] { padding-left: 10px; padding-right: 10px; } .sm\:px-\[40px\] { padding-left: 40px; padding-right: 40px; } .sm\:py-12 { padding-top: 3rem; padding-bottom: 3rem; } .sm\:pl-\[40px\] { padding-left: 40px; } .sm\:pr-\[35px\] { padding-right: 35px; } .sm\:pr-\[135px\] { padding-right: 135px; } .sm\:pr-\[5px\] { padding-right: 5px; } .sm\:pl-\[30px\] { padding-left: 30px; } .sm\:pt-\[45px\] { padding-top: 45px; } .sm\:pb-\[30px\] { padding-bottom: 30px; } .sm\:pl-10 { padding-left: 2.5rem; } .sm\:pr-10 { padding-right: 2.5rem; } .sm\:text-left { text-align: left; } .sm\:text-right { text-align: right; } .sm\:text-\[50px\] { font-size: 50px; } .sm\:text-\[30px\] { font-size: 30px; } .sm\:text-\[36px\] { font-size: 36px; } .sm\:text-\[28px\] { font-size: 28px; } .sm\:text-\[20px\] { font-size: 20px; } .sm\:text-\[22px\] { font-size: 22px; } .sm\:text-\[32px\] { font-size: 32px; } .sm\:text-\[26px\] { font-size: 26px; } .sm\:before\:bottom-2::before { content: var(--tw-content); bottom: 0.5rem; } .sm\:even\:ml-\[110px\]:nth-child(even) { margin-left: 110px; } } @media (min-width: 768px) { .md\:top-\[0px\] { top: 0px; } .md\:left-auto { left: auto; } .md\:right-\[50px\] { right: 50px; } .md\:order-first { order: -9999; } .md\:col-span-6 { grid-column: span 6/span 6; } .md\:col-span-4 { grid-column: span 4/span 4; } .md\:col-span-8 { grid-column: span 8/span 8; } .md\:col-span-7 { grid-column: span 7/span 7; } .md\:col-span-5 { grid-column: span 5/span 5; } .md\:mr-\[20px\] { margin-right: 20px; } .md\:mb-3 { margin-bottom: 0.75rem; } .md\:mt-0 { margin-top: 0px; } .md\:mr-\[45px\] { margin-right: 45px; } .md\:mr-\[0px\] { margin-right: 0px; } .md\:mt-\[120px\] { margin-top: 120px; } .md\:mr-\[46px\] { margin-right: 46px; } .md\:mb-\[0\] { margin-bottom: 0; } .md\:mr-\[35px\] { margin-right: 35px; } .md\:mb-\[20px\] { margin-bottom: 20px; } .md\:ml-auto { margin-left: auto; } .md\:block { display: block; } .md\:hidden { display: none; } .md\:h-\[550px\] { height: 550px; } .md\:h-\[90px\] { height: 90px; } .md\:min-h-\[540px\] { min-height: 540px; } .md\:w-auto { width: auto; } .md\:w-\[90px\] { width: 90px; } .md\:max-w-\[560px\] { max-width: 560px; } .md\:flex-1 { flex: 1 1 0%; } .md\:columns-3 { -moz-columns: 3; columns: 3; } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .md\:flex-row { flex-direction: row; } .md\:items-center { align-items: center; } .md\:justify-center { justify-content: center; } .md\:gap-x-\[30px\] { -moz-column-gap: 30px; column-gap: 30px; } .md\:gap-x-\[0px\] { -moz-column-gap: 0px; column-gap: 0px; } .md\:py-\[50\] { padding-top: 50; padding-bottom: 50; } .md\:py-\[80px\] { padding-top: 80px; padding-bottom: 80px; } .md\:px-\[15px\] { padding-left: 15px; padding-right: 15px; } .md\:px-\[30px\] { padding-left: 30px; padding-right: 30px; } .md\:py-\[30px\] { padding-top: 30px; padding-bottom: 30px; } .md\:pb-0 { padding-bottom: 0px; } .md\:pb-\[80px\] { padding-bottom: 80px; } .md\:pb-3 { padding-bottom: 0.75rem; } .md\:pl-\[60px\] { padding-left: 60px; } .md\:pr-\[25px\] { padding-right: 25px; } .md\:text-\[68px\] { font-size: 68px; } .md\:text-\[28px\] { font-size: 28px; } .md\:before\:bottom-3::before { content: var(--tw-content); bottom: 0.75rem; } .md\:before\:h-\[110px\]::before { content: var(--tw-content); height: 110px; } .md\:before\:w-\[110px\]::before { content: var(--tw-content); width: 110px; } .md\:even\:ml-\[0px\]:nth-child(even) { margin-left: 0px; } } @media (min-width: 992px) { .lg\:absolute { position: absolute; } .lg\:top-\[30px\] { top: 30px; } .lg\:left-0 { left: 0px; } .lg\:right-0 { right: 0px; } .lg\:top-\[100\%\] { top: 100%; } .lg\:right-\[-60px\] { right: -60px; } .lg\:bottom-\[25\%\] { bottom: 25%; } .lg\:bottom-0 { bottom: 0px; } .lg\:top-\[110px\] { top: 110px; } .lg\:top-1\/2 { top: 50%; } .lg\:top-\[20px\] { top: 20px; } .lg\:left-\[-40px\] { left: -40px; } .lg\:bottom-\[150px\] { bottom: 150px; } .lg\:left-\[30px\] { left: 30px; } .lg\:bottom-\[120px\] { bottom: 120px; } .lg\:right-\[80px\] { right: 80px; } .lg\:bottom-5 { bottom: 1.25rem; } .lg\:-left-\[160px\] { left: -160px; } .lg\:order-none { order: 0; } .lg\:order-2 { order: 2; } .lg\:order-1 { order: 1; } .lg\:col-span-6 { grid-column: span 6/span 6; } .lg\:col-span-1 { grid-column: span 1/span 1; } .lg\:col-span-3 { grid-column: span 3/span 3; } .lg\:col-span-9 { grid-column: span 9/span 9; } .lg\:col-span-5 { grid-column: span 5/span 5; } .lg\:col-span-4 { grid-column: span 4/span 4; } .lg\:col-span-7 { grid-column: span 7/span 7; } .lg\:col-span-8 { grid-column: span 8/span 8; } .lg\:col-span-2 { grid-column: span 2/span 2; } .lg\:-mx-\[15px\] { margin-left: -15px; margin-right: -15px; } .lg\:mb-\[50px\] { margin-bottom: 50px; } .lg\:mb-\[60px\] { margin-bottom: 60px; } .lg\:mt-\[80px\] { margin-top: 80px; } .lg\:mb-6 { margin-bottom: 1.5rem; } .lg\:mb-0 { margin-bottom: 0px; } .lg\:mt-\[70px\] { margin-top: 70px; } .lg\:mt-\[90px\] { margin-top: 90px; } .lg\:mr-\[20px\] { margin-right: 20px; } .lg\:mt-\[0px\] { margin-top: 0px; } .lg\:mr-\[40px\] { margin-right: 40px; } .lg\:mt-\[120px\] { margin-top: 120px; } .lg\:mb-\[-20px\] { margin-bottom: -20px; } .lg\:mt-\[25px\] { margin-top: 25px; } .lg\:mb-\[70px\] { margin-bottom: 70px; } .lg\:mb-\[0px\] { margin-bottom: 0px; } .lg\:mb-10 { margin-bottom: 2.5rem; } .lg\:mb-16 { margin-bottom: 4rem; } .lg\:mb-\[30px\] { margin-bottom: 30px; } .lg\:mb-\[75px\] { margin-bottom: 75px; } .lg\:mt-0 { margin-top: 0px; } .lg\:mb-\[-75px\] { margin-bottom: -75px; } .lg\:mr-7 { margin-right: 1.75rem; } .lg\:ml-\[30px\] { margin-left: 30px; } .lg\:-mb-16 { margin-bottom: -4rem; } .lg\:-ml-\[80px\] { margin-left: -80px; } .lg\:block { display: block; } .lg\:inline-block { display: inline-block; } .lg\:flex { display: flex; } .lg\:hidden { display: none; } .lg\:h-\[513px\] { height: 513px; } .lg\:h-\[250px\] { height: 250px; } .lg\:h-\[500px\] { height: 500px; } .lg\:h-\[700px\] { height: 700px; } .lg\:h-\[720px\] { height: 720px; } .lg\:w-3\/4 { width: 75%; } .lg\:w-auto { width: auto; } .lg\:w-\[395px\] { width: 395px; } .lg\:w-\[380px\] { width: 380px; } .lg\:w-\[300px\] { width: 300px; } .lg\:w-\[calc\(100\%-300px\)\] { width: calc(100% - 300px); } .lg\:max-w-\[230px\] { max-width: 230px; } .lg\:max-w-\[538px\] { max-width: 538px; } .lg\:max-w-\[550px\] { max-width: 550px; } .lg\:max-w-\[500px\] { max-width: 500px; } .lg\:max-w-\[737px\] { max-width: 737px; } .lg\:max-w-\[510px\] { max-width: 510px; } .lg\:translate-y-\[-396px\] { --tw-translate-y: -396px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .lg\:translate-y-0 { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .lg\:-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:flex-row { flex-direction: row; } .lg\:flex-col { flex-direction: column; } .lg\:items-center { align-items: center; } .lg\:justify-between { justify-content: space-between; } .lg\:gap-x-\[30px\] { -moz-column-gap: 30px; column-gap: 30px; } .lg\:rounded-bl-\[6px\] { border-bottom-left-radius: 6px; } .lg\:border-r { border-right-width: 1px; } .lg\:border-primary { --tw-border-opacity: 1; border-color: rgb(11 44 61/var(--tw-border-opacity)); } .lg\:border-\[\#D6D4D4\] { --tw-border-opacity: 1; border-color: rgb(214 212 212/var(--tw-border-opacity)); } .lg\:p-\[90px\] { padding: 90px; } .lg\:p-\[40px\] { padding: 40px; } .lg\:p-\[25px\] { padding: 25px; } .lg\:p-\[30px\] { padding: 30px; } .lg\:py-\[20px\] { padding-top: 20px; padding-bottom: 20px; } .lg\:py-\[120px\] { padding-top: 120px; padding-bottom: 120px; } .lg\:py-\[155px\] { padding-top: 155px; padding-bottom: 155px; } .lg\:py-\[125px\] { padding-top: 125px; padding-bottom: 125px; } .lg\:py-\[55px\] { padding-top: 55px; padding-bottom: 55px; } .lg\:px-\[35px\] { padding-left: 35px; padding-right: 35px; } .lg\:px-\[15px\] { padding-left: 15px; padding-right: 15px; } .lg\:py-\[30px\] { padding-top: 30px; padding-bottom: 30px; } .lg\:px-0 { padding-left: 0px; padding-right: 0px; } .lg\:py-0 { padding-top: 0px; padding-bottom: 0px; } .lg\:py-20 { padding-top: 5rem; padding-bottom: 5rem; } .lg\:pt-\[120px\] { padding-top: 120px; } .lg\:pb-\[120px\] { padding-bottom: 120px; } .lg\:pb-\[125px\] { padding-bottom: 125px; } .lg\:pb-\[110px\] { padding-bottom: 110px; } .lg\:pb-6 { padding-bottom: 1.5rem; } .lg\:pt-\[10px\] { padding-top: 10px; } .lg\:pt-\[100px\] { padding-top: 100px; } .lg\:pt-\[55px\] { padding-top: 55px; } .lg\:pl-\[50px\] { padding-left: 50px; } .lg\:pr-\[30px\] { padding-right: 30px; } .lg\:pt-\[125px\] { padding-top: 125px; } .lg\:pl-\[70px\] { padding-left: 70px; } .lg\:pb-\[30px\] { padding-bottom: 30px; } .lg\:pt-\[80px\] { padding-top: 80px; } .lg\:pr-\[70px\] { padding-right: 70px; } .lg\:pb-\[0px\] { padding-bottom: 0px; } .lg\:pl-\[60px\] { padding-left: 60px; } .lg\:pr-0 { padding-right: 0px; } .lg\:pt-\[45px\] { padding-top: 45px; } .lg\:pr-\[45px\] { padding-right: 45px; } .lg\:text-\[50px\] { font-size: 50px; } .lg\:text-\[16px\] { font-size: 16px; } .lg\:text-\[36px\] { font-size: 36px; } .lg\:text-\[32px\] { font-size: 32px; } .lg\:text-\[28px\] { font-size: 28px; } .lg\:shadow-none { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .lg\:before\:bottom-2::before { content: var(--tw-content); bottom: 0.5rem; } .lg\:before\:w-\[calc\(50\%_-_35px\)\]::before { content: var(--tw-content); width: calc(50% - 35px); } .lg\:even\:ml-\[110px\]:nth-child(even) { margin-left: 110px; } } @media (min-width: 1280px) { .xl\:top-\[45px\] { top: 45px; } .xl\:right-\[-70px\] { right: -70px; } .xl\:top-\[40px\] { top: 40px; } .xl\:right-\[10\%\] { right: 10%; } .xl\:bottom-\[15\%\] { bottom: 15%; } .xl\:top-\[155px\] { top: 155px; } .xl\:right-\[30px\] { right: 30px; } .xl\:top-\[38px\] { top: 38px; } .xl\:left-\[-40px\] { left: -40px; } .xl\:bottom-\[185px\] { bottom: 185px; } .xl\:bottom-\[140px\] { bottom: 140px; } .xl\:right-\[110px\] { right: 110px; } .xl\:right-0 { right: 0px; } .xl\:col-span-6 { grid-column: span 6/span 6; } .xl\:col-span-10 { grid-column: span 10/span 10; } .xl\:mt-0 { margin-top: 0px; } .xl\:mr-0 { margin-right: 0px; } .xl\:mb-10 { margin-bottom: 2.5rem; } .xl\:mr-\[30px\] { margin-right: 30px; } .xl\:ml-\[40px\] { margin-left: 40px; } .xl\:mr-\[40px\] { margin-right: 40px; } .xl\:mr-\[50px\] { margin-right: 50px; } .xl\:mt-\[-160px\] { margin-top: -160px; } .xl\:mr-\[120px\] { margin-right: 120px; } .xl\:mb-0 { margin-bottom: 0px; } .xl\:mt-\[70px\] { margin-top: 70px; } .xl\:mt-\[30px\] { margin-top: 30px; } .xl\:mb-\[30px\] { margin-bottom: 30px; } .xl\:mb-\[40px\] { margin-bottom: 40px; } .xl\:mr-\[20px\] { margin-right: 20px; } .xl\:mr-\[55px\] { margin-right: 55px; } .xl\:mb-\[10px\] { margin-bottom: 10px; } .xl\:mb-\[20px\] { margin-bottom: 20px; } .xl\:block { display: block; } .xl\:flex { display: flex; } .xl\:h-\[650px\] { height: 650px; } .xl\:h-\[485px\] { height: 485px; } .xl\:h-\[750px\] { height: 750px; } .xl\:h-\[360px\] { height: 360px; } .xl\:h-\[950px\] { height: 950px; } .xl\:h-\[830px\] { height: 830px; } .xl\:h-\[960px\] { height: 960px; } .xl\:w-auto { width: auto; } .xl\:w-fit { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .xl\:w-\[495px\] { width: 495px; } .xl\:max-w-\[230px\] { max-width: 230px; } .xl\:max-w-\[270px\] { max-width: 270px; } .xl\:max-w-\[650px\] { max-width: 650px; } .xl\:max-w-\[600px\] { max-width: 600px; } .xl\:max-w-\[630px\] { max-width: 630px; } .xl\:translate-x-\[-45\%\] { --tw-translate-x: -45%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:flex-nowrap { flex-wrap: nowrap; } .xl\:justify-between { justify-content: space-between; } .xl\:gap-\[50px\] { gap: 50px; } .xl\:gap-x-\[55px\] { -moz-column-gap: 55px; column-gap: 55px; } .xl\:gap-x-\[0px\] { -moz-column-gap: 0px; column-gap: 0px; } .xl\:gap-x-\[20px\] { -moz-column-gap: 20px; column-gap: 20px; } .xl\:bg-primary { --tw-bg-opacity: 1; background-color: rgb(11 44 61/var(--tw-bg-opacity)); } .xl\:bg-transparent { background-color: transparent; } .xl\:bg-cover { background-size: cover; } .xl\:bg-right-bottom { background-position: right bottom; } .xl\:p-\[35px\] { padding: 35px; } .xl\:p-\[30px\] { padding: 30px; } .xl\:py-\[60px\] { padding-top: 60px; padding-bottom: 60px; } .xl\:px-\[35px\] { padding-left: 35px; padding-right: 35px; } .xl\:py-\[40px\] { padding-top: 40px; padding-bottom: 40px; } .xl\:px-\[55px\] { padding-left: 55px; padding-right: 55px; } .xl\:px-\[20px\] { padding-left: 20px; padding-right: 20px; } .xl\:pl-\[100px\] { padding-left: 100px; } .xl\:pr-\[20px\] { padding-right: 20px; } .xl\:pb-10 { padding-bottom: 2.5rem; } .xl\:pl-\[65px\] { padding-left: 65px; } .xl\:pl-\[0px\] { padding-left: 0px; } .xl\:pr-\[45px\] { padding-right: 45px; } .xl\:pl-\[60px\] { padding-left: 60px; } .xl\:pt-\[0px\] { padding-top: 0px; } .xl\:pl-\[150px\] { padding-left: 150px; } .xl\:pr-\[60px\] { padding-right: 60px; } .xl\:text-2xl { font-size: 68px; line-height: 1.1764; } .xl\:text-\[35px\] { font-size: 35px; } .xl\:text-xl { font-size: 36px; line-height: 1.277; } .xl\:text-\[16px\] { font-size: 16px; } .xl\:text-\[22px\] { font-size: 22px; } .xl\:text-\[23px\] { font-size: 23px; } .xl\:text-\[24px\] { font-size: 24px; } .xl\:text-lg { font-size: 28px; line-height: 1.428; } .xl\:text-\[18px\] { font-size: 18px; } .xl\:text-\[36px\] { font-size: 36px; } .xl\:text-\[26px\] { font-size: 26px; } .xl\:text-\[34px\] { font-size: 34px; } .xl\:before\:bottom-3::before { content: var(--tw-content); bottom: 0.75rem; } .xl\:before\:w-\[calc\(50\%_-_65px\)\]::before { content: var(--tw-content); width: calc(50% - 65px); } } @media (min-width: 1536px) { .\32 xl\:right-\[130px\] { right: 130px; } .\32 xl\:top-\[68px\] { top: 68px; } .\32 xl\:left-\[-40px\] { left: -40px; } .\32 xl\:left-\[50px\] { left: 50px; } .\32 xl\:bottom-\[150px\] { bottom: 150px; } .\32 xl\:right-\[120px\] { right: 120px; } .\32 xl\:mt-\[100px\] { margin-top: 100px; } .\32 xl\:max-w-\[750px\] { max-width: 750px; } .\32 xl\:max-w-\[700px\] { max-width: 700px; } .\32 xl\:max-w-\[714px\] { max-width: 714px; } .\32 xl\:px-\[35px\] { padding-left: 35px; padding-right: 35px; } .\32 xl\:pl-\[0px\] { padding-left: 0px; } } @media (min-width: 1920px) { .\33 xl\:top-\[133px\] { top: 133px; } .\33 xl\:left-\[-50px\] { left: -50px; } .\33 xl\:bottom-\[250px\] { bottom: 250px; } .\33 xl\:left-\[60px\] { left: 60px; } .\33 xl\:bottom-\[190px\] { bottom: 190px; } .\33 xl\:right-\[135px\] { right: 135px; } .\33 xl\:max-w-\[866px\] { max-width: 866px; } .\33 xl\:max-w-\[830px\] { max-width: 830px; } } .hero_btn.bg-primary:hover{ background-color: #f05a27 !important; } .w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)} .w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px} .w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px} @media (max-width:600px){ .w3-modal-content{margin:0 10px;width:auto!important} .w3-modal{padding-top:30px} .w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative} .w3-hide-small{display:none!important} .w3-mobile{display:block;width:100%!important} .w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center} .w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%} } @media (max-width:768px){ .w3-modal-content{width:500px} .w3-modal{padding-top:50px} .about-section .text-primary, .about-section p{ text-align: left; } .cities-slider .testimo{ height: 562px; } .footer .social{ display:flex; } } @media (min-width:993px){ .w3-modal-content{width:900px} .w3-hide-large{display:none!important} .w3-sidebar.w3-collapse{display:block!important} } .w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before, .w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both} .w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px} ul.accordion-list { position: relative; display: block; width: 100%; height: auto; padding: 20px; margin: 0; list-style: none; background-color: #f9f9fa; } ul.accordion-list li { position: relative; display: block; width: 100%; height: auto; background-color: #fff; padding: 20px; margin: 0 auto 15px auto; border: 1px solid #eee; border-radius: 5px; cursor: pointer; } ul.accordion-list li.active h3:after { transform: rotate(45deg); } ul.accordion-list li h3 { font-weight: 700; position: relative; display: block; width: 100%; height: auto; padding: 0 0 0 0; margin: 0; font-size: 15px; letter-spacing: 0.01em; cursor: pointer; } ul.accordion-list li h3:after { content: "\f067"; font-family: "fontawesome"; position: absolute; right: 0; top: 0; color: #fcc110; transition: all 0.3s ease-in-out; font-size: 18px; } ul.accordion-list li div.answer .contact_det{ margin-bottom: 5px; } ul.accordion-list li div.answer { position: relative; display: block; width: 100%; height: auto; margin: 12px; padding: 0; cursor: pointer; } ul.accordion-list li div.answer p { position: relative; display: block; font-weight: 300; padding: 10px 0 0 0; cursor: pointer; line-height: 150%; margin: 0 0 15px 0; font-size: 14px; } .hero-slider2 .swiper-slide{ background-size: cover; }