/*===============================================
Template Name: techno - IT Solutions & Services HTML5 Template
Version: 0.1
================================================*/
/*TABLE OF CONTENTS*/
/*=====================
01. techno Main Menu Area Css
02. techno Slider Area Css
03. techno Shape Images Css
04. techno Breatcome Area Css
05. techno Feature Area Css
06. techno Service Area Css
07. techno Section TitleNAV
08. techno About Area Css
09. techno Counter Area Css
10. techno Feature Box Area Css
11. techno Team Area Css
12. techno Pricing Area Css
13. techno Portfolio Area Css
14. techno Testimonial Area Css
15. techno Call Do Action Area Css
16. techno Blog Area Css
17. techno Subscribe Area CSS
18. techno Subscribe Area CSS
19. techno Contact Now Area Css
20. techno Contact Form Area Css
21. techno GOOGLE MAP AREA CSS.em-feature-single-box:before
22. techno Middle Footer CSS.loader-wrapper .loder-section
23. techno Footer Bottom Area Css
24. techno BLOG DETAILS AREA CSS
25. techno Team Details Area Css
26. techno Skill Area Css
27. techno Error Page Area Css
25. techno Team Details Area Css
=======================*/
/*============================
techno Main Menu Area Css
==============================*/
.nivo_slider_area {
z-index: 0 !important;
margin-top: -140px;
}
.custom-boxed {
margin-left: 0px!important;
overflow: hidden;
}
.dda-main-header__logo {
max-width: 300px;
}
.dda-main-header__gov-logo {
max-width: none;
}
.dda-sub-header .icon-menu {
display: block;
}
.dda-sub-header__logo {
width: 200px;
}
.dda-footer__section-links p {
color: #000!important;
margin-top: revert;
margin-bottom: revert;
}
.dda-login-section .cms-login span
{
line-height: 1.3;
text-align: center;
padding: 15px;
height: 60px;
margin-top: 20px;
}
.dda-login-section h2
{
color:#000;
}
.dda-footer__section-links .fa
{
font-size:20px;
}
a:hover {
text-decoration:none!important;
}
.dda-accessibility-section h1, .dda-accessibility-section p ,.dda-accessibility-section label
{
color: #000!important;
}
.dda-accessibility-section .mt-5 {
margin-top: 1.25rem!important;
}
.dda-accessibility-section label {
margin-bottom: 0rem!important;
font-size: 16px;
margin-bottom: 0rem;
}
.dda-accessibility-section__fieldset .ladcolor
{
font-size:20px;
}
.dda-side-nav .white h1, .dda-side-nav .white h2, .dda-side-nav .white h3, .dda-side-nav h4, .dda-side-nav .white h5, .dda-side-nav .white h6 {
color: #000!important;
}
.dda-side-nav .sidenav {
padding-top: 12px!important;
}
.dda-side-nav .pa-8
{
padding-top: 0rem!important;
}
.dda-login-btn
{
border: 1px solid #000;
color:#000;
background:#fff;
}
.dda-Ladcolor
{
background: #9d7714;
color: #fff;
border-radius: 1.5rem;
/* padding: 10px; */
margin-top: 15px;
}
.dda-sub-header__navbar .menu > ul > li > a:hover::after, .dda-sub-header__navbar .menu > ul > li > a.active::after, .dda-sub-header__navbar .menu > ul > li > a:focus::after
{
background: #9d7714;
}
.dda-accessibility-section__fieldset a:visited {
color: #fff!important;
text-decoration: none;
}
.custom-boxed {
margin-left: 0px!important;
margin-right: 0px;
}
.b--responsive .dda-sub-header__actions .position-absolute {
position: fixed!important;
z-index:999!important;
}
body.transparent .dda-header-container {
z-index: 999;
}
footer.DDA
{
z-index: 888;
}
body.transparent .dda-footer__icon-04--green
{
width: 32px;
}
.about_area.style-five {
padding: 60px 0 60px;
}
.em-feature-single-box {
background: #f5f5f5!important;
}
.blog_area.news-page.pt-80.pb-70 {
background: #f5f5f5!important;
padding-top:60px!important;
padding-bottom:60px!important;
}
.transperent .menu .link a:visited {
color:#000!important;
text-decoration: none;
}
.lad-main-header.inner-header
{
background:#fff!important;
}
.lad-main-header {
position: fixed;
}
.loader-wrapper {
z-index: 99999!important;
}
.about_area .center-bg
{
background: #f5f5f5;
border-radius: 15px;
padding-left: 25px;
}
.lad-banner-wrapper
{
z-index:1;
}
.dda-header-container .lad-main-header
{
z-index:3;
}
.dda-header-container .dda-sub-header
{
z-index:2;
}
.hide
{
visibility:hidden;
}
body.mobile .hide
{
visibility:visible!important;
}
.mobile .dda-sub-header .position-relative
{
z-index:999;
}
.dda-accessibility-section__fieldset a
{
margin-left: 10px!important;
margin-right: 10px!important;
font-size: 22px;
}
.dda-footer
{
box-shadow: 0px -4px 20px 4px rgba(0, 0, 0, 0.16);
}
a:visited
{
color:#000;
}
.dda-sub-header__navbar .menu > ul > li > a
{
font-weight:600;
}
body.transparent .dda-header-container {
position:absolute;
}
.mobile .dda-login-section
{
position: fixed!important;
}
.dda-btn {
height: 50px;
padding: 18;
line-height: 20px;
text-align: center;
}
#loginSection .text-h5
{
color:black!important;
}
.mobile .dda-side-nav__footer-logo {
height: 45px;
}
.mobile .swiper-button-next, .mobile .swiper-button-prev, .mobile .mouse mouse-1
{
display:none;
}
.gov-logo-img
{
max-width:176px;
}
.dsg-logo
{
margin-left:-35px
}
body.transparent .dda-sub-header__btn {
background: #00000038;
}
.lad-main-header__logo
{
width:240px;
}
.white-bg
{
background:#fff;
}
#btnlpsreg
{
color:#fff!important;
}
.dda-sub-header {
box-shadow: 0px 5px 8px 0 rgba(0, 0, 0, 0.05);
}
.scroll-move .dda-sub-header {
box-shadow: 0px 9px 13px 0 rgba(0, 0, 0, 0.05)!important;
}
.transparent .dda-sub-header
{
box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0);
}
.chatbtn
{
padding-right: 10px;
}
[dir="rtl"] .chatbtn
{
padding-left: 10px;
padding-right: 0px;
}
@media screen and (max-width: 992px) {
.dda-footer__section--bordered {
border-right: 0px solid #e8e8e8;
border-left: 0px solid #e8e8e8;
}
}
@media screen and (max-width: 576px) {
.chatbtn {
width: 64px;
}
.chatbtn img {
width: 33px!important;
}
}
.footer-bottom-logo
{
display:none;
}
.chatbtn .dda-footer__icon-04--green
{
display:block!important;
}
.mobile .page-title h1
{
font-size: 1.3em;
margin: 1.6em 0;
}
.mobile .container-bg
{
padding: 25px 10px;
}
.mobile .ac-title:first-child {
margin-top: 10px;
}
.footer_middle_area .menu
{
display:block!important;
}
.dda-footer__icon-04--green {
width: 32px;
}
.container.bottom-footer
{
max-width: 100%;
}
[dir="rtl"] .mobile .dda-footer__section--bordered {
border-right: unset;
border-left: 0px solid #e8e8e8;
}
.mobile .dda-footer__section-links--right
{
gap: 0.0rem;
}
#menuactive:after
{
position: absolute;
content: "";
display: block;
width: 100%;
top: calc(100% + 4px);
height: 5px;
background: #9d7714;
border-top-right-radius: 0.5rem;
border-top-left-radius: 0.5rem;
}
.transparent #menuactive:after
{
position: absolute;
content: "";
display: block;
width: 100%;
top: calc(100% + 4px);
height: 5px;
background: #fff;
border-top-right-radius: 0.5rem;
border-top-left-radius: 0.5rem;
}
.dda-sub-header--hidden #menuactive:after
{
position: absolute;
content: "";
display: block;
width: 100%;
top: calc(100% + 4px);
height: 5px;
background: #fff;
border-top-right-radius: 0.5rem;
border-top-left-radius: 0.5rem;
}
#scrollUp {
background: #9d7714 none repeat scroll 0 0;
bottom: 70px;
color: #fff;
font-size: 30px;
height: 40px;
line-height: 0px;
right: 20px;
text-align: center;
width: 40px;
padding-top: 3px;
border-radius: 50%;
}
.table th
{
font-size:14px
}
.table tr
{
font-size:13px;
text-align:center;
}
.table tr td:first-child
{
}
.rtlview .table tr td:first-child
{
text-align:right;
}
.mobile .table th , .mobile thead tr
{
font-size:12px
}
.mobile .table tr
{
font-size:11px;
text-align:center;
}
.document th:first-child
{
width: 30rem;
}
.dsg-logo:focus-visible , a:focus-visible, button:focus-visible{
outline: 1px solid crimson!important;
border-radius: 3px!important;
}
.note-label span
{
font-size:15px;
}
.red
{
color:#A80000;
}
a.social-icon-color1 svg
{
/* font-size: 20px !important; */
width: 48px;
/* height: 30px; */
/* padding-top: 0px; */
padding: 8px;
margin-top: -8px;
}
a.social-icon-color1 {
width: 48px;
height: 48px;
line-height: 38px;
text-align: center;
background: #ffffff;
border-radius: 5px;
font-size: 20px;
}
.follow-company-icon a {
font-size: 28px;
color: #fff;
margin: 8 10px;
font-weight: 500;
display: inline-block;
transition: .5s;
padding-top: 10px;
width: 48px !important;
height: 48px !important;
}
#loginSection a
{
font-size:0.9rem
}
.blog_area.home {
background: #f5f5f5!important}
.menu-aligement_rtl
{
margin-right:55px;
}
.mobile .menu-aligement_rtl
{
margin-right:0px;
}
.button a , button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]),.em-feature-button a
{
background-image: linear-gradient(to right, #9d7714 0%, #b78914 51%, #9d7714 100%);
text-align: center;
transition: 0.5s;
background-size: 200% auto;
color: white;
box-shadow: 0 0 2px #fffcef;
border-radius: 10px;
}
.button a:hover , a.btn:hover ,.em-feature-button a:hover , .text-end .btn:hover ,em-feature-button a:hover
{
background-position: right center; /* change the direction of the change here */
color: #fff;
text-decoration: none;
border: 0px solid #fff !important;
}
.slide-cta:not(.close):not(.mfp-close)
{
background-image:none !important;
}
a.slide-cta:hover
{
border: 1px solid #fff !important;
background-color:#ffffffe8!important;
background:#ffffffe8!important
}
.most-used-services .service-box .service-icon i
{
filter: invert(70%) sepia(31%) saturate(0%) hue-rotate(151deg) brightness(100%) contrast(95%);
}
.table td img
{
width:25px;
}
.table td, .table th
{
height:35px;
}
.mpbile .table td, .table th
{
height:42px;
}
.allservice .button.style-four a:hover {
color: #9d7714!important;
border: 2px solid #9d7714!important;
}
@media screen and (max-width: 992px) {
.dda-sub-header__navbar-toggle.hide {
visibility:visible;
}
.lad-main-header {
display: none;
}
body.transparent .dda-sub-header__logo--white {
display: block;
}
.dda-sub-header__btn {
display: none;
}
.dda-sub-header__mobile-actions {
display: block;
}
.dda-sub-header {
--menu-height: 80px;
top: 0;
}
}
.ddlyear {
/* ... */
color: #000000;
left: 13px;
max-width:150px;
margin-bottom:20px;
}
.rtlview .ddlyear
{
left: 0px;
right:13px;
}
.ddlyear option:hover {
background-color: #fff!important;
}
.ddlyear option:focus{
border: 0px solid;
}
:root {
--swiper-theme-color: #9d7714;
}
tr:nth-child(even) {
background-color: #eee; /* Light gray for even rows */
}
tr:nth-child(odd) {
background-color: #ffffff; /* White for odd rows */
}
th {
background-color: #eee; /* Header background color */
}
input[type=password]:focus, input[type=text]:focus, select:focus, textarea:focus, .sp-peoplepicker-topLevelFocus, .ms-inputBoxActive, .ms-inputBox.ms-inputBoxActive:hover {
border-color:#9d7714 !important; }
.menu ul {
display: none;
}
.menu a[aria-expanded="true"] + ul {
display: block;
}
.mobile .style-four:before {
opacity: 0;
}
.accordion_custom:after, .ac-title:after {
content: "\f078"!important;
display: inline-block;
font: normal normal normal 14px / 1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
color: #6c6969;
}
.ac-title.open:after {
content: "\f077"!important;
display: inline-block;
font: normal normal normal 14px / 1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
color: #6c6969;
}
a.btn.btn-lad.m-r-10
{
font-size:15px!important;
}
.mr-custom
{
padding-right:12px!important;
font-size:18px!important;
color:#000!important;
}
.rtlview .mr-custom
{
padding-left:12px!important;
padding-right:8px!important;
}
.ac-title img ,.accordion_custom img
{
float:right;
}
.rtlview .ac-title img,.rtlview .accordion_custom img
{
float:left;
}
.ac-title:after ,.accordion_custom:after{
content: "" !important;
}
.arrow-icon
{
width:24px;
}
.ac-title i , .accordion_custom i
{
float:left;
padding-top: 2px;
}
.rtlview .ac-title i,.rtlview .accordion_custom i
{
float:right;
}
.single_blog
{
height:400px;
background: #fff;
}
.single_blog img
{
height:200px;
}
.blog_description {
height: 77px;
}
.dda-footer__section-link{
position: relative;
cursor: pointer;
text-decoration: none;
}
/* Tooltip content from data-title */
.dda-footer__section-link::after, .dda-footer__section-btn::after, .dda-sub-header__btn::after {
content: attr(title);
position: absolute;
background-color: #fff;
color: #000;
padding: 4px 10px;
border-radius: 6px;
white-space: nowrap;
opacity: 0;
transition: opacity 0.3s;
pointer-events: none;
transform: translateX(-50%);
left: 50%;
bottom: 115%; /* top direction */
z-index: 999;
font-size:13px;
}
/* Arrow */
.dda-footer__section-link::before , .dda-footer__section-btn::before,.dda-sub-header__btn::before{
content: "";
position: absolute;
bottom: 115%;
left: 50%;
transform: translateX(-50%);
border-width: 5px;
border-style: solid;
border-color: black transparent transparent transparent;
opacity: 0;
transition: opacity 0.3s;
pointer-events: none;
z-index: 999;
}
/* Show on hover */
.dda-footer__section-link:hover::after,
.dda-footer__section-link:hover::before {
opacity: 1;
}
.dda-footer__section-btn:hover::after,
.dda-footer__section-btn:hover::before {
opacity: 1;
}
.dda-sub-header__btn:hover::after,
.dda-sub-header__btn:hover::before {
opacity: 1;
}
.input-group > .form-control, select {
margin-bottom: 0px;
position: relative;
min-width: 0px;
width: 100%;
margin: 8px 0;
display: inline-block;
box-shadow: inset 0 0px 0px #ddd;
border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 20px;
padding-right: 20px;
padding-top: 12px;
padding-bottom: 12px;
border: 1px solid #e4e2e6;
border-radius: 8px!important;
height: 55px;
}
select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding: 12px 16px;
padding-left: 40px; /* space for 3-dot icon */
padding-right: 40px; /* space for dropdown arrow */
font-size: 16px;
font-family: sans-serif;
color: #333;
background-color: white;
border: 1px solid #ccc;
border-radius: 8px;
cursor: pointer;
background-image:
url("data:image/svg+xml;utf8,"),
url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: left 10px center, right 10px center;
background-size: 10px 20px, 16px 16px;
}
.card-news img
{
width:30px;
}
.card-news
{
padding:10px;
height: 450px;
}
.card-content-news {
height: 120px;
overflow: hidden;
}
.newsIcon
{
height:275px;
}
.phone-input-container {
display: flex;
width: 100%;
border: 1px solid #e4e2e6;
border-radius: 8px;
overflow: hidden;
height: 55px;
}
.dropdown-tel {
}
.selected-tel {
display: flex;
align-items: center;
padding: 0px 10px;
cursor: pointer;
font-size: 14px;
border-right: 1px solid #ccc;
height: 55px;
width: 100px;
gap: 0px;
}
.selected-tel img {
width: 20px;
height: 14px;
}
.dropdown-list-tel {
display: none;
position: fixed;
background-color: white;
border: 1px solid #ccc;
width: 150px;
position: absolute;
z-index: 9999;
height: 250px;
overflow-y: scroll;
}
.dropdown-list-tel div {
padding: 8px 10px;
display: flex;
align-items: center;
cursor: pointer;
height: 32px;
}
.dropdown-list-tel div:hover {
background-color: #eee;
}
.dropdown-list-tel img {
width: 20px;
height: 14px;
margin-right: 6px;
}
.dropdown-list-tel span {
font-size: 14px;
}
.form-control, .form-control-tel
{
width: 100%;
border: 1px solid #e4e2e6;
border-radius: 8px;
overflow: hidden;
height: 55px;
}
.phone-number-tel {
flex: 1;
padding: 0px 10px;
border: none;
outline: none;
font-size: 14px;
height: 55px;
}
.labelerror
{
font-size:13px!important;
}
.form-group {
margin-bottom: 0.2rem!important;
}
.counterdiv
{
margin-top:-20px;
margin-bottom:2rem!important;
}
.countershareyourneed
{
margin-top:-20px;
margin-bottom:1rem!important;
}
.form-control.textcheck
{
margin-bottom:30px;
height:40px!important;
}
.controls
{
display:none;
}
.rtlview .blog_page_button img
{
transform: scaleX(-1);
}
.rtlview .breadcrumb ul .breadcrumb-item + li:before,.rtlview .breadcrumb ul li + li:before, .breadcrumb ol .breadcrumb-item + li:before, .rtlview .breadcrumb ol li + li:before {
content: "\f104";
font: normal normal normal 14px / 1 FontAwesome;
margin: 0 5px;
background-color: transparent;
transform: scaleX(-1);
}
.blog_page_button img
{
width:20px;
}
.blog_page_button {
position: relative;
margin-top: -20px;
bottom: 25px;
}
.rtlview .phone-number-tel
{
direction:rtl;
}
.panel_custom
{
background: #f5f5f5;
padding: 0 10px 0px;
border: 3px;
}
.ac-title-inner, .accordion-inner h5
{
font-weight:500!important;
font-size: 17px!important;
}
.pagination-news{
display: flex;
justify-content: center;
margin-top: 20px;
flex-wrap: wrap;
gap: 5px;
margin:auto;
}
.pagination-news button {
background-color: #f4f4f4;
border: 1px solid #ccc;
padding: 6px 12px;
border-radius: 5px;
cursor: pointer;
font-size: 14px;
transition: all 0.3s ease;
}
.pagination-news button:hover {
background-color: #70550F;
color: white;
border-color: #9d7714;
}
.pagination-news button.active {
background-color: #70550F;
color: white;
font-weight: bold;
}
.pagination-news button.disabled {
opacity: 0.8;
cursor: not-allowed;
}
.ac-content {
padding: 15px;
background: #f5f5f59e;
margin-top: -10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border:1px solid #eee;
}
.list-icon
{
padding-left:25px;
}
.rtlview .list-icon
{
padding-left:0px;
padding-right:25px;
}
.mobile .ser,.mhide
{
display:none!important;
}
.phone-input-container:hover ,input[type=email]:hover ,input [type=password]:hover, input[type=text]:hover, input[type=file]:hover, textarea:hover, .sp-peoplepicker-topLevel:hover, .ms-inputBox:hover {
border-color: #9d7714 !important;
}
.phone-input-container:hover ,input[type=email]:hover ,input[type=password]:focus, input[type=text]:focus, select:focus, textarea:focus, .sp-peoplepicker-topLevelFocus, .ms-inputBoxActive, .ms-inputBox.ms-inputBoxActive:hover {
border-color: #9d7714 !important;
}
.counterdiv ,#ctl00_ctl81_g_f223ba77_bcae_4bdb_8289_5bbbb2b0cbc5_ctl00_RequiredFieldValidator1,#ctl00_ctl81_g_f223ba77_bcae_4bdb_8289_5bbbb2b0cbc5_ctl00_Refvlname, #ctl00_ctl81_g_f223ba77_bcae_4bdb_8289_5bbbb2b0cbc5_ctl00_Refvlsubject, #ctl00_ctl81_g_f223ba77_bcae_4bdb_8289_5bbbb2b0cbc5_ctl00_Refvlemail, #ctl00_ctl81_g_f223ba77_bcae_4bdb_8289_5bbbb2b0cbc5_ctl00_Refvlmobile
{
font-size:10px!important;
margin-top:-15px!important;
}
.form-group
{
margin-bottom: -10px !important;
}