:root{
    --bs-primary : #4b8ef1;
}
.btn {
    font-weight: 600;
    transition: .5s;
}

.btn-lg-square {
    width: 56px;
    height: 56px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    border-radius: 50%;
}

.btn.btn-primary {
    background: var(--bs-primary) !important;
    color: var(--bs-white) !important;
    font-weight: 400;
    transition: 0.5s;
}

.btn.btn-primary:hover {
    background: var(--bs-white) !important;
    color: var(--bs-primary) !important;
}

/*** Contact Start ***/
.contact {
position: relative;
overflow: hidden;
transition: 0.5s;
z-index: 1;
}

.contact::after {
content: "";
position: absolute;
top: 10%;
left: -1%;
width: 400px;
height: 400px;
border-radius: 200px;
border: 60px solid rgba(102, 16, 242, 0.05);
background: transparent;
animation: ContactMoveLeft 50s linear infinite;
z-index: -1;
}

@keyframes ContactMoveLeft {
0%   {left: 0px;}
25%   {top: 100px;}
50%   {left: 90%;}
75%   {top: 80%;}
100%  {left: 0px;}
}

.contact::before {
content: "";
position: absolute;
top: 10%;
right: -1%;
width: 400px;
height: 400px;
border-radius: 200px;
border: 60px solid rgba(102, 16, 242, 0.05);
background: transparent;
animation: ContactMoveRight 50s linear infinite;
z-index: -1;
}

@keyframes ContactMoveRight {
0%   {right: 0px;}
25%   {top: 100px;}
50%   {right: 90%;}
75%   {top: 80%;}
100%  {right: 0px;}
}
/*** Contact End ***/
.contact-content p{
font-weight: 500;
}
.contact-content .d-flex .contact-icon{
font-size: 2.7rem !important;
color: #4b8ef1 !important;
}