@font-face {
    font-family: 'Inter';
    src: url("../fonts/Inter-font/InterDesktop/Inter-Regular.otf")format('opentype');
    ;
    font-weight: normal;
    font-style: normal;
  }


.logindiv
{


    margin-bottom: 0;
    margin-left: 72%;

}

.logoDiv
{
    padding-left: 30px;
}


.homeSection
{
    display: flex !important;
    border: 1px solid #ccc;
    border-radius: 15px;
    width: 100%;
    color:#1C3661 !important;
    background-color: #EEF2F9  !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 15px;



}
.homeSection  a {
        color: #1C3661;
        text-decoration: none;
    }

    .HomePagePhoneDiv
    {
        justify-content: center;
        align-items: center;
        color:#1C3661 !important;
    }

    .bookAdemoDiv {
            width: 200px;                     /* Set the width of the rectangle */
            height: 40px;                    /* Set the height of the rectangle */
            background-color: #70C4CC;       /* Background color */
            border: 2px solid #70C4CC;       /* Border color */
            border-radius: 10px;             /* Rounded corners (optional) */
            display: flex;                    /* Use Flexbox for centering */
            justify-content: center;          /* Center content horizontally */
            align-items: center;              /* Center content vertically */
            margin-top: 1%;
            margin-left: 5%;         /* Center the div in the parent container */
        }

        .bookAdemoDiv a {
            color: white;                     /* Text color */
            text-decoration: none;            /* Remove underline from the link */
            font-weight: bold;                /* Make text bold */
        }




        .page-body
        {
            overflow-x: hidden; /* Prevent horizontal scrolling */
            width: -webkit-fill-available  !important;

        }



        .white {
            color: white !important;
        }





        .icon-left {
            color: white !important;
        }

        .stratigicPartnersDiv {
            background-color: #EEF2F9 !important;
            padding-top: 1%;

        }


        .MainPillerDiv
        {
            background-color: #EEF2F9 !important;
            display: flex;                    /* Use Flexbox for centering */
            justify-content: center;          /* Center content horizontally */
            align-items: center;
            color: #1C3661 !important;

        }

        .img-small {
            width: 50px;  /* Adjust the width */
            height: 50px; /* Adjust the height */
            background-color:white;
        }


        .mainCaption
        {
            background-color:  #70C4CC !important;
            margin-bottom: 10px;
             max-height: 50px;
             font-family: Inter !important;
             font-weight: bold;
             max-width: fit-content;
        }





        .stratigictitle
        {
            font-family: Inter !important;
            font-weight: bold;
        }


        .TransformDiv
        {
            max-height: 60px;
            background-color:  #70C4CC !important;
            color: #EEF2F9 !important;
            border-radius: 15px;
            font-size: 1.2rem;
            padding:1%;
            text-align: center;
        }


        .fontCommonColor
        {
            color:#1C3661 !important;
        }


        .Asscircle {
            margin-top: -6px;
            margin-left: 12%;
            width: 35px;
            height: 35px;
            background-color: #EEF2F9;
            border-radius: 14px;
            opacity: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50% !important;

          }


          .TransformMainDiv
          {
            padding: 1%;
            background-color: #E9EDF5;
          }



          .TipsDiv
          {
            background-color:#0A1F43 !important;
            min-height: 30%;

          }

          .Tipstitle
          {
            font-family: Inter !important;
            top: 40%; left: 50%; transform: translate(-50%, -50%);
            font-weight: bold;
          }

          .orangColor
          {
            color: #FAB664;

          }

          .BackGroundGreenColor
            {
                background-color: #70C4CC;
            }


            .rectangle-div {
                min-height: 100px; /* Height you want */
                width: 250px; /* Fixed width for rectangle */

            }

            .interFont
            {
                font-family: Inter !important;
            }





.PillersDiv{
    background-color: #E9EDF5;
    min-height: 800px;
    padding-top: 1%;
}

.pillar_shadow-container {
    position: relative;
    display: inline-block;
    width: 15%;
}

 .pillar-box {
    height: 150px;

    width: 150px;

    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 30px;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    cursor: pointer;
    margin: 3%;
}


.pillar_shadow {
    height: 160px;
     width: 75%;
    background-color: #EEF2F9;
    border-radius: 30px;
    position: absolute;
    top: 10px;
    left: 1px;
    z-index: 1;
}

.pillar-name {
    font-size: 20px;
    font-weight: bold;
    color: #1C3661;
}


.pillar_second_white_box {
    margin-left: 8% !important;
    margin: 4%;
    padding: 22px;
    width: 80%;
    min-height: 300px;
    background-color: #FFFFFF;
    border-radius: 16px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
    gap: 14px;
}


.pillar-name {
    font-size: 25px;
    font-weight: bold;
    color: #1C3661;
}


.pillar-description{
    font-size: 14px;
    color: #1C3661;
}


.info-card {
    display: flex;
    justify-content: space-between;
    padding: 10px;
}
.box-row {
    width: 100%;

}

.recommendationDiv
{
    background: #DDF1F3 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 11px #1C366105;
    padding: 30px !important;
    border-radius: 10px;
    color: #1C3661;
    line-height: 1.6; /* Improved line spacing */
}

.pillerHederDiv
{

text-align: center;
font: normal normal bold 30px/49px Inter;
letter-spacing: 0px;
color: #1C3661;
opacity: 1;
margin-top: 1%;

}

.pillar-recommendation{

    color: #1C3661;
}


 /* ///////////////////////////////////////////*/


 .InvestSectionMainDiv
 {
    background-color: #E9EDF5;
    height: 550px;

 }


 .InvestSectionDiv
 {
    background-color: #EEF2F9;
    width: 70%;
    border-radius: 10px;
    left: 10%;
    margin-right: 2%;

 }
 .StatsticsRow .title {

    color: #1C3661 !important;
    font-family: Inter !important;
    font-weight: bold;
}

.PersonImg
{
    width: 30%;

}


.titleDiv
{
    margin-left: -40px !important;
    color: #1C3661 !important;
}


.person1
{
    top: 0;
    left: 10%;
}

.person2
{
    bottom: -70%;
    right: 25%;
}

.StatsticsRow .para {
    color: #1C3661 !important;
    font-family: Inter !important;
    line-height: 1.6; /* Improved line spacing */
}

     /* ///////////////////////////////////////////*/
.separator
{
    background-color: #E9EDF5;
}


.aboutUSMainDiv
{
   background-color: #E9EDF5;
   height: 750px;


}

.aboutUSDiv
{
    margin-top: 8%;
    background-color: #EEF2F9;
    width: 70%;
    border-radius: 10px;
    left: 10%;
    margin-right: 2%;
    height: 65%;
}


.abouttitle
{
    font: normal normal bold 40px / 50px Inter;
}


.LernMoreBtn
{
    background-color: #70C4CC;
    border-radius: 15px !important;
}


.CommonBackColor
{
    background-color: #E9EDF5 !important;
}


.page-body
{
    background-color: #E9EDF5 !important;
}

     /* ///////////////////////////////////////////*/

.FotterDiv1
{
    background-color:#0A1F43 !important;
    min-height: 60%;
}

.middle-white-div {
    background-color: white; /* White background */
    width: 70%; /* Adjust width as needed */
    height: 400px; /* Adjust height as needed */
    position: absolute; /* Absolute positioning */
    top: 71%; /* Position it in the middle vertically */
    left: 50%; /* Position it in the middle horizontally */
    transform: translate(-50%, -50%); /* Center it */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Optional shadow */
}
.wrapper {
    position: relative; /* Set position relative for the wrapper */
}
.centered-placeholder {
    margin-top: 10px;
    height: 10px;
    width: 70%; /* Adjust width as needed */
    padding: 10px; /* Add padding for better appearance */
    text-align: center; /* Center the placeholder text */
    border: 0px solid #ccc; /* Optional border styling */
    border-radius: 4px; /* Optional rounded corners */
}


.explore-section {

    padding: 8px; /* Spacing around the section */
    border-radius: 8px; /* Rounded corners */

    max-width: 200px; /* Adjust width as needed */
    margin: 20px auto; /* Center the section */
    text-align: left; /* Align text to the left */
}

.explore-section h2 {
    font-size: 15px; /* Font size for the header */
    color: #1C3661; /* Darker color for the header */
    margin-bottom: 10px; /* Space below the header */
}

.explore-list {
    list-style-type: none; /* Remove default bullet points */
    padding: 0; /* Remove padding */
    margin: 0; /* Remove margin */
}

.explore-list li {
    padding: 8px 0; /* Spacing between list items */

    border-bottom: 1px solid #e0e0e0; /* Light border between items */
}

.explore-list li:last-child {
    border-bottom: none; /* Remove border from the last item */
}


.explore-list li:hover {
    color: #007bff; /* Change color on hover */
    cursor: pointer; /* Change cursor on hover */
}


.LogoImg
{
    margin-top: 5%;
    margin-bottom: 7%;
}




.Intertitle{
    font-family: Inter !important;
    font-weight: bold;
}



.interFont{
    font-family: Inter !important;
}