.iconimg img{
    width: 100px;
}

.header-logo img{
    width: 100px;
}

.header-logo-2 img{
    width: 100px;
}

img.innerlogoimg{
    width: 100px;
}

.footer-logo img{
    width: 100px;
}

.icon1 img{
    width: 60px;
}

.propertie-title{
    color: #fff;
}

.propertie-title h4{
    color: #fff; 
    font-size: 16px;
    padding: 5px 0px;
}


/* missioncss */
.card {
            border: none;
            border-radius: 10px;
            overflow: hidden;
            transition: transform 0.3s, box-shadow 0.3s;
            height: 100%;
        }
        
        .card:hover {
            transform: translateY(-10px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }
        
        .card-icon {
            font-size: 3rem;
            color: var(--primary);
            margin-bottom: 20px;
        }
        
        .mission {
               background: var(--st-theme)
        }
        
        .vision {
                background: var(--st-theme)
        }
        
        .values {
               background: var(--st-theme)
        }

        .card-box{
            padding: 20px;
        }

        .card-text{
            font-size: 18px;
        }
        
        .btn-primary {
            background-color: var(--primary);
            border-color: var(--primary);
            color: #000;
            font-weight: 600;
        }
        
        .btn-primary:hover {
            background-color: #d69e10;
            border-color: #d69e10;
            color: #000;
        }
        
        .values-list {
            text-align: left;
        }
        
        .values-list li {
            margin-bottom: 10px;
            position: relative;
            padding-left: 30px;
        }
        
        .values-list li:before {
            content: '✓';
            color: var(--primary);
            font-weight: bold;
            position: absolute;
            left: 0;
        }
        
        .highlight {
            color: var(--dark-color2);
            font-weight: 600;
        }

        .footerbg{
            background-color: var(--dark-color2);
        }

    .whychoosesection{
       background-color: var(--dark-color2); 
       padding: 50px 50px;
       border-radius: 20px; 
    }

        h2.abouttextsection{
            max-width: 550px;
        }

        .whychoosebox ul li i{
                color: var(--st-theme2);
            margin-right: 20px;
        }

            .whychoosebox ul li {
            color:#fff;
            padding: 10px 0px;
        }


@media (max-width: 786px) {
 .whychoosesection {
        padding: 20px 20px;
  }

  .whychoosebox ul li i{
        margin-right: 5px;
  }
}