/*============================================================================================ Theme Reset ==============================================================================================*/ /* Google Fonts now preconnected + linked directly in of master.blade.php, not @import'd here — a nested @import blocks first paint of the whole page until the browser finishes downloading/parsing this file AND the remote Google Fonts response, instead of fetching both in parallel. */ /* Custom Variable Colors */ :root { --primary-color: #f54480; --secondary-color: #131126; --white-color: #fff; --offwhite-color: #f5f5f5; --title-color: #131126; --paragraph-color: #4f536c; --border-color: #e7e7eb; --font-family: "Nunito", sans-serif; --font-family-2: "Salsa", sans-serif; } *, *::after *::before { box-sizing: border-box; margin: 0; padding: 0; } /* Selection CSS */ ::-moz-selection { color: var(--white-color); background: var(--primary-color); } ::selection { color: var(--white-color); background: var(--primary-color); } /* ScrollBar CSS */ ::-webkit-scrollbar { width: 8px !important; height: 8px !important; display: block; } ::-moz-scrollbar { width: 8px !important; height: 8px !important; display: block; } ::-ms-scrollbar { width: 8px !important; height: 8px !important; } ::-webkit-scrollbar-thumb { cursor: pointer !important; background: var(--primary-color) !important; border-radius: 4px; } /* Main Body CSS */ body { font-family: var(--font-family); background: var(--white-color); color: var(--paragraph-color); font-size: 18px; font-weight: 400; line-height: 140%; } html { font-family: var(--font-family); -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } html, body { height: 100%; margin: 0; } /* Main Container */ .container { max-width: 1360px; margin: auto; } .container-fluid { padding: 0; padding: 0px 80px; } @media only screen and (max-width: 1500px) { .container { padding: 0% 5%; } .container-fluid { padding: 0% 5% !important; } } /* Theme Typhography */ img { max-width: 100%; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { text-decoration: none; } a:active, a:hover { outline: 0; text-decoration: none; } .animated:focus-visible { outline: none; } .table { display: table; width: 100%; height: 100%; } .table-cell { display: table-cell; vertical-align: middle; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; transition: all 0.4s ease; } button:focus-visible { outline: none; } input:focus-visible { outline: none; } input[type="number"] { -moz-appearance: textfield; } textarea:focus-visible { outline: none; } button { overflow: visible; border: none !important; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } .btn-close:focus { box-shadow: none; } button, input, select, optgroup, textarea { font-family: var(--font-family); color: var(--paragraph-color); font-weight: 500; font-size: 16px; line-height: 160%; } .c-font, .c-font a { font-family: var(--font-family); } a, button, input, textarea { font-weight: 400; } img, a, input, h1, h2, h3, h4, h5, h6, p { transition: all 0.4s ease; } dfn, cite, em, i { font-style: italic; } address { margin: 0 0 1.5em; } pre { background: var(--border-color); font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: var(--font-family); font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted var(--border-color); cursor: help; } mark, ins { background: var(--white-color) 9c0; text-decoration: none; } big { font-size: 125%; } html { box-sizing: border-box; scroll-behavior: smooth !important; } hr { background-color: var(--border-color); border: 0; height: 1px; margin-bottom: 1.5em; } ul, ul li, li { list-style-type: disc; list-style: none; padding: 0; margin: 0; } a { display: inline-block; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; max-width: 100%; } figure { margin: 1em 0; } table { margin: 0 0 1.5em; width: 100%; } button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: var(--border-color) var(--border-color) var(--border-color); border-radius: 3px; background: var(--white-color); color: var(--paragraph-color); line-height: 1; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: var(--paragraph-color); border: 1px solid var(--border-color); border-radius: 4px; padding: 12px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #393e46; } select { border: 1px solid var(--border-color); } textarea { width: 100%; } a { color: inherit; } a:hover, a:focus, a:active { color: var(--title-color); } a:hover, a:active { outline: 0; } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: var(--white-color); border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: var(--secondary-color); display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } #content[tabindex="-1"]:focus { outline: 0; } .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } .widget { margin: 0 0 1.5em; } .widget select { max-width: 100%; } .sticky { display: block; } .hentry { margin: 0 0 1.5em; } .updated:not(.published) { display: none; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none; } .infinity-end.neverending .site-footer { display: block; } .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } embed, iframe, object { max-width: 100%; } .custom-logo-link { display: inline-block; } /* Heading Title */ h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; } h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a { font-family: var(--font-family); color: var(--title-color); font-weight: 700; line-height: 130%; } h1 { font-size: 61px; } h2 { font-size: 49px; } h3 { font-size: 39px; } h4 { font-size: 31px; } h5 { font-size: 25px; } h6 { font-size: 20px; } /* Paragraph Text */ p { color: var(--paragraph-color); margin: 0; line-height: 28px; font-weight: 400; font-size: 18px; margin: 0; } @media only screen and (max-width: 767.99px) { p { font-size: 15px !important; } } /* Cutom Padding */ .pd-top-10 { padding-top: 10px; } .pd-top-20 { padding-top: 20px; } .pd-top-30 { padding-top: 30px; } .pd-top-40 { padding-top: 40px; } .pd-top-50 { padding-top: 50px; } .pd-top-55 { padding-top: 55px; } .pd-top-60 { padding-top: 60px; } .pd-top-70 { padding-top: 70px; } .pd-top-80 { padding-top: 80px; } .pd-top-90 { padding-top: 90px !important; } .pd-top-100 { padding-top: 100px; } .pd-top-120 { padding-top: 120px; } .pd-btm-10 { padding-bottom: 10px; } .pd-btm-20 { padding-bottom: 20px; } .pd-btm-30 { padding-bottom: 30px; } .pd-btm-40 { padding-bottom: 40px; } .pd-btm-50 { padding-bottom: 50px; } .pd-btm-60 { padding-bottom: 60px; } .pd-btm-70 { padding-bottom: 70px; } .pd-btm-80 { padding-bottom: 80px; } .pd-btm-90 { padding-bottom: 90px; } .pd-btm-100 { padding-bottom: 100px; } /* Cutom Margin */ .mg-top-10 { margin-top: 10px; } .mg-top-20 { margin-top: 20px !important; } .mg-top-25 { margin-top: 25px !important; } .mg-top-30 { margin-top: 30px; } .mg-top-40 { margin-top: 40px !important; } .mg-top-42 { margin-top: 42px !important; } .mg-top-46 { margin-top: 46px !important; } .mg-top-50 { margin-top: 50px; } .mg-top-60 { margin-top: 60px; } .mg-top-70 { margin-top: 70px; } .mg-top-80 { margin-top: 80px; } .mg-btm-10 { margin-bottom: 10px; } .mg-btm-20 { margin-bottom: 20px; } .mg-btm-25 { margin-bottom: 25px; } .mg-btm-30 { margin-bottom: 30px; } .mg-btm-35 { margin-bottom: 35px; } .mg-btm-40 { margin-bottom: 40px; } .mg-btm-50 { margin-bottom: 50px; } .mg-btm-120 { margin-bottom: 120px; } /* Display Flex End Between */ .d-flex-end-between { display: flex; align-items: flex-end; justify-content: space-between; } /* Background Image */ .background-image { background-size: cover; background-position: center; background-repeat: no-repeat; } /* Section Gap */ .section-gap { padding: 56px 0px; } /* Section Head */ .section-head { margin-bottom: 56px; } .section-head-title { margin-bottom: 12px; font-size: 52px; font-weight: 800; line-height: 120%; } @media only screen and (min-width: 768px) and (max-width: 991.99px) { .section-head-title { font-size: 42px; } } @media only screen and (max-width: 767.99px) { .section-head { margin-bottom: 40px; } .section-head-title { font-size: 32px; } } /* Animation */ .updown-ani { -webkit-animation-name: UpDown; animation-name: UpDown; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .rotate-ani { animation-name: Rotate; -webkit-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } .zoom-in-out { animation: zoom-in-out 3s ease-out infinite; } .swing { animation: swing ease-in-out 1s infinite alternate; transform-origin: center -20px; } @-webkit-keyframes UpDown { 0% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 50% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 100% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } } @-webkit-keyframes Rotate { from { -webkit-transform: rotate(-0deg); transform: rotate(-0deg); } to { -webkit-transform: rotate(-8deg); transform: rotate(-8deg); } } @keyframes zoom-in-out { 0% { transform: scale(1, 1); } 50% { transform: scale(1.3, 1.3); } 100% { transform: scale(1, 1); } } @keyframes swing { 0% { transform: rotate(3deg); } 100% { transform: rotate(-3deg); } } /* Back To Top CSS */ .progress-wrap { position: fixed; right: 50px; bottom: 50px; height: 46px; width: 46px; cursor: pointer; display: block; border-radius: 50px; box-shadow: inset 0 0 0 2px #f5448052; z-index: 99; opacity: 0; visibility: hidden; transform: translateY(15px); -webkit-transition: all 200ms linear; transition: all 200ms linear; } .progress-wrap.active-progress { opacity: 1; visibility: visible; transform: translateY(0); } .progress-wrap::after { position: absolute; content: "\f181"; font-family: uicons-regular-rounded !important; text-align: center; line-height: 46px; font-size: 26px; color: var(--primary-color); left: 0; top: 0; height: 46px; width: 46px; cursor: pointer; display: block; z-index: 1; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .progress-wrap svg path { fill: none; } .progress-wrap svg.progress-circle path { stroke: var(--primary-color); stroke-width: 4; box-sizing: border-box; -webkit-transition: all 200ms linear; transition: all 200ms linear; } @media only screen and (min-width: 768px) and (max-width: 991px) { .progress-wrap { right: 5%; } } @media only screen and (max-width: 767.99px) { .progress-wrap { right: 5%; } } /* Nice Select CSS */ .nice-select:active, .nice-select.open, .nice-select:focus { border-color: var(--primary-color) !important; box-shadow: none; } .nice-select:hover { border-color: var(--border-color); } .nice-select::after { margin-top: -5px; } .nice-select .list { width: 100%; transform: none !important; max-height: 320px; overflow-y: scroll; border: 1px solid var(--border-color); box-shadow: none; } .nice-select .option:hover { background-color: var(--primary-color); } .nice-select .option { line-height: 42px; min-height: 42px; padding-left: 16px; padding-right: 16px; } .nice-select::after { right: 18px; } .nice-select .option.selected { font-weight: 600; } .nice-select .option.selected { background: var(--primary-color); color: var(--white-color); } .nice-select .list:hover .option:not(:hover) { color: var(--paragraph-color); } .nice-select .list::-webkit-scrollbar { width: 4px !important; height: 4px !important; display: block; } .nice-select .list::-moz-scrollbar { width: 4px !important; height: 4px !important; display: block; } .nice-select .list::-ms-scrollbar { width: 4px !important; height: 4px !important; } .list-group-item + .list-group-item.active { margin-top: 0; } /* Theme Button */ .theme-btn { display: inline-block; background-color: var(--primary-color); color: var(--white-color); padding: 14px 30px; font-size: 18px; font-weight: 700; line-height: 32px; border-radius: 12px; text-align: center; margin-right: 24px; transition: all 0.4s ease; border: 2px solid transparent !important; } .theme-btn:last-child { margin: 0; } .theme-btn:hover, .theme-btn.solid-btn { background-color: transparent; border: 2px solid var(--primary-color) !important; color: var(--primary-color); } .theme-btn.solid-btn:hover { background: var(--primary-color); color: var(--white-color); } @media only screen and (max-width: 767.99px) { .theme-btn { padding: 8px 20px; font-size: 14px; margin-right: 16px; } } /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type="number"] { -moz-appearance: textfield; } /*============================================================================================ End Theme Reset ==============================================================================================*/