@charset "utf-8";

* {
    padding: 0;
    margin: 0;
    border: 0;
}

body {
    background-color: #808080; /* ნაცრისფერი ფონი */
    font-family: Trebuchet MS, sans-serif;
    color: #6B6B6B; /* ტექსტის ფერი */
    font-size: 13px;
}

#wrapper {
    padding: 60px 0;
}

.container {}
.row {}

.circle {
    background: #ffffff;
    padding: 35px;
    text-align: center;
    height: 250px;
    width: 250px;
    transition: all 0.5s;
}

.circle h4 {
    margin: 0;
    padding: 0;
}

.circle span.icon i {
    font-size: 48px;
}

.circle span.price-large {
    font-size: 68px;
}

.price-small {
    font-size: 24px;
}
/* ვარდისფერი ბლოკი */
.c1:hover {
    background: #ff4fa3;
    color: #ffffff;
}

.c1 .blue {
    color: #ff4fa3;
}

.c1:hover .blue {
    color: #ffffff;
}

/* ცისფერი ბლოკი */
.c1:hover {
    background: #39b3d7;
    color: #ffffff;
}
.c1 .blue {
    color: #39b3d7;
}
.c1:hover .blue {
    color: #ffffff;
}

/* ყვითელი ბლოკი */
.c2:hover {
    background: #ed9c28;
    color: #ffffff;
}
.c2 .yellow {
    color: #ed9c28;
}
.c2:hover .yellow {
    color: #ffffff;
}

/* მწვანე ბლოკი */
.c3:hover {
    background: #47a447; 
    color: #ffffff;
}
.c3 .green {
    color: #47a447;
}
.c3:hover .green {
    color: #ffffff;
}

/* წითელი ბლოკი */
.c4:hover {
    background: #d2322d;
    color: #ffffff;
}
.c4 .red {
    color: #d2322d;
}
.c4:hover .red {
    color: #ffffff;
}

/* სათაური */
h1 {
    color: white;
}

.title {
    color: white;
    width: 100%;
    height: 100%;
    text-align: center;
    font-weight: 900;
    font-size: 500%;
    padding: 200px 0 300px 0;
}

/* ბოლო შვილის სტილი */
.title::last-child {
    padding-bottom: 20px;
    font-size: 1px;
}