/*<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable = no">

ADD TO HTML*/



@font-face{font-family: "Butler_Black";src:url(fonts/Butler_Black.otf);}

@font-face{font-family: "Butler_Bold";src:url(fonts/Butler_Bold.otf);}

@font-face{font-family: "Butler_Regular";src:url(fonts/Butler_Regular.otf);}

@font-face{font-family: "Butler_Medium";src:url(fonts/Butler_Medium.otf);}

@font-face{font-family: "Roboto-Regular";src:url(fonts/Roboto-Regular.ttf);}

@font-face{font-family: "Roboto-Light";src:url(fonts/Roboto-Light.ttf);}

@font-face{font-family: "";src:url(fonts/);}







html {overflow-x: hidden !important;scroll-behavior: smooth;}

body{background:#fff;color:#181818;font-size:10px;overflow-x:hidden !important; padding: 0px !important; font-family: "Prata-Regular";}



body::-webkit-scrollbar{width:7px;}

body::-webkit-scrollbar-thumb{-webkit-border-radius:0px;border-radius:0px;background: linear-gradient(45deg, #212023, #fff);}



::selection{background-color: #e6e3da;color: #000;}



.form-control::-webkit-input-placeholder {color: #a1a1a1;font-family: "Roboto-Regular";font-size: 15px;}

.form-control:-ms-input-placeholder {color: #a1a1a1;font-family: "Roboto-Regular";font-size: 15px;}

.form-control::placeholder {color: #a1a1a1;font-family: "Roboto-Regular";font-size: 15px;}



.desktop {}

.movil {display: none;}

.mobile-menu {display: none;}





.sec1 {}

.sec1 .col-md-12 {padding: 0px;}

.sec1 .carousel-item {background-position: center center;background-repeat: no-repeat;background-size: cover;padding-top: 7rem;padding-bottom: 25rem;}

.sec1 .carousel-item:nth-child(1) {background-image: url(img/sec1-banner-1.jpg);}

.sec1 .carousel-item:nth-child(2) {background-image: url(img/sec1-banner-2.jpg);}

.sec1 .carousel-item:nth-child(3) {background-image: url(img/sec1-banner-3.jpg);}

.sec1 .txt-sec1 {position: relative;width: 60%;height: 75px;margin-left: 10%;}

.sec1 .txt-sec1 .h1 {font-family: "Butler_Bold";font-size: 40px;margin: 0px;color: #fff;padding-left: 35px;}

.sec1 .txt-sec1 .h2 {font-family: "Butler_Bold";font-size: 49px;margin: 0px;color: #fff;line-height: 35px;}

.sec1 .txt-sec1 .h2 span {font-size: 27px;}

.sec1 .txt-sec1 img {width: 110px;position: absolute;top: -65px;left: -3%;transform: translateX(-50%);}

.sec1 .carousel-indicators li {width: 10px;height: 10px;border-radius: 50%;margin: 0px 7px;background-color: #5e5e5e;}

.sec1 .carousel-indicators li.active {background-color: #fff;}

.sec1 .main-form {position: absolute;bottom: 0px;right: 0px;width: 45%;background: rgb(33 32 35 / 33%);padding: 0px 20px;}

.sec1 .main-form .col-md-12 {padding: 0px 15px;}

.sec1 .main-form form#commentForm-1 {}

.sec1 .main-form form#commentForm-1 .formu-header {background-color: transparent;padding: 1rem 14px;border-radius: 20px;}

.sec1 .main-form form#commentForm-1 .h2 {font-family: "Butler_Bold";color: #ededed;padding: 0px;font-size: 30px;margin-bottom: 1rem;margin-left: -15px;letter-spacing: 2px;text-shadow: 0 0 4px #0000008a;}

.sec1 .main-form form#commentForm-1 .form-control {border: none;border-radius: 0px;margin-bottom: 8px;color: #a1a1a1;font-family: "Roboto-Regular";font-size: 15px;background-color: #e6e3da;}

.sec1 .main-form form#commentForm-1 .button-enviar {}

.sec1 .main-form form#commentForm-1 input.button.enviar {font-family: "Roboto-Regular";color: #212023;background-color: #fff;border: 0px;box-shadow: 0px 5px 15px 2px #0000009e;width: 7rem;font-size: 18px;margin-left: auto;display: block;padding-top: 5px;padding-bottom: 5px;cursor: pointer;border-radius: 10px;}

.sec1 .main-form option {color: #000;}



.sec2 {background-color: #e6e3da;padding: 3rem;color: #212023;}

.sec2 .h2 {font-family: "Butler_Bold";font-size: 40px;line-height: 25px;margin: 0px;}

.sec2 .h2 span {font-family: "Butler_Regular";font-size: 23px;}

.sec2 .row .col-md-8 {display: flex;flex-direction: column;justify-content: space-around;}

.sec2 .h5 {font-family: "Roboto-Regular";font-size: 20px;margin-bottom: 10px;}

.sec2 ul {padding: 0px;}

.sec2 ul li {font-family: "Roboto-Regular";font-size: 17px;display: block;line-height: 20px;}

.sec2 .h4 {font-family: "Butler_Medium";font-size: 23px;margin-bottom: 15px;}

.sec2 .p {font-family: "Roboto-Regular";font-size: 17px;margin: 0px;}

.sec2 img {width: 100%;}



.sec3 {padding-top: 2rem;padding-bottom: 5rem;}

.sec3 .h2 {font-family: "Butler_Bold";font-size: 40px;margin: 0px;text-align: center;margin-bottom: 5rem;}

.sec3 .col-md-3 {max-width: 20%;}

.sec3 img {width: 8rem;display: flex;margin: auto;}

.sec3 .h4 {font-family: "Butler_Bold";text-align: center;font-size: 20px;height: 40px;margin-top: 1rem;margin-bottom: 15px;text-transform: uppercase;}

.sec3 .p {font-family: "Roboto-Regular";text-align: center;font-size: 13px;}

.sec3 a {display: block;position: relative;width: 12rem;background-color: #212023;border-radius: 15px;margin: auto;margin-top: 2rem;font-family: "Butler_Regular";color: #fff;cursor: pointer;padding: 10px;font-size: 20px;text-align: center;}



.sec4 {}



.sec5 {background-color: #e6e3da;padding: 5rem 3rem;padding-right: 0px !important;overflow: hidden !important;}

.sec5 .h2 {font-family: "Butler_Bold";font-size: 40px;margin: 0px;margin-bottom: 4rem;}

.sec5 .bx-wrapper {margin: 0px;background-color: transparent;border: none;box-shadow: none;}

.sec5 img {width: 100%;filter: brightness(0.5);transition: all 0.5s;}

.sec5 img:hover {filter: brightness(1);}

.sec5 .h5 {font-family: "Butler_Bold";color: #fff;font-size: 25px;text-align: center;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);margin: 0px;width: fit-content;}



.sec6 {background-image: url(img/sec6-fondo.png);position: relative;background-position: center center;background-repeat: no-repeat;background-size: cover;}

.sec6 .s1 {padding: 2rem 0px;}

.sec6 .s1 .torre-img img {display: none;}

.sec6 .s1 .formulario-footer {padding: 0px;}

.sec6 .s1 .formulario-footer form#commentForm-2 {}

.sec6 .s1 .formulario-footer form#commentForm-2 .formu-header {background-color: transparent;padding: 2rem 14px;border-radius: 20px;}

.sec6 .s1 .formulario-footer form#commentForm-2 .h2 {font-family: "Butler_Bold";color: #ededed;padding: 0px;font-size: 30px;margin-bottom: 1rem;margin-left: -15px;letter-spacing: 2px;text-shadow: 0 0 4px #0000008a;}

.sec6 .s1 .formulario-footer form#commentForm-2 .form-control {border: none;border-radius: 0px;margin-bottom: 1rem;color: #a1a1a1;font-family: "Roboto-Regular";font-size: 15px;background-color: #e6e3da;}

.sec6 .s1 .formulario-footer form#commentForm-2 .button-enviar {}

.sec6 .s1 .formulario-footer form#commentForm-2 input.button.enviar {font-family: "Roboto-Regular";color: #fff;background-color: #212023;border: 0px;box-shadow: 0px 5px 15px 2px #0000009e;width: 7rem;font-size: 18px;margin-left: auto;display: block;padding-top: 5px;padding-bottom: 5px;cursor: pointer;border-radius: 10px;}

.sec6 .s1 option {color: #000;}

.sec6 .s1 ul {padding: 0px;margin: 0px;width: fit-content;margin-left: auto;margin-top: 1.5rem;}

.sec6 .s1 ul li {display: block;}

.sec6 .s1 ul li a {font-family: "Roboto-Regular";color: #212320;text-align: right;font-size: 17px;display: block;line-height: 20px;}

.sec6 .s2 {background-color: #212023;padding: 15px 5rem;}

.sec6 .s2 .p {font-family: "Roboto-Regular";color: #fff;font-size: 15px;margin:0px;}

.sec6 .s2 .p span {font-family: "Butler_Bold";text-transform: uppercase;padding-right: 25px;}

.sec6 .s2 ul {padding: 0px;display: flex;flex-direction: row;flex-wrap: wrap;width: fit-content;margin-left: auto;margin-bottom: 0px;}

.sec6 .s2 ul li {display: block;}

.sec6 .s2 ul li img {width: 30px;}

.sec6 .s2 ul li:nth-child(1) {margin-right: 10px;}

.sec6 .s2 ul li a {font-family: "Roboto-Regular";color: #fff;font-size: 15px;text-align: right;display: block;margin:0px;}



.sec7 {padding: 2rem 0px;}

.sec7 .part-l {background-color: #212320;align-items: center;align-content: center;display: flex;}

.sec7 .part-l:before {content: "";display: block;position: absolute;left: 100%;top: 0px;width: 7rem;height: 100%;background-color: #212320;}

.sec7 .part-l .h3 {font-family: "Butler_Bold";color: #fff;text-align: center;font-size: 30px;margin: auto;}

.sec7 .part-r {position: relative;}

.sec7 .part-r .p {font-family: "Roboto-Regular";color: #000;font-size: 15px;padding-top: 5rem;padding-right: 3rem;}

.sec7 .part-r .p span {font-family: "Roboto-Light";}

.sec7 .part-r img {width: 100%;padding-top: 2rem;}

.sec8 {}
.sec8 .img-fondo {background-image: url(img/imga-torre.jpg);background-position: center center;background-repeat: no-repeat;background-size: cover;}
.sec8 .txt-block {background-color: #f2f2f2;padding: 5rem;}
.sec8 .txt-block h2 {font-family: "Butler_Bold";font-size: 40px;margin: 0px;margin-bottom: 2rem;text-align: center;}
.sec8 .txt-block .content-txt {position: relative;border: solid #000 2px;padding: 30px;margin: auto;width: 60%;}
.sec8 .txt-block .content-txt:nth-child(2) {margin-bottom: 3rem;}
.sec8 .txt-block .content-txt h4 {font-family: "Butler_Bold";font-size: 30px;margin: 0px;position: absolute;left: -15px;top: -25px;background: #f2f2f2;padding: 5px;}
.sec8 .txt-block .content-txt p {font-family: "Roboto-Regular";font-size: 15px;margin-bottom: 0px;}
.sec8 .txt-block .content-txt p b {font-weight: bold;}

.sec9 {padding: 3rem 0px;}
.sec9 h1 {font-family: "Butler_Bold";font-size: 40px;text-align: center;margin-bottom: 2rem;}
.sec9 video {width: 60%;margin: auto;display: block;}

.th-page {position: relative;min-height: 100vh;background-image: url(img/fondo.png);background-repeat: no-repeat;background-position: center bottom;background-size: cover;overflow: hidden;}

.th-page .th-txt1 {width: fit-content;margin: auto; padding: 15px;margin-top: 3rem;position: relative;}

.th-page .filtro { background: rgba(12 12 12 / 50%); height: 100%; padding: 60px; text-align: center;}

.th-page .th-txt4 {width: fit-content;margin: auto; padding: 15px;margin-top: 5rem;position: relative; }

.imgpixel { width: 130px; }

.th-page .th-txt1 h1 {font-family: "Butler_Bold";color: #fff;text-align: center;text-transform: uppercase;font-size: 45px;letter-spacing: 4px;}

.th-page .th-txt1 h2 {font-family: "Butler_Bold";font-size: 25px;letter-spacing: normal;text-transform: initial;color: #fff;text-align: center;margin: 0px;}

.th-page .th-txt1 p {font-family: "Butler_Bold";text-align: center;color: #fff;font-size: 17px;margin-top: 30px;}

.th-page .th-txt2 {margin-top: 0rem;}

.th-page .th-txt2 h5 {font-family: "Roboto-Regular";color: #fff;text-align: center;font-size: 25px;}

.th-page .th-txt2 a {font-family: "Roboto-Regular";color: #fff;text-align: center;display: block;width: fit-content;margin: auto;font-size: 17px;position: relative;}

.th-page .th-txt2 a:before {content: "";display: block;position: absolute;left: -25px;top: calc(50% - 10px);width: 20px;height: 20px;background-image: url(img/sec5/02-phone.png);background-repeat: no-repeat;background-position: center center;background-size: contain;}

.th-page .th-redes {display: flex;flex-direction: column;align-items: center;position: relative;bottom: 10px;width: 12rem;left: calc(50% - 6rem);}

.th-page .th-redes ul {display: flex;padding: 10px 0px;margin: 0px;}

.th-page .th-redes ul li {padding-right: 20px;display: block;}

.th-page .th-redes ul li img {width: 25px;margin-bottom: 0rem;}


.chat-whats-form {width: 25rem;height: 20rem;position: fixed;bottom: 0px;left: 0px;background-color: #ece5dd;border-radius: 5px;padding-bottom: 15px;transition: all 0.5s;transform: translateX(-100%);z-index: 9999;box-shadow: 5px -5px 20px #0000009e;}
.chat-whats-form-opened {transform: translateX(0%);} 
.chat-whats-form .col-md-12 {padding: 0px;}
.chat-whats-form h2 {font-family: 'Roboto-Regular';text-align: center;font-size: 20px;margin-bottom: 2rem;background-color: #075e54;color: #fff;padding: 10px 0px;border-top-right-radius: 4px;}
.chat-whats-form input {border: none;color: #000;font-family: 'Roboto-Regular';margin: auto;margin-bottom: 15px;width: calc(100% - 30px);}
.chat-whats-form .button {margin-left: auto;display: block;font-family: 'Roboto-Regular';border: none;width: 8rem;font-size: 17px;text-align: center;background-color: #4dc247;color: #fff;cursor: pointer;}
.chat-whats-form span {position: absolute;right: 0px;top: 0px;color: #fff;font-size: 24px;line-height: 33px;background-color: #075e54;border-radius: 50%;border-top-right-radius: 0px;border-bottom-left-radius: 0px;width: 37px;text-align: center;border: solid 2px #fff;cursor: pointer;}
.chat-whats-form label.error {padding: 0px 15px;font-family: 'Roboto-Regular';text-transform: uppercase;font-size: 11px;text-align: center;display: block;text-decoration: underline;}

.chat-whats-btn {position: fixed;bottom: 10px;left: 10px;background: #4dc247;border-radius: 50%;padding: 15px;cursor: pointer;}
.chat-whats-btn img {width: 55px;}


/* ---------------------------------------- CUSTOM CSS --------------------------------------------- */



@media (min-width: 320px) and (max-width: 575px){

	.sec1 .main-form form#commentForm-1 .h2 {
		
		font-size: 29px;
		
		
	}

	.sec1 .carousel-item {padding: 8rem 0px;}

	.sec1 .txt-sec1 {width: 80%;min-height: 185px;text-align: center;}

	.sec1 .txt-sec1 img {width: 80px;top: -40px;left: 5%;}

	.sec1 .txt-sec1 .h1 {font-size: 40px;}

	.sec1 .txt-sec1 .h2 {font-size: 40px;}

	.sec1 .main-form {position: relative;width: 100%;padding: 10px 20px;}



	.sec2 {padding: 2rem 15px;}

	.sec2 .row .row {margin-top: 2rem;margin-bottom: 2rem;}

	.sec2 .h2 {
		
		line-height: 50px;
		
	}

	.sec2 .h5 {
		
		padding-top: 20px;
		font-size: 22px;
		
	}



	.sec3 .col-md-3 {max-width: 100%;}



	.sec5 {padding: 2rem 15px;}

	.sec5 .h2 {margin-bottom: 2rem;}

	.sec5 .col-md-4 {margin-bottom: 1rem;}



	.sec6 {background-image: url(img/sec6-fondo-movil.jpg);background-attachment: fixed;}

	.sec6 .s1 .formulario-footer {padding: 0px 15px;}

	.sec6 .s2 {padding: 15px 1rem;}

	.sec6 .s2 ul {margin-left: 0px;margin-top: 7px;}



	.sec7 .part-l {padding: 3rem 15px;}

	.sec7 .part-r .col-md-5 {order: 1;}

	.sec7 .part-r .p {padding-top: 3rem;padding-right: 15px;padding-left: 15px;}

	.sec8 .txt-block h2 {font-size: 35px;}
	.sec8 .txt-block {padding: 2rem 3rem;}
	.sec8 .txt-block .content-txt {padding: 15px;width: 100%;}
	.sec8 .img-fondo {height: 18rem;order: 1;}
	
	.sec9 video {width: 100%;}


/* ---------------------------------------- TH PAGE 320 --------------------------------------------- */

	

	.th-page .th-txt1 {margin-top: 3rem;}

	.th-page .th-txt1 h1 {font-size: 28px;letter-spacing: 2px;}

	.th-page .th-txt2 {margin-top: 0rem;}

	.imgpixel {
		width: 100px;
	}

	.th-page .th-txt1 p {margin-top: 10px;}

	

}





/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) and (max-width: 767.98px) {

	.sec1 .carousel-item {padding: 8rem 0px;}

	.sec1 .txt-sec1 {width: 80%;min-height: 185px;text-align: center;}

	.sec1 .txt-sec1 img {width: 80px;top: -40px;left: 5%;}

	.sec1 .txt-sec1 .h1 {font-size: 40px;}

	.sec1 .txt-sec1 .h2 {font-size: 40px;}

	.sec1 .main-form {position: relative;width: 100%;padding: 10px 20px;}

	.sec2 .h5 {
		
		margin-top: 25px;
	}



	.sec2 {padding: 2rem 15px;}

	.sec2 .row .row {margin-top: 2rem;margin-bottom: 2rem;}



	.sec3 .col-md-3 {max-width: 100%;}



	.sec5 {padding: 2rem 15px;}

	.sec5 .h2 {margin-bottom: 2rem;}

	.sec5 .col-md-4 {margin-bottom: 1rem;}



	.sec6 {background-image: url(img/sec6-fondo-movil.jpg);background-attachment: fixed;}

	.sec6 .s1 .formulario-footer {padding: 0px 15px;}

	.sec6 .s2 {padding: 15px 1rem;}

	.sec6 .s2 ul {margin-left: 0px;margin-top: 7px;}



	.sec7 .part-l {padding: 3rem 15px;}

	.sec7 .part-r .col-md-5 {width: 50%;}

	.sec7 .part-r .col-md-6:nth-child(1) .col-md-5 {order: 1;}

	.sec7 .part-r .col-md-6:nth-child(3) .col-md-5 {order: 1;}

	.sec7 .part-r .col-md-7 {width: 50%;}

	.sec7 .part-r .p {padding-top: 3rem;padding-right: 15px;padding-left: 15px;}

	.sec8 .txt-block h2 {font-size: 35px;}
	.sec8 .txt-block {padding: 2rem 3rem;}
	.sec8 .txt-block .content-txt {padding: 15px;width: 100%;}
	.sec8 .img-fondo {height: 30rem;order: 1;}

	.sec9 video {width: 100%;}

/* ---------------------------------------- TH PAGE 576 --------------------------------------------- */

	

	.th-page .th-txt1 {margin-top: 3rem;}

	.th-page .th-txt1 h1 {font-size: 28px;letter-spacing: 2px;}

	.th-page .th-txt2 {margin-top: 0rem;}

	.imgpixel {
		width: 100px;
	}

	.th-page .th-txt1 p {margin-top: 10px;}

}



/*Medium devices (tablets, 768px and up) */

@media (min-width: 768px) and (max-width: 991.98px) {

	.sec2 .row .row {margin-top: 2rem;}

	.sec2 .col-md-4 {margin: auto;}

	.sec2 .h5 {
		
		margin-top: 25px;
	}



	.sec3 {padding-bottom: 2rem;}

	.sec3 .col-md-3 {-ms-flex: 0 0 33%;flex: 0 0 33%;max-width: 33%;margin: auto;}



	.sec5 {padding: 3rem 3rem;}

	.sec5 .h5 {font-size: 20px;}

	.sec5 .h2 {margin-bottom: 3rem;}



	.sec6 .s1 {padding: 1rem 0px;}



	.sec7 .part-l:before {width: 0px;}

	.sec7 .part-r .col-md-5 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

	.sec7 .part-r .col-md-7 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

	.sec7 .part-r .p {padding-top: 0rem;padding-right: 0px;}

	.sec7 .part-r img {width: 80%;padding-top: 1rem;display: flex;margin: auto;}

	.sec8 .txt-block {padding: 2rem 1rem;}
	.sec8 .txt-block h2 {font-size: 35px;}
	.sec8 .txt-block .content-txt {width: 70%;}

	.sec9 video {width: 80%;}


/* ---------------------------------------- TH PAGE 768 --------------------------------------------- */

	.th-page .th-logo {padding-top: 3rem;}

	.th-page .th-txt1 {margin-top: 3rem;}

	.th-page .th-txt2 {margin-top: 0rem;}

	.imgpixel {
		width: 100px;
	}

}



/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) and (max-width: 1199.98px) {

	.sec7 .part-r .p {padding-top: 3rem;padding-right: 1rem;}

	.sec8 .txt-block {padding: 3rem 1rem;}

	.sec9 video {width: 80%;}



/* ---------------------------------------- TH PAGE 992 --------------------------------------------- */

	.th-page .th-logo {padding-top: 3rem;}

	.th-page .th-txt1 {margin-top: 3rem;}

	/* .th-page .th-txt2 {margin-top: 3rem;} */

}



/* Bigger devices (desktops, 992px and up) */

@media (min-width: 1200px) and (max-width: 1299.98px) {
	.sec8 .txt-block {padding: 5rem 2rem;}

	



/* ---------------------------------------- TH PAGE 1200 --------------------------------------------- */

	.th-page .th-logo {padding-top: 3rem;}

	.th-page .th-txt1 {margin-top: 3rem;}

	.th-page .th-txt2 {margin-top: 3rem;}

}



@media (min-width: 1400px) and (max-width: 1599.98px) {

	.th-page .th-txt1 {
		margin-top: 10rem;
	}

	.th-page .th-txt1 h1 {
		
		font-size: 70px;
		
	}

	.th-page .th-txt1 h2 {
		
		font-size: 50px;
	}

	.th-page .th-txt1 p {
		
		
		font-size: 30px;
		margin-top: 30px;

	}

	.th-page .th-txt2 h5 {
		
		font-size: 40px;
	}

	.th-page .th-redes ul li img {
		width: 60px; 
	
	}

	

/* ---------------------------------------- TH PAGE 1400 --------------------------------------------- */

}



/* Extra large devices  */

@media (min-width: 1600px) {



/* ---------------------------------------- TH PAGE 1600 --------------------------------------------- */

}

#commentForm-3 .form-control {

    border: none;

    border-radius: 0px;

    margin-bottom: 1rem;

    color: #a1a1a1;

    font-family: "Roboto-Regular";

    font-size: 15px;

    background-color: #e6e3da;

}

.modal-content {

    border: 0;

    border-radius: 0;

    outline: 0;

    padding: 3em;

    text-align: center;

}

#commentForm-3 input.button.enviar {

    font-family: "Roboto-Regular";

    color: #fff;

    background-color: #212023;

    border: 0px;

    box-shadow: 0px 5px 15px 2px #0000009e;

    width: 7rem;

    font-size: 18px;

    margin-left: auto;

    display: block;

    padding-top: 5px;

    padding-bottom: 5px;

    cursor: pointer;

    border-radius: 10px;

}

#commentForm-3 .h2 {

    font-family: "Butler_Bold";

    color: #000;

    padding: 0px;

    font-size: 30px;

    margin-bottom: 1rem;

    margin-left: -15px;

    letter-spacing: 2px;

   

}

.modal-trigger {

    display: block;

    position: relative;

    width: 12rem;

    background-color: #212023;

    border-radius: 15px;

    margin: auto;

        margin-top: auto;

    margin-top: 2rem;

    font-family: "Butler_Regular";

    color: #fff;

    cursor: pointer;

    padding: 10px;

    font-size: 20px;

    text-align: center;

  color: #fff;

}