:root
{
--light-section:#f8f8f8;
--padding:50px 30px;
--margin:0px 0px 15px 0px;
--grey-section-200:#eaeaea;
--grey-section-300:#e5e5e5;
--grey-section-400:#e0e0e0;
--grey-section-500:#dbdbdb;
--grey-section-600:#cecece;
--grey-section-700:#c1c1c1;
--grey-section-800:#a8a8a8;
--grey-section-900:#8e8e8e;
--grey-section-1000:#757575;
--thin-border-light:1px solid rgba(255,255,255,0.2) !important;
--bottom-border-light:1px solid #dce0e5;
--light-border-top:5px solid #dce0e5;
--light-border-bottom:5px solid #dce0e5;
--border-color:#D3D3D3;
--light-border-1:1px solid #ffffff;
--light-border-2:1px solid #c4c5c7;
}
.light-border-1
{
border:var(--light-border-1);
}
.light-border-2
{
border:var(--light-border-2);
}
.light-border-top
{
border-top:var(--light-border-top) !important;
border:1px solid var(--light-border-top);
}
.light-border-down
{
border-bottom:var(--light-border-bottom) !important;
border:1px solid var(--light-border-bottom);
}
.light-border
{
border:1px solid var(--border-color);
}
.padding
{
padding:var(--padding);
margin:var(--margin);
}
.light-section
{
background-color:var(--light-section);
}
.grey-section-200
{
background-color:var(--grey-section-200);
}
.grey-section-300
{
background-color:var(--grey-section-300);
}
.grey-section-400
{
background-color:var(--grey-section-400);
}
.grey-section-500
{
background-color:var(--grey-section-500);
}
.grey-section-600
{
background-color:var(--grey-section-600);
}
.grey-section-700
{
background-color:var(--grey-section-700);
}
.grey-section-800
{
background-color:var(--grey-section-800);
}
.grey-section-900
{
background-color:var(--grey-section-900);
}
.grey-section-1000
{
background-color:var(--grey-section-1000);
}
.btn-white:hover
{
background-color:#fafafa;
color:#000;
}
.btn-gray
{
background-color:#777777;
}
.text-box-1
{
border:1px solid rgba(0,0,0,0.06);
padding:30px;
text-align:center;
}
.text-box-1 i,.text-box-2 i
{
margin:20px 0px;
font-size:45px;
}
.text-box-2
{
padding:30px;
border:1px solid rgba(0,0,0,0.06);
text-align:start;
}
.thin-border-light
{
border:var(--thin-border-light) !important;
}
.light-border-bottom
{
border:1px solid var(--border-color);
border-bottom:var(--light-border-bottom);
}
.footer-box
{
border:1px solid var(--border-color);
}
.box-shadow
{
box-shadow:0px 0px 40px rgba(29,58,83,0.1);
}
.box-shadow-1:hover
{
box-shadow:0px 0px 40px rgba(29,58,83,0.1);
}
.box-shadow-2:hover
{
box-shadow:0 15px 30px rgba(29,58,83,0.1);
transform:translateY(-10px);
}
.bottom-border-light
{
border-bottom:var(--bottom-border-light);
}
.list-content-3
{
color:var(--white-color);
border-radius:5px;
min-width:5vw;
padding:3px 20px;
}
.list-content-3:hover
{
background-color:var(--light-bg);
color:var(--dark-color) !important;
}
.separator-center-light::after
{
background:linear-gradient(to right, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.4) 35%, rgba(255,255,255,0.2) 70%, rgba(255,255,255,0) 100%);
}
.separator-left-light::after
{
background:linear-gradient(to right, rgba(255,255,255,0.5) 0%, rgba(232,232,232,0.4) 35%, rgba(255,232,232,0.2) 70%, rgba(255,255,255,0) 100%);
}
.separator-right-light::after
{
background:linear-gradient(to left, rgba(255,255,255,0.5) 0%, rgba(232,232,232,0.4) 35%, rgba(232,232,232,0.2) 70%, rgba(255,255,255,0) 100%);
}
.divider
{
border:0;
text-align:center;
clear: both;
margin:30px 0px;
background:rgba(255,255,255,0.3);
}
footer.dark-bg .footer-heading h6
{
color:var(--off-white);
}
footer.dark-bg .footer-list ul li 
{
color:var(--off-white);
}
footer.dark-bg .footer-list ul li a
{
color:var(--off-white);
}
section.footer.dark-bg p
{
color:var(--off-white);
}
footer.dark-bg .footer-content p
{
color:var(--off-white);
}
/*Navbar Code for Light Version */
.bg-light ul.list-unstyled li a.dropdown-item
{
color:var(--light-color);
}
nav.navbar .navbar-button a.small-btn, .double-menu-button
{
font-weight:500;
font-family:"Inter",sans-serif;
font-size:13px;
letter-spacing:0.5px;
}
.bg-light .narrow-menu-list li.dropdown-submenu a.dropdown-item
{
color:var(--light-color);
}
.bg-light li a.dropdown-item
{
color:var(--dark-color);
}
.bg-light .narrow-menu-list 
{
color:var(--light-color);
}
.bg-light .dropdown-menu.full-width .integration-menu-button
{
background-color:#f8f8f8;
}
.bg-light .dropdown-menu.full-width .integration-menu-button a
{
color:var(--dark-color);
}
.bg-light .portfolio-menu .portfolio-list
{
border-left:1px solid rgba(0,0,0,0.15);
}