@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
    font-family: "Poppins", sans-serif;
}

body {
    overflow-x: hidden !important;
}

a {
    text-decoration: none !important;
}

/* topbarsec */

.topbar {
    background-color: #FF9900;
    height: 30px;
}

/* headersec */

img.mainlogo {
    width: 92%;
    /* filter: brightness(0) invert(1); */
}

section.header {
    padding: 20px 0px;
    position: absolute;
    width: 100%;
}

ul.headerul {
    display: inline-flex;
    gap: 30px;
    justify-content: flex-end;
    margin-bottom: 0px;
    padding: 0px;
    width: 100%;
}

ul.headerul li a.headerbtn {
    /* background: white; */
    /* color: rgb(16 34 105) !important; */
    padding: 10px 20px;
}

.header ul.headerul li:first-child {
    margin-right: 20px;
}

section.header .row {
    align-items: center;
    display: flex;
}

ul.headerul li {
    list-style: none;
}

a.headerbtn {
    color: white !important;
    /* background: #2ba7df87; */
    border: 1px solid #ffffff !important;
    padding: 9px 19px;
    border-radius: 5px;
}

ul.headerul li a {
    font-size: 15px;
    text-decoration: none !important;
    color: white;
}

ul.headerul li a i {
    margin-right: 5px;
    color: white;
    font-size: 17px;
}

/* Banner Css */

section.banner {
    background-image: url('../images/banner-bg.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 150px 0px 90px;
}

section.banner .row {
    display: flex;
    align-items: center;
}

.bannerbtn {
    color: #102269 !important;
    background: white;
    padding: 10px 35px;
    border-radius: 5px;
    border: 3px solid white;
    text-decoration: none !important;
}

.bannerul {
    display: inline-flex;
    gap: 40px;
    margin-bottom: 0px;
    padding: 0px;
    margin-bottom: 20px;
}

ul.bannerul li {
    list-style: none;
}

ul.bannerlist {
    padding: 0px;
    list-style: none;
    margin-bottom: 50px;
    display: grid;
    gap: 15px;
}

ul.bannerlist img {
    margin-right: 15px;
    filter: brightness(0) invert(1);
}

ul.bannerlist li {
    color: white;
}

section.banner h1 {
    font-size: 50px;
    color: white;
    font-weight: 600;
    margin-top: -7px;
}

section.banner p {
    color: white;
    margin-top: 20px;
    margin-bottom: 25px;
}

section.banner h1 span {
    color: #4bd6f5;
    font-weight: 700;
}

ul.bannerul a.headerbtn {
    padding: 10px 35px;
    text-decoration: none;
}

.formdiv {
    background-image: url('../images/form-bg.webp');
    width: 90%;
    text-align: center;
    float: right;
    padding: 40px 0px 40px;
    border-radius: 5px;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

p.spancolor {
    margin-top: 0px !important;
    margin-bottom: 10px !important;
    color: white;
    font-weight: 500;
    line-height: 17px;
}

.formdiv h3 {
    font-size: 27px !important;
    font-weight: 600;
    line-height: 34px;
    margin-bottom: 15px;
    color: white;
}

.formdiv h3 span {
    color: #4bd6f5;
    font-weight: 700;
    font-size: 34px;
}

input.btn_green {
    padding: 9px 30px;
    text-decoration: none;
    border: 2px solid #ffffff;
    background: white;
    border-radius: 6px;
    color: #102269;
    margin-top: 15px;
    text-transform: capitalize;
}

.form-div input {
    background: white;
    color: black;
    border: 2px solid white;
    width: 80%;
    margin-top: 15px;
    border-radius: 5px;
    padding: 9px 20px;
    font-size: 14px;
    outline: none;
}

.form-div textarea {
    background: white;
    color: black;
    border: 2px solid white;
    width: 80%;
    margin-top: 15px;
    border-radius: 5px;
    padding: 10px 20px;
    height: 120px;
    font-size: 14px;
    outline: none;
}

ul.banbadge {
    padding: 0px;
    list-style: none;
    display: inline-flex;
    align-items: center;
    margin-top: 35px;
    margin-bottom: 0px;
}

ul.banbadge img {
    width: 75%;
    /* float: right; */
}

li.banbadge1 {
    padding-right: 0px;
}

li.banbadge2 {
    padding-left: 0px;
}

/* Services Sec Css */

section.servicesec {
    padding: 80px 0px;
    text-align: center;
    padding-bottom: 80px;
}

section.servicesec .row {
    align-items: end;
}

section.servicesec h3.headingh3 {
    font-size: 42px;
    font-weight: 600;
    margin-top: -10px;
    color: #102269;
    text-align: left;
    margin-bottom: 0px;
}

section.servicesec p.paragraphsec {
    font-size: 15px;
    display: block;
    margin: auto;
    text-align: justify;
}

.serviceinfo {
    margin-top: 50px;
    text-align: left;
    box-shadow: 0px 0px 4px 0px #0000002e;
    border-radius: 10px;
    padding: 30px 25px;
    min-height: 400px;
}

.panel-img {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    border-bottom: 3px solid #282e75;
    padding-bottom: 20px;
}

.panel-img img {
    width: 65px;
    height: 60px;
}

p.info-num {
    margin-bottom: 0px;
    color: #282E71;
    font-weight: 600;
    font-size: 45px;
}

h3.servinfohead {
    font-weight: 600;
    font-size: 24px;
    color: #282E71;
    margin-top: 20px;
    margin-bottom: 15px;
}

p.serviceinfop {
    margin-bottom: 0px;
    font-size: 15px;
}

.serviceinfo:hover {
    background: rgb(41,48,115);
    background: linear-gradient(to right, #2769ef, #0b226b) !important;
    transition: all ease 0.5s;
}

.serviceinfo:hover img {
    filter: brightness(0) invert(1);
}

.serviceinfo:hover p.info-num {
    color: white;
}

.serviceinfo:hover .panel-img {
    border-color: white;
}

.serviceinfo:hover h3.servinfohead {
    color: white;
}

.serviceinfo:hover p.serviceinfop {
    color: white;
}

/* Portfolio Css */

section.portfolio {
    padding: 80px 0px;
    text-align: center;
    padding-bottom: 60px;
}

h3.headingh3 span {
    color: #282E71;
}

h3.headingh3 {
    font-size: 50px;
    font-weight: 600;
    margin-top: -10px;
    margin-bottom: 15px;
    color: #102269;
}

section.portfolio p.paragraphsec {
    font-size: 16px;
    width: 90%;
    display: block;
    margin: auto;
}

section.portfolio a.headerbtn {
    color: white !important;
    background: #282E71;
    padding: 10px 35px;
    border-radius: 5px;
    border: none;
}

/*Portfolio Slide*/

.screen {
	background-size: 100% auto !important;
	cursor: pointer;
	display: none;
	float: left;
	margin: 0 0 20px 0;
	min-height: 280px;
	padding: 0;
	position: relative;
	transition: all 6s ease-in 0s;
	width: 100%;
	z-index: 9999999;
	border-radius: 5px;
	/* box-shadow: -5px -2px 11px -2px rgb(0 0 0); */
}
.screen:hover {
	background-position: 0 100%;
}
.scale-anm {
	transform: scale(1);
}
.scale-anm .screen {
	display: block !important;
}
.screen_01 {
	background: rgba(0, 0, 0, 0) url("../images/port-1.webp") no-repeat scroll 0 0;
	display: block;
}
.screen_02 {
	background: rgba(0, 0, 0, 0) url("../images/port-2.webp") no-repeat scroll 0 0;
	display: block;
}
.screen_03 {
	background: rgba(0, 0, 0, 0) url("../images/port-3.webp") no-repeat scroll 0 0;
	display: block;
}
.screen_04 {
	background: rgba(0, 0, 0, 0) url("../images/port-4.webp") no-repeat scroll 0 0;
	display: block;
}
.screen_05 {
	background: rgba(0, 0, 0, 0) url("../images/port-5.webp") no-repeat scroll 0 0;
	display: block;
}
.screen_06 {
	background: rgba(0, 0, 0, 0) url("../images/port-6.webp") no-repeat scroll 0 0;
	display: block;
}
.screen_07 {
	background: rgba(0, 0, 0, 0) url("../images/port-7.webp") no-repeat scroll 0 0;
	display: block;
}
.screen_08 {
	background: rgba(0, 0, 0, 0) url("../images/port-8.webp") no-repeat scroll 0 0;
	display: block;
}
.screen_09 {
	background: rgba(0, 0, 0, 0) url("../images/port-9.webp") no-repeat scroll 0 0;
	display: block;
}
.screen_10 {
	background: rgba(0, 0, 0, 0) url("../images/port-10.webp") no-repeat scroll 0 0;
	display: block;
}
.screen_11 {
	background: rgba(0, 0, 0, 0) url("../images/port-11.webp") no-repeat scroll 0 0;
	display: block;
}
.screen_12 {
	background: rgba(0, 0, 0, 0) url("../images/port-12.webp") no-repeat scroll 0 0;
	display: block;
}
.screen_13 {
	background: rgba(0, 0, 0, 0) url("../images/port-13.webp") no-repeat scroll 0 0;
	display: block;
}
.screen_14 {
	background: rgba(0, 0, 0, 0) url("../images/port-14.webp") no-repeat scroll 0 0;
	display: block;
}
.screen_15 {
	background: rgba(0, 0, 0, 0) url("../images/port-15.webp") no-repeat scroll 0 0;
	display: block;
}

div#showmoreport {
    width: 100%;
    flex-wrap: wrap;
    display: none;
}

button#showmorebtn {
    padding: 12px 40px;
    outline: none !important;
    color: white;
    border-radius: 5px;
    background: linear-gradient(to right, #2769ef, #0b226b) !important;
    border: none;
}
/*Slide Portfolio End*/

.center-btn.col-md-12 {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    gap: 30px;
    align-items: center;
}

.row.icon-img-row {
    margin-top: 40px;
}

.screen.portimage {
    box-shadow: 0px 0px 7px 0px #102269;
}

/* Portfolio Css End */

/* Package Css Start */

.package-sec {
    padding: 80px 0px;
    text-align: center;
    padding-bottom: 80px;
    background: #F9FAFF;
}

section.package-sec h3.headingh3 span {
    color: #282E71;
}

section.package-sec h3.headingh3 {
    font-size: 50px;
    font-weight: 600;
    margin-top: -5px;
    margin-bottom: 15px;
}

section.package-sec p.paragraphsec {
    font-size: 16px;
    width: 80%;
    display: block;
    margin: auto;
}

.packagebx {
    margin-top: 40px;
    box-shadow: 0px 0px 5px 0px #1022697d;
    border-radius: 10px;
    background: white;
    padding: 30px 20px;
}

p.packagename {
    background: #102269;
    color: white;
    padding: 10px 0px;
}

.packageprice {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #C7C7C7;
}

.packageprice p {
    margin-bottom: 0px;
    font-size: 40px;
    font-weight: 600;
    color: #102269;
    line-height: 45px;
}

p.pricestrike {
    font-size: 21px;
    text-decoration: line-through;
    color: black;
    font-weight: 400;
}

ul.packagelist {
    padding: 0px;
    list-style: none;
    text-align: left;
    height: 300px;
    overflow: auto;
    margin-bottom: 30px;
}

ul.packagelist li img {
    width: 5%;
    margin-right: 15px;
    filter: brightness(0);
}

ul.packagelist li {
    margin-bottom: 10px;
}

ul.packagelist li:last-child {
    margin-bottom: 0px;
}

.packagelist::-webkit-scrollbar {
    width: 5px;
}
   
/* Handle */
.packagelist::-webkit-scrollbar-thumb {
    background: #c1c1c1; 
    border-radius: 10px;
}
  
.packagelist::-webkit-scrollbar-thumb:hover {
    background: #c1c1c1; 
}

p.addonprice {
    font-size: 14px;
    margin-top: 40px;
    border-top: 1px solid #C7C7C7;
    line-height: 50px;
}

a.various.buynow {
    color: white !important;
    background: linear-gradient(to right, #2769ef, #0b226b) !important;
    padding: 10px 35px;
    border-radius: 5px;
    border: none;
}

.metapackage {
    display: flex;
    justify-content: space-between;
    margin-top: 35px;
    color: #102269;
}

.metapackage a {
    color: #102269 !important;
    text-decoration: underline !important;
}

.metapackage p {
    margin-bottom: 0px;
    line-height: 19px;
}
/* Package Css End */

/* Cta Section Start */
img.ctaimg {
    width: 100%;
    transform: scale(1.5);
}

section.cta-sec {
    background: #102269;
    padding: 15px 0px;
    margin: 30px 0px 100px;
}

section.cta-sec .row {
    align-items: center;
    display: flex;
}

p.subcta {
    color: white;
    margin-bottom: 5px;
    line-height: 15px;
}

.ctahead {
    color: white;
    font-size: 35px;
    font-weight: 600;
    margin-left: 0px;
    line-height: 45px;
    margin-top: -5px;
    margin-bottom: 30px;
}

.buttondiv {
    display: flex;
    gap: 30px;
}

.buttondiv a {
    color: white !important;
    background: #282E71;
    padding: 10px 35px;
    border-radius: 5px;
    border: none;
    line-height: 23px;
}

a.livechatcta {
    border: 2px solid #282E71;
    padding: 8px 33px;
    background: transparent;
}

.cta-sec .buttondiv a {
    color: white !important;
    background: #2ba7df87;
    border: 3px solid #2BA7DF !important;
}

.cta-sec .buttondiv a.livechatcta.chat_now {
    padding: 10px 35px;
}

a.whitebgcta {
    background: white;
    color: #282E71 !important;
    line-height: 23px;
}
/* Cta Section End */

/* Testimonials Section Css */
.testimonials-sec {
    padding: 0px 0px;
    text-align: center;
    padding-bottom: 80px;
}

section.testimonials-sec h3.headingh3 span {
    color: #282E71;
}

section.testimonials-sec h3.headingh3 {
    font-size: 50px;
    font-weight: 600;
    margin-top: -5px;
    margin-bottom: 15px;
}

section.testimonials-sec p.paragraphsec {
    font-size: 16px;
    width: 80%;
    display: block;
    margin: auto;
}

.tetibx {
    margin-top: 40px;
    background: #FDF4F4;
    padding: 30px 25px;
}

.usertest {
    display: flex;
    align-items: center;
    gap: 20px;
}

p.username {
    margin-bottom: 0px;
    text-align: left;
}

.cta-testi img {
    display: none;
}

.cta-testi {
    display: none;
}

p.review {
    text-align: left;
    margin-top: 20px;
}

p.review {
    height: 220px;
}

.buttontestd {
    display: flex;
    gap: 35px;
    margin-top: 25px;
}

a.redtesti {
    color: white !important;
    background: #282E71;
    padding: 10px 35px;
    border-radius: 5px;
    border: none;
}

a.bluetesti {
    color: white !important;
    background: #102269;
    padding: 10px 35px;
    border-radius: 5px;
    border: none;
}

.tetibx {
    margin-top: 40px;
    background: #F4F4F8;
    padding: 30px 25px;
    border-radius: 10px;
}

.usertest {
    display: flex;
    align-items: center;
    gap: 20px;
}

p.username {
    margin-bottom: 0px;
    text-align: left;
}

.cta-testi img {
    display: none;
}

p.review {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 0px;
}

.buttontestd {
    display: flex;
    gap: 35px;
    margin-top: 25px;
}

a.redtesti {
    color: white !important;
    background: #282E71;
    padding: 10px 35px;
    border-radius: 5px;
    border: none;
}

a.bluetesti {
    color: white !important;
    background: #102269;
    padding: 10px 35px;
    border-radius: 5px;
    border: none;
}

p.username {
    color: #282E71;
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
}

p.username span {
    font-size: 15px;
    font-weight: 400;
    color: #bf2930;
}

.testimonials-sec .buttondiv {
    justify-content: center;
    margin: auto;
    margin-top: 40px;
}

.testimonials-sec .buttondiv a {
    color: white !important;
    background: linear-gradient(to right, #2769ef, #0b226b) !important;
    border: none;
    padding: 11px 40px;
}

.testimonials-sec .buttondiv a.livechatcta.chat_now {
    padding: 10px 35px;
}
/* Testimonials Section Css */

/* Process Css */
section.processsec {
    background: #F7F8FA;
    padding: 60px 0px;
}

section.processsec .row {
    display: flex;
    align-items: center;
}

p.sidetxt {
    margin-bottom: 0px;
    font-size: 15px;
}

section.processsec {
    background: #F7F8FA;
    padding: 60px 0px;
}

section.processsec .row {
    display: flex;
    align-items: center;
}

p.sidetxt {
    margin-bottom: 0px;
    text-align: justify;
    font-size: 15px;
}

.processhead {
    font-size: 43px;
    font-weight: 600;
    margin-top: -5px;
    color: #102269;
    line-height: 55px;
}

.processhead span {
    color: #D12A2B;
}

.infobx {
    margin-top: 50px;
}

.infobx img {
    width: 25%;
}

.processull {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.processulli p {
    margin-bottom: 0px !important;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
}

.processulli img {
    width: 115px;
    height: 115px;
    margin: auto;
    display: block;
}

.processulli {
    display: table-cell;
    width: auto;
    text-align: center;
}

p.infotext {
    margin-bottom: 15px;
    margin-top: 20px;
    font-size: 19px;
    color: #102269;
    font-weight: 600;
}

p.infopra {
    margin-bottom: 0px;
    text-align: left;
    font-size: 16px;
    height: 100px;
    overflow: auto;
}

p.infopra::-webkit-scrollbar {
    width: 5px;
}
   
/* Handle */
p.infopra::-webkit-scrollbar-thumb {
    background: #102269; 
    border-radius: 5px;
}
  
p.infopra::-webkit-scrollbar-thumb:hover {
    background: #102269; 
}
/* Process Css */

/* Contact Form Css */
section.contactfrm {
    padding: 60px 0px;
}

.contactfrm .formdiv {
    float: left;
    width: 100%;
    background: white;
    box-shadow: 0px 0px 5px 0px #1022693d;
}

.contactfrm img {
    width: 100%;
}

.contactfrm .row {
    align-items: center;
}

.contactfrm input {
    box-shadow: 0px 0px 2px 0px #10226959;
    width: 85%;
    margin-bottom: 15px;
    border-radius: 5px;
    padding: 13px 20px;
    border: 1px solid #70707085;
}

h2.formtitle {
    margin-bottom: 15px;
}

.contactfrm .formdiv textarea {
    box-shadow: 0px 0px 2px 0px #10226959;
    width: 85% !important;
    margin-bottom: 15px;
    border-radius: 5px;
    height: 150px;
    padding: 13px 20px;
    border: 1px solid #70707085;
}

.contactfrm input.btn_green {
    box-shadow: none;
    border: 1px solid #282E71;
    background: #282E71;
    color: white;
    margin-bottom: 0px;
}

/* Footer Css */

section.footer {
    padding: 60px 0px;
    background: #172758;
}

section.footer p {
    margin-bottom: 0px;
    color: #d0d0d0;
    margin-top: 25px;
}

section.footer h4 {
    margin-bottom: 15px;
    color: white;
    font-weight: 600;
    font-size: 23px;
}

section.footer ul {list-style: none;}

section.footer ul li a {
    color: #d0d0d0;
}

section.footer ul li {
    margin-bottom: 10px;
}

section.footer img {
    width: 45%;
}

img.img-fluid.paymentimg {
    width: 100%;
}

.cpyrght p {
    margin-bottom: 0px;
}

.cpyrght {
    padding: 10px 0px;
    background: #0b0f32;
    color: white;
}

/* Modal Css */

.modal-body {
    padding: 0px !important;
}

.modal .formdiv {
    width: 100%;
    margin: auto;
    float: none;
    background: url('https://dexterdigital.co.uk/offer/assets/images/pop-form-bg.webp');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.modal-content {
    border-radius: 10px !important;
}

button.close {
    color: white !important;
    opacity: 1;
    font-weight: 300;
    background: #282E71 !important;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: absolute;
    right: -15px;
    top: -15px;
    outline: none !important;
}

.modal p.spancolor {
    font-weight: 300;
    font-size: 17px;
    margin-bottom: 10px !important;
}

.modal .formdiv h3 {
    font-size: 30px !important;
    margin-bottom: 10px;
}

/* .modal-dialog.modal-dialog-centered {
    width: 35% !important;
    max-width: 35%;
} */

.modal .form-div textarea {
    width: 90%;
    height: 130px;
}

.modal .form-div input {
    width: 90%;
}

.modal-content {
    border-radius: 20px !important;
}

a.headerbtn:hover {
    background: linear-gradient(to right, #2769ef, #0b226b) !important;
    text-decoration: none !important;
}

a.headerbtn {
    transition: 0.5s all ease;
}

ul.headerul li a.numhead:hover {text-decoration: underline !important;}

ul.headerul li a {
    transition: 0.5s all ease;
}

section.header a.headerbtn {
    text-decoration: none !important;
}

.banner input.btn_green:hover {
    background: linear-gradient(to right, #2769ef, #0b226b) !important;
    color: white;
}

div#successformm {
    padding: 0px !important;
}

body.modal-open {
    padding: 0px !important;
}

#successformm button.close {
    display: none;
}

#successformm .modal-header {
    display: none;
}

#successformm .modal-body {
    background: #f8faf7;
    padding: 30px 45px !important;
    border-radius: 10px;
}

#successformm .modal-body img {
    width: 20%;
    display: block;
    margin: auto;
    margin-bottom: 25px;
    margin-top: -5px;
}

#successformm .modal-body h2 {
    display: none;
}

#successformm .modal-body p {
    margin-bottom: 0px;
    margin-top: 15px;
    text-align: center;
    font-size: 17px;
}

img.img-fluid.logofoot {
    /* filter: brightness(0) invert(1); */
    width: 65%;
}

section.servicesec .col-head.cl-wh.col-md-12 h3 {
    text-align: center;
    margin-bottom: 10px;
}

section.servicesec .col-head.cl-wh.col-md-12 p {
    text-align: center;
    font-size: 16px;
    width: 80%;
    display: block;
    margin: auto;
}

ul.banbadge li {
    width: 160px;
}

section.portfolio .buttondiv {
    justify-content: center;
    width: 100%;
    margin-top: 35px;
}

section.portfolio .buttondiv a {
    line-height: normal !important;
    border-color: #2462e2 !important;
    border: 2px solid;
    color: #0d2877 !important;
    transition: 0.5s all ease;
    background: transparent;
}

section.portfolio .buttondiv a.whitebgcta {
    border-color: #2462e2 !important;
    border: 2px solid;
    color: #0d2877 !important;
    transition: 0.5s all ease;
}

section.portfolio .buttondiv a:hover {
    background: linear-gradient(to right, #2769ef, #0b226b) !important;
    color: white !important;
}

a.animatedtbn {
    animation: pulses 2s infinite;
    display: block;
}

/*a.animatedtbn i {*/
/*    animation: colori 2s infinite;*/
/*}*/

a.animatedtbn {
    font-weight: 500;
}

a.numhead {
    animation: pulse 2s infinite;
    display: block;
    font-weight: 500;
}

a.numhead i {
    animation: colori 2s infinite;
}

@keyframes colori {
    0% {
        transform: scale(1);
        /* Initial size */
    }

    50% {
        transform: scale(1);
        /* Slightly larger at midpoint */
        color: #4bd6f5;
    }

    100% {
        transform: scale(1);
        /* Return to initial size */
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
        /* Initial size */
    }

    50% {
        transform: scale(1.2);
        /* Slightly larger at midpoint */
        color: #4bd6f5;
    }

    100% {
        transform: scale(1);
        /* Return to initial size */
    }
}

@keyframes pulses {
    0% {
        transform: scale(1);
        /* Initial size */
    }

    50% {
        transform: scale(1.1);
        /* Slightly larger at midpoint */
        color: #4bd6f5;
    }

    100% {
        transform: scale(1);
        /* Return to initial size */
    }
}