/* 
grey : #D8D1CA
blue : #13374F 

*/

/* @font-face {
    font-family: 'Gotham Narrow Book';
    src: url('/fonts/GothamNarrow-Book.woff2') format('woff2'),
        url('/fonts/GothamNarrow-Book.woff') format('woff'),
        url('/fonts/GothamNarrow-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Narrow';
    src: url('/fonts/GothamNarrow-Bold.woff2') format('woff2'),
        url('/fonts/GothamNarrow-Bold.woff') format('woff'),
        url('/fonts/GothamNarrow-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
} */
html{
    scroll-behavior: smooth;
}
body{
    font-family: 'Poppins', sans-serif;
    font-weight:300; 
    color: #333333;
    font-size: 17px;
    /* padding-top: 85px; */
}
p{line-height: 32px; color: #666666;}

a{-webkit-transition: all 0.32s ease-out; -moz-transition: all 0.32s ease-out; -o-transition: all 0.32s ease-out; -ms-transition:  all 0.32s ease-out; transition: all 0.32s ease-out; text-decoration:none;}
a:hover{color: #da1f31; text-decoration: none;}

::placeholder { color: 000; opacity: 1; }
:-ms-input-placeholder { color: 000;}
::-ms-input-placeholder { color: 000;}
hr{border-bottom: 1px solid #13374F;}

/*GOOGLE MAP*/
#ryanDesignCommunityMap-Wrapper .map-images,
#ryanDesignCommunityMap-Wrapper .map-icons {display:none;}
#ryanDesignCommunityMap-Wrapper #map {width:100%;}


/*COMMOM STYLES*/


.btn-brand{background-color: #13374F;  transition: all 0.32s ease-out; color: #FFF!important; font-weight: 300; font-size: 17px; padding: 11px 23px; letter-spacing: 1.5px; white-space: nowrap; border:0; display: inline-block; }
.btn-brand:hover{background-color: #D8D1CA; color: #13374F!important;}
 p .btn-brand{padding: 8px 23px;}

.btn-tab{color: #FFF; background-color: #999999; margin-right: 5px; margin-bottom: 5px; width:175px; text-align: center; padding: 7px 20px; font-weight: 300; border:0; display: inline-block;}
.btn-tab:hover{background-color: #13374F; color: #FFF;}


.bg-grey{background-color: #F9F9F9!important; }
.bg-brand{background-color: #13374F!important;}
.bg-light{background-color: #EEECEF!important;}

.text-brand{color:#13374F!important;}
.text-black{color:#000!important;}
.text-grey{color:#666!important;}

.has-bg{background-position: center; background-size: cover; min-height: 400px;}


.img-linked,
.img-linked-gs,
.img-rendering{
    -webkit-transition: all 0.12s ease-out;
    -moz-transition: all 0.12s ease-out;
    -o-transition: all 0.12s ease-out;
    -ms-transition:  all 0.12s ease-out;
    transition: all 0.12s ease-out;
}
.img-linked:hover{ transform: scale(1.1); cursor: pointer;}
.img-linked-gs:hover{filter: grayscale(100%);}
.img-rendering:hover{transform: scale(1.015); cursor: pointer;}
.linked-u:hover{text-decoration: underline;}
.linked:hover{cursor: pointer;}

.customList{margin-left: -15px;}

.ls-1{letter-spacing: .05rem;}
.ls-2{letter-spacing: .10rem;}
.ls-3{letter-spacing: .15rem}
.ls-4{letter-spacing: .20rem;}

strong{ font-weight: 500!important;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}


.fw-m{font-weight: 500;}
.fw-sb{font-weight: 600;}
.fw-l{font-weight: 300;}
.fw-xl{font-weight: 200;}

.lh-100{line-height: 100%;}
.lh-150{line-height: 150%;}
.lh-175{line-height: 175%;}
.lh-250{line-height: 250%;}

.h-83{font-size: 83px;}
.h-48{font-size: 48px;}
.h-46{font-size: 46px;}
.h-38{font-size: 38px;}
.h-36{font-size: 36px;}
.h-32{font-size: 32px;}
.h-30{font-size: 30px;}
.h-28{font-size: 28px;}
.h-24{font-size: 24px;}
.h-23{font-size: 23px;}
.h-21{font-size: 21px;}
.h-18{font-size: 18px;}
.h-17{font-size: 17px;}
.h-16{font-size: 16px; line-height: 26px;}
.h-14{font-size: 14px; line-height: 24px;}
.h-12{font-size: 14px; line-height: 15px;}

.mt-6{margin-top: 4rem!important;}
.mt-7{margin-top: 5rem!important;}
.mt-8{margin-top: 6rem!important;}
.mt-9{margin-top: 7rem!important;}
.pb-8{
    padding-bottom: 8rem ;
}
.fw-bo{font-weight: bold;}
.coming{font-size: 28px; color: #13374F;}

#spaces{

    margin-top: 10rem;
}

.top-heading {
    background-color: #9f9e9e; /* Set the background color */
    color: #fff !important; /* Set the text color */
    padding: 10px; /* Adjust the padding as needed */
    text-align: center; /* Center-align the text */
    font-size: 16px; /* Set the font size */
    /*font-weight: bold;  Set the font weight */
}

.fixed-top-2 {
    top: 78px ;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10 !important;
}



@media screen and (max-width: 991px){
    .h-28{font-size: 24px;}
    .navbar-brand .scroll-logo-new{
        top: 0;
    }

}

@media screen and (max-width: 767px){
    body{font-size: 16px;}
    .h-83{font-size: 42px;}
    .h-38{font-size: 30px;}
    .h-32{font-size: 28px;}
    .h-30{font-size: 24px;}
    .h-28{font-size: 18px;}
    .h-24{font-size: 20px;}
    .h-21{font-size: 19px;}
    .h-18{font-size: 15px;}

    #spaces{

        margin-top: 1rem;
    }

/*    .fixed-top-2 {
        top: 171px;
    }
*/
}

@media screen and (max-width: 567px){
    .h-83{font-size: 38px;}
    .h-38{font-size: 24px;}
    .h-32{font-size: 22px;}
    .h-28{font-size: 14px;}
    .h-21{font-size: 16px;}
    .btn-brand{font-size: 14px;}

}


.plusminus{background-color: #13374F; color: #FFF;  padding: 0 0 0 9px;    width: 30px;   height: 30px;   border-radius: 50%;  font-size: 20px;}
.accordion_body{display: none;}
.accordion_head:hover{cursor: pointer;}



.overlay{position: absolute; width: 100%;}
/* Navigation */
.navbar{background-color: #13374F; }
.navbar-brand{position: relative; width: 100%; }
.navbar-brand .scroll-logo{position: absolute; left: 0; top: -15px; z-index: 99;}

#topNav{padding: 0 1rem; z-index: 99; transition: all .15s linear;}
#topNav .navbar-nav{ align-items: center;}
#topNav .nav-link{color: #FFF; font-size: 12px;height: 85px;  padding-top: 25px; font-weight: 500;}
#topNav .nav-link:hover, #topNav .active{background-color: #D8D1CA; color: #13374F; }
#topNav .dropdown-menu{margin: 0; border:none; border-radius: 0; background-color: #13374F;}
#topNav  .dropdown-item{color: #FFF; font-size: 12px;}
#topNav  .dropdown-item:hover{color: #13374F;  background-color: #D8D1CA;}
.inside-nav{padding: 2rem;}
.inside-nav a{color: white!important;font-size: 20px;text-transform: uppercase;padding-right: .5rem;
    padding-left: .5rem;}
.inside-nav p{color: white;margin-bottom: 0;}
@media screen and (max-width:991px){
    body{padding-top: 40px;} 
    #topNav .navbar-nav{align-items: flex-start;}
    #topNav .nav-link{height: auto; padding: 10px; color: #13374F; letter-spacing: .75px;}
    #topNav .nav-item{width: 100%; border-bottom: 1px solid #FFF; background-color: #D8D1CA; }
    #topNav .nav-item:hover{background-color: #B2A49A; }
    #topNav .nav-link:hover, #topNav .active{background-color: #B2A49A; color: #FFF; }
    #topNav .dropdown-menu {display: block;letter-spacing: .75px; padding: 0; }
    #topNav .dropdown-item {background-color: #D8D1CA; border-top: 1px solid #FFF; color: #13374F; padding: .5rem 2rem;}
    #topNav .dropdown-item:hover {background-color: #B2A49A; color: #FFF;}

  

}
@media screen and (min-width:992px){
    #topNav .dropdown:hover>.dropdown-menu {display: block;}
   #topNav .navbar-nav .nav-link {padding-right: .75rem;  padding-left: .75rem;}
}
@media screen and (min-width:1199px){
    #topNav .navbar-nav .nav-link {padding-right: 1rem;  padding-left: 1rem;}
    #topNav .nav-link{font-size: 13px;} 
}

@media screen and (max-width: 767px){
    .navbar-brand {width: 50px;}
    .sm-logo{width: 90px;}

   #mainNav{width: 0;max-width: 300px;  display: block; opacity: 0; position: absolute;z-index: 999; right: -100px;top: 1px; transition:  all .5s ease-in-out; overflow: hidden;}
   #mainNav .nav-link{padding: 10px 20px;}
    
   .mainNavShow{right: 0!important; opacity: 1!important; width:100%!important;  transition:  all .50s ease-in-out!important; }
   .nav-item-mob{background-color: #13374F!important; color: #FFF; font-size: 20px; padding: 0 25px;}
   #closeBtn{font-size: 26px; font-weight: 700;}
   #closeBtn:hover{cursor: pointer;}
}


@media (min-width: 992px) and (max-width: 1050px){
    .navbar-brand img{width: 100px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .navbar-brand {width: 100px; margin-top: 15px;}
    #topNav .navbar-nav{padding-top: 27px;}
}



@media screen and (max-width: 991px){
   #topNav .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
  /* .navbar-toggler {border-color: rgb(4,63,131);}  */
  .navbar-toggler:focus, .navbar-toggler:active {
    outline: none;
    box-shadow: none;
  }
  #lotNav .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(19, 55,79, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
  /* .navbar-toggler {border-color: rgb(4,63,131);}  */
  .navbar-toggler:focus, .navbar-toggler:active {
    outline: none;
    box-shadow: none;
  }
}

footer{background-color: #13374F; color: #FFF; padding-bottom: 100px;}
footer a, footer p{color: #FFF; }
footer a:hover{color: #D8D1CA; }




#welcome .hero{height: calc(100vh - 85px); width: 100%; position: relative; background-position: center; background-size: cover;background-image: url('/images/hero/welcome.jpg');}
#welcome .hero-wrapper .overlay{ color: #FFF; background-color: rgba(17, 55, 79, .5); ;bottom: 6px; left: 0; z-index: 95;}
.max-767{max-width: 767px; margin: 0 auto;}

#welcome .hero-wrapper{position: relative;}
#hero-video {max-width: 100%; min-width: 100%; height:auto;}

@media (max-width: 991px) and (min-width: 768px){
  #welcome .hero-wrapper .overlay .h-48{font-size: 32px;}
  #welcome .hero-wrapper .overlay .h-30{font-size: 24px;}
}
@media screen and (max-width: 767px){
  #hero-video { margin-bottom:-6px}
}

.walking-trails{background-image: url('/images/bg_walking-trails.jpg'); background-attachment: fixed;}

.mikeyKids{background-color: #EEE4E2;}

.featuresList{margin-left: -25px;}
.featuresList li{color: #13374F; font-weight: 600; margin-bottom: 10px; padding-left: 5px;}
.featuresList li span{color: #333333; font-weight: 300;}

.luxuryBlock{transition: all .20s ease-in-out; display: flex; align-items: center; width: 111px; height: 111px; background-color: #AAA199; color: #FFF; padding: 15px; margin: 25px; float: left; font-size: 16px;}
.luxuryBlock:hover, .activeSlide{background-color: #7A6B61;} 
.bg-gallery{background-color: #EFEEED; }
.bg-gallery a{ color: #A0978E;}
.bg-videos{background-color: #AAA199;}

.soldRibbon{position: absolute; top:0; left: 15px;}
.elevationWrapper .soldRibbon{left: 0;}

.GalleryWrapper{position: fixed; top :0; left:0; height:100vh; width:100vw; background-color: rgba(0, 0, 0, .9); z-index:999; display: none;}
.GalleryWrapper .carousel-inner{height: 75vh; display: flex; align-items: center;}
.GalleryWrapper .carousel-indicators .active img{border: 4px solid #FFF; }
#GalleryThumbs{position: relative; height: 25vh;}
#GalleryThumbs li{width:auto; height: auto; background-color: transparent;}
#closeGallery{position: fixed; right: 15px; top:-10px; color: #FFF; z-index: 999; font-weight: 700; font-size: 50px;}
#closeGallery:hover{cursor: pointer;}




.com-vibrant-history{background-image: url('/images/community-vibrant-history.jpg'); min-height: 500px;}
.bg-vibrant{background-color: #F7F4E8;}


@media screen and (min-width:768px){
    .elevationWrapper{background-color: #EDEDED;}
    #welcome .hero-wrapper .overlay{ 
        opacity: 0;
        -webkit-animation-name: heroOverlay; /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 8s; /* Safari 4.0 - 8.0 */
        animation-name: heroOverlay;
        animation-duration: 43s;
         animation-iteration-count: infinite;}   

         .caption-heading{
    min-height: 109px;
    display: flex;
    align-items: center;
    justify-content: center;
    }  
}

@-webkit-keyframes heroOverlay {
  0% {opacity: 1;}
  20% {opacity:1;}
  35% {opacity:0;}
  100% {opacity: 0;}
}

@keyframes heroOverlay {
   0% {opacity: 1;}
 20% {opacity:1;}
  35% {opacity:0;}
  100% {opacity: 0;}
}
@media screen and (max-width: 767px){
    #welcome .hero{height: 450px;}
    #welcome .hero-wrapper .overlay{position: relative; background-color: #13374F;}

    #welcome .hero-wrapper .h-48{font-size: 28px; line-height: 36px;}
    #welcome .hero-wrapper .h-30{font-size: 24px; line-height: 36px;}
    .walking-trails{min-height: 200px;}
    footer{padding-bottom: 50px;}
    footer p{font-size: 13px!important;}
    .GalleryWrapper{padding: 15px;}
    .bg-gallery .h-38, .bg-videos .h-38{font-size: 18px;}

    #siteplan .btn-tab{width: 150px; font-size: 14px; padding: 5px 10px; margin-top: 4px;}

}
@media screen and (max-width: 567px){
    #welcome .hero{height: 350px;}
    #welcome .hero-wrapper .h-48{font-size: 21px; line-height: 32px;}
    #welcome .hero-wrapper .h-30{font-size: 15px; line-height: 36px;}
   
}





.have-a-question{background-image: url('/images//have-a-question.jpg');  min-height: 500px;}
.bg-have-a-question{background-color: #E8E2D4;}

#regisrationForm input, 
#regisrationForm textarea,
#regisrationForm select{border:1px solid #CCCCCC; background-color: #F7F7F7; border-radius: 0; height: 64px; margin-bottom: 30px;}

#regisrationForm textarea{height: 150px;}

.map-wrapper{background-image: url(/images/bg-com-amenities.jpg);}

.waterfrontGallery{width: 650px; max-width: calc(100% - 75px); margin: 0 auto;}
.waterfrontGallery img{border: 10px solid #FFF;}
.slick-prev {background-image: url('/images/misc//GalleryPrev.png')!important; height: 52px!important; width: 36px!important; border-right: 10px solid #FFF!important;}
.slick-next {right: -37px!important; background-image: url('/images/misc//GalleryNext.png')!important; height: 52px!important; width: 36px!important; background-repeat: no-repeat!important;}
.slick-prev:before, .slick-next:before{content: none!important;}
.commuter-table td{vertical-align: middle;}


.btn-house-type{background-color: #999;  display: inline-block; padding: 15px; margin: 15px; color: #FFF;}
.btn-house-type .size, .btn-house-type .desc{float: left;}
.btn-house-type .size{font-size: 33px; font-weight: 600;}
.btn-house-type .desc{font-size: 16px; line-height: 16px; padding:10px;}

.btnElevation-wrapper{display: inline-block; font-size: 12px; text-align: center; margin-bottom: 25px;}
.btnElevation{width: 80px; height: 80px; background-color: #FFF; border: 1px solid #13374F; margin: 0 auto; font-size: 55px;text-align: center; color: #13374F; transition: all .5s ease-in-out; position: relative;}
.btnElevation:hover{cursor: pointer; background-color: #13374F; color: #FFF;}


.btnActive {color: #FFF;  background-color: #13374F;}
.btnActive:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-right-color: #13374F;
	border-width: 14px;
	margin-top: -14px;
}

.link-back img{width: 10px;}

.btn-fp{background-color: #999; color: #FFF; font-size: 15px; padding: 10px 25px; transition: all .15s ease-in-out; margin-right: 15px; margin-bottom: 15px; display: inline-block;}
  .btn-fp:hover{background-color: #13374F; color: #FFF;  }




@media screen and (max-width: 767px){
    .btn-house-type{margin: 2px;padding: 8px;}
    .btnElevation-wrapper{margin: 15px;}
    .btn-fp{display: block; margin-right: 0;}
    .luxuryBlock{font-size: 14px; margin:0 7px 15px 0; padding: 10px; float: none;  display: inline-flex; align-items: normal; padding-top: 25px;}
    #featuresCollection .card-deck .card{flex: auto; margin-bottom: 20px;}
    #regisrationForm .form-control{font-size: 14px;}
    .map-wrapper img{max-width: 60%;}
    .country-lane-community-logo{width: 140px;}
}


@media screen and (max-width: 991px){
    .btnActive:after {bottom: 100%;top: auto;left: 34%;border-right-color: transparent; border-bottom-color: #13374F;}


    .icon {
        width: 150px;
        position: absolute;
        bottom: -55px !important;
        left: 50%;
        transform: translateX(-50%);
        padding: 10px 20px;
        border-radius: 5px;
    }


}

@media screen and (min-width:992px){
   .div-border-left{border-left: 1px solid #757575!important;}
   
}

.totalhome-facts{width: 85px; height: 85px; border-radius: 50%; background: #13374F; color: #FFF; text-align: center; margin: 0 auto; line-height: 16px; padding-top: 15px;display:block;}
.totalhome-facts-wrapper .h-16{line-height: 18px; margin-top: 10px; margin-bottom: 0;;}

.plus{color: #67A2B7!important;}
#totalhome-features .plusminus{background-color: #67A2B7!important;}
.totalhome-img{background-image: url('/images/totalhome3.jpg');}



@media (min-width: 768px) and (max-width:991px){
    .btn-house-type{margin: 5px; padding: 10px;}
    .div-md-border-left{border-left: 1px solid #757575;}



}
/*@media screen and (max-width: 767px){
    .fixed-top-2 {
        top: 172px !important;
    }
}*/
@media screen and (max-width: 567px){
    #totalhome-features .h-17{font-size: 12px;}
    #totalhome-features .img-smart {width: 35px; display:block!important;}
  
}

@media screen and (min-width: 992px){
    #apsMenu{width: 198px;}
}

/* .align-logo {
    bottom: -30%;
    right: 27%;
    align-items: center;
    display: flex;
    justify-content: center;
} */

.icon {
    position: absolute;
    bottom: -95px;
    left: 50%;
    transform: translateX(-50%);
   
    padding: 10px 20px;
    border-radius: 5px;
}


.house-alignment{
margin-top: -115px;
}

.fit-image{
    width: 100%;
    object-fit: cover;
   /* height: 300px;  only if you want fixed height */
    }


.lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(/images/misc/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(/images/misc/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(/images/misc/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(/images/misc/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}


#covidNotice{position: fixed; top:0;left: 0; z-index: 99; transition: all .15s linear; }

/* Carousel Control Styles */
.carousel-control-prev,
.carousel-control-next {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    top: 35%;
    transform: translateY(-50%);
}

.carousel-control-prev {
    left: 20px;
}

.carousel-control-next {
    right: 20px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    /* background-color: #000; */
    width: 20px;
    height: 20px;
    border-radius: 2px;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='m5.25 0-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3E%3C/svg%3E");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='m2.75 0-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}