.venue-sec {height: 500px;background: url("../images/banner1.jpg") center/cover no-repeat; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; font-family: "Inter", sans-serif;}
.venue-content {    max-width: 1000px;}
.venue-content h1 {    font-size: 34px; font-weight: 700;    margin-bottom: 20px; }
.venue-content h1 span {    margin: 0 10px;    font-weight: 300;}
.venue-content h1 small {    font-size: 24px;    font-weight: 500;}
.venue-content p {    font-size: 18px; line-height: 1.6;    margin-bottom: 35px; }
.venue-btn {background:#f7931e; padding: 14px 28px; color: #fff; text-decoration: none; font-weight: 600; border-radius: 3px; /* display: inline-block; */ transition: 0.3s;}
.venue-btn:hover {  background: #e67e00;}
.venue-section {    background: #f3f3f3;    padding: 100px 20px;    font-family: "Inter", sans-serif;}
/* TOP TEXT */
.venue-top {    text-align: center; max-width: 900px;    margin: auto;    color: #666;    margin-bottom: 60px;    line-height: 1.6;}
/* LAYOUT */
.venue-container {    max-width: 80%;    margin: auto;    display: flex;}
/* LEFT SIDE */
.venue-left {    flex: 1;    background: #eff0f7;    padding: 60px;}
/* HEADING */
.venue-title {    font-size: 32px;
    color: #1e2756;    margin-bottom: 40px;
    position: relative; font-weight: 700;
    padding-left: 20px;}
/* ORANGE LINE */
.venue-title::before {
    content: "";
    width: 5px;
    height: 50px;
    background: #f7931e;
    position: absolute;
    left: 0;
    top: 5px;
}

/* LIST */
.venue-list {
    list-style: none;
    padding: 0;
    margin-bottom: 40px;
}

.venue-list li {
    margin-bottom: 30px;
    padding-left: 20px;
    position: relative;
}

/* ORANGE DOT */
.venue-list li::before {
    content: "";
    width: 7px;
    height: 7px;
    background: #f7931e;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 8px;
}

/* LIST TITLES */
.venue-list h4 {
    color: #1e2756;
    margin-bottom: 5px;
    font-size: 16px;
}

/* LIST TEXT */
.venue-list p {
    color: #777;
    font-size: 14px;
    line-height: 1.6;
}

/* BUTTON */
.venue-btn-org {
    /* display: inline-block; */
    background: #f7931e;
    color: #fff;
    padding: 14px 28px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
}

.venue-btn-org:hover {
    background: #e68000;
}

/* RIGHT IMAGE */
.venue-right {
    flex: 1;
}

.venue-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


@media (min-width:1601px) and (max-width:1700px){.venue-title {  font-size: 20px;  margin-bottom: 20px;}
  .venue-top { font-size: 15px;  margin-bottom: 45px;}
.venue-list h4 {  margin-bottom: 0px;  font-size: 13px;}
.venue-list p {  font-size: 12px;}
  .venue-btn-org{  font-size: 12px;}
  .venue-left {   padding: 60px 0px;}
.venue-section {   padding: 60px 20px 50px;}}

@media (min-width:1501px) and (max-width:1600px){.venue-title {  font-size: 20px;  margin-bottom: 20px;}
  .venue-top { font-size: 15px;  margin-bottom: 45px;}
.venue-list h4 {  margin-bottom: 0px;  font-size: 13px;}
.venue-list p {  font-size: 12px;}
  .venue-btn-org{  font-size: 12px;}
  .venue-left {   padding: 60px 0px;}
.venue-section {   padding: 60px 20px 50px;}}

@media (min-width:1401px) and (max-width:1500px){.venue-title {  font-size: 20px;  margin-bottom: 20px;}
  .venue-top { font-size: 15px;  margin-bottom: 45px;}
.venue-list h4 {  margin-bottom: 0px;  font-size: 13px;}
.venue-list p {  font-size: 12px;}
  .venue-btn-org{  font-size: 12px;}
  .venue-left {   padding: 60px 0px;}
.venue-section {   padding: 60px 20px 50px;}}

@media (min-width:1301px) and (max-width:1400px){.venue-title {  font-size: 20px;  margin-bottom: 20px;}
  .venue-top { font-size: 15px;  margin-bottom: 45px;}
.venue-list h4 {  margin-bottom: 0px;  font-size: 13px;}
.venue-list p {  font-size: 12px;}
  .venue-btn-org{  font-size: 12px;}
  .venue-left {   padding: 60px 0px;}
.venue-section {   padding: 60px 20px 50px;}}

@media (min-width:1201px) and (max-width:1300px){.venue-title {  font-size: 20px;  margin-bottom: 20px;}
  .venue-top { font-size: 15px;  margin-bottom: 45px;}
.venue-list h4 {  margin-bottom: 0px;  font-size: 13px;}
.venue-list p {  font-size: 12px;}
  .venue-btn-org{  font-size: 12px;}
  .venue-left {   padding: 60px 0px;}
.venue-section {   padding: 60px 20px 50px;}}

@media (min-width:1101px) and (max-width:1200px){
.venue-title {  font-size: 20px;  margin-bottom: 20px;}
  .venue-top { font-size: 15px;  margin-bottom: 45px;}
.venue-list h4 {  margin-bottom: 0px;  font-size: 13px;}
.venue-list p {  font-size: 12px;}
  .venue-btn-org{  font-size: 12px;}
  .venue-left {   padding: 60px 0px;}
.venue-section {   padding: 60px 20px 50px;}

}

@media only screen and (min-width: 991px) and (max-width: 1100px) {
.venue-title {  font-size: 20px;  margin-bottom: 20px;}
  .venue-top { font-size: 15px;  margin-bottom: 45px;}
.venue-list h4 {  margin-bottom: 0px;  font-size: 13px;}
.venue-list p {  font-size: 12px;}
  .venue-btn-org{  font-size: 12px;}
  .venue-left {   padding: 60px 0px;}
.venue-section {   padding: 60px 20px 50px;}
}



@media screen and (max-width: 990px) {
 
    .venue-content h1 {
        font-size: 25px; 
        padding: 0 17px;
    }

    .venue-content h1 small {
        font-size: 22px;
    }


    .venue-left {
        padding: 40px;
    }

 

    .venue-sec {
        padding: 60px 15px;
        min-height: 400px;
    }

    .venue-content h1 {
        font-size: 26px;
    }

    .venue-content h1 span {
        display: none;
    }

    .venue-content h1 small {
        display: block;
        font-size: 18px;
        margin-top: 8px;
    }

    .venue-content p {
        font-size: 14px;
    }

    .venue-btn {
        padding: 12px 22px;
        font-size: 11px;
    }



    .venue-container {
        flex-direction: column;max-width: 90%;
    }
.venue-list p { 
  font-size: 12px;}
    .venue-left {
        padding: 0px;
    }
.venue-list h4 { 
  font-size: 14px;
}

.venue-btn-org{  font-size: 11px;}
    .venue-right {margin: 50px 0 50px 0;
        height: 350px;
    }

    .venue-title {
        font-size: 26px;
    }

.venue-section { 
  padding: 50px 20px 0;}
 
    .venue-content h1 {
        font-size: 22px;
    }

    .venue-content p {
        font-size: 12px;
    }

    .venue-title {
        font-size: 20px;
    }
    .venue-title::before {
    
    width: 5px;
    height: 82px;
    }

.venue-top{font-size: 12px;}

}