*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;   
   }
   body{
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
    box-sizing: border-box;
   }
   body::-webkit-scrollbar{
       display: none;
   }
      /*Estilos generales del boton whatsapp*/
.whatsapp-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #25D366;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    animation: breathe 2s ease-in-out infinite;
  }
  
  /*Estilos solo al icono whatsapp*/
  .whatsapp-btn i {
    color: #fff;
    font-size: 24px;
    animation: beat 2s ease-in-out infinite;
    text-decoration: none;
  }
  
  /*Estilos con animation contorno respirando*/
  @keyframes breathe {
    0% {
      box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
    }
    70% {
      box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
    }
    100% {
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
  }
  
  /*Estilos de animacion del icono latiendo*/
  @keyframes beat {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.2);
    }
    100% {
      transform: scale(1);
    }
  }
   .kuttynav{
    display: none;
   }
   .navbar{
    height: 110px;
    width: 100%;
    padding: 15px;
    background-color:#fff;
    /* box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset; */
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
   }
   .subnavbar{
    height: 100%;
    width: 100%;
    /* background-color:white; */
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.firstnav{
    height: 100%;
    width: 20%;
    /* background-color: white; */
    overflow: hidden;
}
.firstnav img{
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.secondnav{
    height: 100%;
    width: 50%;
    /* background-color:white; */
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.secondnav a{
    text-decoration: none;
    color: #555555;
    font-size: 16px;
    font-family: "Rubik", sans-serif;
    /* font-family: "Poppins", sans-serif; */
    text-transform: capitalize;
}
.secondnav a:hover{
    color: black;
    border-bottom: 5px #ffd82a solid; 
}
.thirdnav{
    height: 100%;
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.thirdnav h2{
    color: #555555;
    font-size: 18px;
    font-family: "Rubik", sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
}
.thirdnav i{
    font-size: 20px;
    color: #0B88C4;
}
.topban{
    height: 751px;
    width: 100%;
    overflow: hidden;
}
.topban img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.empty{
    height: 120px;
    width: 100%;
}
.scro{
    height: 350px;
    width: 100%;
    background-image: url(../img/20.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.subscro{
    height: 100%;
    width: 100%;
    background-color: #1515159e;
}
.scroo{
    height: 350px;
    width: 100%;
    background-image: url(../img/caban.jpg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.subscroo{
    height: 100%;
    width: 100%;
    background-color: #1515159e;
}
.scr{
    height: 350px;
    width: 100%;
    background-image: url(../img/do.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.subscr{
    height: 100%;
    width: 100%;
    background-color: #1515159e;
}
.cb{
    height: 650px;
    width: 100%;
    padding: 20px;
    /* background-color: saddlebrown; */
}
.subcb{
    height: 100%;
    width: 100%;
    /* background-color: #ffd82a; */
    display: flex;
    align-items: center;
    justify-content:center;
}
.subcb1{
    height: 90%;
    width: 45%;
    margin-right: 5px;
    background-color:white;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    /* border-radius: 20px; */
    /* border-right:1px solid rgb(105, 166, 7); */
}
.subcb1 img{
    height: 98%;
    width: 98%;
    object-fit: contain;
}           
.subcb2{
    border-left:5px solid rgb(105, 166, 7);
    height: 90%;
    width: 45%;
    /* background-color: seagreen; */
    padding: 20px;
}
.subcb22{
    height: 75%;
    width: 100%;
}
.subcb22 h1{
    /* color: #092F57; */
    color: rgb(34, 47, 56);
    /* color: #212121; */
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 30px;
    font-family: 'Rubik';
}
.subcb22 p{
    color: #525252;
    font-size: 20px;
    line-height: 32px;
    font-weight: 300;
    text-align:justify;
    /* margin: 0; */
    font-family: 'Rubik';
}
.subcb222{
    height: 25%;
    width: 100%;
    /* background-color: red; */
    display: flex;
    flex-direction:column;
    justify-content: space-between;
}
.subcb222 h2{
    font-size: 20px;
    text-transform: capitalize;
    color: rgb(34, 47, 56);
    /* color: #092F57; */
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.subcb222 span{
    font-size: 18px;
    font-weight: 400;
    font-family: 'Source Sans Pro', sans-serif;
    /* line-height: 30px; */
    color: #2e2e2ebf;
}
.subcb222 a{
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Rubik';
    color: white;
    height: 30px;
    width: 150px;
    border-radius: 25px;
    padding-top: 5px;
    text-align: center;
    background-color: rgb(105, 166, 7);
    /* font-family: 'Source Sans Pro', sans-serif; */
}
.subcb222 a:hover{
    color: #bbbbbb;
    background-color: rgb(61, 97, 4);
}
.subima{
    height: 300px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-color: #e91e63; */
}
.subima1{
    height: 100%;
    width: 87%;
    /* background-color: red; */
    display: flex;
    align-items: center;
    justify-content:space-between;
}
.downi{
    height: 100%;
    width: 24%;
    /* background-color: aquamarine; */
    overflow: hidden;
}
.downi img{
    height: 100%;
    width: 100%;
    object-fit: contain;
    transition: .4s ease-in-out;
}
.downi:hover img{
   transform: scale(1.2);
}
.downi:hover {
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
    
}

.calendar-catalogue {
  font-family: Arial, sans-serif;
  text-align: center;
  padding: 50px;
  background-color: white;
  border: 2px solid rgb(105, 166, 7);
  margin: 50px auto;
  width: 50%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.calendar-catalogue h2 {
  font-size: 28px;
  margin-bottom: 20px;
  color: rgb(105, 166, 7);
}

.calendar-catalogue p {
  font-size: 18px;
  margin-bottom: 30px;
  color: #333;
}

.download-btn {
  display: inline-block;
  padding: 10px 20px;
  background-color: rgb(105, 166, 7);
  color: white;
  text-decoration: none;
  font-size: 16px;
  border-radius: 5px;
  transition: background-color 0.3s;
}

.download-btn:hover {
  background-color: rgb(90, 150, 6);
}







.container{
	max-width: 1170px;
	margin:auto;
}
.row{
	display: flex;
	flex-wrap: wrap;
}
.footer-col ul{
	list-style: none;
}
.footer{
    font-family: 'Poppins', sans-serif;
	background-color: #24262b;
    padding: 70px 0;
}
.footer-col{
   width: 25%;
   padding: 0 15px;
}
.footer-col h4{
	font-size: 18px;
	color: #ffffff;
	text-transform: capitalize;
	margin-bottom: 35px;
	font-weight: 500;
	position: relative;
}
.footer-col h4::before{
	content: '';
	position: absolute;
	left:0;
	bottom: -10px;
	background-color: #e91e63;
	height: 2px;
	box-sizing: border-box;
	width: 50px;
}
.footer-col ul li:not(:last-child){
	margin-bottom: 10px;
}
.footer-col ul li a{
	font-size: 16px;
	text-transform: capitalize;
	color: #ffffff;
	text-decoration: none;
	font-weight: 300;
	color: #bbbbbb;
	display: block;
	transition: all 0.3s ease;
}
.footer-col ul li a:hover{
	color: #ffffff;
	padding-left: 8px;
}
.footer-col .social-links a{
	display: inline-block;
	height: 40px;
	width: 40px;
	background-color: rgba(255,255,255,0.2);
	margin:0 10px 10px 0;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	color: #ffffff;
	transition: all 0.5s ease;
}
.footer-col .social-links a:hover{
	color: #24262b;
	background-color: #ffffff;
}
.copyright{
    font-family: 'Poppins', sans-serif;
    padding:0.8em 0;
    background-color:#1e1e1e;
    text-align:center;
    color:rgba(255,255,255,0.7);
    font-size:12px;
    }
   .copyright span a{
        color: goldenrod;
    }
    
/*responsive*/
@media(max-width: 767px){
  .footer-col{
    width: 50%;
    margin-bottom: 30px;
}
}
@media(max-width: 574px){
  .footer-col{
    width: 100%;
}
}


@media screen and (max-width:600px) {


    *{
        margin: 0;
        padding: 0;
        box-sizing: border-box;   
       }
       body{
        width: 100vw;
        height: 100vh;
        overflow-x: hidden;
        box-sizing: border-box;
       }
       body::-webkit-scrollbar{
           display: none;
       }
       /* mobilnavbar */
  .kuttynav{
    height: 100px;
    width: 100%;
    padding: 10px;
    background-color:white;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .firstkutty{
    height: 100%;
    width: 35%;
    overflow: hidden;
    background-color:rgb(255, 255, 255);
  }
  .firstkutty img{
    height: 100%;
    width: 100%;
    object-fit: contain;
  }
  

/* Please ❤ this if you like it! */


/* @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap'); */

/* *,
*::before,
*::after {
  box-sizing: border-box;
} */

.sec-center {
  position: relative;
  /* max-width: 100%; */
  width:65%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
  z-index: 200;
}
[type="checkbox"]:checked,
[type="checkbox"]:not(:checked){
  position: absolute;
  left: -9999px;
  opacity: 0;
  pointer-events: none;
}
.for-dropdown i{
    font-size: 30px;
    font-style: normal;
    color: #1e1e1e;
    /* margin-top: 20px; */
    /* margin-left: 130px; */
    /* font-weight: 500; */
}
.dropdown:checked + label,
.dropdown:not(:checked) + label{
  position: relative;
  font-family: 'Poppins', sans-serif;
  /* font-family: 'Roboto', sans-serif; */
  font-weight: 500;
  font-size: 15px;
  line-height: 2;
  height: 50px;
  /* margin-top: 20px; */
  margin-left: 130px;
  transition: all 200ms linear;
  border-radius: 4px;
  width:60px;
  letter-spacing: 1px;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  text-align: center;
  border: none;
  /* background-color: #ffeba7; */
  cursor: pointer;
  color:gray;
  box-shadow: 0 12px 35px 0 rgba(255,235,167,.15);
}
.dark-light:checked ~ .sec-center .for-dropdown{
  background-color: #102770;
  color: #debe53;
  /* font-size: 30px; */
  box-shadow: 0 12px 35px 0 rgba(16,39,112,.25);
}
.dropdown:checked + label:before,
.dropdown:not(:checked) + label:before{
  position: fixed;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  z-index: -1;
  cursor: auto;
  pointer-events: none;
}
.dropdown:checked + label:before{
  pointer-events: auto;
}
.dropdown:not(:checked) + label .uil {
  font-size: 24px;
  margin-left: 10px;
  transition: transform 200ms linear;
}
.dropdown:checked + label .uil {
  transform: rotate(180deg);
  font-size: 24px;
  margin-left: 10px;
  transition: transform 200ms linear;
}
.section-dropdown {
  position: absolute;
  padding: 5px;
  background-color:#212121;
  top: 80px;
  left: 0;
  height: 450px;
  width: 100%;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: left;
  justify-content:space-around;
  box-shadow: 0 14px 35px 0 rgba(9,9,12,0.4);
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transform: translateY(30px);
  transition: all 200ms linear;
}
.section-dropdown i{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color:#ffc815;
    /* color: rgb(252, 198, 71); */
    /* padding: 20px; */
    margin-right: 10px;
    margin-bottom: 5px;
}
.dropdown:checked ~ .section-dropdown{
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.section-dropdown:before {
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  height: 20px;
  content: '';
  display: block;
  z-index: 1;
}
.section-dropdown:after {
  position: absolute;
  top: -7px;
  right: 60px;
  /* left: 30px; */
  width: 0; 
  height: 0; 
  border-left: 8px solid transparent;
  border-right: 8px solid transparent; 
  border-bottom: 8px solid #111;
  content: '';
  display: block;
  z-index: 2;
  transition: all 200ms linear;
}
.dark-light:checked ~ .sec-center .section-dropdown:after {
  border-bottom: 8px solid #fff;
}

.section-dropdown a {
  position: relative;
  color: #fff;
  transition: all 200ms linear;
  font-family: 'Poppins', sans-serif;
  text-transform: capitalize;
  /* font-family: 'Roboto', sans-serif; */
  font-weight: 300;
  font-size: 16px;
  margin-top: 3px;
  border-radius: 2px;
  padding: 5px 0;
  padding-left: 20px;
  padding-right: 15px;
  /* margin: 2px 0; */
  margin-left: 10px;
  text-align: left;
  text-decoration: none;
  display:flex;

  
}
.dark-light:checked ~ .sec-center .section-dropdown a {
  color: #102770;
}
a:hover {
  color: #102770;
  background-color: #ffeba7;
}
.dark-light:checked ~ .sec-center .section-dropdown a:hover {
  color: #ffeba7;
  background-color: #102770;
}
a .uil {
  font-size: 22px;
}
.dropdown-sub:checked + label,
.dropdown-sub:not(:checked) + label{
  position: relative;
  color: #fff;
  transition: all 200ms linear;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 15px;
  border-radius: 2px;
  padding: 5px 0;
  padding-left: 20px;
  padding-right: 15px;
  text-align: left;
  text-decoration: none;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  justify-content: space-between;
    -ms-flex-pack: distribute;
    cursor: pointer;
}
.dropdown-sub:checked + label .uil,
.dropdown-sub:not(:checked) + label .uil{
  font-size: 22px;
}
.dropdown-sub:not(:checked) + label .uil {
  transition: transform 200ms linear;
}
.dropdown-sub:checked + label .uil {
  transform: rotate(135deg);
  transition: transform 200ms linear;
}
.dropdown-sub:checked + label:hover,
.dropdown-sub:not(:checked) + label:hover{
  color: #102770;
  background-color: #ffeba7;
}
.dark-light:checked ~ .sec-center .section-dropdown .for-dropdown-sub{
  color: #102770;
}
.dark-light:checked ~ .sec-center .section-dropdown .for-dropdown-sub:hover{
  color: #ffeba7;
  background-color: #102770;
}

.section-dropdown-sub {
    font-family: 'Poppins', sans-serif;
  position: relative;
  display: block;
  width: 100%;
  pointer-events: none;
  opacity: 0;
  max-height: 0;
  padding-left: 10px;
  padding-right: 3px;
  overflow: hidden;
  transition: all 200ms linear;
}
.dropdown-sub:checked ~ .section-dropdown-sub{
  pointer-events: auto;
  opacity: 1;
  max-height: 999px;
}
.section-dropdown-sub a {
    font-family: 'Poppins', sans-serif;
  font-size: 14px;
}
.section-dropdown-sub a .uil {
    font-family: 'Poppins', sans-serif;
  font-size: 20px;
}
.logo {
	position: fixed;
	top: 50px;
	left: 40px;
	display: block;
	z-index: 11000000;
  background-color: transparent;
  border-radius: 0;
  padding: 0;
	transition: all 250ms linear;
}
.logo:hover {
  background-color: transparent;
}
.logo img {
	height: 26px;
	width: auto;
	display: block;
  transition: all 200ms linear;
}
.dark-light:checked ~ .logo img{
  filter: brightness(10%);
}


   /* end mobile navbar */

       .navbar{
        display: none;
        height: 110px;
        width: 100%;
        padding: 15px;
        background-color:#fff;
        /* box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset; */
        box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
       }
       .subnavbar{
        height: 100%;
        width: 100%;
        /* background-color:white; */
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .firstnav{
        height: 100%;
        width: 20%;
        /* background-color: white; */
        overflow: hidden;
    }
    .firstnav img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .secondnav{
        height: 100%;
        width: 50%;
        /* background-color:white; */
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    .secondnav a{
        text-decoration: none;
        color: #555555;
        font-size: 16px;
        font-family: "Rubik", sans-serif;
        /* font-family: "Poppins", sans-serif; */
        text-transform: capitalize;
    }
    .secondnav a:hover{
        color: black;
        border-bottom: 5px #ffd82a solid; 
    }
    .thirdnav{
        height: 100%;
        width: 20%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .thirdnav h2{
        color: #555555;
        font-size: 18px;
        font-family: "Rubik", sans-serif;
        font-weight: 400;
        letter-spacing: 2px;
    }
    .thirdnav i{
        font-size: 20px;
        color: #0B88C4;
    }
   
    .topban{
        height:auto;
        width: 100%;
        overflow: hidden;
    }
    .topban img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    .empty{
        height: 10px;
        width: 100%;
    }
    .scro{
        height: 350px;
        width: 100%;
        background-image: url(../img/20.webp);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }
    .subscro{
        height: 100%;
        width: 100%;
        background-color: #1515159e;
    }
    .scroo{
        height: 250px;
        width: 100%;
        background-image: url(../img/caban.jpg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }
    .subscroo{
        height: 100%;
        width: 100%;
        background-color: #1515159e;
    }
    .scr{
        height: 350px;
        width: 100%;
        background-image: url(../img/do.jpg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }
    .subscr{
        height: 100%;
        width: 100%;
        background-color: #1515159e;
    }
    .cb{
        height:auto;
        width: 100%;
        padding: 20px;
        overflow: hidden;
        /* background-color: saddlebrown; */
    }
    .subcb{
        height: 100%;
        width: 100%;
        /* background-color: #ffd82a; */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content:center;
    }
    .subcb1{
        height: 100%;
        width: 100%;
        margin-right: 5px;
        /* background-color: aqua; */
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        /* border-radius: 20px; */
        /* border-right:1px solid rgb(105, 166, 7); */
    }
    .subcb1 img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }           
    .subcb2{
        border-left:5px solid rgb(105, 166, 7);
        height: 90%;
        width: 100%;
        /* background-color: seagreen; */
        padding: 20px;
    }
    .subcb22{
        height: 75%;
        width: 100%;
    }
    .subcb22 h1{
        /* color: #092F57; */
        color: rgb(34, 47, 56);
        /* color: #212121; */
        font-size: 40px;
        font-weight: bold;
        margin-bottom: 30px;
        font-family: 'Rubik';
    }
    .subcb22 p{
        color: #525252;
        font-size: 18px;
        line-height: 32px;
        font-weight: 300;
        text-align:justify;
        /* margin: 0; */
        font-family: 'Rubik';
    }
    .subcb222{
        height: 100%;
        width: 100%;
        /* background-color: red; */
        display: flex;
        flex-direction:column;
        justify-content: space-between;
    }
    .subcb222 h2{
        margin-top: 15px;
        font-size: 20px;
        text-transform: capitalize;
        color: rgb(34, 47, 56);
        /* color: #092F57; */
        font-weight: 400;
        font-family: 'Poppins', sans-serif;
    }
    .subcb222 span{
        font-size: 18px;
        font-weight: 400;
        font-family: 'Source Sans Pro', sans-serif;
        /* line-height: 30px; */
        color: #2e2e2ebf;
    }
    .subcb222 a{
        margin-top: 15px;
        text-decoration: none;
        font-size: 16px;
        font-weight: 500;
        font-family: 'Rubik';
        color: white;
        height: 30px;
        width: 150px;
        border-radius: 25px;
        padding-top: 5px;
        text-align: center;
        background-color: rgb(105, 166, 7);
        /* font-family: 'Source Sans Pro', sans-serif; */
    }
    .subcb222 a:hover{
        color: #bbbbbb;
        background-color: rgb(61, 97, 4);
    }
    .subima{
        height: 200px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
        /* background-color: #e91e63; */
    }
    .subima1{
        height: 100%;
        width: 100%;
        /* background-color: red; */
        display: flex;
        align-items: center;
        justify-content:space-between;
    }
    .downi{
        height: 100%;
        width: 24%;
        /* background-color: aquamarine; */
        overflow: hidden;
    }
    .downi img{
        height: 100%;
        width: 100%;
        object-fit: cover;
        transition: .4s ease-in-out;
    }
    .downi:hover img{
       transform: scale(1.2);
    }
    .downi:hover {
        box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
        
    }
    
    


    .calendar-catalogue {
      font-family: Arial, sans-serif;
      text-align: center;
      padding: 20px;
      background-color: white;
      border: 2px solid rgb(105, 166, 7);
      margin: 20px 20px 20px 20px;
      width: 90%;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
    
    .calendar-catalogue h2 {
      font-size: 28px;
      margin-bottom: 20px;
      color: rgb(105, 166, 7);
    }
    
    .calendar-catalogue p {
      font-size: 18px;
      margin-bottom: 30px;
      color: #333;
    }
    
    .download-btn {
      display: inline-block;
      padding: 10px 20px;
      background-color: rgb(105, 166, 7);
      color: white;
      text-decoration: none;
      font-size: 16px;
      border-radius: 5px;
      transition: background-color 0.3s;
    }
    
    .download-btn:hover {
      background-color: rgb(90, 150, 6);
    }


















































    .container{
        max-width: 1170px;
        margin:auto;
    }
    .row{
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .footer-col ul{
        list-style: none;
    }
    .footer{
        height: auto;
        width: 100%;
        overflow: hidden;
        font-family: 'Poppins', sans-serif;
        background-color: #24262b;
        padding: 10px;
    }
    .footer-col{
        height: 100%;
       width: 100%;
       padding: 0 15px;
    }
    .footer-col h4{
        margin-top: 20px;
        font-size: 18px;
        color: #ffffff;
        text-transform: capitalize;
        margin-bottom: 35px;
        font-weight: 500;
        position: relative;
    }
    .footer-col h4::before{
        content: '';
        position: absolute;
        left:0;
        bottom: -10px;
        background-color: #e91e63;
        height: 2px;
        box-sizing: border-box;
        width: 50px;
    }
    .footer-col ul li:not(:last-child){
        margin-bottom: 10px;
    }
    .footer-col ul li a{
        font-size: 16px;
        text-transform: capitalize;
        color: #ffffff;
        text-decoration: none;
        font-weight: 300;
        color: #bbbbbb;
        display: block;
        transition: all 0.3s ease;
    }
    .footer-col ul li a:hover{
        color: #ffffff;
        padding-left: 8px;
    }
    .footer-col .social-links a{
        display: inline-block;
        height: 40px;
        width: 40px;
        background-color: rgba(255,255,255,0.2);
        margin:0 10px 10px 0;
        text-align: center;
        line-height: 40px;
        border-radius: 50%;
        color: #ffffff;
        transition: all 0.5s ease;
    }
    .footer-col .social-links a:hover{
        color: #24262b;
        background-color: #ffffff;
    }
    .copyright{
        height: auto;
        width: 100%;
        overflow: hidden;
        font-family: 'Poppins', sans-serif;
        padding:0.8em 0;
        background-color:#1e1e1e;
        text-align:center;
        color:rgba(255,255,255,0.7);
        font-size:12px;
        }
       .copyright span a{
            color: goldenrod;
        }
        









}