» Cẩm nang tình yêu

.bg-primary, .bg-primary:hover,.bg-primary:focus, a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover, .badge-primary { background:#DF2346 !important; } .btn-primary, .btn-primary:hover { color: #fff; background-color: #DF2346 !important; border-color: #DF2346 !important; } .text-primary, .filters_col .distance span { color: #DF2346 !important; } .btn-outline-primary { color: #DF2346 !important; border-color: #DF2346 !important; } .btn-outline-primary:hover { background:none !important; } .text-primary a { color: #DF2346 !important; } [ppt-nav].active-underline > ul > li.active > a { border-bottom: 2px solid #DF2346!important; } .bg-secondary, .bg-secondary:hover, .bg-secondary:focus, a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover, .irs-bar { background-color:#F0A9C7 !important; } .btn-secondary, .btn-secondary:hover, .btn-secondary:focus { color: #fff; background-color: #F0A9C7 !important; border-color: #F0A9C7 !important; } .text-secondary { color: #F0A9C7 !important; } .text-secondary a { color: #F0A9C7 !important; } .btn-outline-secondary { color: #F0A9C7 !important; border-color: #F0A9C7 !important; } .btn-outline-secondary:hover { background:none !important; } .custom-control-input:checked~.custom-control-label::before, .filter_sortby a.active { color: #fff; border-color: #F0A9C7 !important; background-color: #F0A9C7 !important; } @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); body { font-family: "Roboto", sans-serif !important; font-weight: 400; font-style: normal; } .header .logo-lg { background: url(/wp-content/uploads/bg-headerr.png); background-repeat: no-repeat; background-position-x: center; } .header header { width: 100%; z-index: 30; position: relative; background-size: cover; background-position: 50% 0; -webkit-transition: background-color .3s, opacity .3s; -o-transition: background-color .3s, opacity .3s; transition: background-color .3s, opacity .3s; } .navbar-brand-dark, .navbar-brand-light { max-height: 65px; } [ppt-nav] > ul > li a { color: #ffffff; text-decoration: none; } .pb-4, .py-4 { padding-bottom: 0.5rem !important; } .pt-4, .py-4 { padding-top: 0.5rem !important; } body:not(.rtl) [ppt-nav].seperator > ul > li:after { position: absolute; content: ''; top: -2px; right: 0; bottom: 0; height: 12px; width: 1px; margin: auto; background-color: #ffffff6b; } .section6 .large-2>.col-inner { border: 2px solid white; background: white; min-height: 190px; border-radius: 15px; padding: 25px 10px 20px 10px; } .section6 .large-2>.col-inner:before { content: ""; width: 40px; height: 100px; background-image: url(/wp-content/uploads/buoc.png); display: block; position: absolute; background-size: 40px; background-repeat: no-repeat; background-position-y: center; right: -35px; z-index: 1; top: 44px; } .section6 .large-2>.col-inner:hover { box-shadow: 0px 15px 35px rgb(0 0 0 / 10%); border: 2px solid #ff0000; } .section6 .large-2:nth-child(3)>.col-inner:before { right: -47px; z-index: 1; top: auto; bottom: -65px; transform: rotate(90deg); left: 46%; display:none; } @property --num { syntax: "<integer>"; initial-value: 0; inherits: false; } .elementor-counter-number { animation: counter 5s infinite alternate ease-in-out; counter-reset: num var(--num); font: 800 40px system-ui; padding: 1rem 0rem 2rem 0rem; } .elementor-counter-number::after { content: counter(num); } @keyframes counter { from { --num: 0; } to { --num: 100; } } .row-tai-sao:before { background-repeat: no-repeat; background-size: contain; content: ""; width: 216px; height: 194px; position: absolute; /* left: -10%; */ margin-top: -41px; background-image: url(/wp-content/uploads/bg_why_1.png); margin-left: -70px; } figure { margin: 0; margin-right: 1em; } .cropped-image { width: 400px; height: 259px !important; } .cover-image { object-fit: cover; } .opacity-5 { min-height: 59px; } @media only screen and (max-width: 48em) { .cropped-image { width: 300px !important; height: 259px !important; } }