body {
    margin: 0;
    padding: 0;
    font-family: Trebuchet MS, Helvetica, sans-serif !important;
    font-size: 1rem;
}

a {
    color: #008080 !important;
    text-decoration: none !important;
}

.container-fluid {
    margin: 0 0 0 0 !important;
    padding: 0 !important;
}

.logo-section {
    width: 28%;
    height: 98px;
}

.logo {
    position: relative;
    top: 13px;
    left: 20px;
}

.navigation {
    width: 55%;
    margin-top: 36px;
}

    .navigation ul {
        display: inline-flex;
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .navigation ul li {
            padding: 0 20px;
            margin: 0 0 0 0;
            font-size: 20px;
            color: #fff;
            cursor: pointer;
        }



/*** Submenu CSS Starts ****/
#menu {
    background: #002828;
    color: #ffffff;
    height: 40px;
}

    #menu ul,
    #menu li {
        margin: 0 0;
        padding: 0 0;
        list-style: none
    }

    #menu ul {
        height: 35px
    }

    #menu li {
        float: left;
        display: inline;
        position: relative;
        font: 400 16px Arial;
    }

        #menu li:first-child {
            border-left: none
        }

    #menu a {
        display: block;
        line-height: 40px;
        padding: 0 25px;
        text-decoration: none;
        color: #ffffff !important;
    }

    #menu li:hover > a,
    #menu li a:hover {
        background: #003939;
        border-bottom: 1px solid #d59c00;
    }

    #menu input {
        display: none;
        margin: 0 0;
        padding: 0 0;
        width: 80px;
        height: 35px;
        opacity: 0;
        cursor: pointer
    }

    #menu label {
        font: bold 30px Arial;
        display: none;
        width: 35px;
        height: 36px;
        line-height: 36px;
        text-align: center
    }

        #menu label span {
            font-size: 12px;
            position: absolute;
            left: 35px
        }

    #menu ul.menus {
        height: auto;
        width: 180px;
        background: #002828;
        position: absolute;
        z-index: 99;
        display: none;
        border: 0;
    }

        #menu ul.menus li {
            display: block;
            width: 100%;
            font: 400 16px Trebuchet MS, Helvetica, sans-serif !important;
            text-transform: none;
            text-align: left;
            border-bottom: 1px solid #d59c00;
        }

            #menu ul.menus li:last-child {
                border-bottom: none;
            }

    #menu li:hover ul.menus {
        display: block
    }

    #menu a.home {
        background: #002828;
    }

    #menu a.prett {
        padding: 0 27px 0 14px
    }

        #menu a.prett::after {
            content: "";
            width: 0;
            height: 0;
            border-width: 6px 5px;
            border-style: solid;
            border-color: #D59C00 transparent transparent transparent;
            position: absolute;
            top: 15px;
            right: 9px
        }

    #menu ul.menus a:hover {
        background: #003939;
        border-bottom: 1px solid #D59C00;
    }

    #menu ul.menus .submenu {
        display: none;
        position: absolute;
        left: 180px;
        background: #111;
        top: 0;
        width: 180px;
    }

        #menu ul.menus .submenu li {
            background: #111;
        }

    #menu ul.menus .has-submenu:hover .submenu {
        display: block;
    }





/* .navigation ul li:first-child {
    background-image: url('images/arrow-down.png');
    width: 24px;
    height: 24px;
} */


.right-aligned-div {
    width: 25%;
    text-align: right;
    padding: 25px 25px 0 0;
}

img.contactus {
    margin: 0 20px 0 0;
    cursor: pointer;
}

/* container */
.three-columns-grid {
    display: flex;
    background: #002828;
}

.textCenter {
    text-align: center;
}

/* columns 
.three-columns-grid > * {
    padding:1rem;
}*/


.carousel {
    margin-left: 0;
    margin-right: 0;
}

ul.slides {
    display: block;
    position: relative;
    height: 467px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none;
}

.slides * {
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

ul.slides input {
    display: none;
}


.slide-container {
    display: block;
}

.slide-image {
    display: block;
    position: absolute;
    width: 100%;
    height: 467px;
    top: 0;
    opacity: 0;
    transition: all .7s ease-in-out;
}

    .slide-image img {
        width: auto;
        min-width: 100%;
        height: 100%;
    }

.carousel-controls {
    position: absolute;
    top: -80px;
    left: 0;
    right: 0;
    z-index: 999;
    font-size: 100px;
    line-height: 600px;
    color: #fff;
}

    .carousel-controls label {
        display: none;
        position: absolute;
        padding: 0 20px;
        opacity: 0;
        transition: opacity .2s;
        cursor: pointer;
    }

.slide-image:hover + .carousel-controls label {
    opacity: 0.5;
}

.carousel-controls label:hover {
    opacity: 1;
}

.carousel-controls .prev-slide {
    width: 49%;
    text-align: left;
    left: 0;
}

.carousel-controls .next-slide {
    width: 49%;
    text-align: right;
    right: 0;
}

.carousel-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    z-index: 999;
    text-align: center;
}

    .carousel-dots .carousel-dot {
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: #fff;
        opacity: 0.5;
        margin: 5px;
        cursor: pointer;
        border: 2px solid #002828;
    }

input:checked + .slide-container .slide-image {
    opacity: 1;
    transform: scale(1);
    transition: opacity 1s ease-in-out;
}

input:checked + .slide-container .carousel-controls label {
    display: block;
}

input#img-1:checked ~ .carousel-dots label#img-dot-1,
input#img-2:checked ~ .carousel-dots label#img-dot-2,
input#img-3:checked ~ .carousel-dots label#img-dot-3,
input#img-4:checked ~ .carousel-dots label#img-dot-4,
input#img-5:checked ~ .carousel-dots label#img-dot-5,
input#img-6:checked ~ .carousel-dots label#img-dot-6 {
    opacity: 1;
}

input:checked + .slide-container .nav label {
    display: block;
}

.content-section {
    margin: 0 30px;
}

    .content-section h1 {
        color: #B75500;
        font-size: 36px;
        font-weight: 600;
        padding: 30px 0 10px 0px;
    }

.event-sections {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 370px;
    display: flex;
    justify-content: center;
}

.event1 {
    width: 660px;
    margin: 0 3% 0 3%;
    padding: 0;
    background-color: #fff;
    border-radius: 10px;
    height: 325px;
    box-shadow: 0px 1px 5px #5B5B5B;
    float: inline-start;
}

.event2 {
    width: 660px;
    margin: 0 3% 0 0;
    padding: 0;
    background-color: #fff;
    border-radius: 10px;
    height: 325px;
    box-shadow: 0px 1px 5px #5B5B5B;
    float: inline-end;
}

    .event2 .carousal-head {
        background-color: #FDFDFD;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        height: 55px;
        box-shadow: 0px 1px 2px #5B5B5B;
        font-style: italic;
    }

        .event2 .carousal-head h2 {
            font-size: 24px;
            font-weight: 600;
            padding: 10px 0 0 20px;
            display: inline-block;
        }

        .event2 .carousal-head img {
            float: inline-end;
            margin: 8px 15px 0 0;
        }

.event-carousals img {
    margin: 10px 0 0 10px;
    width: 640px;
}

.event1 .carousal-head {
    background-color: #FDFDFD;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 55px;
    box-shadow: 0px 1px 2px #5B5B5B;
    font-style: italic;
}

    .event1 .carousal-head h2 {
        font-size: 24px;
        font-weight: 600;
        padding: 10px 0 0 20px;
        display: inline-block;
    }

    .event1 .carousal-head img {
        float: inline-end;
        margin: 8px 15px 0 0;
    }






.event-carousals .carouselNew {
    margin-left: 0;
    margin-right: 0;
}

.event-carousals ul.slides-new {
    display: block;
    position: relative;
    height: 253px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none;
}

.event-carousals .slides-new * {
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

.event-carousals ul.slides-new input {
    display: none;
}


.event-carousals .slide-container1 {
    display: block;
}

.event-carousals .slide-images-new {
    display: block;
    position: absolute;
    width: 100%;
    height: 253px;
    top: 0;
    opacity: 0;
    transition: all .7s ease-in-out;
}

    .event-carousals .slide-images-new img {
        width: auto;
        min-width: 100%;
        height: 100%;
    }

.event-carousals .carousel-controls {
    position: absolute;
    top: -80px;
    left: 0;
    right: 0;
    z-index: 999;
    font-size: 100px;
    line-height: 600px;
    color: #fff;
}

    .event-carousals .carousel-controls label {
        display: none;
        position: absolute;
        padding: 0 20px;
        opacity: 0;
        transition: opacity .2s;
        cursor: pointer;
    }

.event-carousals .slide-images-new:hover + .carousel-controls label {
    opacity: 0.5;
}

.event-carousals .carousel-controls label:hover {
    opacity: 1;
}

.event-carousals .carousel-controls .prev-slide1 {
    width: 49%;
    text-align: left;
    left: 0;
}

.event-carousals .carousel-controls .next-slide1 {
    width: 49%;
    text-align: right;
    right: 0;
}

.event-carousals input:checked + .slide-container1 .slide-images-new {
    opacity: 1;
    transform: scale(1);
    transition: opacity 1s ease-in-out;
}

.event-carousals input:checked + .slide-container1 .carousel-controls label {
    display: block;
}

/* .event-carousals input#img-11:checked ~ .carousel-dots label#img-dot-1,
.event-carousals input#img-22:checked ~ .carousel-dots label#img-dot-2,
.event-carousals input#img-33:checked ~ .carousel-dots label#img-dot-3,
.event-carousals input#img-44:checked ~ .carousel-dots label#img-dot-4,
.event-carousals input#img-55:checked ~ .carousel-dots label#img-dot-5,
.event-carousals input#img-66:checked ~ .carousel-dots label#img-dot-6 {
	opacity: 1;
} */

.event-carousals input:checked + .slide-container1 .nav label {
    display: block;
}


.news-section {
    width: 100%;
    padding: 0;
    background-color: #F3F3F3;
    height: 650px !important;
}

    .news-section .top-heading {
        display: flex;
        justify-content: center;
        margin: 0;
        padding: 25px 0 0 0;
    }

    .news-section p {
        text-align: center;
        padding: 20px 20% 1% 20%;
        width: 100%;
        color: #5B5B5B;
    }

.middle-section {
    width: auto;
    margin: 0 6%;
    padding: 0;
}

.news1 {
    background-color: #fff;
    box-shadow: 0px 1px 5px #5B5B5B;
    float: left;
    width: 30%;
    padding: 0 0 15px 0;
    height: auto;
    border-radius: 6px;
    margin: 0 3% 0 0;
}

    .news1 h2 {
        margin: 0;
        padding: 15px 0 0 20px;
        font-size: 16px;
        font-weight: 600;
        text-align: left;
    }

    .news1 p {
        text-align: left;
        width: 100%;
        color: #5B5B5B;
        margin: 0;
        padding: 15px 0 15px 20px;
        line-height: 24px;
    }

    .news1 a {
        padding: 0 0 0 20px;
        font-size: 15px;
        color: #008080;
        text-decoration: blink;
    }

.news1-img {
    width: 100%;
}


.news2 {
    background-color: #fff;
    box-shadow: 0px 1px 5px #5B5B5B;
    float: left;
    width: 30%;
    padding: 0 0 15px 0;
    height: auto;
    border-radius: 6px;
    margin: 0 3% 0 0;
}

.news3 {
    /* background-color: #fff; 
    box-shadow: 0px 1px 5px #5B5B5B;*/
    float: left;
    width: 33%;
    padding: 0 0 15px 0;
    height: 400px;
    border-radius: 6px;
    margin: 0;
    overflow-y: auto;
}

.past-news {
    width: 110px;
    height: auto;
    float: left;
}

.news-content h2 {
    font-size: 16px;
    font-weight: 600;
}

.news-content p {
    text-align: left;
    padding: 0;
    color: #5B5B5B;
}

.past-news-section {
    border-bottom: 2px solid #d5d5d5;
    padding: 13px 0 7px 0;
}

    .past-news-section:last-child {
        border: none !important;
    }

.news3 h3 {
    font-size: 20px;
    font-weight: 600;
    text-decoration: underline;
    padding: 0;
    margin: 0;
}

.membership-section {
    width: auto;
    margin: 0 0 0 0;
    border-right: 1px solid #B2CDD8;
    float: left;
}

.bottom-content-section {
    width: auto;
    margin: 0 6% 3% 6%;
    padding: 3% 0 0 0;
    height: 550px;
}

.member-head {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 70px;
}

.members-pic img {
    padding: 0 30px 0 0;
}

img.member-heading {
    float: left;
}

.member-head a {
    display: flex;
    margin: 0 6% 0 0;
    padding: 10px 0 0 0;
    justify-content: right;
}

.journal-section {
    width: 50%;
    float: left;
    padding: 0 0 0 30px;
}

.journal-content {
    width: auto;
    height: auto;
    float: left;
    padding: 0 30px 0 0px;
}

.footer {
    width: 100%;
    height: 250px;
    background: #002828;
    padding: 2% 3% 0 3%;
}

.foot-content {
    width: 20%;
    padding: 0;
    margin: 0;
}

.first {
    width: 20%;
    padding: 10% 0 0 15%;
}

.second {
    width: 20%;
    padding: 0;
}


.foot-column {
    float: left;
    width: auto;
}

    .foot-column.contact-call {
        width: 30%;
    }

        .foot-column.contact-call img {
            margin-bottom: 20px;
            cursor: pointer;
        }

    .foot-column.mainLinks {
        width: 15%;
    }

    .foot-column.help {
        width: 15%;
    }

    .foot-column.social-links {
        width: 15%;
    }

    .foot-column.address {
        width: 20%;
    }

ul.main-links {
    margin: 0;
    padding: 0;
}

    ul.main-links li:first-child {
        font-size: 18px;
        list-style: none;
        text-decoration: underline;
    }

    ul.main-links li {
        margin: 0;
        padding: 0;
        color: #fff;
        list-style: none;
        line-height: 30px;
        font-weight: 400;
        font-size: 16px;
    }

.main-links li a {
    margin: 0;
    padding: 0;
    color: #FFBB00 !important;
}

.main-links li img {
    padding-right: 6px;
}

.main-links li p {
    display: inline-flex;
    line-height: 22px;
}

.footer-links {
    /* position: fixed;
    left: 0;
    bottom: 0; */
    width: 100%;
    background-color: #003636;
    color: #fff;
    height: 50px;
}

    .footer-links p {
        display: flex;
        justify-content: flex-start;
        padding: 13px 0 0 3%;
        width: 50%;
        float: left;
        font-size: 14px;
    }

        .footer-links p:last-child {
            display: inline-block;
            width: 50%;
            text-align: right;
            padding: 13px 3% 0 0;
        }

.column-1 {
    float: left;
}

.left1 {
    width: 65%;
    text-align: justify;
    padding: 0 3% 0 0;
}

.right1 {
    width: auto;
}

.aboutus-section {
    display: flex;
}

img.aboutus {
    float: left;
    padding: 6% 2% 0 0;
}

img.aboutus-small {
    float: left;
    padding: 0 2% 0 0;
    width: 30%;
}

.aboutus-section h2 {
    font-size: 18px;
    font-weight: 600;
}

img.contact-us {
    float: left;
    padding: 20% 2% 0 0;
}

img.product-img {
    width: 60%;
    padding: 7% 0 4% 0;
}

section.product-content {
    width: 500px;
    background: #bbfefe;
    padding: 3%;
    border-radius: 10px;
    text-align: center;
}

.product-content p {
    padding: 0 2%;
}

.product-content h2 {
    font-size: 18px;
    font-weight: 600;
    background: #66f1f1;
    padding: 10px 0;
    border-radius: 10px;
}




/***** Login Page CSS Starts ******/
.main-bg {
    background-image: url("../../images/login-bg.jpg");
    width: 100%;
    height: 89vh;
    /* Center and scale the image nicely */
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
}

.login-main-section {
    position: absolute;
    top: calc(50.00% - 370px);
    left: calc(50.00% - 40%);
    width: 671px;
    height: 665px;
    background-color: #ffffff80;
    border-radius: 10px;
    box-shadow: 0px 0px 4px #00000040;
}

    .login-main-section .top-heading {
        /* position: absolute; */
        top: calc(50.00% - 333px);
        left: calc(50.00% - 336px);
        width: 671px;
        height: 108px;
        background-color: #002828;
        border-radius: 10px 10px 0px 0px;
        box-shadow: 0px 0px 4px #00000040;
        text-align: center;
    }

    .login-main-section img.logo-img {
        margin: 18px 0 0 0;
    }

.middle-heading {
    width: 100%;
    padding: 0 5%;
}

.login-main-section p {
    text-align: center;
    font-family: "Trebuchet MS-Bold", Helvetica;
    font-weight: 700;
    color: #0a0a0a;
    font-size: 30px;
    letter-spacing: 0;
    line-height: normal;
    width: 100%;
    padding-top: 50px;
}

    .login-main-section p span.text-wrapper-4 {
        -webkit-text-stroke: 2px #d59c0096;
        color: #0a0a0a;
        font-size: 40px;
        text-align: center;
        font-family: "Trebuchet MS-Bold", Helvetica;
        font-weight: 700;
        letter-spacing: 0;
        line-height: normal;
        white-space: nowrap;
    }

.login-main-section h2 {
    text-align: center;
    font-family: "Trebuchet MS-Bold", Helvetica;
    font-weight: 400;
    color: #0a0a0a;
    font-size: 26px;
    letter-spacing: 0;
    line-height: normal;
    width: 100%;
    padding-top: 40px;
}

.login-form-section .country-name {
    width: 90px;
    height: 50px;
    background-color: #ffffff;
    border-radius: 10px;
    border: 1px solid;
    border-color: #0a0a0a33;
    float: inline-start;
    margin: 32px 20px 0 10%;
}

.country-name img.flag-india {
    margin: 10px 0 0 12px;
}

.country-name img.arrow-down {
    margin: 10px 0 0 5px;
}


.login-form-section label {
    font-weight: 600;
}

.login-form-section form {
    border-radius: 5px;
    padding: 20px;
}

.login-form-section label {
    display: block;
}

.login-form-section input[type=text], select {
    width: 62%;
    padding: 12px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 600;
}

.send-code-button {
    width: 100%;
    display: grid;
    justify-content: center;
    padding-top: 10%;
}

.login-form-section input[type=submit] {
    width: 500px !important;
    background-color: #FFBB00;
    color: #0A0A0A;
    padding: 14px;
    margin: 8px 0;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 700;
    font-size: 18px;
}

    .login-form-section input[type=submit]:hover {
        background-color: #45a049;
    }

/***** Login Page CSS Ends ******/

.scrollY {
    height: 300px;
    overflow-y: auto;
}

.txtCenter {
    text-align:center;
}

.eventSecion {
    margin: 3rem 7rem 0 7rem;
}

.viewDetails {
    background: #f7f7f7;
    font-size: 16px;
    padding: 8px 10px;
    font-weight: 600;
}





/**** Progress Modal Section CSS Starts ****/
.progress-medal-section {
    width: 100%;
    height: auto;
    background-color: #fff;
    display: flex;
}

.containerOuter {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.progress-medal-section h1 {
    color: #B75500;
    font-size: 36px;
    font-weight: 600;
    padding: 30px 0 10px 0px;
    text-align: left;
}

.medals-column1 p {
    text-align: left;
}

.medals-column1 {
    display: inline-block;
    padding: 1rem 1rem;
    vertical-align: text-top;
    width: 65%;
    text-align: center;
}

.medals-column2 {
    display: inline-block;
    vertical-align: text-top;
    width: auto;
    margin: 0;
    padding: 0;
}

section.p-medals-content {
    background: #ffffff;
    padding: 5px 10px;
    width: 400px;
    height: auto;
    border-radius: 10px;
    display: inline-block;
    margin: 1% 2% 1% 0;
    /* border: 5px solid #008080; */
    box-shadow: 0px 0px 0px 5px rgb(0 122 122 / 14%);
}

.p-medals-content img {
    float: inline-start;
    margin: 0 5px 0 0;
}

.p-medals-content h2 {
    float: none;
    font-size: 18px;
    font-weight: 700;
}

.p-medals-content p {
    font-size: 15px;
    padding: 0;
    margin: 0;
}

.p-medals-content h2 a {
    margin: 0;
    padding: 3px 0 7px 0;
}



/*** Modal Popup CSS Starts ***/
.modal-dialog.modal-lg {
    width: 750px;
    height: auto;
}

.modal-header {
    background: #005B5B;
    color: #ffffff;
}

.progress-modal .modal-content .modal-header h5 {
    width: 100%;
    text-align: left;
    font-size: 22px;
    padding: 0 0 0 10px;
}

.progress-modal .modal-body {
    text-align: left;
    margin: 0 10px 10px 10px;
    height: 450px;
    overflow-y: auto;
}

.progress-modal .modal-content {
    margin-top: 15%;
}

.progress-modal .modal-body section {
    width: 100%;
    clear: both;
    display: inline-block;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #ddd;
}

.modal-body h2 {
    font-size: 20px;
    font-weight: 600;
    padding: 8px 0 5px 0;
    margin: 0;
}

.modal-body h3 {
    font-size: 18px;
    font-weight: 600;
}

    .modal-body h3 span {
        font-size: 16px;
        font-weight: 400;
    }

.progress-modal .modal-body img {
    float: left;
    margin: 0px 6px 0 0;
}

.progress-modal .modal-body p {
    text-align: justify;
}

img.trophy {
    float: right !important;
    margin: 0 0 0 0;
    padding: 0 0 0 20px;
}
/*** Modal Popup CSS Ends ***/


/**** Custom Scrollbar CSS Starts ****/
/* width */
::-webkit-scrollbar {
    width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #747474;
    border-radius: 20px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
/**** Custom Scrollbar CSS Ends ****/


/*** Journals CSS Starts ***/
.journal-container {
    background: burlywood;
    border-radius: 50px;
    width: 750px;
    margin: 0 auto;
    padding: 0;
}

section.p-journals-content {
    background: #FFDEB8;
    padding: 5px 20px;
    width: max-content;
    height: auto;
    border-radius: 20px;
    display: inline-block;
    margin: 1% 2% 1% 2%;
    box-shadow: 0px 0px 0px 2px rgb(213 146 76 / 50%);
}

.p-journals-content h2 {
    float: none;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
}

    .p-journals-content h2 a {
        color: #0A0A0A !important;
    }

        .p-journals-content h2 a:hover, .p-journals-content h2 a:active {
            color: #492900 !important;
        }

.journal-details {
    background: #fff;
    border-radius: 20px;
    width: 80%;
    padding: 10px 20px;
    border: 1px solid #ddd;
    display: inline-block;
    margin: 2rem 0 0 0;
}

    .journal-details p {
        text-align: justify;
    }

    .journal-details h3 {
        font-size: 16px;
        font-weight: 600;
        text-align: left;
    }

img.journals-img {
    width: 53%;
}


/*** Terms & Conditions CSS Starts ***/
.outer-container {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

    .outer-container p {
        text-align: justify;
    }

img.terms-cond {
    float: right;
    width: 450px;
}

p.phone {
    background: #ffffff;
    width: 300px;
    border-radius: 6px;
    padding: 20px;
    font-size: 20px;
    font-weight: 600;
    text-align:center;
}