:root { --theme-color: #003970 } .service-card.style7 .service-card_img:after { background: linear-gradient(357deg,rgba(0,57,112,0.55) 20.79%,rgba(6,9,21,0.64) 60.97%); } .about-thumb3 .about-img-3 { border-radius: 15px; border: 5px solid var(--white-color); box-shadow: 0px 4px 13px -2px rgba(19,16,34,0.06),0px 4.8px 24.4px -6px rgba(19,16,34,0.1); } .about-thumb3 .about-img-3 img { border-radius: 10px; } .pt-30 { padding-top: 30px !important; } .morecontent span { display: none; } .morelink { display: block; } .testi-box.style2:hover .morelink { color: #fff; } .footer-wrapper { background-repeat: no-repeat; background-size: cover; } .hero-2 { position: relative; } .hero-2 .background-mobile { display: none; background-position: center; background-size: cover; background-repeat: no-repeat; } .hero-2 .background-desktop { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: center; background-size: cover; background-repeat: no-repeat; } @media (max-width: 576px) { .hero-2 .background-desktop { display: none; } .hero-2 .background-mobile { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } } .hero-2 .hero-content { position: relative; z-index: 2; } .why-area-1 { position: relative; } .why-area-1 .background-mobile { display: none; background-position: center; background-size: cover; background-repeat: no-repeat; } .why-area-1 .background-desktop { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: center; background-size: cover; background-repeat: no-repeat; } @media (max-width: 576px) { .why-area-1 .background-desktop { display: none; } .why-area-1 .background-mobile { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } } .why-area-1 .area-content { position: relative; z-index: 2; } .project-area-7 .project-card.style4 .project-card-img:after { background: linear-gradient(8deg,#003970 8.74%,rgba(75,175,71,0) 75.79%) } .social-btn.style6 a { background: rgba(0,57,112,0.10) !important; } .row-cols-7 > * { flex: 0 0 14.2857142857142%; max-width: 14.2857142857142%; } @media (min-width: 768px) { .row-cols-md-7 > * { flex: 0 0 14.2857142857142%; max-width: 14.2857142857142%; } } .dx-calendar { .dx-calendar-header { text-align: center; padding: 0.5rem; } .dx-calendar-cell { border: 1px solid #dee2e6; margin-bottom: 0.5rem; .dx-calendar-cell-header { background-color: #f8f9fa; color: #343a40; text-align: left; } &.active { border: 1px solid #003970; background-color: #003970; .dx-calendar-cell-header { background-color: #003970; color: white; } } &.faded { background-color: #e9ecef; .dx-calendar-cell-header { background-color: #dee2e6; } } .dx-calendar-cell-title { font-size: 14px; font-weight: bold; color: #fff; } } .dx-calendar-event { background-color: #003970; color: #ffffff; padding: 0.25rem; margin-bottom: 0.25rem; .dx-event-title,.dx-event-timeframe { color: white; } } .dx-event-title { font-size: 13px; line-height: 15px; font-weight: bold; } .dx-event-timeframe { font-size: 11px; line-height: 11px; } } @media (min-width: 768px) { .dx-calendar { .dx-calendar-header { text-align: center; border-top: 1px solid #dee2e6; border-left: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; &.dx-calendar-header-end { border-right: 1px solid #dee2e6; } } .dx-calendar-cell { min-height: 74px; margin-bottom: 0; border: none; border-left: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; .dx-calendar-cell-header { text-align: right; } .dx-calendar-cell-title { font-size: 12px; font-weight: normal; } } .dx-calendar-cell-end { border-right: 1px solid #dee2e6; } } } .footer-layout4 .footer-top { justify-content: start; } .service-card.style6 .service-card-icon { box-shadow: 0 0 2px 10px rgba(0,57,112,0.5) !important; } .btn.style-error { background: var(--error-color); } .btn.style-error:after { background: #9f2531; color: var(--white-color); } .btn.style-error:focus,.btn.style-error.active,.btn.styler-error:hover { color: var(--white-color); }