/*
Theme Name: Chicago Tech Solution
*/
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
/* font-family: "Urbanist", sans-serif; */
body{font-family: "Public Sans", sans-serif;}
.site-header{backdrop-filter:blur(15px) saturate(180%); background-color: transparent;}
.bgblur{backdrop-filter: blur(4px);}
.navbar-brand{max-width: 160px;}

.gradienttext{
     background: linear-gradient(90deg, hsl(196, 91%, 37%) 40%, #00A3E0 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#bootscore-navbar{font-weight: 600;}

.max800{max-width: 800px; margin: 0;}
.max800 .e-con-inner{margin: 0 !important;}

.elementor-widget-text-editor p:last-child {
    margin-bottom: 0;
}

.offcanvas{height: 100vh;}

#bootscore-navbar li.dropdown-submenu > a{
    display: flex; align-items: center; gap: 15px;
    justify-content: space-between;
}
#bootscore-navbar li.dropdown-submenu > a:after{transform: rotate(-90deg);}


.navbar .dropdown-item {
    padding: 8px 18px;
    white-space: normal !important;
}
/* Arrow alignment */
.dropdown-toggle::after {
    margin-left: 6px;
}

.searchfield{padding:15px;}
.searchfieldbtn{padding: 15px;}

.searchbtn, .searchfieldbtn{border:1px solid #00a3e0 !important}
.searchbtn svg{color: #00a3e0;}
.searchbtn,.nav-toggler{border: none !important;}



.readmorebtn .elementor-button .elementor-button-content-wrapper{
    display: inline-flex; align-items: center;
}
.readmorebtn .elementor-button .elementor-button-icon{
    background-color: #fff; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center;
    border-radius: 10px;
}
.readmorebtn .elementor-button .elementor-button-icon svg path{fill:#fff;}

.readbtn2 .elementor-button-content-wrapper{display: inline-flex; align-items: center; position: relative;}
.readbtn2 .elementor-button-content-wrapper:after{
    position: absolute; bottom: 0; left: 0;content: ''; height: 2px; background-color: #00A3E0;
    width: 0; transition: all ease 0.2s;
}
.readbtn2 .elementor-button-content-wrapper:hover:after{width:100%;}
.readbtn2 .elementor-button-icon svg{width: 17px;}

.boxesgrid-numbers{counter-reset: boxnumber;}
.boxesgrid-numbers .elementor-widget-image-box{counter-increment: boxnumber;}
.boxesgrid-numbers .elementor-image-box-content:before{
  content: counter(boxnumber);font-size: 60px; color: black; opacity: 0.3; font-weight: bold;
  font-style: italic;
}



.footer_widget{color: #fff; font-size: 14px; font-weight: 300;}
.footer_widget .menu li{margin:0 0 10px 0;}
.footer_widget .menu li a{color:#fff; text-decoration:none; font-weight: 300; font-size: 14px;}
.ftbottom{border-top:1px solid #0e3b50; font-weight: 300; color:#fff;}

#footer .bg-dark{
    background-color: #1d678a !important; background-image: url(http://syedm17.sg-host.com/wp-content/uploads/2026/01/footer-bg.avif);
    background-size: cover;
}

@media(min-width:768px){
    .item-sticky{position: sticky !important; top: 100px;}
    .fixedEl{position: sticky !important; top: 100px !important;}
.fixedEl2{top: 350px;}
}

@media(min-width:100px){
    .container, .e-con-inner{width: 100% !important; max-width: 96%;}
}
@media(min-width:991px) and(max-width:1024px){
    .container, .e-con-inner{width: 100% !important; max-width: 96% !important;}
}
@media(min-width:1024px){
    .container, .e-con-inner{width: 90% !important; max-width: 1400px !important;}
}


@media (max-width: 991px) {
#bootscore-navbar li a{color: #000 !important;}
#bootscore-navbar > li > ul{
    padding: 10px; margin: 0; border:none !important; border-radius:0 !important;
    border-left: 2px solid #dfdfdf !important;
}
#bootscore-navbar > li > a{font-size:22px; display: flex; align-items: center; justify-content: space-between;}
#bootscore-navbar > li > a.show:after{
    transform: rotate(180deg);
}
#bootscore-navbar li a:hover{background-color: transparent !important; box-shadow:none !important; color: #1D678A !important;}
#bootscore-navbar > li > ul > li{border-top:1px solid #dfdfdf !important;}
#bootscore-navbar > li > ul > li >a{padding:10px; font-weight: 600; font-size: 20px !important;}
#bootscore-navbar > li > ul > li > ul > li> a{font-size:20px; font-weight: 200;}
#bootscore-navbar > li > ul > li > ul{border:none !important; border-radius: 0;}
}

/* Show submenu on hover (desktop) */
@media (min-width: 992px) {
    /* Main dropdown */
.navbar .dropdown-menu {
    border-radius: 8px;
    padding: 10px 0;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    border: none;
}

/* Dropdown items */


/* Hover effect */
.navbar .dropdown-item:hover {
    background-color: #f5f5f5;
}

/* Submenu positioning */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: 0.1rem;
    display: none;
}
#bootscore-navbar ul{width: 230px;}
#bootscore-navbar ul li:hover > a{background-color: #1d678a !important; color: #fff !important;}


    .dropdown:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }
}