/*
Theme Name: Rajnikant Portfolio
Description: My Portfolio Site
Author: Rajnikant Kakadiya
version:1.0.0
*/

@font-face {
    font-family: 'Lato';
    src: url(fonts/Lato-Regular.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url(fonts/Lato-Bold.woff2) format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url(fonts/RalewayThin-Regular.woff2) format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Raleway';
    src: url(fonts/Raleway-Regular.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url(fonts/Raleway-SemiBold.woff2) format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

:root {
    --bs-font-sans-serif: 'Lato', sans-serif;
    --bs-body-font-size: 1.3rem;
    --bs-body-color: var(--rk-white);
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.6;
    --bs-btn-hover-border-color: transparent;
    --rk-font-Raleway: 'Raleway';

    --rk-margin-14: 1.4rem;
    --rk-margin-10: 1rem;
    --rk-margin-8:  0.8rem;
    --rk-margin-4:  0.4rem;

    --rk-primery : #44ada6;
    --rk-primery-hover : #2ca8a0;
    --rk-primery-hover-v2 : #24837A;
    --rk-white : #ffffff;
    --rk-white-100 :#eeeeee;
    --rk-black : #000000;
    --rk-black-100 : #141414;
    --rk-black-200 : #111111;
    --rk-secondary : rgba(0,0,0,0.2);
    --rk-secondary-border :#fff;
    --rk-grey :#8c8c8c;
    --rk-grey-100 :#6b6b6b;
    --rk-grey-200 : #363636;
    --rk-aqua-blue:#46d4fe;
    --rk-blue:#37589b;
    --rk-aqua-blue-100:#419cca;
    --rk-pink:#c94e8e;
}

@media (min-width:768px){
    :root { 
        --bs-body-font-size: 1.6rem;
    }
}

html { font-size: 10px; height: 100%; font-family: var(--bs-font-sans-serif);   }
body,html { position: relative;  overflow-x: clip; }
body { min-width: 32rem;  min-height: 100%; }

/* ratio settings */
.ratio img,
.ratio video,
.ratio iframe { display: block; width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 1; object-fit: cover; }
.ratio.contain img,
.ratio.contain video { object-fit: contain; }

blockquote.blockquote { font-size: var(--bs-body-font-size); margin-bottom: 2.4rem; }
strong { font-weight: 800; }
del,s { color: var(--rk-black);  line-height: 1.6; }

ul, ol { margin-bottom: 2rem;  }
ul { list-style: none outside; margin-left: 0.7rem; }
ol { list-style: decimal; margin-left: 1.5rem; }
ol, ul.square, ul.circle, ul.disc { }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc, .entry-content-wrapper ul { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 0.4rem 0 0.5rem 3rem;  }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 0.6rem; }

[class*="rk-icon-"] { font-size: 1em; width: 1em; max-width: 1em; flex: 0 0 1em; display: block; position: relative; }
[class*="rk-icon-"]::before { content: ""; display: block; padding-top: 100%; position: relative; width: 100%; z-index: 1; }
[class*="rk-icon-"] svg,
[class*="rk-icon-"] img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; }

::selection { color: var(--rk-white);  background: var(--rk-primery); }

/* common typography */
.container,
.container-fluid { --bs-gutter-x: 3rem;  }

@media(min-width: 768px){ 
    .container,
    .container-fluid  { --bs-gutter-x: 10rem; }
}

@media(min-width: 1200PX){
    .container { max-width: 131rem; }
}

small,
.small { font-size: 0.8em; line-height: 1.4; display: inline-block; }
  
.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5 ,h5, .h6, h6 { font-weight: 600;  line-height: 1.1; font-family: var(--rk-font-Raleway); color: var(--rk-white); }
  
h1,.h1 { font-size: 3.4rem; margin-bottom: 2.2rem; }
h2,.h2 { font-size: 2.8rem; margin-bottom: 1.8rem; }
h3,.h3 { font-size: 2.4rem; margin-bottom: 1.6rem; font-weight: 300; }
h4,.h4 { font-size: 1.8rem; margin-bottom: 1.4rem; }
h5,.h5 { font-size: 1.6rem; margin-bottom: 1.2rem; }
h6,.h6 { font-size: 1.4rem; margin-bottom: 1rem; }

@media (min-width:768px){
    h1,.h1 { font-size: 4rem; }
    h2,.h2 { font-size: 2.9rem; }
    h3,.h3 { font-size: 2.8rem; }
    h4,.h4 { font-size: 1.9rem; }
    h5,.h5 { font-size: 1.7rem }
    h6,.h6 { font-size: 1.5rem; }
}

@media (min-width:1368px){
    h1,.h1 { font-size: 6rem; }
    h2,.h2 { font-size: 3rem; }
    h3,.h3 { font-size: 2.9rem; }
    h4,.h4 { font-size: 2rem; }
    h5,.h5 { font-size: 1.8rem }
    h6,.h6 { font-size: 1.5rem; }
}

.rk-section{padding: 3rem 0; }
.rk-section-inner{padding: 3rem 0; }

@media (min-width:1200px){
  .rk-section{padding: 6.5rem 0; }
  .rk-section-inner{padding: 6.5rem 0; }
}

.btn {
    --bs-btn-padding-x: 1.6rem;
    --bs-btn-padding-y: 1.55rem;
    --bs-btn-font-family:var(--bs-font-sans-serif) ;
    --bs-btn-font-size: 1.2rem;
    --bs-btn-font-weight: 700;
    --bs-btn-line-height: 1.2;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-border-radius: 0.3rem;
    --bs-btn-disabled-opacity: 0.65;
    --bs-border-width: 0.1rem;
    --bs-btn-hover-border-color:transparent;
    --bs-btn-disabled-border-color:transparent;
    --bs-btn-active-border-color:transparent;
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    justify-content: center;
}

.btn-text { display: block; }

.btn:hover,.btn:active {--bs-btn-hover-border-color:transparent;  opacity: 0.9; }
.btn:hover .btn-text { opacity: 0.9; }
.btn:focus-visible { text-decoration: none; --bs-btn-hover-border-color:var(--rk-primery-hover); --bs-btn-focus-box-shadow: 0 0.4rem 1.4rem 0 rgba(44, 168, 160, 0.35); }


 .btn-primary {
    --bs-btn-color: var(--rk-white);
    --bs-btn-bg: var(--rk-primery-hover-v2);
    --bs-btn-hover-color: var(--rk-white);
    --bs-btn-hover-bg: var(--rk-primery-hover);
    --bs-btn-active-color: var(--rk-white);
    --bs-btn-active-bg: var(--rk-primery-hover);
    --bs-btn-disabled-color: var(--rk-white);
    --bs-btn-disabled-bg: var(--rk-primery-hover);
    --bs-btn-hover-border-color:var(--rk-primery-hover);
    --bs-border-width: 0rem;
    min-width: 14rem;
} 

.btn-secondary { 
    --bs-btn-padding-y: 1.2rem;
     --bs-btn-color: var(--rk-white);
    --bs-btn-bg: var(--rk-secondary);
    --bs-btn-hover-color: var(--rk-white);
    --bs-btn-hover-bg: var(--rk-secondary);
    --bs-btn-active-color: var(--rk-white);
    --bs-btn-active-bg: var(--rk-secondary);
    --bs-btn-disabled-color: var(--rk-white);
    --bs-btn-disabled-bg: var(--rk-secondary);
    --bs-border-width: 0.3rem;
    --bs-btn-border-color: var(--rk-secondary-border) !important;
    --bs-btn-hover-border-color:var(--rk-secondary-border) !important;
    --bs-btn-active-border-color:var(--rk-secondary-border) !important;
    min-width: 14rem;
    background: transparent;
}
.btn-secondary:focus-visible { --bs-btn-focus-box-shadow: 0 0.4rem 1.4rem 0 rgba(255, 255, 255, 0.35); }
.btn-pink { 
    --bs-btn-padding-y: 1.3rem;
     --bs-btn-color: var(--rk-white);
    --bs-btn-bg: var(--rk-secondary);
    --bs-btn-hover-color: var(--rk-white);
    --bs-btn-hover-bg: var(--rk-pink);
    --bs-btn-active-color: var(--rk-white);
    --bs-btn-active-bg: var(--rk-pink);
    --bs-btn-disabled-color: var(--rk-white);
    --bs-btn-disabled-bg: var(--rk-secondary);
    --bs-border-width: 0.3rem;
    --bs-btn-border-color: var(--rk-white) !important;
    --bs-btn-hover-border-color:var(--rk-white) !important;
    --bs-btn-active-border-color:var(--rk-white) !important;
    min-width: 14rem;
    background: transparent;
    transition: all 0.3s ease-in-out;
}
.btn-link { 
    --bs-btn-padding-y: 1.3rem;
     --bs-btn-color: var(--rk-primery);
    --bs-btn-bg: transparent;
    --bs-btn-hover-color: var(--rk-pink);
    --bs-btn-hover-bg: transparent;
    --bs-btn-active-color: var(--rk-pink);
    --bs-btn-active-bg: transparent;
    --bs-btn-disabled-color: var(--rk-pink);
    --bs-btn-disabled-bg: var(--rk-secondary);
    --bs-border-width: 0.3rem;
    text-decoration: none;
    min-width: 14rem;
    background: transparent;
    transition: all 0.3s ease-in-out;
}
.btn-link:hover .btn-text {  text-decoration: underline; }

a { text-decoration: none; color:var(--rk-primery); }
a:not(.btn):not(:focus):not(.rk-social-icon-box a):not(.rk-scroll-btn):not(.rk-contact-wrapper .text-a-block a):not(.rk-project-box):not(.rk-social-icon-box-v2):not(.rk-scroll-top):hover { text-decoration: underline;  color:var(--rk-pink) }
a{outline: 0 solid transparent ; text-decoration: underline var(--rk-primery); text-decoration: none; }
a:focus-visible { text-decoration: underline; }


/* text-a-block */
.text-a-block { display: flex; flex-direction: column; }
.text-a-block > :first-child { margin-top: 0; }
.text-a-block > :last-child { margin-bottom: 0; }
.text-a-block > .text-a-desc *{margin-bottom: 1.4rem; }
.text-a-block > .text-a-desc *:last-child {margin-bottom: 0; }
.text-a-desc  *:last-child{margin-bottom: 0; }

.btn-wrapper {margin:  2.5rem -1rem -1rem -1rem; display: flex; flex-wrap: wrap; }
.btn-wrapper .btn { margin:0 1rem 1rem  1rem; }
p{margin-bottom: 1.5rem; line-height: 1.3; font-family: var(--bs-font-sans-serif); }

@media (max-width:576px){
  .text-a-block > .btn-wrapper { justify-content: center; }
}

@media (min-width:768px){
    .text-a-block > .text-a-desc *{margin-bottom: 1.5rem; }
    .btn-wrapper {margin:  3.5rem -1rem -1rem -1rem; } 
}


input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="tel"], input[type="button"], input[type="reset"], input[type="submit"], button {font-family: var( --bs-font-sans-serif); font-weight: 400; -webkit-appearance: none; }
.form-group {margin-block-end: 1.6rem}

/* placeholder */
.form-control::placeholder { color: #B8B8B8 !important; }
.form-control:-ms-input-placeholder { color: #B8B8B8 !important; }
.form-control::-ms-input-placeholder { color: #B8B8B8 !important; }

.form-label {margin-block-end: 0.8rem; }
.form-control-wrapper {display: block;position: relative; }
.form-control {position: relative; --bs-body-bg:transparent; font-size: var(--bs-body-font-size); --bs-border-width: 0.2rem; border-radius: 0.2rem; outline: none; box-shadow: none; padding: 1.3rem; height: 4.8rem; transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out; box-shadow: none !important; }
.form-control:focus{border-color:var(--rk-white) }
textarea.form-control { min-height: 19.8rem; padding: 1.3rem; overflow: hidden; resize: vertical; }
.form-control.is-invalid, .was-validated .form-control:invalid { --bs-form-invalid-border-color: #DF653E; background-image: none; }
.form-control.is-valid, .was-validated .form-control:valid { --bs-form-valid-border-color: #9AA600; background-image: none; }
:focus-visible:not(.btn):not(input):not(textarea) { outline: 0.2rem solid var(--rk-primery-hover); border-radius: 1rem; }
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill { -webkit-box-shadow: 0 0 0 100rem transparent inset !important; box-shadow: 0 0 0 100rem transparent inset !important; -webkit-text-fill-color: #fff !important;  background-color: transparent !important; transition: background-color 5000s ease-in-out 0s; }

/* Invalid field: red border */
.wpcf7-not-valid { border: 0.2rem solid #DF653E !important; }

/* Valid field: green border after form was submitted */
.was-validated .wpcf7-form-control:not(.wpcf7-not-valid) { border: 0.2rem solid #9AA600 !important; }
 .is-valid { border: 0.2rem solid #9AA600 !important; } 
.wpcf7-spinner { display: none !important; }
.wpcf7 form .wpcf7-response-output { margin: 0 !important; padding: 0 !important;  border-color: transparent !important; }


/* header */
.site-header { background-color: #080808; }
.site-header-row { padding: 0.25rem 0; display: flex; align-items: center; justify-content: space-between; }
.site-logo { display: block; flex-shrink: 0; width: 5.8rem; --bs-aspect-ratio: 129.3103448275862%; background-color: var(--rk-black-200); }
.site-logo img { height: 100%; width: 100%; object-fit: contain; }
.nav-btn { height: 4.4rem; width: 4.4rem; z-index: 7; border-radius: 0.2rem; color: var(--rk-white); border: 0.1rem solid #2b2b2b; font-weight: 400; font-size: 3rem; display: flex; align-items: center; justify-content: center; }
.nav-btn:hover,.nav-btn:active { --bs-btn-active-color:var(--rk-white); background-color: var(--rk-primery); --bs-btn-active-border-color:#2b2b2b }
.nav-btn:hover i,.nav-btn:active i { color: var(--rk-white); }

.nav-btn .rk-icon-close{display: none; }
html.nav-expanded .nav-btn .rk-icon-menu{display: none; }
html.nav-expanded .nav-btn .rk-icon-close{display: block; }
html.nav-expanded { overflow: hidden; }
.rk-iteam-list { position: fixed; top: 0; padding: 8.9rem 0.5rem 0 0.5rem !important; left: 0; z-index: 6; border-left:  0.1rem solid var(--rk-grey-200); padding-inline-start: 0; height: 100%; width: 100%; background-color:var(--rk-black-100); margin: 0; transform: translate(100%, -70%); transition: transform 0.6s ease-in-out; }
html.nav-expanded .rk-iteam-list { transform: translate(0); }

.rk-iteam-list li a { position: relative; padding: 1.3rem 2.8rem; line-height: 1.65; border-bottom: 0.1rem solid var(--rk-grey-200); font-size: 1.6rem; font-weight: 400; display: block; width: 100%; color: var(--rk-white); text-decoration: none; } 
.rk-iteam-list li:first-child a { border-top:  0.1rem solid var(--rk-grey-200); }
.rk-iteam-list li a::before { position: absolute; content: "\25BA"; top: 50%; left: 1.8rem; transform: translateY(-50%); font-size: 0.7rem; color: var(--rk-primery); }
.rk-iteam-list li a:hover::before { color: var(--rk-white); }
.rk-iteam-list li a:hover { text-decoration: none !important; background-color: var(--rk-primery); color: var(--rk-white) !important; }
.rk-iteam-list li a span { display: block; }

@media (min-width:768px){
  .site-header { display: none; }
}

/* footer */
.site-footer { background-color: var(--rk-black); }
.site-footer-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.rk-copyright-box { display: block; font-size: 1.1rem; color: var(--rk-white-100); }
.rk-social-icon-box ul { display: flex; align-items: center; margin: 0; }
.rk-social-icon-box { margin-left: auto; font-size: 1.2rem; }
.rk-icon { height: 3rem; width: 3rem;  background: var(--rk-black); display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: background-color 0.3s ease-out; }
.rk-social-icon-box a { color: var(--rk-grey); }
.rk-social-icon-box a:hover { color: var(--rk-white); }
.rk-social-icon-box a.twitter:hover  .rk-icon,.rk-social-icon-box a.twitter:focus-visible .rk-icon { background-color: var(--rk-aqua-blue); }
.rk-social-icon-box a.facebook:hover .rk-icon,.rk-social-icon-box a.facebook:focus-visible .rk-icon { background-color: var(--rk-blue); }
.rk-social-icon-box a.linkedin:hover  .rk-icon,.rk-social-icon-box a.linkedin:focus-visible .rk-icon { background-color: var(--rk-aqua-blue-100); }

.rk-scroll-top { position: fixed; opacity: 0; visibility: hidden; height: 5rem; width: 5rem; border-radius: 0.2rem; bottom: 5rem; right: 5rem; z-index: 100; background-color: var(--rk-black); color: #eeeeee ; border: 0.1rem solid #222222; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; }
.rk-scroll-top.show { opacity: 0.7; visibility: visible; border: 0.1rem solid #363636; }
.rk-scroll-top:hover { background-color: var(--rk-black-200); color: var(--rk-primery); }
@media (max-width:767px){
  .rk-scroll-top { display: none; }
}

/* hero */
.rk-section.hero { padding: 2.5rem 0; height: 91.1rem; width: 100%; position: relative; background-color: #282828; }
.rk-section.hero .rk-section-inner { padding: 2.5rem 0; position: relative; height: 100%; z-index: 5; display: flex; align-items: center; justify-content: center; }
.rk-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; display: block; background-image: url(./gfx/creative-hero-image-grey3.avif);  background-repeat: no-repeat; background-position: center; background-size: cover; }

.rk-bg img{ height: 100%; width: 100%; object-fit: contain; display: none; }
.rk-bg img:nth-child(1) { display: block; }
.rk-content-wrapper { display: flex; align-items: center; justify-content: center;  }
.rk-content-wrapper .text-a-block { align-items: center; text-align: center; }
.rk-content-wrapper .h1 { text-transform: uppercase;  margin-bottom: 1.5rem; }
/* .rk-content-wrapper .text-a-desc { color: var(--rk-grey-100); } */
.rk-content-wrapper .text-a-desc { color:#bdbdbd; }

.rk-scroll-btn { position: absolute; color: var(--rk-white); display: flex; align-items: center; justify-content: center; left: 50%; bottom: 0; transform: translateX(-50%); height: 6rem; width: 6rem; font-size:3rem; z-index: 5;  animation: avia_fade_move_down 2s ease-in-out infinite; }

@keyframes avia_fade_move_down {
  0%    { transform: translate(-50%, -2rem); opacity: 0; }
  50%   { opacity: 1; }
  100%  { transform: translate(-50%, 2rem); opacity: 0; }
}

@media (min-width:768px){
  .rk-section.hero { height: 91.1rem; } 
  .rk-content-wrapper .text-a-desc { font-size: 1.9rem; }
  .rk-scroll-btn { font-size: 6rem; height: 6rem; width: 8rem; }
}
@media (min-width:1200px){
  .rk-section.hero { height: 100dvh; }
}

.rk-section.project-heading {padding: 3.5rem 0; background-color: var(--rk-black-100); border-bottom: 0.1rem solid var(--rk-grey-200); }
.rk-section.project-heading .rk-section-inner {padding: 3.5rem 0; }
.rk-text-heading em { font-family: 'Palatino Linotype',sans-serif; color: var(--rk-primery); font-size: 3.12rem; line-height: 0.5; }


/* project box */
.rk-section.project { background-color: var(--rk-black); color: var(--rk-white); padding: 0; }
.rk-section.project .rk-section-inner { padding: 0; }
.rk-project-wrapper { text-decoration: none; background-color: var(--rk-black); padding: 1.5rem 0; }
.rk-project-box { position: relative; }
.rk-project-thumb { --bs-aspect-ratio:72.90780141843972%; overflow: hidden; }
.rk-project-thumb img { opacity: 0.7; transition: all 0.4s ease-in-out; }
.rk-project-shape { position: absolute; background-color: var(--rk-black-100); top: 0rem; left: 50%; height: 1rem; width: 1rem; transform:translate(-50%, -50%) rotate(45deg); }
.rk-project-title { position: absolute; bottom: 0; left: 0; right: 0; padding: 2rem; z-index: 2; background-color: var(--rk-black-100); }
.rk-project-title .text-a-block {align-items: flex-start; }
.rk-project-title .h3 {font-size: 1.5rem; margin-bottom: 0.4rem;  }
.rk-project-title .btn-wrapper { margin: 0; }
.rk-project-box .btn-link {font-size: 1.6rem; transition: none; text-decoration: none }
.rk-project-row { --bs-gutter-x : 1.4rem; --bs-gutter-y: 1.5rem; }
.rk-project-box:hover img,.rk-project-box:focus-visible img { opacity: 1; transform: scale(1.05, 1.05); }
.rk-project-box:focus-visible .btn-link { outline: 0.2rem solid var(--rk-primery-hover); border-radius: 1rem; }

@media (min-width:480px) and (max-width:767px){
  .rk-project-col { width: 50%; flex: 0 0 50%; max-width: 50%; }
}
@media (min-width:768px){
  .rk-section.project .container-fluid { --bs-gutter-x:3rem; }
}
/* About */
.rk-section.about { background-color: var(--rk-black-200); }
.rk-about-wrapper {  display: flex; align-items: center; justify-content: center; flex-direction: column; }
.rk-about-thumb { width: 14rem; flex-shrink: 0; border-radius: 50%; overflow: hidden; margin-bottom: 3rem; background-color: var(--rk-black); }
.hr-line { display: block;  height: 0.3rem; width: 5rem; background-color: var(--rk-primery); margin: 3rem 0; }
.rk-about-wrapper .text-a-desc { font-size: 1.6rem; margin-bottom: 3.36rem; }
.rk-about-wrapper .text-a-desc * { margin-bottom: 1.36rem; }
.rk-about-wrapper .text-a-desc *:last-child { margin-bottom: 0; }
.rk-pc-row { --bs-gutter-x: 7.2rem ;  --bs-gutter-y:2rem; }
.rk-pc-col { display: flex; flex-direction: column; align-items: center; text-align: center; }
.rk-project-count-box { width: 100%; }
.rk-project-count { display: block; font-weight: 400; font-size: 3rem; line-height: 1; }
.rk-project-count-txt { font-size: 1.5rem; }

@media (min-width:768px){
  .rk-about-wrapper .text-a-desc { margin-bottom: 6.36rem; }
  .rk-about-thumb { width: 18rem;  margin-bottom: 4rem; }
  .hr-line { margin: 5.1rem 0; }
  .rk-project-count { font-size: 4rem; }
}

/* client slider */
.rk-section.client-review { position: relative; background-color: var(--rk-black-100); }
.rk-client-review-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; display: block; }
.rk-client-review-bg img { height: 100%; width: 100%; object-fit: cover; display: block; }

.rk-section-opacity-box { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; opacity: 0.8; background-color: var(--rk-black); }
.rk-client-review-wrapper { position: relative; max-width: 31.8rem; margin: auto; }
.rk-client-review-wrapper .h3 { text-align: center; margin-bottom: 3rem; margin-left: auto; margin-right: auto;  }
.rk-client-detail-wrapper { padding: 0 2rem; margin: auto;  display: flex; flex-direction: column; align-items: center; justify-content: center; }
.rk-client-detail-wrapper .text-a-block { width: 100%; align-items: center; text-align: center; margin-bottom: 3rem; padding: 0 1.5rem; }
.rk-client-detail-wrapper .text-a-desc { margin-bottom: 3rem; font-size: 1.768rem;  }
.rk-client-detail-wrapper .text-a-desc * { line-height: 1.65; }

.rk-client-profile-box { display: flex; flex-direction: column; align-items: center; }
.rk-client-thumb { width: 8rem; margin-bottom: 1.92rem; flex-shrink: 0; border-radius: 50%; overflow: hidden; background-color: var(--rk-black-200); }
.rk-client-info { display: flex; flex-direction: column;  text-align: start; }
.rk-client-name { font-size: 1.6rem; }
.rk-client-name strong { font-weight: 700; }
.rk-clienat-loaction { font-size: 1.2rem; font-weight: 400; color: var(--rk-white); opacity: 0.7; line-height: 2.2; }

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: ""; }
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: ""; }
.rk-cr-prev,.rk-cr-next { height: 6rem; width: 6rem; font-size: 3rem; color: var(--rk-white);  --swiper-navigation-top-offset:10%; --swiper-navigation-sides-offset:-2rem; transition: all 0.3s ease-out; }
.rk-cr-prev:hover,.rk-cr-next:hover { color: var(--rk-white) !important; opacity: 0.9; }
.rk-section.client-review .container { max-width: 100%; }
.rk-client-btn-wrapper { position: absolute; top: 4%; left: 0; right: 0; margin: 0 auto; }

@media (min-width:414px){
  .rk-client-review-wrapper { max-width: 35.1rem; }
}
@media (min-width:480px){
  .rk-client-profile-box {flex-direction: row; }
  .rk-client-thumb { margin-right: 1rem; margin-bottom: 0; }
  .rk-client-info { align-items: flex-start; }
}
@media (max-width:576px){
  .rk-client-review-wrapper .h3 { max-width: 47.6rem; }
  .rk-client-review-wrapper,
  .rk-client-detail-wrapper { max-width: 47.6rem; }
}
@media (min-width:576px){
  .rk-client-review-wrapper { max-width: max-content; }
  .rk-cr-prev,.rk-cr-next { --swiper-navigation-sides-offset:1rem; }
}

@media (min-width:768px){
  .rk-client-detail-wrapper  { padding: 0 10rem; }
  .rk-cr-prev,.rk-cr-next { font-size: 4rem; --swiper-navigation-sides-offset: 2rem; }
  .rk-client-review-wrapper .h3 { margin-bottom: 4rem; }
  .rk-client-detail-wrapper .text-a-desc { font-size: 2.08rem; }
  .rk-client-name { font-size: 1.92rem; }
}
@media (min-width:1368px){
  .rk-client-review-wrapper,
  .rk-client-detail-wrapper { max-width: 121rem; }
  .rk-client-btn-wrapper { max-width: 121rem; }
}

.rk-client-slider { overflow: visible; }

/* Base style for all swiper slides */
.swiper-fade .swiper-slide { cursor: grab; opacity: 0 !important; transition-property: opacity !important; pointer-events: none; }

/* Active one is fully visible */
.swiper-fade .swiper-slide.swiper-slide-active { opacity: 1 !important; pointer-events: auto; }

/* Service */
.rk-section.service { background-color: var(--rk-black-100);  }
.rk-service-wrapper { margin: auto; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.rk-sevice-row { --bs-gutter-y:2rem }
.rk-service-box { display: flex; align-items: flex-start;   padding-top: 0.2rem; }
.rk-service-icon-box { display: flex; align-items: center; justify-content: center;  flex-shrink: 0; width: 6rem; height: 6rem; margin-right: 2.2rem;  border: 0.1rem solid var(--rk-grey-200); border-radius: 50rem; }
.rk-service-thumb { width: 2.9rem; }
.rk-service-box .h3 { font-size: 1.6rem; margin-bottom: 0.5rem; font-family: var(--rk-font-Raleway); text-transform: uppercase; letter-spacing: 0.1rem; }
.rk-service-box .text-a-desc * { font-size: 1.6rem; line-height: 1.65; }

@media (min-width:768px){
  .rk-sevice-row { --bs-gutter-x:7.26rem; --bs-gutter-y: 5rem }
  .rk-service-icon-box { width: 7.4rem; height: 7.4rem;  }
  .rk-service-thumb { width: 2rem; }
  .rk-service-box .h3 {  margin-bottom: 1.06rem; }
}

/* contact */
.rk-section.contact { position: relative; background-color: var(--rk-black); }
.rk-contact-bg {  top: 0; left: 0; height: 100%; width: 100%; background-color: var(--rk-black); background-image: url(gfx/dots-for-dark-background.png); background-repeat: repeat; position: absolute; }
.rk-contact-wrapper { display: flex; flex-direction: column; align-items: center; position: relative; margin: auto; }
.rk-contact-form { width: 100%; }
.rk-contact-input-row { --bs-gutter-x: 0.6297rem }
.rk-contact-form .btn-wrapper { margin-top: 2.3rem; margin-bottom: 0rem;  }
.rk-contact-form .btn-wrapper .btn { font-size: 1.472rem; text-transform: none; --bs-btn-padding-y: 1.425rem; --bs-btn-padding-x:2rem; min-width: 14.2rem; }

/* social */
.rk-section.social { background-color: var(--rk-black-100); }
.rk-social-wrapper { margin: 0 auto; }
.rk-social-wrapper .text-a-block .h3 { margin-bottom: 3rem; }
.rk-social-icon-box-v2 { position: relative; height: 8rem; width: 8rem; color: var(--rk-white);  margin: 0 auto; display: flex; align-items: center; justify-content: center; border-radius: 10rem; border: 0.3rem solid var(--rk-white); }
.rk-social-icon { width: 4.4rem; flex-shrink: 0; }
.rk-social-icon-box-v2::after { content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; border-radius: 50%;  transform: translate(-50%, -50%) scale(0.9); box-shadow: 0 0 0 2px rgba(255,255,255,0.1); opacity: 0; z-index: 0; pointer-events: none; box-sizing: border-box; transition: none; }

.rk-social-icon-box-v2:hover::after { animation: sonarEffect 1s ease-out forwards; }
.rk-social-icon-box-v2:focus-visible { border-radius: 10rem !important; }
.rk-social-icon-row { --bs-gutter-y: 2rem; }
.rk-social-icon-col { display: flex; align-items: center; }

@keyframes sonarEffect {
  0% { opacity: 0.3; transform: translate(-50%, -50%) scale(0.9); }
  40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 1rem 1rem #fff, 0 0 0 1rem rgba(255,255,255,0.5); }
  100% { opacity: 0; box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 1rem 1rem #fff, 0 0 0 1rem rgba(255,255,255,0.5); transform: translate(-50%, -50%) scale(1.5); }
}

@media (min-width:768px){
  .rk-social-wrapper .text-a-block .h3 { margin-bottom: 5.1rem; }
  .rk-social-icon-row { --bs-gutter-x:7.2594rem; }
  .rk-social-icon-box-v2 {  height: 10.7rem; width: 10.7rem; }
}

.rk-section.error { background-color: var(--rk-black); height: calc(100dvh - 3rem); display: flex; align-items: center; justify-content: center; }