@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

.zzBody {
    background-image: linear-gradient(#636162, #b1afaf);
    font-weight: bold;
    letter-spacing: 1.5px;
}

.zzFontWhite1 {
    font-weight: bold;
    color: whitesmoke;
}

.zzTextCenter1 {
    text-align: center !important;
}

.zzTextBiasa {
    padding-left: 3%;
    align-content: normal;
    padding-right: 3%;
}

.zzTitleText {
    font-size: 1.3rem;
    font-weight: 700;
    padding-left: 3%;
    align-content: normal;
    padding-right: 3%;
}

.zzTitleTextBig {
    font-size: 2rem;
    font-weight: 700;
    padding-left: 3%;
    align-content: normal;
    padding-right: 3%;
    text-decoration: underline;
}

.zzNormalText {
    font-size:1rem;
    padding-left: 3%;
    align-content: normal;
    padding-right: 3%;
}

.zzKhakiContainer1 {
    padding-top: 2em;
/*    padding-left: 1em;
    padding-right: 1em;*/
    background: rgb(180, 180, 156);
    padding-bottom: 2em;
}

.zzBorderContainer1 {
    background-image: linear-gradient(#335186, #8567eb);
/*    margin-left: auto;
    margin-right: auto;*/
/*    padding-top: 1px;
    padding-bottom:1px;
    padding-left: 1px;
    padding-right: 1px;*/
}

.zzCProfile-Imgz1 {
    position: sticky;
    height: 85%;
    width: 85%;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    display: table-cell;
    align-items: center;
    /*background-color: #ddd;*/
    border-radius: 50%;
    border: 13px solid #335186;
    /*box-shadow: 9px 9px 9px 9px rgba(26, 25, 23, 0.451);*/
    align-items: center;
    text-align: center;
    /* padding-top: -15px; */
    cursor: pointer;
    transition: 0.3s;
}

.zzCProfile-Imgz1:hover {
    opacity:0.7;
}



.zzHeightWidthThumb {
    height:300px;
    width:300px;
}

.zzHeightWidthThumbMod {
    height: 150px;
    /*width: 250px;*/
    float:left;
    /*width:25%;*/
}

.zzHeightWidthThumbCrd {
    height: auto;
    width: 30%;
    max-width:auto;
    min-width:300px;
}
 .zzObjectFitCont {
    object-fit:scale-down;
}
.zzCursorHover {
    cursor:grab;
}

.bgcolorzNav {
    /* Fallback color */
    background-color: #808080; /* light grey */
    /* Gradient */
    background: linear-gradient(to bottom, #fc2d4c, #870783); /* black to light grey */
}


.bgcolorz1 {
    /* Fallback color */
    background-color: #808080; /* light grey */
    /* Gradient */
    background: linear-gradient(to bottom, #000000, #808080); /* black to light grey */
}



.google-maps {
    position: relative;
    padding-bottom: 120%;
    // This is the aspect ratio height: 0;
    overflow: hidden;
}

.google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }


/*-------------------Utk image box-------------------------*/
.zzImContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.zzImContainer .zzHeading {
    width: 50%;
    padding-bottom:35px;
}

.zzImContainer .zzHeading h3 {
    font-size: 3em;
    font-weight: bolder;
    border-bottom: 3px solid #222;
    padding-bottom: 10px;
}

.zzImContainer .zzBox {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
}

.zzImContainer .zzBox .zzSmallerBox {
    display: flex;
    flex-direction: column;
    width:32.5%;
}

.zzImContainer .zzBox .zzSmallerBox img {
    width: 100%;
    padding-bottom:15px;
    border-radius:5px;
}

@media only screen and (max-width:769px){

    .zzImContainer .zzBox {
        flex-direction: column;
    }
    .zzImContainer .zzBox .zzSmallerBox {
        width: 100%;
    }
}
@media only screen and (max-width:640px) {

    .zzImContainer .zzBox .zzSmallerBox {
        width: 100%;
    }
    .zzImContainer .zzHeading {
        width:100%;
    }
    .zzImContainer .zzHeading h3{
        font-size:1em;
    }
}
/*--------------end---------------------------*/





.zzCTextcenter {
    text-align: center !important
}

.zzWidth70 {
    width: 70%;
}

.zzWidth30 {
    width: 30%;
}

.zzMarginZero {
    margin-top: 0px;
    margin-bottom: 0px;
}

.zzPl-0 {
    scroll-padding-left:0px
}

.zzPr-0 {
    scroll-padding-right: 0px
}


.zzCRealBtn {
    border: solid black;
    background-color: grey;
    padding: 14px 23px;
    font-size: 20px;
    color: black;
    cursor: grab;
    font-family: "montserrat";
    transition: 2s;
    border-radius: 12px;
}

    .zzCRealBtn:hover {
        background: green;
    }












.zzbutton {
    display: block;
    margin: auto;
}





.zcCV1Btn {
    border: solid black;
    background-color: grey;
    padding: 14px 28px;
    font-size: 20px;
    color: black;
    cursor: pointer;
    /* display:flexbox; */
    display: inline-table;
    font-family: "montserrat";
    transition: 2s;
}

    .zcCV1Btn:hover {
        background: green;
    }

.zcCV1center {
    /* display: block; */
    margin-left: auto;
    margin-right: auto;
}








.zcCV1Vertical-Center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(50%);
}



.zcCV1MainContainer {
    background: red;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    /* margin: 0 auto; */
    /* max-width: 1000px; */
}

.zcCV1SubContainer {
    float: left;
    /* flex: 1; */
    background: blue;
    width: 60%;
    /* margin-left: auto;
  margin-right: auto; */
}

.zcCV1SubContainer2 {
    float: left;
    /* flex: 1; */
    background: blueviolet;
    width: 15%;
    /* margin-left: auto;
  margin-right: auto; */
}

.zcCV1SmallContainer1 {
    float: left;
    background: rgb(180, 180, 156);
    width: 70%;
}

.zcCV1SmallContainer2 {
    float: right;
    background: rgb(21, 140, 173);
    width: 30%;
}


.zcCV1SmallContainerx {
    flex: 2;
    background: rgb(164, 134, 193);
    width: 70%;
}

.zcCV1SmallContainery {
    flex: 1;
    background: rgb(21, 140, 173);
    width: 25%;
}












.zcCV1Table {
    display: table;
}

.zcCV1Row {
    display: table-row;
}

.zcCV1Column60 {
    display: table-cell;
    min-width: 60%;
    max-width: 60%;
    width: 70%;
    margin-top: 0px;
}

.zcCV1Column40 {
    display: table-cell;
    min-width: 40%;
    max-width: 40%;
    width: 40%;
    margin-top: 0px;
    /* background-color: aqua; */
    /* overflow: hidden;
    word-wrap:normal; */
}













.zcCV1RowBgColor {
    background-color: rgb(42, 42, 43)
}