a,span,i{display:inline-block;}
img{max-width:100%;height:auto;}
body{
    position: relative;
    font-family: 'Roboto';
}

/*-- Fonts --*/
@font-face {
    font-family: 'Roboto Medium';
    src: url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Bold';
    src: url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Black';
    src: url('../fonts/Roboto-Black.woff2') format('woff2'),
        url('../fonts/Roboto-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



/*-- Icomoon --*/
@font-face {
    font-family: 'icomoon';
    src:  url('../icons/icomoon.eot?7n8ofr');
    src:  url('../icons/icomoon.eot?7n8ofr#iefix') format('embedded-opentype'),
        url('../icons/icomoon.ttf?7n8ofr') format('truetype'),
        url('../icons/icomoon.woff?7n8ofr') format('woff'),
        url('../icons/icomoon.svg?7n8ofr#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
  
[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-website:before {
    content: "\e916";
}
.icon-emails:before {
    content: "\e917";
}
.icon-left-arrow:before {
    content: "\e907";
}
.icon-right-arrow:before {
    content: "\e909";
}
.icon-plus:before {
    content: "\e90c";
}
.icon-minus:before {
    content: "\e90f";
}
.icon-business-directory:before {
    content: "\e900";
}
.icon-calendar:before {
    content: "\e901";
}
.icon-call:before {
    content: "\e902";
}
.icon-education-employement:before {
    content: "\e903";
}
.icon-facebook:before {
    content: "\e904";
}
.icon-health-wellness:before {
    content: "\e905";
}
.icon-instagram:before {
    content: "\e906";
}
.icon-location:before {
    content: "\e908";
}
.icon-municipal-services:before {
    content: "\e90a";
}
.icon-organizer:before {
    content: "\e90b";
}
.icon-real-estate:before {
    content: "\e90d";
}
.icon-recreation-activities:before {
    content: "\e90e";
}
.icon-search:before {
    content: "\e910";
}
.icon-time:before {
    content: "\e911";
}
.icon-tourism-attraction:before {
    content: "\e912";
}
.icon-transportation:before {
    content: "\e913";
}
.icon-weather-climate:before {
    content: "\e914";
}
.icon-youtube:before {
    content: "\e915";
}

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; }



*::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}
*::-webkit-scrollbar{
	width:4px;
    height:8px;
	background-color: #F5F5F5;
}
*::-webkit-scrollbar-thumb{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}

/*-- Header --*/
.headerTopwrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding:23px 0 28px;
}
.headersearchsec {margin-left: auto;}
.headerBottomwrap {
    box-shadow: 0px 5px 25px 0px rgba(45, 51, 56, 0.2);
    padding: 0 33px;
    border-radius: 16px;
    margin-bottom:20px;
}
.headerBottomwrap .site-navmenu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    justify-content: space-between;
}
.site-navmenu > .menu-items > a {
    font-family: 'Roboto Bold';
    font-size: 22px;
    line-height: 1.2;
    text-decoration: none;
    color: rgba(45, 51, 56, 1);
    padding: 19.32px 0;
    position: relative;
    transition: 0.3s all ease-in-out;
}

.site-navmenu > .menu-items > a::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0px;
    background-color: #4771F0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: 0.3s all ease-in-out;
}

.site-navmenu > .menu-items:hover > a {
    color: #4771F0;
}

.site-navmenu > .menu-items:hover > a::after {
    height: 7px;
}

.site-navmenu > .menu-items.active > a {
    color: #4771F0;
}

.site-navmenu > .menu-items.active > a::after {
    height: 7px;
}

.site-navmenu > .menu-items > .menu-arrow {
    display: none;
}

.searchwrap {
    position: relative;
    max-width: 100%;
    width: 470px;
}
.searchwrap input[type="search"] {
    font-family: 'Roboto';
    font-size: 17px;
    line-height: 1;
    color: rgba(45, 51, 56, 1);
    width: 100%;
    padding: 13px 20px;
    border: 1px solid rgba(45, 51, 56, 0.3);
    border-radius: 16px;
    padding-right: 50px;
    outline: 0;
    background:white;
}
.searchwrap button {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    padding: 0;
    background-color: transparent;
    font-size: 22px;
    line-height: 1;
}
.searchbarmodal input.form-control[type="search"]::placeholder {
    color: var(--bs-secondary-color);
}
.social-media {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.social-media a {
    display: block;
    text-decoration: none;
    font-size: 36px;
    line-height: 1;
    color: rgba(45, 51, 56, 1);
    transition:0.3s all ease-in-out;
}
.social-media a:hover{
    color: rgba(71, 113, 240, 1);
}
.social-media a i { display: block; }
.asktocta,.outlinebttn {
    font-family: 'Roboto Bold';
    text-decoration: none;
    font-size: 18px;
    line-height: 1;
    background: rgba(45, 51, 56, 1);
    color: #ffffff;
    display: inline-flex;
    padding: 16px 23px;
    box-shadow: 0px 5px 10px 0px rgba(45, 51, 56, 0.25);
    border-radius: 16px;
    transition:0.3s all ease-in-out;
}
.asktocta:hover{
    background: transparent;
    color:rgba(45, 51, 56, 1);
}
.headerTopwrap .social-media { margin-left: 98px; }
.headerTopwrap .asktocta { margin-left: 55px; }

/*-- Submenu --*/
.menu-item-has-children .submenuwrap {
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    background-color: #FFFFFF;
    z-index: 9;
    padding: 50px 0;
    box-shadow: 0px 2px 0px 0px #4771F0 inset, 0px 5px 25px 0px #2D333833;
    transition:0.3s all ease-in-out;
    transform:translateY(20px);
    opacity:0;
    visibility: hidden;
}
.menu-item-has-children:hover .submenuwrap{
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
.headersection { position: relative; }
.ourtownsubmenu { display: flex;flex-wrap: wrap;}
.ourtownsubmenurgt { max-width: 430px; }
.ourtownsubmenuleft { width: 100%; max-width: calc(100% - 430px); padding-right: 60px; }
.ourtownsubmenuleft ul { margin: 0; padding: 0; list-style: none; column-count: 2; }
.ourtownsubmenuleft ul a {
    font-family: 'Roboto Medium';
    font-size: 22px;
    line-height: 1.2;
    color: #4771F0;
    text-decoration: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    padding: 15px 26px;
    transition:0.3s all ease-in-out;
    border-radius:16px;
}
.ourtownsubmenuleft ul a:hover{
    background-color:#4771F0;
    color:#ffffff;
}
.ourtownsubmenuleft ul a:hover i{color:#ffffff;}
.ourtownsubmenuleft ul li + li { margin-top:30px; }
.ourtownsubmenurgt .eventListingBoxThumb p {
    position: absolute;
    bottom: 15px;
    left: 20px;
    margin: 0;
    font-size: 17px;
    line-height: 1.4;
    color: #ffffff;
    z-index: 9;
}
.ourtownsubmenurgt .eventListingBoxThumb::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(45, 51, 56, 0) 63.79%, #2D3338 96.4%);
}
.ourtownsubmenurgt .eventListingBoxThumb img { max-height: 240px; }
.ourtownsubmenurgt .eventListingBoxConentwrap { padding: 17px 20px; }
.ourtownsubmenurgt .eventListingBoxConentwrap h3 {
    font-family: 'Roboto Bold';
    font-size: 17px;
    line-height: 1.6;
}
.ourtownsubmenurgt .eventListingBoxConentwrap .eventInfoboxlist { margin-top: 12px; }
.ourtownsubmenurgt .eventListingBoxConentwrap .eventInfoboxlist .eventInfoboxRight p b { display: block; }
.ourtownsubmenurgt .eventListingBoxConentwrap .eventInfoboxlist .eventInfoboxLeft { padding-top: 7px; }
.ourtownsubmenurgt .eventListingBoxConentwrap .eventInfoboxlist .eventInfobox + .eventInfobox { margin-top: 18px; }
.ourtownsubmenuleft ul a i {
    font-size: 49px;
    line-height: 1;
    color: #2D3338;
    width:70px;
    max-width:100%;
    transition:0.3s all ease-in-out;
}


.bsnsdirsubmenu { display: flex; flex-wrap: wrap; align-items: center; }
.bsnsdirsubmenurgt { max-width: 315px; width: 100%; }
.bsnsdirsubmenuleft { max-width: calc(100% - 315px); width: 100%; }
.bsnsdirsubmenuleft > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    column-count: 3;
}
.bsnsdirsubmenuleft > ul > li + li{margin-top: 10px;}
.bsnsdirsubmenuleft > ul a {
    font-family: 'Roboto Medium';
    font-size: 22px;
    line-height: 1.2;
    color: #4771F0;
    text-decoration: none;
    padding:12px 20px;
    border-radius: 16px;
    transition: 0.3s all ease-in-out;
}
.bsnsdirsubmenuleft > ul a:hover{
    background-color: #4771F0;
    color:#ffffff;
}

/*-- Homepage --*/
.welcomewrap { border-radius: 16px; overflow: hidden; }
.topBannerwrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}
.topBannerLeft {
    max-width: 890px;
    width: 100%;
}
.topBannerRight {
    max-width: 430px;
    margin-left: auto;
    width: 100%;
}
.ourtownboxwrap {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 10px;
}
.ourtownbox {
    text-align: center;
    border: 4px solid;
    border-radius: 16px;
    padding:28px 30px 24px;
    position: relative;
    box-shadow: 0px 5px 20px 0px rgba(45, 51, 56, 0.25);
    transition:0.3s all ease-in-out;
}
.ourtownbox.green {
    border-color: rgba(54, 179, 43, 1);
}
.ourtownbox.green:hover {
    background-color: rgba(54, 179, 43, 1);
}
.ourtownbox.red {
    border-color: rgba(224, 40, 32, 1);
}
.ourtownbox.red:hover{
    background-color: rgba(224, 40, 32, 1);
}
.ourtownbox.yellow {
    border-color: rgba(251, 188, 4, 1);
}
.ourtownbox.yellow:hover {
    background-color: rgba(251, 188, 4, 1);
}
.ourtownbox.blue {
    border-color: rgba(71, 113, 240, 1);
}
.ourtownbox.blue:hover {
    background-color: rgba(71, 113, 240, 1);
}
.ourtownbox .link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}
.ourtownbox h3 {
    font-family: 'Roboto Bold';
    font-size: 17px;
    line-height: 1.2;
    margin: 16px 0 0;
    color:rgba(45, 51, 56, 1);
    transition:0.3s all ease-in-out;
}
.ourtownbox i {
    font-size: 50px;
    line-height: 1;
    color:rgba(45, 51, 56, 1);
    transition:0.3s all ease-in-out;
}

.ourtownbox:hover i,.ourtownbox:hover h3{
    color:#ffffff;
}
.slidereventsec {
    box-shadow: 0px 5px 20px 0px rgba(45, 51, 56, 0.25);
    border-radius: 16px;
}
.slidereventBottomcontent { padding: 20px 30px 30px; }
.slidereventBottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.slidereventBottom .right {
    width: 144px;
    max-width: 100%;
}
.slidereventBottom .left { max-width: 630px; }
.slidereventBottom .left h2 {
    font-family: 'Roboto Bold';
    font-size: 28px;
    line-height: 1.2;
    margin: 0;
}
.slidereventBottom .left h2 a {
    text-decoration: none;
    color: rgba(71, 113, 240, 1);
}
.slidereventBottom .left > p {
    margin: 5px 0 15px;
    font-family: 'Roboto';
    font-size: 17px;
    line-height: 1.5;
    color: rgba(45, 51, 56, 1);
}
.slidereventBottom .left ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.slidereventBottom .left ul p {
    font-family: 'Roboto';
    font-size: 17px;
    line-height: 1.4;
    color: rgba(45, 51, 56, 1);
    margin: 0;
    max-width: calc(100% - 41px);
}
.slidereventBottom .left ul li{
    display:flex;
    flex-wrap: wrap;
}
.slidereventBottom .left ul p b { font-family: 'Roboto Bold'; }
.slidereventBottom .left ul i {
    color: rgba(71, 113, 240, 1);
    font-size: 26px;
    line-height: 1;
    min-width: 26px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
}
.slidereventBottom .left ul li + li{margin-top: 14px;}
.slidereventBottom .right i {
    font-size: 79px;
    line-height: 1;
    color: rgba(71, 113, 240, 1);
}
.slidereventBottom .right h3 {
    font-family: 'Roboto Black';
    font-size: 22px;
    line-height: 1.2;
    color: rgba(45, 51, 56, 1);
    margin: 22px 0 13px;
}
.slidereventBottom .right p {
    margin: 0;
    font-family: 'Roboto';
    font-size: 17px;
    line-height: 1.5;
    color: rgba(45, 51, 56, 1);
}
.slidereventTopthmb { border-radius: 16px;overflow: hidden;}
.slidereventwrap .slick-dots {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    top:452px;
    right: 25px;
    z-index: 1;
}
.slidereventwrap .slick-dots button {
    padding: 0;
    font-size: 0;
    line-height: 0;
    width: 15px;
    height: 15px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 1);
    margin: 0 5px;
    display: block;
    outline: 0;
    border: 0;
}
.slidereventwrap .slick-dots .slick-active button { background: rgba(71, 113, 240, 1); }
.slidereventsldrthmb img {
    aspect-ratio: 890/492;
    object-fit: cover;
    object-position: center;
    width:100%;
}
.wheretoblockRow {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap:70px 30px;
}
.wheretowrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.wheretoright {
    width: 100%;
    max-width: 430px;
}
.wheretoleft {
    width: 100%;
    max-width: 890px;
}
.business-directory-list {
    box-shadow: 0px 5px 20px 0px rgba(45, 51, 56, 0.25);
    border-radius: 16px;
    overflow: hidden;
}
.wheretosection { margin-top: 80px; }
.business-directory-head {
    background-color: rgba(45, 51, 56, 1);
    padding: 31px 32px;
}
.business-directory-head h3 {
    margin: 0;
    font-family: 'Roboto Bold';
    font-size: 28px;
    line-height: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    color: #ffffff;
}
.business-directory-body {
    padding: 20px 30px 25px;
}
.business-directory-body ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.business-directory-body a {
    font-family: 'Roboto Bold';
    text-decoration: none;
    font-size: 24px;
    line-height: 1.8;
    color: rgba(71, 113, 240, 1);
    transition:0.3s all ease-in-out;
}
.business-directory-body a:hover{
    color:#000000;
}
.wheretoblockRow h3 {
    font-family: 'Roboto Bold';
    font-size: 28px;
    line-height: 1.4;
    margin: 0;
    border-bottom: 10px solid;
    padding-bottom: 8px;
}
.wheretoblockListRow {
    display: flex;
    flex-wrap: wrap;
}
.wheretoblockListLeft { max-width: 160px; }
.wheretoblockListwrap { margin-top: 15px;margin-bottom: 20px;}
.wheretoblockListLeft img {
    aspect-ratio: 160/88;
    object-fit: cover;
    object-position: center;
    border-radius: 16px;
    width:100%;
}
.wheretoblockList + .wheretoblockList {
    border-top: 1px solid rgba(45, 51, 56, 0.3);
    padding-top: 15px;
    margin-top: 20px;
}
.wheretoblockList h4 {
    font-family: 'Roboto Black';
    font-size: 17px;
    line-height: 1.3;
}
.wheretoblockList h4 a {
    text-decoration: none;
    color: rgba(71, 113, 240, 1);
}
.wheretoblockListRight {
    max-width: calc(100% - 176px);
    margin-left: auto;
    width: 100%;
}
.wheretoblockListRight ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.wheretoblockListRight li p {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
.wheretoblockListRight li p span {
    max-width: calc(100% - 22px);
    width: 100%;
    margin-left: auto;
}
.wheretoblockListRight li p i {
    font-size: 14px;
    line-height: 1;
    margin-top: 5px;
    color: rgba(54, 179, 43, 1);
}
.wheretoblockListRight ul li + li { margin-top: 5px; }
.outlinebttn{
    background-color:transparent;
    color:rgba(45, 51, 56, 1);
    border: 2px solid rgba(45, 51, 56, 1);
    padding: 12px 16px;
    border-radius: 16px;
    transition:0.3s all ease-in-out;
}
.outlinebttn:hover{
    background-color:rgba(45, 51, 56, 1);
    color:#ffffff;
}
.wheretoblockRow .wheretoblockCols:nth-child(2) h3 { border-color: rgba(224, 40, 32, 1); }
.wheretoblockRow .wheretoblockCols:nth-child(3) h3 { border-color: rgba(251, 188, 4, 1); }
.wheretoblockRow .wheretoblockCols:nth-child(4) h3 { border-color: rgba(71, 113, 240, 1); }
.wheretoblockRow .wheretoblockCols:nth-child(1) h3 { border-color: rgba(54, 179, 43, 1); }
.slidereventsldrthmb a { display: block; }
.newsrowslider button.slide-arrow {
    padding: 0;
    outline: 0;
    border: 0;
    width: 40px;
    height: 40px;
    background: rgba(71, 113, 240, 1);
    border-radius: 16px;
    color: #ffffff;
    box-shadow: 0px 5px 10px 0px rgba(45, 51, 56, 0.25);
    position: absolute;
    top: 0;
    right: 0;
}
.newsrowslider button.slide-arrow i {
    font-size: 14px;
    line-height: 1;
    display: block;
}
.news-section { padding-top: 75px; }
.news-section h2,.faqshomewrap > h2 {
    font-family: 'Roboto Bold';
    font-size: 28px;
    line-height: 1.2;
    margin: 0 0 14px;
    display: inline-flex;
    padding-right: 108px;
    position: relative;
}
.news-section h2::before,.faqshomewrap > h2::before {
    content: '';
    position: absolute;
    width: 100px;
    height: 7px;
    background-color: red;
    right: 0;
    bottom: 6px;
    background-image: linear-gradient(90deg, rgba(54, 179, 43, 1) 25%,rgba(251, 188, 4, 1) 25%,rgba(251, 188, 4, 1) 50%,rgba(224, 40, 32, 1) 50%,rgba(224, 40, 32, 1) 75%,rgba(71, 113, 240, 1) 75%,rgba(71, 113, 240, 1) 100%, rgba(71, 113, 240, 1) 100%);
}
.newscolsslider { margin: 0 15px;border-radius:16px;box-shadow: 0px 5px 15px 0px rgba(45, 51, 56, 0.25);overflow: hidden;}
.newsrowslider { margin: 0 -15px; }
.newscolthumb { position: relative; }
.newscolthumb::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(45, 51, 56, 0) 63.79%, #2D3338 96.4%);
    left: 0;
    top: 0;
}
.newscolthumb img { aspect-ratio: 430/238; object-fit: cover; object-position: center;width:100%;}
.newscolthumb a {
    font-family: 'Roboto';
    font-size: 17px;
    line-height: 1;
    text-decoration: none;
    color: #ffffff;
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 2;
}
.newscolcontent h3 a {
    text-decoration: none;
    color: rgba(71, 113, 240, 1);
}
.newscolthumb .fulllink {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width:100%;
    height:100%;
}
.newscolcontent { padding: 16px 20px 20px; }

.newscolcontent h3 {
    font-family: 'Roboto Bold';
    font-size: 17px;
    line-height: 1.5;
    color: rgba(71, 113, 240, 1);
    margin: 0;
}
.newscolcontent > p { margin: 10px 0 34px; }
.newscolcontent ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.newscolcontent ul p {
    margin: 0;
    font-family: 'Roboto';
    font-size: 17px;
    line-height: 1.4;
    color: rgba(45, 51, 56, 1);
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.newscolcontent ul p i { color: rgba(71, 113, 240, 1); display: inline-flex; }
.newscolcontent ul p span { display: block; margin-top: 2px; }
.newsrowslider button.slide-arrow.next-arrow { top: -52px; right: 15px; }
.newsrowslider button.slide-arrow.prev-arrow { top: -52px; right: 62px; }
.newsrowslider .slick-slide {padding-bottom: 20px;}
.customaccordion.accordion .accordion-item + .accordion-item { margin-top: 10px; }
.customaccordion.accordion .accordion-item {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0px 5px 15px 0px rgba(45, 51, 56, 0.25), 15px 0px 0px 0px rgba(251, 188, 4, 1) inset;
    border: 1px solid rgba(251, 188, 4, 1);
}
.customaccordion.accordion .accordion-item .accordion-header .accordion-button {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    padding: 19px 80px 19px 30px;
    font-family: 'Roboto Bold';
    font-size: 22px;
    line-height: 1.5;
}
.customaccordion.accordion .accordion-item .accordion-body { padding: 0px 80px 30px 30px; }
.customaccordion.accordion .accordion-item .accordion-body p {
    margin: 0;
    font-family: 'Roboto';
    font-size: 17px;
    line-height: 1.5;
    color: rgba(45, 51, 56, 1);
}
.customaccordion.accordion .accordion-item .accordion-body p a { font-family: 'Roboto Black'; color: rgba(71, 113, 240, 1); }
.customaccordion.accordion .accordion-item .accordion-header .accordion-button::after{
    content: "\e90f";
    font-family: 'icomoon' !important;
    width: auto;
    height: auto;
    background: none;
    position: absolute;
    right: 20px;
    top: 34px;
    line-height: 1;
    font-size:4px;
    color: rgba(54, 179, 43, 1);
}
.customaccordion.accordion .accordion-item .accordion-header .accordion-button.collapsed::after {
    content: "\e90c";
    font-size: 16px;
    top: 28px;
}
.customaccordion.accordion{margin-bottom: 20px;}
.customaccordion.accordion .accordion-item:nth-child(4n-1) {
    box-shadow: 0px 5px 15px 0px rgba(45, 51, 56, 0.25), 15px 0px 0px 0px rgba(54, 179, 43, 1) inset;
    border: 1px solid rgba(54, 179, 43, 1);
}
.customaccordion.accordion .accordion-item:nth-child(4n-2) {
    box-shadow: 0px 5px 15px 0px rgba(45, 51, 56, 0.25), 15px 0px 0px 0px rgba(251, 188, 4, 1) inset;
    border: 1px solid rgba(251, 188, 4, 1);
}
.customaccordion.accordion .accordion-item:nth-child(4n-3) {
    box-shadow: 0px 5px 15px 0px rgba(45, 51, 56, 0.25), 15px 0px 0px 0px rgba(224, 40, 32, 1) inset;
    border: 1px solid rgba(224, 40, 32, 1);
}
.customaccordion.accordion .accordion-item:nth-child(4n-4) {
    box-shadow: 0px 5px 15px 0px rgba(45, 51, 56, 0.25), 15px 0px 0px 0px rgba(71, 113, 240, 1) inset;
    border: 1px solid rgba(71, 113, 240, 1);
}
.customaccordion.accordion .accordion-item:nth-child(4n-1) h2 .accordion-button::after { color: rgba(54, 179, 43, 1); }
.customaccordion.accordion .accordion-item:nth-child(4n-2) h2 .accordion-button::after { color: rgba(251, 188, 4, 1); }
.customaccordion.accordion .accordion-item:nth-child(4n-3) h2 .accordion-button::after { color: rgba(224, 40, 32, 1); }
.customaccordion.accordion .accordion-item:nth-child(4n-4) h2 .accordion-button::after { color: rgba(71, 113, 240, 1); }
.advbannersection { padding-top: 80px;padding-bottom: 80px;}

.footerbottomWrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
}
.footerbottomWrap p {
    margin: 0;
    font-size: 17px;
    line-height: 1.2;
    color: rgba(45, 51, 56, 1);
}
.footerbottomWrap p a {
    font-family: 'Roboto Bold';
    text-decoration: none;
    color: rgba(45, 51, 56, 1);
}
.footertopsection {
    background: rgba(45, 51, 56, 1);
    padding: 83px 0 59px;
    border-top-left-radius:16px;
    border-top-right-radius:16px;
    position: relative;
    overflow: hidden;
}
.footertopsection::before{
    content:'';
    position:absolute;
    width:100%;
    height:30px;
    top:0;
    left:0;
    right:0;
    background-image: linear-gradient(90deg, rgba(54, 179, 43, 1) 25%, rgba(251, 188, 4, 1) 25%, rgba(251, 188, 4, 1) 50%, rgba(224, 40, 32, 1) 50%, rgba(224, 40, 32, 1) 75%, rgba(71, 113, 240, 1) 75%, rgba(71, 113, 240, 1) 100%, rgba(71, 113, 240, 1) 100%);
}
.footertopMenuRow {
    display: flex;
    flex-wrap: wrap;
    gap: 90px;
}
.footercompanyInfo { margin-left: auto; }
.footercompanyInfo .followus {
    color: #ffffff;
    font-family: 'Roboto';
    font-size: 17px;
    line-height: 1.2;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 25px;
    margin-top: 50px;
}
.footercompanyInfo .followus .social-media { gap: 20px; }
.footercompanyInfo .followus .social-media a {
    color: #ffffff;
    font-size: 26px;
}
.footertopMenuCols ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footertopMenuCols ul a {
    font-family: 'Roboto';
    font-size: 17px;
    line-height: 2.18;
    color: #ffffff;
    text-decoration: none;
}


/*-- FAQs --*/
.breadcrumbwrap {
    background-image:url('../img/breadcrumbbg.webp');
    background-size: cover;
    background-repeat:no-repeat;
    background-position:right center;
    position: relative;
    padding:38px 43px;
    border-radius:16px;
    overflow: hidden;
}
.breadcrumbwrap::before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background: linear-gradient(90deg, #2D3338 25.04%, rgba(45, 51, 56, 0.1) 100%);
}
.breadcrumbwrap::after{
    content:'';
    position:absolute;
    width:100%;
    height:10px;
    bottom:0;
    left:0;
    right:0;
    background-image: linear-gradient(90deg, rgba(54, 179, 43, 1) 25%, rgba(251, 188, 4, 1) 25%, rgba(251, 188, 4, 1) 50%, rgba(224, 40, 32, 1) 50%, rgba(224, 40, 32, 1) 75%, rgba(71, 113, 240, 1) 75%, rgba(71, 113, 240, 1) 100%, rgba(71, 113, 240, 1) 100%);
}
.breadcrumbwrap h1 {
    font-family: 'Roboto Bold';
    font-size: 28px;
    line-height: 1.2;
    color: #ffffff;
    position: relative;
    z-index:1;
    margin-bottom: 11px;
}
.breadcrumwrap ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    z-index:1;
}
.breadcrumwrap ul li + li { margin-left: 10px; padding-left: 10px;position: relative;}
.breadcrumwrap ul li + li::before{
    content:'/';
    position: absolute;
    color: #ffffff;
    left: -4px;
    top: 2px;
}
.breadcrumwrap ul li a {
    text-decoration: none;
    font-size:17px;
    line-height:1.6;
    color: rgba(255, 255, 255, 0.5);
}
.breadcrumwrap ul li.active a { color: #ffffff; }
.inrpgRow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.inrpgLeft { width: 100%; max-width: 890px; }
.inrpgRight { max-width: 400px; width: 100%; }
.inrpgsection { padding-top: 70px; }
.faqspgsection{padding-bottom: 125px;}
.faqspgsection .inrpgLeft > h3,.h3MainTitle .inrpgLeft > h3 {
    font-family: 'Roboto Bold';
    font-size: 28px;
    line-height: 1.4;
    color: rgba(71, 113, 240, 1);
    margin: 0;
    padding-bottom: 30px;
    margin-bottom: 37px;
    position: relative;
}
.faqspgsection .inrpgLeft > h3::after,.h3MainTitle .inrpgLeft > h3::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 7px;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(90deg, rgba(54, 179, 43, 1) 25%, rgba(251, 188, 4, 1) 25%, rgba(251, 188, 4, 1) 50%, rgba(224, 40, 32, 1) 50%, rgba(224, 40, 32, 1) 75%, rgba(71, 113, 240, 1) 75%, rgba(71, 113, 240, 1) 100%, rgba(71, 113, 240, 1) 100%);
}


.askusabtinvkmodal .modal-dialog.modal-lg { max-width: 1000px; }
.askusabtinvkmodal .modal-dialog.modal-lg .modal-content { border-radius: 16px;overflow: hidden;}
.askusabtinvkmodalwrap { display: flex; flex-wrap: wrap; }
.askusabtinvkmodalLeft {
    max-width: 350px;
    padding: 54px 35px 40px 40px;
    min-height: 730px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.askusabtinvkmodal .modal-body { padding: 0; }
.askusabtinvkmodalRight {
    max-width: calc(100% - 350px);
    background-color: rgba(71, 113, 240, 1);
    padding:45px 40px 40px 40px;
}
.askusabtinvkmodal .modal-body .btn-close {
    position: absolute;
    top: 12px;
    right: 12px;
    font-size: 12px;
    line-height: 1;
    padding: 0;
    width: 24px;
    height: 24px;
    border: 2px solid #ffffff;
    z-index: 9;
    border-radius: 50%;
    background: none;
    color: #ffffff;
    opacity: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.askusabtinvkmodalLeft p {
    margin-top: 30px;
    margin-bottom: 0;
}
.askusabtinvkmodalLeft .followus {
    margin-top: auto;
    font-size: 17px;
    line-height: 1.4;
    color: rgba(45, 51, 56, 1);
}
.askusabtinvkmodalLeft .followus .social-media { margin-top: 8px; gap: 20px; }
.askusabtinvkmodalLeft .followus .social-media a { font-size: 30px; color: rgba(71, 113, 240, 1); }
.askusabtinvkmodalRight h3 {
    font-family: 'Roboto Bold';
    font-size: 28px;
    line-height: 1.4;
    color: #ffffff;
    margin: 0;
}
.askusabtinvkmodalRight form { margin-top: 21px; }
.askusabtinvkmodalRight form .formrow > div:nth-child(n+3) { margin-top: 30px; }
input.form-control,textarea.form-control,select.form-select {
    font-family: 'Roboto';
    font-size: 17px;
    line-height: 1.2;
    background-color: transparent;
    border: 2px solid rgba(255, 255, 255, 1);
    padding: 18px 30px;
    border-radius: 16px;
    color:#ffffff;
}
input.form-control::placeholder,textarea.form-control::placeholder,input.form-control:focus,textarea.form-control:focus{
    background-color: transparent;
    color:#ffffff;
    border-color:rgba(45, 51, 56, 1);
}
select.form-select {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='17' height='11' viewBox='0 0 17 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.50016 5.95879L13.9827 0.897949L16.0176 3.10236L8.50016 10.0415L0.982738 3.10236L3.01758 0.897949L8.50016 5.95879Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
}

.submitbttn {
    font-family: 'Roboto Black';
    font-size: 18px;
    line-height: 1;
    background: rgba(45, 51, 56, 1);
    color: #ffffff;
    border: 1px solid rgba(45, 51, 56, 1);
    box-shadow: 0px 5px 10px 0px rgba(45, 51, 56, 0.25);
    padding: 20px 30px;
    border-radius: 16px;
    transition:0.3s all ease-in-out;
}
.submitbttn:hover {
    background-color: #ffffff;
    color: rgba(45, 51, 56, 1);
    border-color:#ffffff;
}
.newsSingleRows {
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0px 5px 15px 0px #2D333840;
    border-radius: 16px;
    overflow: hidden;
}
.newsSingleLeft {max-width:890px;position: relative;}
.newsSingleRight {
    max-width:calc(100% - 890px);
    padding:40px 40px 40px 30px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.newsSingleRight h2 { margin: 0; }
.newsSingleRight h2 a {
    font-size: 28px;
    line-height: 1.3;
    text-decoration: none;
    color: #4771F0;
    font-family: 'Roboto Bold';
}
.newsSingleRight p { margin: 11px 0 0; }
.newsSingleRight span.date {
    margin-top: auto;
    font-family: 'Roboto';
    font-size: 17px;
    line-height: 1.2;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
}
.newsSingleRight .date i {
    color: #4771F0;
    font-size: 24px;
    line-height: 1.2;
}
.newsSingleLeft::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(45, 51, 56, 0) 63.79%, #2D3338 96.4%);
    top:0;
    left:0;
}
.newsSingleLeft .tags {
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 2;
    color: #FFFFFF;
    text-decoration: none;
    font-family: 'Roboto Black';
    font-size: 26px;
    line-height: 1.2;
}
.newslistLinkwrap ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 50px;
    overflow:auto;
    margin-right:80px;
    padding-bottom: 10px;
    border-bottom: 1px solid #2D33384D;
}
.newslistLinkwrap ul a {
    font-family: 'Roboto Medium';
    font-size: 24px;
    line-height: 1.2;
    text-decoration: none;
    color: #2D3338;
    padding: 0 10px;
    white-space:nowrap;
}
.navigationwrap {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
}
.navigationwrap button {
    border: 0;
    padding: 0;
    background-color: #ffffff;
    width: 35px;
    height: 35px;
    box-shadow: 0px 5px 10px 0px #2D333840;
    border-radius: 10px;
    font-size: 10px;
    line-height: 1;
    cursor: pointer;
}
.newslistLinkwrap { position: relative;margin: 84px 0 40px;}
.newslistLinkwrap .navigationwrap {
    position: absolute;
    right: 0;
    top: 0;
}
.newslistLinkwrap ul a.active { color: #4771F0; }
.newsSingleSection { padding-top: 20px;padding-bottom: 100px;}
.newslistingRows {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 30px;
}

.newslistingBoxThumb {
    position: relative;
    overflow: hidden;
}
.newslistingBoxThumb img{
    max-height:242px;
    width: 100%;
    object-position: center;
    object-fit: cover;
    display: block;
}
.newslistingBoxThumb .linkwhole {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.newslistingBoxwrap {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0px 5px 15px 0px #2D333840;
    height:100%;
    background-color:#ffffff;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.newslistingBoxContent {
    padding: 20px 20px 30px;
    flex: 1;
    display:flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.newslistingBoxContent h3 { margin-bottom: 10px; }
.newslistingBoxContent h3 a {
    text-decoration: none;
    font-family: 'Roboto Bold';
    font-size: 17px;
    line-height: 1.55;
    color: #4771F0;
}
.newslistingBoxContent p {
    font-family: 'Roboto';
    font-size: 17px;
    line-height: 1.56;
    margin: 0 0 22px;
}
.newslistingBoxContent .date {
    font-family: 'Roboto';
    font-size: 17px;
    line-height: 1.4;
    color: #2D3338;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: auto;
}
.newslistingBoxContent .date i { color: #4771F0; }
.newslistingBoxThumb .tags {
    text-decoration: none;
    font-family: 'Roboto';
    font-size: 17px;
    line-height: 1.2;
    color: #ffffff;
    position: absolute;
    bottom: 12px;
    left: 20px;
    z-index: 2;
}
.newslistingBoxThumb::before{
    content:'';
    position: absolute;
    width:100%;
    height:100%;
    background: linear-gradient(180deg, rgba(45, 51, 56, 0) 63.79%, #2D3338 96.4%);
    top:0;
    left:0;
    z-index:0;
}
.newslistingwrap > nav,.eventListingSection nav { margin-top: 30px; }
.pagination { justify-content: flex-end; gap: 10px;margin-bottom: 0;}
.pagination .page-link {
    width: 38px;
    height: 38px;
    border-radius: 5px;
    font-family: 'Roboto';
    font-size: 17px;
    line-height: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: #2D3338;
    box-shadow: 0px 5px 15px 0px #2D333840;
    border:0;
}
.pagination .page-link i { font-size: 12px; }
.pagination .page-link.active { background-color: #4771F0; color: #ffffff; }


span.title {
    font-family: 'Roboto Bold';
    font-size: 28px;
    line-height: 1.35;
    margin-bottom: 15px;
    display: block;
}
.eventListingSection{margin-top: 30px;}
.eventSingleRows {
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0px 5px 15px 0px #2D333840;
    border-radius: 16px;
    overflow: hidden;
}
.eventSingleLeft { max-width: 890px;position: relative;}
.eventSingleLeft .fulllink,.eventListingBoxThumb .fulllink {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.eventSingleRight {
    max-width: calc(100% - 890px);
    padding: 30px 40px 40px 30px;
}
.eventSingleRight h2 {
    font-family: 'Roboto Bold';
    font-size: 28px;
    line-height: 1.3;
    color: #4771F0;
    margin: 0;
}
.eventSingleRight > p {
    padding: 10px 0 21px;
    font-family: 'Roboto';
    font-size: 17px;
    line-height: 1.4;
    color: #2D3338;
    margin: 0;
}
.eventSingleRight h2 a { text-decoration: none; color: #4771F0; }
.eventInfoboxLst {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 20px;
}
.eventInfoboxLstLeft {
    max-width: 40px;
    width: 100%;
}
.eventInfoboxLstLeft i {
    font-size: 40px;
    line-height: 1;
    color: #4771F0;
}
.eventInfoboxLstRight { width: 100%; max-width: calc(100% - 60px); }
.eventInfoboxLstRight p {
    font-size: 17px;
    line-height: 1.5;
    margin: 0;
}
.eventInfoboxLstRight p b { display: block; }
.eventInfoboxLst + .eventInfoboxLst { margin-top: 32px; }
.eventSingleLeft img {
    object-fit: cover;
    object-position: center;
    width: 890px;
    max-width: 100%;
    display: block;
}
.eventListingRows {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 30px;
}
.eventListingBoxwrap {
    box-shadow: 0px 5px 20px 0px #2D333840;
    background-color: #ffffff;
    overflow: hidden;
    border-radius: 16px;
}
.eventListingBoxThumb{position: relative;}
.eventListingBoxThumb img {
    width: 100%;
    max-height: 370px;
    object-fit: cover;
    object-position: center;
}
.eventListingBoxConentwrap { padding: 30px; }
.eventListingBoxConentwrap h3 {
    margin: 0;
    font-family: 'Roboto Medium';
    font-size: 24px;
    line-height: 1.4;
    color: #4771F0;
}
.eventListingBoxConentwrap h3 a {
    text-decoration: none;
    color: #4771F0;
}
.eventListingBoxConentwrap > p { margin: 5px 0 20px; }
.eventInfobox {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 15px;
}
.eventInfoboxLeft {
    width: 26px;
    max-width: 100%;
    text-align: center;
}
.eventInfoboxLeft i {
    font-size: 26px;
    line-height: 1;
    color: #4771F0;
    display: block;
}
.eventInfoboxRight { max-width: calc(100% - 41px); width: 100%; }
.eventInfoboxRight p {
    margin: 0;
    font-family: 'Roboto';
    font-size: 17px;
    line-height: 1.5;
}
.eventInfobox + .eventInfobox { margin-top: 14px; }
.eventListingWrap{margin-top: 30px;}
.pastEventsection{padding-top: 80px;padding-bottom: 100px;}
.generalcontentsection h1{
    font-family: 'Roboto Medium';
    font-size: 32px;
    line-height: 1.6;
}
.generalcontentsection h2{
    font-family: 'Roboto Medium';
    font-size: 28px;
    line-height: 1.6;
}
.generalcontentsection h3 {
    font-family: 'Roboto Medium';
    font-size: 24px;
    line-height: 1.6;
}
.generalcontentsection h4 {
    font-family: 'Roboto Medium';
    font-size: 22px;
    line-height: 1.6;
}
.generalcontentsection p {
    font-family: 'Roboto';
    font-size: 17px;
    line-height: 1.56;
}
.generalcontentsection > img,.generalcontentsection .ratio iframe{border-radius:16px;}
.generalcontentsection h3, .generalcontentsection h2, .generalcontentsection h1, .generalcontentsection h4, .generalcontentsection h5, .generalcontentsection h6,.generalcontentsection p,.generalcontentsection > img,.generalcontentsection .ratio { margin-bottom: 30px; }
.generalcontentsection > ul {
    margin: 0 0 30px;
    padding: 0;
    list-style: none;
}
.generalcontentsection > ul li {
    font-size: 17px;
    line-height: 2;
    color: #2D3338;
    position: relative;
    padding-left: 25px;
}
.generalcontentsection > ul li::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #4771F0;
    border-radius: 50%;
    left: 0;
    top: 12px;
}
.faqspgsection .inrpgLeft > h3.normaltitle {
    padding-bottom: 20px;
    margin: 0;
    color: #2D3338;
}
.faqspgsection .inrpgLeft > h3.normaltitle::after { display: none; }
.faqs-detailsection{padding-bottom: 100px;}
.newsSingleLeft .fulllink {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    top: 0;
}
.text-blue{color:#4771F0;}
.newsPgthumbTopwrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.newsPgthumbTopwrap > p {
    font-family: 'Roboto Bold';
    font-size: 17px;
    line-height: 1.4;
    margin: 0;
}
.newsPgthumbTopwrap .info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.newsPgthumbTopwrap .info .date {
    font-family: 'Roboto';
    font-size: 17px;
    line-height: 1.2;
    color: #2D3338;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
}
.newsPgthumbTopwrap .info .date i {
    font-size: 24px;
    line-height: 1.2;
    color: #4771F0;
}
.sharesocialwrap {
    position: relative;
    border-left: 1px solid rgba(45, 51, 56, 0.3);
    padding-left: 20px;
    margin-left: 20px;
    min-height: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    z-index:99;
}
.sharesocialwrap button {
    border: 0;
    padding: 0;
    background-color: transparent;
    color: #4771F0;
    cursor: pointer;
}
.sharesocialwrap ul {
    padding: 0;
    list-style: none;
    position: absolute;
    top: 110%;
    left: 11px;
    margin: 0;
}
.sharesocialwrap ul a {
    width: 40px;
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 16px;
    line-height: 1;
    background-color: #4771F0;
    color: #ffffff;
}
.sharesocialwrap ul li + li { border-top: 1px solid #ffffff; }
.newsPgthumbBottomwrap { padding: 15px 0 30px; }
.newsPgthumbBottomwrap img {
    border-radius: 16px;
    aspect-ratio: 890/500;
    object-fit: cover;
    object-position: center;
    width:100%;
}
.sharebttnsection .sharesocialwrap {
    padding: 0;
    margin: 0;
    border: 0;
}
.sharebttnsection .sharesocialwrap button {
    color: #2D3338;
    gap: 8px;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 17px;
    line-height: 1.4;
}
.sharebttnsection {
    border-top: 1px solid rgba(45, 51, 56, 0.3);
    padding-top: 14px;
}
.news-detailsection { padding-bottom: 85px; }

.recentnewsLstn {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 20px;
}
.recentnewsLstLft { max-width: 145px; }
.recentnewsLstRgt { max-width: calc(100% - 165px); width: 100%; }
.recentnewsLstRgt h3 { margin-bottom: 4px; }
.recentnewsLstRgt h3 a {
    font-family: 'Roboto Bold';
    font-size: 17px;
    line-height: 1.6;
    color: #2D3338;
    text-decoration: none;
    display: block;
    transition:0.3s all ease-in-out;
}
.recentnewsLstRgt h3 a:hover{
    color:rgba(71, 113, 240, 1);
}
.recentnewsLstRgt .date {
    margin: 0;
    font-size: 14px;
    line-height: 1.2;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.recentnewsLstRgt .date i { color: #4771F0; }
.recentnewsLstLft img {
    border-radius: 18px;
    aspect-ratio: 145/82;
    width: 100%;
}
.recentnewsLstn + .recentnewsLstn { margin-top: 30px; }
.recentnewssection { padding-bottom: 37px; margin-bottom: 62px; position: relative; }
.recentnewssection::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 7px;
    background-image: linear-gradient(90deg, rgba(54, 179, 43, 1) 25%, rgba(251, 188, 4, 1) 25%, rgba(251, 188, 4, 1) 50%, rgba(224, 40, 32, 1) 50%, rgba(224, 40, 32, 1) 75%, rgba(71, 113, 240, 1) 75%, rgba(71, 113, 240, 1) 100%, rgba(71, 113, 240, 1) 100%);
    bottom: 0;
    left: 0;
    right: 0;
}
.recentnewssection > h3 {
    font-family: 'Roboto Bold';
    font-size: 28px;
    line-height: 1.2;
    padding-bottom: 16px;
    border-bottom: 7px solid #36B32B;
    margin-bottom: 25px;
}
.ourtownLink {
    position: relative;
    border: 4px solid #36B32B;
    border-radius: 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 25px 20px;
    gap: 20px;
    box-shadow: 0px 5px 20px 0px rgba(45, 51, 56, 0.25);
}

.ourtownLink + .ourtownLink {
    margin-top: 10px;
}

.ourtownLink .link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.ourtownLink h3 {
    margin: 0;
    font-family: 'Roboto Medium';
    font-size: 17px;
    line-height: 1.2;
    color: #2D3338;
    transition:0.3s all ease-in-out;
}

.ourtownLink i {
    font-size: 49px;
    min-width: 70px;
    line-height: 1;
    text-align: center;
}
.ourtownLinkwrap + .sidead{
    margin-top: 42px;
}
.ourtownLinkwrap .ourtownLink{
    transition:0.3s all ease-in-out;
}
.ourtownLinkwrap .ourtownLink:hover,.ourtownLinkwrap .ourtownLink.active{
    color:#ffffff;
}
.ourtownLinkwrap .ourtownLink:hover h3,.ourtownLinkwrap .ourtownLink.active h3{
    color:#ffffff;
}
.ourtownLinkwrap .ourtownLink:nth-child(4n-4) {
    border-color: #4771F0;
}
.ourtownLinkwrap .ourtownLink:nth-child(4n-4):hover,.ourtownLinkwrap .ourtownLink.active:nth-child(4n-4){
    background-color: #4771F0;
}
.ourtownLinkwrap .ourtownLink:nth-child(4n-3) {
    border-color: #36B32B;
}
.ourtownLinkwrap .ourtownLink:nth-child(4n-3):hover,.ourtownLinkwrap .ourtownLink.active:nth-child(4n-3){
    background-color: #36B32B;
}
.ourtownLinkwrap .ourtownLink:nth-child(4n-2) {
    border-color: #FBBC04;
}
.ourtownLinkwrap .ourtownLink:nth-child(4n-2):hover,.ourtownLinkwrap .ourtownLink.active:nth-child(4n-2){
    background-color: #FBBC04;
}
.ourtownLinkwrap .ourtownLink:nth-child(4n-1) {
    border-color: #E02820;
}
.ourtownLinkwrap .ourtownLink:nth-child(4n-1):hover,.ourtownLinkwrap .ourtownLink.active:nth-child(4n-1){
    background-color:#E02820;
}

.eventDetailTopInfowrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.eventDetailTopInfo {
    width: 33.33%;
    border-left: 1px solid rgba(45, 51, 56, 0.3);
    padding-left: 30px;
    padding-right: 20px;
}

.eventDetailTopInfowrap .eventDetailTopInfo:first-child {
    border: 0;
    margin: 0;
    padding: 0;
}

.eventDetailTopInfo i {
    font-size: 40px;
    line-height: 1;
    color: #4771F0;
}

.eventDetailTopInfo p {
    margin-top: 10px;
    font-family: 'Roboto';
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 0;
}

.eventDetailTopInfo p b {
    display: block;
    font-family: 'Roboto Bold';
}
.eventDetailTop { padding-bottom: 30px; }
.eventDetailTop .thumb img { border-radius: 16px; }
.upcomingEventSec h3 {
    font-family: 'Roboto Bold';
    font-size: 28px;
    line-height: 1.4;
    margin-bottom: 12px;
}
.upcomingEventBox {
    border: 1px solid rgba(54, 179, 43, 1);
    border-radius: 16px;
    box-shadow: 15px 0px 0px 0px rgba(54, 179, 43, 1) inset;
    padding: 14px 30px 14px 34px;
}
.upcomingEventBox h4 a {
    font-family: 'Roboto Bold';
    font-size: 17px;
    line-height: 1.5;
    text-decoration: none;
    color: #2D3338;
    transition:0.3s all ease-in-out;
}
.upcomingEventBox h4 a:hover{
    color: rgba(71, 113, 240, 1);
}
.upcomingEventBox ul {
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}
.upcomingEventBox ul p {
    margin: 0;
    font-family: 'Roboto';
    font-size: 14px;
    line-height: 1.2;
}
.upcomingEventBox ul p i {
    color: #4771F0;
    margin-right: 6px;
}
.upcomingEventBox ul li + li { margin-top: 10px; }
.upcomingEventBoxwrap .upcomingEventBox + .upcomingEventBox { margin-top: 10px; }
.upcomingEventSec { margin-bottom: 60px; }
.upcomingEventBoxwrap .upcomingEventBox:nth-child(4n-1) {
    border-color: #E02820;
    box-shadow: 15px 0px 0px 0px #E02820 inset;
}
.upcomingEventBoxwrap .upcomingEventBox:nth-child(4n-2) {
    border-color: #FBBC04;
    box-shadow: 15px 0px 0px 0px #FBBC04 inset;
}
.upcomingEventBoxwrap .upcomingEventBox:nth-child(4n-3) {
    border-color: #36b32b;
    box-shadow: 15px 0px 0px 0px #36b32b inset;
}
.upcomingEventBoxwrap .upcomingEventBox:nth-child(4n-4) {
    border-color: #4771F0;
    box-shadow: 15px 0px 0px 0px #4771F0 inset;
}
.eventDetailpgWrap{padding-bottom: 100px;}
.generalcontentsection > *:last-child { margin-bottom: 0; }



.galleryBoxrows {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 60px 30px;
    margin-top: 54px;
}
.galleryBoxThumb { border-radius: 16px; overflow: hidden; }
.galleryBoxThumb a,.galleryBoxThumb a img { display: block; }
.galleryBoxContentwrap{ margin-top: 20px; }
.galleryBoxContentwrap p {
    margin: 0;
    font-size: 17px;
    line-height: 1.6;
    color: #2D3338;
}
.galleryBoxThumb a{
    cursor: pointer;
    position: relative;
}
.galleryBoxwrap .galleryBoxThumb a::before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    background: linear-gradient(180deg, rgba(45, 51, 56, 0.3) 63.79%, #2D3338 96.4%);
    transition:0.3s all ease-in-out;
    opacity:0;
}
.galleryBoxwrap:hover .galleryBoxThumb a::before{
    opacity:1;
}
.gallerytabswrap ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 60px;
    border-bottom: 1px solid rgba(45, 51, 56, 0.3);
}

.gallerytabswrap ul a {
    font-family: 'Roboto Medium';
    text-decoration: none;
    font-size: 24px;
    line-height: 1.2;
    color: #2D3338;
    padding: 10px 10px;
    position: relative;
}
.gallerytabswrap ul a::before{
    content:'';
    position:absolute;
    width:100%;
    height:3px;
    background-color:#4771F0;
    bottom:0;
    left:0;
    right:0;
    transform:translateY(100%);
    opacity:0;
}
.gallerytabswrap ul a.active {
    color: #4771F0;
}
.gallerytabswrap ul a.active::before{
    opacity:1;
}
.gallerycontentSection .inrpgRow {
    padding: 95px 0 162px;
}
.video .galleryBoxThumb > a::after {
    content: '';
    background-image: url("data:image/svg+xml,%0A%3Csvg width='58' height='58' viewBox='0 0 58 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='29' cy='29' r='29' fill='white'/%3E%3Cpath d='M45.7756 12.0549C36.5052 2.78445 21.4995 2.78315 12.2278 12.0549C2.95735 21.3252 2.95587 36.3311 12.2278 45.6028C21.4982 54.8732 36.5039 54.8745 45.7756 45.6028C55.0461 36.3326 55.0475 21.3266 45.7756 12.0549ZM36.1361 30.3669L27.2288 37.2948C25.963 38.2792 24.084 37.3863 24.084 35.7568V21.9009C24.084 20.2828 25.9508 19.3686 27.2288 20.3628L36.1361 27.2908C37.139 28.0709 37.1378 29.5877 36.1361 30.3669Z' fill='%23E02820'/%3E%3C/svg%3E%0A");
    background-size: 58px;
    background-position: center;
    width: 58px;
    height: 58px;
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.breadcrumbwrap h1 span { color: #36B32B; }
.groceryshoplistBoxRow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 15px;
}
.groceryshoplistBoxRight { max-width: 411px; width: 100%; }
.groceryshoplistBoxLeft { max-width: 450px; width: 100%; }
.groceryshoplistSection { padding: 60px 0 100px; }
.groceryshoplistBoxRight ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.groceryshoplistBoxRight ul li {
    display:flex;
    flex-wrap: wrap;
    gap:10px;
}
.groceryshoplistBoxRight ul li p {
    margin: 0;
    font-family: 'Roboto';
    font-size: 17px;
    line-height:1.6;
    max-width:calc(100% - 30px);
}
.groceryshoplistBoxRight ul li i {
    width: 20px;
    font-size: 14px;
    line-height: 2;
    color:#36B32B;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
}
.groceryshoplistBoxRight ul li:nth-child(3) i { font-size: 12px; }
.groceryshoplistBoxRight ul li + li{margin-top: 17px;}
.groceryshoplistBoxFull p {
    font-family: 'Roboto';
    font-size: 17px;
    line-height: 1.55;
    color: #2D3338;
    margin: 20px 0;
}
.groceryshoplistBoxw > h3 {
    font-family: 'Roboto Bold';
    font-size: 28px;
    line-height: 1.2;
    color: #2D3338;
    margin: 0;
}
.groceryshoplistBoxLefSliderw { position: relative; }
.groceryshoplistBoxLefSliderw button,.rltdgrcryshopsldrwr button.slide-arrow {
    position: absolute;
    padding: 0;
    outline: 0;
    border: 0;
    width: 40px;
    height: 40px;
    background: rgb(255 255 255);
    border-radius: 16px;
    box-shadow: 0px 5px 10px 0px rgba(45, 51, 56, 0.25);
    color: #2D3338;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    top: 50%;
    transform: translateY(-50%);
    transition:0.3s all ease-in-out;
}
.groceryshoplistBoxLefSliderw button:hover{
    background-color:#36B32B;
    color:#ffffff;
}
.groceryshoplistBoxLefSliderw button.prev-arrow,.rltdgrcryshopsldrwr button.slide-arrow.prev-arrow { left: -20px; }
.groceryshoplistBoxLefSliderw button.next-arrow,.rltdgrcryshopsldrwr button.slide-arrow.next-arrow { right: -20px; }
.groceryshoplistBoxLefSlide {
    border-radius: 16px;
    overflow: hidden;
}
.business-directorylisting h3 {
    font-family: 'Roboto Bold';
    font-size: 28px;
    line-height: 1.2;
    color: #2D3338;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    padding-bottom: 22px;
    margin: 0px 0 13px;
    border-bottom: 7px solid #36B32B;
}
.business-directorylisting h3 i { color: #4771F0; }
.business-directorylisting ul { margin: 0; padding: 0; list-style: none; }

.business-directorylisting ul a {
    font-family: 'Roboto Medium';
    font-size: 24px;
    line-height: 1.8;
    text-decoration: none;
    transition:0.3s all ease-in-out;
    color:#4771F0;
    transition:0.3s all ease-in-out;
}
.business-directorylisting ul a:hover{
    color:#000000;
}
.business-directorylisting{
    padding-bottom:20px;
    margin-bottom:70px;
    position: relative;
}
.business-directorylisting::after{
    content:'';
    position:absolute;
    width:100%;
    height:7px;
    background-image: linear-gradient(90deg, rgba(54, 179, 43, 1) 25%, rgba(251, 188, 4, 1) 25%, rgba(251, 188, 4, 1) 50%, rgba(224, 40, 32, 1) 50%, rgba(224, 40, 32, 1) 75%, rgba(71, 113, 240, 1) 75%, rgba(71, 113, 240, 1) 100%, rgba(71, 113, 240, 1) 100%);
    bottom:0;
    left:0;
}
.groceryshoplistBoxw + .groceryshoplistBoxw{
    margin-top:40px;
    padding-top: 40px;
}
.groceryshoplistBoxw{
    position: relative;
}
.groceryshoplistBoxw + .groceryshoplistBoxw::before{
    content:'';
    position:absolute;
    width:400px;
    height:7px;
    max-width:100%;
    background-image: linear-gradient(90deg, rgba(54, 179, 43, 1) 25%, rgba(251, 188, 4, 1) 25%, rgba(251, 188, 4, 1) 50%, rgba(224, 40, 32, 1) 50%, rgba(224, 40, 32, 1) 75%, rgba(71, 113, 240, 1) 75%, rgba(71, 113, 240, 1) 100%, rgba(71, 113, 240, 1) 100%);
    top:0;
    left:0;
}
.sidebarBoxwrap{position: relative;}
.sidebarBoxwrap h3 {
    font-family: 'Roboto Bold';
    font-size: 28px;
    line-height: 1.2;
    color: #2D3338;
    margin: 0;
    padding-bottom: 20px;
    position: relative;
}
.sidebarBoxwrap h3::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 7px;
    background-color: #36B32B;
    bottom: 0;
    left: 0;
}
.sidebarBoxwrap::after{
    content:'';
    position:absolute;
    height:7px;
    width:100%;
    background-image: linear-gradient(90deg, rgba(54, 179, 43, 1) 25%, rgba(251, 188, 4, 1) 25%, rgba(251, 188, 4, 1) 50%, rgba(224, 40, 32, 1) 50%, rgba(224, 40, 32, 1) 75%, rgba(71, 113, 240, 1) 75%, rgba(71, 113, 240, 1) 100%, rgba(71, 113, 240, 1) 100%);
    bottom:0;
    left:0;
    right:0;
}
.sidebarBoxwrap + .sidebarBoxwrap { margin-top: 100px; }
.groceryshopDetailSection{padding: 60px 0 0;}
.rltdgrcryshopsec{padding-bottom: 100px;}
.groceryDetailboxRowws {
    display: flex;
    flex-wrap: wrap;
    padding-top: 15px;
    margin-top: 15px;
}
.groceryDetailboxRowws + .groceryDetailboxRowws{
    border-top:1px solid rgba(45, 51, 56, 0.3);
}
.groceryDetailboxRowIcon {
    font-size: 34px;
    line-height: 1.4;
    color: #4771F0;
    width: 66px;
    max-width: 100%;
}
.groceryDetailboxRowContent { max-width: calc(100% - 66px); width:100%; }
.groceryDetailboxRowContent p {
    font-size: 17px;
    line-height: 1.5;
    color: #2D3338;
    margin: 0;
}
.groceryDetailboxRowContent p b { display: block; }
.groceryDetailboxRowws .groceryDetailboxRowIcon .icon-emails {
    font-size: 70%;
    line-height: 1.4;
    margin-top: 0;
    display: block;
}
.groceryDetailboxwrap > h3 + .groceryDetailboxRowws { margin-top: 0; }
.groceryDetailboxwrap iframe {
    width: 100%;
    aspect-ratio: 1/1;
}
.groceryDetailboxwrap.sidebarBoxwrap iframe { padding: 5px 0; }
.sharemedia {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 25px;
}
.sharemedia h4 {
    font-family: 'Roboto Medium';
    font-size: 17px;
    line-height: 1.2;
    margin: 0;
}
.groceryDetailboxRowws.sharemedia { padding-bottom: 25px; }
.groceryDetailboxRowws.sharemedia .social-media a { color: #4771F0; }
.groceryDetailboxRowws.sharemedia .social-media a:hover{color:#000000;}
.groceryshopDetailSection .groceryshoplistBoxLefSliderw { margin-bottom: 40px; }

.rltdgrcryshopsec h2 {
    font-family: 'Roboto Medium';
    font-size: 24px;
    line-height: 1.2;
    margin: 0;
    padding-bottom: 20px;
}
.rltdgrcryshopsldrBslDr {
    box-shadow: 0px 5px 15px 0px #2D333840;
    border-radius: 16px;
    overflow: hidden;
    margin:0 15px 15px;
}
.rltdgrcryspsldrBslDrCnt { padding: 20px 20px 37px; }
.rltdgrcryspsldrBslDrCnt h3 {
    font-family: 'Roboto Bold';
    font-size: 17px;
    line-height: 1.5;
    margin: 0px 0 18px;
}
.rltdgrcryspsldrBslDrCnt ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.rltdgrcryspsldrBslDrCnt ul li {
    display: flex;
    flex-wrap: wrap;
    font-size: 17px;
    line-height: 1.5;
    color: #2D3338;
    gap: 12px;
}
.rltdgrcryspsldrBslDrCnt ul li p { margin: 0;max-width:calc(100% - 34px);width:100%;}
.rltdgrcryspsldrBslDrCnt ul li + li { margin-top: 22px; }
.rltdgrcryspsldrBslDrCnt ul li i { color: #4771F0;margin-top:4px;min-width:20px;text-align: center;}
.rltdgrcryspsldrBslDrCnt ul li .icon-emails { font-size: 85%; display: block; }
.rltdgrcryshopsldrwr { margin: 0 -15px; }
.rltdgrcryshopsldrwr button.slide-arrow { top: 120px; }
.rltdgrcryspsldrBslDrThmb img {
    max-height: 240px;
    object-fit: cover;
    object-position: center;
    width: 100%;
}
.rltdgrcryshopsldrwr button.slide-arrow.next-arrow { right: -10px; }
.rltdgrcryshopsldrwr button.slide-arrow.prev-arrow { left: -10px; }
.fulllink {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}
.newsSingleLeft img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.eventSingleLeft img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.photoGallerySliderwrap button,.upcomingeventSliderwrap button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    width: 40px;
    height: 40px;
    background-color: #4771F0;
    border: 1px solid #4771F0;
    border-radius: 16px;
    color: #ffffff;
    font-size: 12px;
    line-height: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-shadow: 0px 5px 10px 0px rgba(45, 51, 56, 0.25);
}
.photoGallerySliderwrap button.prev-arrow,.upcomingeventSliderwrap button.prev-arrow { left: -20px; }
.photoGallerySliderwrap button.next-arrow,.upcomingeventSliderwrap button.next-arrow { right: -20px; }
h3.smTitle {
    font-family: 'Roboto Medium';
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 15px;
    color: #2D3338;
}
.photoGallerySlider { padding: 0 10px; }
.photoGallerySlider img { border-radius: 16px; }
.upcomingeventSec{margin-top: 100px;}
.upcomingeventSlider { padding: 0 15px 15px; }
.photoGallerySliderwrap { margin: 0 -10px; }
.upcomingeventSliderwrap { margin: 0 -15px; }
.upcomingeventSlider .eventListingBoxThumb img { max-height: 240px; }
.upcomingeventSlider .eventListingBoxConentwrap { padding: 20px 20px 30px; }
.upcomingeventSlider .eventListingBoxConentwrap h3 { font-family: 'Roboto Bold'; font-size: 17px; }
.upcomingeventSlider .eventListingBoxConentwrap > p {
    font-family: 'Roboto';
    font-size: 17px;
    line-height: 1.5;
    margin: 5px 0 16px;
}
.upcomingeventSlider .eventListingBoxConentwrap .eventInfobox .eventInfoboxLeft { margin-top: 7px; }
.upcomingeventSlider .eventListingBoxConentwrap .eventInfobox .eventInfoboxRight p b { display: block; }
.faqshomesection{padding-top: 60px;}
.asktocta { gap: 5px; }
.rltdgrcryspsldrBslDrThmb { position: relative; }
.rltdgrcryspsldrBslDrCnt h3 a { text-decoration: none; color: #4771F0; }
.rltdgrcryspsldrBslDrCnt ul li p a { text-decoration: none; color: #2D3338; }
.groceryDetailboxRowContent p a { color: #2D3338; text-decoration: none; }
/*-- Responsive --*/
@media screen and (min-width:1550px) {
    .container{max-width:1374px;}
}


@media screen and (max-width:1550px) {
    .topBannerLeft,.wheretoleft { max-width: calc(100% - 450px); }
    .slidereventwrap .slick-dots { top: 420px; }
    .ourtownbox i { font-size: 44px; }
    .eventSingleLeft { max-width: 750px; }
    .eventSingleRight { max-width: calc(100% - 750px); }
    .inrpgLeft { max-width: 850px; }
    .groceryshoplistBoxRight { max-width: calc(100% - 490px); }
}


@media screen and (max-width:1400px) {
    .footertopMenuRow { gap: 70px; }
    .footer-logo img { width: 190px; }
    .footerbottomWrap p { font-size: 16px; }
    .searchwrap { width: 380px; }
    .headerTopwrap .social-media { margin-left: 50px; }
    .social-media a { font-size: 32px; }
  
    .topBannerLeft,.wheretoleft { max-width: calc(100% - 400px); }
    .topBannerRight { max-width: 370px; }
    .slidereventBottom .left { max-width: 500px; }
    .slidereventwrap .slick-dots { top: 360px; }
    .slidereventBottom .left h2 { font-size: 24px; }
    .wheretoright { max-width: 370px; }
    .wheretoblockListLeft { max-width: 140px; }
    .wheretoblockListRight { max-width: calc(100% - 150px); }
    .business-directory-body a { font-size: 22px; }
    .slidereventBottom .right i { font-size: 60px; }
    .slidereventBottom .right h3 { font-size: 20px; margin: 18px 0 10px; }
    .slidereventBottom .right p { font-size: 16px; }


    .newsSingleLeft { max-width: 680px; }
    .newsSingleRight { max-width: calc(100% - 680px); }
    .newslistLinkwrap ul a { font-size: 22px; }
    .newslistLinkwrap ul { gap: 40px; }
    .newslistingBoxContent p { margin-bottom: 15px; }
    .newslistLinkwrap { margin: 64px 0 30px; }
    .eventSingleLeft { max-width: 650px; }
    .eventSingleRight { max-width: calc(100% - 650px); }
    .inrpgLeft { max-width: calc(100% - 430px); }
    .gallerytabswrap ul { gap: 30px; }
    .gallerytabswrap ul a{font-size:22px;}

    .groceryshoplistBoxRight { max-width: 100%; margin-top: 30px; }
    .groceryshoplistBoxRow .groceryshoplistBoxLeft { max-width: 100%; }
    .news-section h2, .faqshomewrap > h2,.wheretoblockRow h3,.newsSingleRight h2 a,.newsSingleLeft .tags,span.title,.eventSingleRight h2,.faqspgsection .inrpgLeft > h3, .h3MainTitle .inrpgLeft > h3,.upcomingEventSec h3,.groceryshoplistBoxw > h3,.business-directorylisting h3,.sidebarBoxwrap h3 { font-size: 26px; }
    .newsSingleLeft .tags { bottom: 20px; left: 20px; }
    h3.smTitle{font-size:22px;}
    .eventDetailTopInfo { padding-left: 20px; padding-right: 10px; }
    .eventDetailTopInfo i { font-size: 36px; }
    .business-directorylisting ul a,.rltdgrcryshopsec h2{font-size:22px;}

    .generalcontentsection h1{ font-size: 30px; line-height: 1.5; }
    .generalcontentsection h2{ font-size: 26px; line-height: 1.5; }
    .generalcontentsection h3 { font-size: 22px; line-height: 1.5; }
    .generalcontentsection h4 { font-size: 20px; line-height: 1.5; }
    .generalcontentsection h3, .generalcontentsection h2, .generalcontentsection h1, .generalcontentsection h4, .generalcontentsection h5, .generalcontentsection h6, .generalcontentsection p, .generalcontentsection > img, .generalcontentsection .ratio{margin-bottom: 20px;}


    .ourtownsubmenuleft ul a { font-size: 20px; padding: 15px 18px; gap: 15px; }
    .ourtownsubmenuleft ul a i { font-size: 42px; width: 60px; }
    .ourtownsubmenuleft { padding-right: 20px; max-width: calc(100% - 360px); }
    .ourtownsubmenurgt { max-width: 360px; }
    .bsnsdirsubmenurgt { max-width: 280px; }
    .bsnsdirsubmenuleft { max-width: calc(100% - 280px); }
    .bsnsdirsubmenuleft > ul a { font-size: 20px; }
}

@media screen and (max-width:1199px) {
    .site-navmenu > .menu-items > a { font-size: 20px; }
    .headerTopwrap .asktocta { margin-left: 30px; }
    .headerTopwrap .social-media { margin-left: 30px; }
    .searchwrap { width: 300px; }
    .asktocta, .outlinebttn { padding: 12px 18px; border-radius: 10px; }
    .social-media a { font-size: 30px; }
    .searchwrap button { font-size: 20px; }
    .slidereventBottom .left ul i { font-size: 22px; }
    .topBannerLeft { max-width: 600px; }
    .topBannerRight { max-width: 320px; }
    .ourtownbox { padding: 26px 22px 26px; }
    .slidereventwrap .slick-dots { top: 300px;order: 1;}
    .slidereventBottom .left { order: 1; margin-top: 20px; width:100%; max-width:100%; }
    .wheretoleft { max-width: 600px; }
    .wheretoblockListLeft { max-width: 100%; width: 100%; }
    .wheretoblockListLeft a { width: 100%; }
    .wheretoblockListRight { max-width: 100%; width: 100%; margin: 10px 0 0; }
    .wheretoright { max-width: 320px; }
    .business-directory-head h3 { font-size: 24px; }
    .business-directory-head { padding: 24px 28px; }
    .business-directory-body a { font-size: 20px; }
    .business-directory-body { padding: 15px 20px 20px; }
    .wheretoblockRow h3 { font-size: 24px; border-bottom-width: 8px; }
    .wheretoblockListLeft img { width: 100%; border-radius: 12px; }
    .wheretoblockRow { gap: 50px 30px; }
    .footertopMenuRow { gap: 30px; }
    .footer-logo img { max-width: 180px; }
    .footertopsection { padding: 70px 0 39px; }
    .footertopsection::before { height: 25px; }
    .footerbottomWrap { justify-content: center; flex-direction: column-reverse; gap: 14px; }
    .footerbottomWrap p { font-size: 15px; }

    .newsSingleLeft { max-width: 500px; }
    .newsSingleRight { max-width: calc(100% - 500px); }
    .newslistLinkwrap ul { gap: 30px; }
    .newslistLinkwrap ul a { font-size: 20px; }
    .breadcrumbwrap { padding: 28px 30px; }
    .breadcrumbwrap h1 { font-size: 24px; }
    .breadcrumwrap ul li a { font-size: 16px; }
    .newslistingRows { grid-template-columns: repeat(2, 1fr); }
    .eventSingleLeft { max-width: 500px; }
    .eventSingleRight { max-width: calc(100% - 500px); }
    .eventListingBoxConentwrap { padding: 22px; }

    .inrpgLeft { max-width: 560px; }
    .inrpgRight { max-width: 340px; }
    .faqspgsection{padding-top: 60px;}

    .photoGallerySliderwrap button.next-arrow, .upcomingeventSliderwrap button.next-arrow { right: -10px; }
    .photoGallerySliderwrap button.prev-arrow, .upcomingeventSliderwrap button.prev-arrow { left: -10px; }
    .welcomewrap, .headerBottomwrap, .slidereventsec, .business-directory-list, .newscolsslider,.customaccordion.accordion .accordion-item,.breadcrumbwrap,.newsSingleRows,.newslistingBoxwrap,.eventSingleRows,.eventListingBoxwrap,.ourtownLink,.generalcontentsection > img, .generalcontentsection .ratio iframe,.recentnewsLstLft img { border-radius: 12px; }
    

    .eventInfoboxLstLeft i { font-size: 30px; }
    .eventInfoboxLstLeft { max-width: 30px; margin-top: 3px; }
    .eventInfoboxLstRight { max-width: calc(100% - 50px); }
    .eventInfoboxLeft i { font-size: 22px; }
    .eventInfoboxLeft { max-width: 24px; }
    .eventInfobox { gap: 10px; }
    .eventInfoboxRight { max-width: calc(100% - 34px); }
    .eventInfoboxRight p { font-size: 16px; }
    .pastEventsection{padding-top: 50px;}
    .video .galleryBoxThumb > a::after { width: 40px; height: 40px; background-size: 40px; }
    .upcomingeventSec{margin-top:60px;}
    .eventDetailTopInfo i { font-size: 30px; }
    .eventDetailTopInfo p { font-size: 15px; }
    .sidebarBoxwrap + .sidebarBoxwrap{margin-top: 60px;}
    .rltdgrcryspsldrBslDrCnt ul li + li{margin-top: 16px;}
    .groceryDetailboxRowIcon { font-size: 30px; width: 50px; }
    .groceryDetailboxRowContent { max-width: calc(100% - 50px); }
    .generalcontentsection > ul li::before { width: 8px; height: 8px; }



    .ourtownsubmenurgt { max-width: 300px; }
    .ourtownsubmenuleft { max-width: calc(100% - 300px); }
    .ourtownsubmenuleft ul a { font-size: 18px; gap: 9px; }
    .ourtownsubmenuleft ul a i { font-size: 38px; width: 53px; }
    .bsnsdirsubmenurgt { max-width: 260px; }
    .bsnsdirsubmenuleft { max-width: calc(100% - 260px); }
    .bsnsdirsubmenuleft > ul a { font-size: 18px; }

    .askusabtinvkmodal .modal-dialog.modal-lg { max-width: 900px; }
    input.form-control, textarea.form-control, select.form-select { padding: 14px 20px; border-radius: 12px; }
    .submitbttn { padding: 18px 28px; border-radius: 12px; }
    .askusabtinvkmodalLeft > img { width: 180px; }
}

@media screen and (max-width:991px) {
    .headerTopwrap .social-media { display: none; }
    .topBannerLeft,.wheretoleft { max-width: 100%; }
    .topBannerRight,.wheretoright { max-width: 100%; margin-top: 30px; }
    .searchwrap { width: 230px; }
    .site-navmenu > .menu-items > a { font-size: 18px; }
    .headerBottomwrap { padding: 0 25px; }
    .asktocta, .outlinebttn { font-size: 16px; }
    .advbannersection .row { justify-content: center; text-align: center; gap: 30px; }
    .footercompanyInfo { max-width: 100%; width: 100%; text-align: center; }
    .footercompanyInfo .followus { justify-content: center; margin-top: 30px; }
    .footertopMenuRow { justify-content: space-between; }
    .footerbottomWrap p { text-align: center; }
    .slidereventwrap .slick-dots { top: 350px; }

    .newsSingleLeft { max-width: 100%; }
    .newsSingleRight { max-width: 100%; padding: 30px; }
    .newsSingleRight p { margin: 10px 0 18px; }
    .eventSingleLeft { max-width: 100%; width: 100%; }
    .eventSingleRight { max-width: 100%;padding:20px;}
    .inrpgLeft,.inrpgRight { max-width: 100%; }
    .inrpgRight { padding-bottom: 70px; }
    .news-detailsection { padding-bottom: 40px; }
    .inrpgRight > img { margin-left:auto;margin-right:auto;display: block; }
    .recentnewssection { margin-bottom: 40px; }
    .inrpgRow{gap:50px;}
    .ourtownpgSection .inrpgRight,.inrpgsection.faqspgsection .inrpgRight { padding-bottom: 0; }
    .inrpgsection.ourtownpgSection,.inrpgsection.faqspgsection { padding-bottom: 80px; }
    .gallerytabswrap ul a{font-size:20px;}
    .galleryBoxrows{margin-top: 30px;gap:40px 30px;}
    .gallerycontentSection .inrpgRow{padding:50px 0 0px;}

    .welcomewrap, .headerBottomwrap, .slidereventsec, .business-directory-list, .newscolsslider, .customaccordion.accordion .accordion-item,.breadcrumbwrap,.newsSingleRows,.newslistingBoxwrap,.eventSingleRows,.eventListingBoxwrap,.ourtownLink,.generalcontentsection > img, .generalcontentsection .ratio iframe,.recentnewsLstLft img { border-radius: 10px; }

    .slidereventBottomcontent { padding: 20px 26px 26px; }
    .slidereventBottom .right i { font-size: 50px; }
    .slidereventBottom .right h3 { font-size: 18px; margin: 14px 0 8px; }
    .slidereventBottom .right p { font-size: 14px; }
    .slidereventBottom .left h2 { font-size: 22px; }
    .customaccordion.accordion .accordion-item .accordion-header .accordion-button { font-size: 20px; }
    .customaccordion.accordion .accordion-item .accordion-body p { font-size: 16px; }
    .wheretosection{margin-top: 60px;}
    .news-section{padding-top: 55px;}
    .faqshomesection{padding-top: 40px;}
    .advbannersection{padding:60px 0;}
    .ourtownbox { border-radius: 12px; }
    .news-section h2, .faqshomewrap > h2,.wheretoblockRow h3,.newsSingleRight h2 a,.newsSingleLeft .tags,span.title,.eventSingleRight h2,.faqspgsection .inrpgLeft > h3, .h3MainTitle .inrpgLeft > h3,.upcomingEventSec h3,.groceryshoplistBoxw > h3,.business-directorylisting h3,.sidebarBoxwrap h3 { font-size: 24px; }
    .eventListingBoxConentwrap h3 { font-size: 22px; }
    .faqs-detailsection,.inrpgRow.eventDetailpgWrap{padding-bottom: 60px;}
    .morenewssection { padding-top: 60px; }
    .business-directorylisting ul a,.rltdgrcryshopsec h2{font-size:20px;}
    .business-directorylisting h3{gap:10px;}
    .groceryshoplistSection { padding: 60px 0 40px; }

    .asktocta span { display: none; }
    .mobilemenu { position: relative; background-color: transparent; padding: 0; border: 0; width: 34px; height: 26px; }
    .mobilemenu span { position: absolute; background-color: #4771f0; width: 100%; height: 4px; border-radius: 50px; }
    .mobilemenu span:nth-child(2) { top: 50%; transform: translateY(-50%); }
    .mobilemenu span:last-child { bottom: 0; }
    button.searchmodal { border: 0; background-color: transparent; padding: 0; width: 33px; height: 33px; font-size: 22px; line-height: 1; }
    .topmenugroup { align-items: center; gap: 20px; }
    .headerTopwrap .headersearchsec { display: none; }
    .headerTopwrap .asktocta {margin-left: auto;margin-right: 20px;}

    .headerBottomwrap {
        position: absolute;
        background-color: #ffffff;
        width: 100%;
        left: 0;
        top: 100%;
        padding: 0;
        border-radius: 0;
        box-shadow: none;
        margin: 0;
        z-index: 99;
        box-shadow: 0px 2px 0px 0px #4771F0 inset,0px 5px 25px 0px #2D333833;
        transform:translateY(30px);
        opacity:0;
        visibility: hidden;
        transition:0.3s all ease-in-out;
        max-height: calc(100vh - 91px);
        overflow: auto;
    }
    .headerBottomwrap > nav > ul.site-navmenu { flex-direction: column; align-items: flex-start; }
    .headerBottomwrap > nav > ul.site-navmenu > li.menu-items > a { width: 100%; padding: 10px 20px; }
    .headerBottomwrap > nav > ul.site-navmenu > li.menu-items { width: 100%; }
    .toggle-menu-body .headerBottomwrap {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }
    .headerBottomwrap > nav > ul.site-navmenu > li.menu-items + li { border-top: 1px solid rgba(0, 0, 0, 0.1); }
    .site-navmenu > .menu-items > .menu-arrow {
        display: block;
        max-width: 50px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .menu-item-has-children .submenuwrap {
        position: relative;
        padding: 0;
        opacity: 1;
        visibility: visible;
        box-shadow: none;
        background-color: #f3f3f3;
        top:auto;
        transform:none;
        display: none;
        transition:none;
    }
    .ourtownsubmenurgt,.bsnsdirsubmenurgt { display: none; }
    .ourtownsubmenuleft,.bsnsdirsubmenuleft { padding: 0; max-width: 100%; }
    .menu-item-has-children .submenuwrap .container {
        padding: 0;
        margin: 0;
        max-width: 100%;
    }
    .headerBottomwrap > nav > ul.site-navmenu > li.menu-item-has-children > a { max-width: calc(100% - 50px); }
    .headerBottomwrap > nav > ul.site-navmenu > .menu-item-has-children {
        display: flex;
        flex-wrap: wrap;
    }
    .site-navmenu > .menu-items > a::after { display: none; }
    .ourtownsubmenuleft ul a {
        border-radius: 0;
        font-size: 16px;
    }
    .ourtownsubmenuleft ul li + li { margin-top: 0; }
    .ourtownsubmenuleft ul li { width: 100%; }
    .ourtownsubmenuleft ul a i { font-size: 32px; width: 47px; }
    .bsnsdirsubmenuleft > ul > li + li { margin: 0; }
    .bsnsdirsubmenuleft > ul a { font-size: 16px;border-radius:0;width:100%;}
    .site-navmenu > .menu-items > .menu-arrow.active { background-color: #4771f0; color: #ffffff; }
    .site-navmenu > .menu-items > .menu-arrow.active .icon-plus { font-size: 4px; line-height: 1; }
    .site-navmenu > .menu-items > .menu-arrow.active .icon-plus::before {content: "\e90f";}
    .site-navmenu > .menu-items:hover > a { background-color: #4771F0; color: #ffffff; }


    .askusabtinvkmodal .modal-dialog.modal-lg { max-width: 730px; }
    .askusabtinvkmodalLeft,.askusabtinvkmodalRight { max-width: 100%; min-height: auto; padding: 40px 30px; }
    .askusabtinvkmodalLeft .followus { margin-top: 20px; }
    .askusabtinvkmodal .modal-body .btn-close { color: #566fee; border-color: #566fee; }
    .askusabtinvkmodalRight h3 { font-size: 26px; }

    .searchbarmodal .modal-body { background-color: transparent; padding: 0; }
    .searchbarmodal .modal-body .searchwrap { width: 100%; }
    .searchbarmodal .modal-content { background-color: transparent; border: 0; }
    .mobilemenu span{transition:0.3s all ease-in-out;}
    .toggle-menu-body .mobilemenu span:nth-child(2) { opacity: 0; }
    .toggle-menu-body .mobilemenu span:first-child { transform: rotate(45deg) translate(8px,7px); }
    .toggle-menu-body .mobilemenu span:last-child { transform: rotate(-45deg) translate(8px,-8px); }
    .headersection { position: sticky; top: 0; z-index: 2; background: #fff; }
}

@media screen and (max-width:767px) {
    .searchwrap { width: 150px; }
    .header-logo img { width: 160px; }
    .searchwrap input[type="search"] { font-size: 16px; padding: 11px 18px; border-radius: 12px; color: rgba(45, 51, 56, 1); background:white; }
    .searchwrap button { font-size: 18px; }
    .footertopMenuCols { min-width: 47%; }
    .slidereventwrap .slick-dots { top: 240px; }
    .newsrowslider,.newscolsslider { margin: 0; }
    .footerbottomWrap p { line-height: 1.6; }

    .eventListingRows { grid-template-columns: repeat(1, 1fr); }
    .gallerytabswrap ul { gap: 10px; }
    .groceryshoplistBoxLefSliderw button.next-arrow{ right: -10px; }
    .groceryshoplistBoxLefSliderw button.prev-arrow { left: -10px; }
    .rltdgrcryshopsldrwr button.slide-arrow.next-arrow {right:0;}
    .rltdgrcryshopsldrwr button.slide-arrow.prev-arrow{left:0;}
    .video .galleryBoxThumb > a::after { width: 30px; height: 30px; background-size: 30px; }
    .video .galleryBoxThumb > a::after { bottom: 10px; left: 10px; }

    .eventDetailTopInfo { width: calc(50% - 10px); padding: 0; border: 0; }
    .eventDetailTopInfowrap { gap: 30px 20px; }

    .groceryDetailboxRowIcon { font-size: 26px; width: 40px; }
    .groceryDetailboxRowContent { max-width: calc(100% - 40px); }
    .social-media a{font-size:26px;}
    .bsnsdirsubmenuleft > ul { column-count: 2; }

    .askusabtinvkmodalRight form .formrow > div:nth-child(n+2) { margin-top: 20px; }
    input.form-control, textarea.form-control, select.form-select { border-width: 1px; }
    .askusabtinvkmodalLeft > img { width: 160px; }
    .welcomewrap img { height: 110px; object-fit: cover; }
}


@media screen and (max-width:575px) {
    .slidereventwrap .slick-dots { top: 180px; right: 20px; }
    .slidereventBottomcontent { padding: 20px 20px 20px; }
    .wheretoblockRow { grid-template-columns: repeat(1, 1fr); }
    .footertopMenuCols { width: 100%; text-align: center; }

    .breadcrumbwrap { padding: 24px 26px; }
    .breadcrumbwrap h1 { font-size: 22px; }
    .newslistingRows { grid-template-columns: repeat(1, 1fr); }
    .newslistLinkwrap ul { gap: 10px; }
    .newslistLinkwrap ul a { font-size: 18px; }
    .newsSingleRight { padding: 20px; }
    .newslistingBoxContent { padding: 16px 16px 20px; }
    .newsPgthumbTopwrap .info { width: 100%; justify-content: flex-end; margin-top: 10px; }
    .ourtownLink h3 { width: 100%; }
    .ourtownLink { text-align: center; justify-content: center; gap: 10px; padding: 18px 18px; }
    .galleryBoxrows { grid-template-columns: repeat(1, 1fr);gap: 30px 30px;}
    .groceryshoplistBoxRight ul li p { font-size: 15px; }
    .rltdgrcryshopsldrwr { margin: 0; }
    .upcomingeventSlider { padding: 0 15px 15px; }
    .upcomingeventSliderwrap { margin: 0; }
    .photoGallerySliderwrap { margin: 0; }
    .news-section h2, .faqshomewrap > h2,.wheretoblockRow h3,.newsSingleRight h2 a,.newsSingleLeft .tags,span.title,.eventSingleRight h2,.faqspgsection .inrpgLeft > h3, .h3MainTitle .inrpgLeft > h3,.upcomingEventSec h3,.groceryshoplistBoxw > h3,.business-directorylisting h3,.sidebarBoxwrap h3 { font-size: 22px; }
    .morenewssection { padding-top:40px; }
    .news-detailsection.generalcontentsection{padding-bottom: 0;}
    h3.smTitle{font-size:20px;}
    .upcomingeventSec{margin-top: 40px;}


    .eventDetailTopInfo { width: 100%; }
    .eventDetailTopInfowrap { gap: 20px; }
    .eventDetailTopInfo p { margin-top: 5px; display: block; }
    .business-directorylisting ul a,.rltdgrcryshopsec h2{font-size:18px;}
    .generalcontentsection > ul li::before { width:6px; height:6px;top:14px;}
    .generalcontentsection > ul li{padding-left: 18px;}

    .ourtownsubmenuleft ul { column-count: 1; }


    .askusabtinvkmodalLeft, .askusabtinvkmodalRight { padding: 40px 20px 20px; }
    .askusabtinvkmodalRight { padding-top: 20px; }
    .askusabtinvkmodalRight h3 { font-size: 24px; }
    input.form-control, textarea.form-control, select.form-select { padding: 12px 18px; border-radius: 10px; }
    .submitbttn {
        padding: 16px 26px;
        border-radius: 10px;
        font-size: 16px;
    }
    .slidereventwrap .slick-dots {display: none;}
}

@media screen and (max-width:480px) {
    .wheretoblockListLeft { max-width: 100%; }
    .wheretoblockListLeft img,.wheretoblockListLeft > a { width: 100%; }
}

@media screen and (max-width:420px) {
    .ourtownbox i { font-size: 40px; }
    .ourtownbox h3 { font-size: 14px; }
    .business-directory-head h3 { font-size: 22px; }
    .business-directory-head { padding: 20px 22px; }
    .business-directory-body a { font-size: 18px; }
    .newsrowslider button.slide-arrow.next-arrow { right: 0; }
    .newsrowslider button.slide-arrow.prev-arrow { right: 50px; }
    .customaccordion.accordion .accordion-item .accordion-header .accordion-button,.customaccordion.accordion .accordion-item .accordion-body { padding-right: 50px; }
    .recentnewsLstRgt { max-width: 100%; }
    .gallerytabswrap ul a { font-size: 18px; padding: 5px; }
    .gallerytabswrap ul { gap: 5px; }
    
    .bsnsdirsubmenuleft > ul{column-count:1;}

    .headerTopwrap .asktocta { margin-right: 8px; }
    .topmenugroup { gap: 10px; }
    .asktocta { font-size: 14px; padding: 10px 14px; }
    .header-logo img { width: 130px; }
    .recentnewsLstLft { max-width: 100%; }
}